@charset "UTF-8";

/* header
===================================*/
header {
	border-bottom:none;
}

@media screen and (max-width: 798px) {

}

/* ぱんくず
===================================*/
.topic_path {
	width:100%;
	min-width:1100px;
	margin:0 auto;
	padding:0;
	background:#eaeaea;
	clear:both;
}
#topic_path_block {
	width:1000px;
	margin:0 auto;
	padding:8px 0 6px;
}
#topic_path_block ul {
	margin:0;
	padding:0;
}
#topic_path_block li {
	list-style:none;
	margin:0 10px;
	padding-left:20px;
	float:left;
	font-size:93%;
	background:url(../img/common/topicpath_arrow.png) left center no-repeat;
}
#topic_path_block li a {
	color:#0081cb;
	text-decoration:underline;
}
#topic_path_block li a:link,
#topic_path_block li a:visited {
	color:#0081cb;
	text-decoration:underline;
}
#topic_path_block li a:hover,
#topic_path_block li a:focus {
	color:#0081cb;
	text-decoration:none;
}
#topic_path_block li a:active {
	color:#0081cb;
	text-decoration:none;
}
#topic_path_block li#home {
	margin-left:0;
	padding-left:0;
	background:none;
}
#topic_path_block li strong {
	font-weight:normal;
}

@media screen and (max-width: 798px) {
	.topic_path {
		display:none;
	}
}

/* wrapper
===================================*/
#wrapper {
	width:100%;
	min-width:1100px;











	margin:0 auto;
	background:#ebebeb url(../img/common/wrapper_bg.gif) center top repeat-x;
}

@media screen and (max-width: 798px) {
	#wrapper {
		min-width:100%;
		background:#fff;
	}
}

/* container
===================================*/
#container {
	width:1100px;
	margin:0 auto;
	padding:0;
	clear:both;
}

/* title */
#pagetitle {
	/*position:relative;*/
	width:1100px;
	height:230px;
	padding:0;
}
#pagetitle p {
	/* position: absolute; */
	display: block;
	width: 1100px;
	/* margin-top: 208px; */
	text-align: center;
	color: #00a1fd;
	font-size: 108%;
	padding-top: 68px;
}
#pagetitle p span {
	display:block;
	color:#000;
	font-family: 'Fjalla One', sans-serif;
	font-size:357%;
}

@media screen and (max-width: 798px) {
	#container {
		width:100%;
	}

	/* title */
	#pagetitle {
		position: static;
		border-bottom:none;
		width:100%;
		height:auto;
		padding: 0;
		padding-bottom:10px;
		background:url(../img/common/sp_title01.png) center bottom repeat-x;
		-moz-background-size:320px auto;
		-webkit-background-size:320px auto;
		-o-background-size:320px auto;
		-ms-background-size:320px auto;
		background-size:320px auto;
		margin-bottom:20px;
	}
	#pagetitle img {
		width:100%;
		height:auto;
	}
	#pagetitle p {
		position: static;
		width: auto;
		padding: 30px 3.125%;
		font-size:100%;
	}
	#pagetitle p span {
		font-size:200%;
	}

}

/* main_contents
===================================*/
#main_contents {
	width:1100px;
	margin:0;
	padding:0 0 10px;
	background:#fff;
	font-size: 116%;

}

@media screen and (max-width: 798px) {
	#main_contents {
		width:100%;
		margin:0;
		float:none;
	}
}

/* side_contents
===================================*/
#side_contents {
	width:265px;
	margin-bottom:25px;
	padding:0 0 25px;
	background:url(../img/common/side_bg.png) 35px 0 repeat-y;
	float:right;
}
#side_contents #side_title {
	width:235px;
	height:230px;
	margin:0;
	padding:0 35px 0 0;
	background:url(../img/common/submenu_title_bg.gif) left top no-repeat;
	line-height:1.0;
}
#side_contents #side_title p {
	padding:75px 20px 0 20px;
	color:#fff;
	font-size:108%;
	font-weight:bold;
}
#side_contents #side_title p span {
	display:block;
	margin-bottom:10px;
	font-family: 'Fjalla One', sans-serif;
	font-size:242.8%;
}
#side_block {
	width:230px;
	margin:0;
	padding:0;
	background:#f6f7f8;
}
#sub_menu {
	margin:0;
	padding:0;
}
#sub_menu ul {
	margin:0;
	padding:0;
}
#sub_menu li {
	margin-top:1px;
}
#sub_menu li a {
	display:block;
	padding:18px 10px 15px 25px;
	background:#c3c3c3 url(../img/common/submenu_arrow03.png) 10px center no-repeat;
	color:#000;
}
#sub_menu li a:hover {
	background:#d5d5d5 url(../img/common/submenu_arrow03.png) 10px center no-repeat;
}
#sub_menu li.current a {
	background:#0081cb url(../img/common/submenu_arrow01.png) 10px center no-repeat;
	color:#fff;
}
#sub_menu li.current a:hover {
	background:#4da7db url(../img/common/submenu_arrow01.png) 10px center no-repeat;
}
#sub_menu li.second_menu a {
	background:#c3c3c3 url(../img/common/submenu_arrow02.png) 10px center no-repeat;
}
#sub_menu li.second_menu a:hover {
	background:#d5d5d5 url(../img/common/submenu_arrow02.png) 10px center no-repeat;
}
#sub_menu li.second_menu ul {
	padding:10px 0;
	background:#fff;
}
#sub_menu li.second_menu ul li {
	margin-top:0;
}
#sub_menu li.second_menu ul li a {
	display:block;
	padding:5px 15px 5px 40px;
	background:#fff url(../img/common/submenu_icon01.png) 25px center no-repeat;
	text-decoration:underline;
}
#sub_menu li.second_menu ul li a:hover {
	background:#eee url(../img/common/submenu_icon01.png) 25px center no-repeat;
}

/* facebook */
#facebook_block {
	width:210px;
	height:380px;
	margin:0;
	padding:10px;
	overflow:hidden;
	background:#333;
	color:#fff;
}

@media screen and (max-width: 798px) {
	#side_contents {
		width:100%;
		margin-bottom:0;
		padding:0;
		background:none;
		float:none;
	}
	#side_contents #side_title {
		display:none;
	}
	#side_block {
		width:100%;
		margin:0;
		padding:10px 0 0;
		background:#efefef;
	}
	#sub_menu li a {
		display:block;
		padding:18px 10.9375% 15px 3.125%;
		background:#c3c3c3 url(../img/common/sp_submenu_arrow02.png) 96% center no-repeat;
		-moz-background-size:10px auto;
		-webkit-background-size:10px auto;
		-o-background-size:10px auto;
		-ms-background-size:10px auto;
		background-size:10px auto;
		color:#000;
	}
	#sub_menu li a:hover {
		background:#c3c3c3 url(../img/common/sp_submenu_arrow02.png) 96% center no-repeat;
		-moz-background-size:10px auto;
		-webkit-background-size:10px auto;
		-o-background-size:10px auto;
		-ms-background-size:10px auto;
		background-size:10px auto;
	}
	#sub_menu li.current a {
		background:#0081cb url(../img/common/sp_submenu_arrow01.png) 96% center no-repeat;
		-moz-background-size:6px auto;
		-webkit-background-size:6px auto;
		-o-background-size:6px auto;
		-ms-background-size:6px auto;
		background-size:6px auto;
		color:#fff;
	}
	#sub_menu li.current a:hover {
		background:#0081cb url(../img/common/sp_submenu_arrow01.png) 96% center no-repeat;
		-moz-background-size:6px auto;
		-webkit-background-size:6px auto;
		-o-background-size:6px auto;
		-ms-background-size:6px auto;
		background-size:6px auto;
		color:#fff;
	}
	#sub_menu li.second_menu a {
		background:#c3c3c3 url(../img/common/sp_submenu_arrow02.png) 96% center no-repeat;
		-moz-background-size:10px auto;
		-webkit-background-size:10px auto;
		-o-background-size:10px auto;
		-ms-background-size:10px auto;
		background-size:10px auto;
	}
	#sub_menu li.second_menu a:hover {
		background:#c3c3c3 url(../img/common/sp_submenu_arrow02.png) 96% center no-repeat;
		-moz-background-size:10px auto;
		-webkit-background-size:10px auto;
		-o-background-size:10px auto;
		-ms-background-size:10px auto;
		background-size:10px auto;
	}
	#sub_menu li.second_menu ul {
		padding:10px 0;
	}
	#sub_menu li.second_menu ul li {
		margin-top:0;
	}
	#sub_menu li.second_menu ul li a {
		display:block;
		padding:5px 6.25% 5px 3em;
		background:#fff url(../img/common/sp_submenu_icon01.png) 25px center no-repeat;
		-moz-background-size:10px auto;
		-webkit-background-size:10px auto;
		-o-background-size:10px auto;
		-ms-background-size:10px auto;
		background-size:10px auto;
		text-decoration:underline;
	}
	#sub_menu li.second_menu ul li a:hover {
		background:#fff url(../img/common/sp_submenu_icon01.png) 25px center no-repeat;
		-moz-background-size:10px auto;
		-webkit-background-size:10px auto;
		-o-background-size:10px auto;
		-ms-background-size:10px auto;
		background-size:10px auto;
	}

	/* facebook */
	#facebook_block {
		display:none;
	}
}

/* parts
===================================*/
/* title */
h1 {
	width: 1000px;
	margin: 0 auto 30px;
	padding: 10px 20px;
	background: #1B4E63;
	color:#fff;
	font-size:200%;
	letter-spacing: 0.05em;
}
h2 {
	margin:40px 0 30px;
	padding:15px 2px 0;
	background:url(../img/common/title03.gif) left top no-repeat;
	font-size:135.8%;
	clear:both;
}
h3 {
	margin:40px 0 30px;
	padding:15px 15px 12px;
	background:url(../img/common/title04.gif) left center no-repeat;
	font-size:123%;
	color:#000;
	clear:both;
}
h4 {
	margin:40px 0 30px;
	padding:0 0 0 20px;
	background:url(../img/common/sp_title05.png) 0 0 no-repeat;
	color:#339ded;
	font-size:123%;
}
@media screen and (max-width: 798px) {
	h1 {
		font-size:135.8%;
		background-size: 11px auto;
		background-position:10px center;
		padding: 10px 20px;
		line-height:1.2em;
		width: auto;
		margin: 0 3.125% 1em;
	}
	h2,
	h3,
	h4 {
		margin:35px 0 15px;
		line-height:1.2em;
	}
	h2 {
		background:url(../img/common/sp_title03.gif) left top no-repeat;
		background-size: auto 3px;
		line-height:
	}
	h3 {
		padding:5px 10px 4px;
		background:url(../img/common/sp_title04.gif) left center no-repeat;
		background-size: auto 100px;
	}
	h4 {
		background-size: 7px auto;
		background-position:0 0.4em;
		padding-left:10px;
	}
}

/* text_area */
.text_area {
	margin:0 0 40px;
	clear:both;
}

.icon_blank,
.icon_pdf {
	width:14px;
	height:14px;
	margin:0 0 2px 2px;
}
p {
	margin-bottom:20px;
}

.dottbox {
	border: dotted 1px #666;
	padding: 10px;
	margin-bottom:20px;
}

@media screen and (max-width: 798px) {
	.text_area {
		margin:0 3.125% 20px;
	}
	.txt_br p {
		margin-bottom:20px;
	}
	.dottbox {
		border: dotted 1px #666;
	}

}

/* img_area */
.img_area {
	margin: 0 50px 40px;
	text-align:center;
}
.img_area img {
	text-align:center;
	margin:0 auto;
}
.img_area img.mw_90 {
	max-width: 90%;
}



@media screen and (max-width: 798px) {

	.img_area {
		margin:0;
		text-align:center;
	}
	.img_area img {
		max-width:100%;
	}
	.img_area img.mw_90 {
		max-width: 100%;
	}
}


/* フォントカラー */
.font_rea {
	color:#c02801;
}
.font_green {
	color:#00b71a;
}

/* リスト */
.list_block {
	margin:0 50px 40px;
	clear:both;
}
.list_block ul {
	margin:0;
	padding:0;
}
.list_block li {
	list-style:none;
	padding:5px 0 5px 15px;
	background:url(../img/common/mark01.png) 0 8px no-repeat;
}
.list_block li ul {
	margin:0 0 0 15px;
	padding:5px 0 0;
}
.list_block li ul li {
	list-style:none;
	padding:5px 0 5px 15px;
	background:url(../img/common/mark02.png) 0 10px no-repeat;
}
@media screen and (max-width: 798px) {
	.list_block {
		margin:0 3.125% 20px;
	}
	.list_block li {
		padding:3px 0 3px 15px;
		background:url(../img/common/sp_mark01.png) 0 8px no-repeat;
		background-size:10px auto;
	}
	.list_block li ul li {
		padding:3px 0 3px 15px;
		background:url(../img/common/sp_mark02.png) 0 8px no-repeat;
		background-size:8px auto;
	}
}

/* リンクリスト */
.link_list_block {
	clear:both;
}
.link_list_block ul {
	margin:0;
	padding:0;
}
.link_list_block li {
	list-style:none;
	margin:0;
	padding:5px 0 5px 15px;
	background:url(../img/common/arrow01.png) 0 8px no-repeat;
}
.link_list_block li a {
	text-decoration:underline;
}
.link_list_block li img {
	width:14px;
	height:auto;
	margin-left:5px;
	vertical-align:middle;
}
@media screen and (max-width: 798px) {
	.link_list_block li {
		padding:3px 0 3px 10px;
		background:url(../img/common/sp_arrow01.png) 0 8px no-repeat;
		background-size:6px auto;
	}
}

.img_text_block {
	margin:0;
	clear:both;
}
.img_text_block .img_area {
	max-width:340px;
	float:left;
	margin-right:20px;
	overflow:hidden;
}
.img_text_block .img_area img {
	max-width:340px;
	height:auto;
}
.img_text_block .img_area .caption {
	text-align:center;
}

.img_text_block .text_area {
	overflow:hidden;
	zoom:1;
	margin:0;
	padding:0;
	clear:none;
}

.text_img_block {
	clear: both;
}
.text_img_block .text_area {
	max-width: 600px;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
}

.text_img_block .img_area {
	float:right;
	overflow:hidden;
}
.text_img_block .img_area img {
	max-width:340px;
	height:auto;
}
.text_img_block .img_area .caption {
	text-align:center;
}
.caption {
	margin-top:5px;
}
@media screen and (max-width: 798px) {

	.text_img_block .text_area {
		margin-bottom: 20px;
	}

	.img_text_block,
	.text_img_block {
		margin:0 3.125% 20px;
	}
	.img_text_block .img_area,
	.text_img_block .img_area {
		width:100%;
		float:none;
		margin:0 auto 10px;
	}
	.img_text_block .img_area img,
	.text_img_block .img_area img {
		max-width:auto;
	}

}


.column3_img_block {
	margin:0 50px 40px 0;
	clear:both;
}
.column3_img_block ul {
	margin-left:0;
	padding:0;
	list-style-type:none;
	text-align:center;
}
.column3_img_block ul li {
	width:270px;
	margin:0 0 20px 20px;
	display:inline-block;
}
.column3_img_block ul li img {
	max-width:100%;
	margin-bottom:10px;
}

@media screen and (max-width: 798px) {
	.column3_img_block {
		margin:0 3.125% 10px;
	}
	.column3_img_block ul li {
		width:auto;
		margin:0 auto 20px;
		text-align:center;
	}
}


.text_link_block {
	margin:0 auto 40px;
	text-align:center;
	clear:both;
}
.text_link_block p a {
	display: inline-block;
	width: 44%;
	font-size: 123%;
	padding:15px 10px 13px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;

}
.text_link_block p a::before,
.text_link_block p a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.text_link_block p a,
.text_link_block p a::before,
.text_link_block p a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.text_link_block p a {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #001e2f;
	color: #001e2f;
}
.text_link_block p a:hover {
	background-color: #001e2f;
	border-color: #001e2f;
	color: #fff;
}
.text_link_block p a::before,
.text_link_block p a::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #fff;
}
.text_link_block p a::before {
	right: 0;
	background: #fff url(../img/common/arrow04.png) right bottom no-repeat;
}
.text_link_block p a::after {
	left: 0;
}
.text_link_block p a:hover::before,
.text_link_block p a:hover::after {
	width: 0;
	background-color: #fff;
}




@media screen and (max-width: 798px) {
	.text_link_block {
		margin:0 3.125% 20px;
	}
	.text_link_block p a {
		display:block;
		width:auto;
		font-size:100%;
		background:#fff url(../img/common/sp_arrow04.png) right bottom no-repeat;
		background-size:12px auto;
	}
}

.table_block {
	margin:0;
	clear:both;
}
.table_block table {
	border-collapse:separate;
	border-spacing: 3px;
	text-align: left;
}
.table_block th {
	width: 33%;
	padding: 15px 15px 12px;
	vertical-align: top;
	border: 1px solid #339ad5;
	background:#339ad5;
	color:#fff;
	font-weight:normal;
}
.table_block td {
	padding: 15px 15px 12px;
	vertical-align: top;
	border: 1px solid #339ad5;
}
@media screen and (max-width: 798px) {
	.table_block {
		margin:0 3.125% 20px;
	}
	.table_block table {
		border-spacing:0;
	}
	.table_block td {
		margin-bottom:3px;
	}
	.table_block th,
	.table_block td {
		width:96%;
		display:block;
		padding: 12px 2% 10px;
	}
}

/* ボタン */
.btn_block {
	margin:0 50px 40px;
	text-align:center;
	clear:both;
}
.btn_block .button {
	margin-bottom:15px;
}
.btn_block .button a {
	display: block;
	margin: 0 auto;
	padding:15px 15px 12px;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.btn_block .button a::before,
.btn_block .button a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn_block .button a,
.btn_block .button a::before,
.btn_block .button a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.btn_block .button a {
	position: relative;
	z-index: 2;
	background-color: #0081cb;
	border: 2px solid #0081cb;
	color: #fff;
}
.btn_block .button a:hover {
	background: #fff;
	border-color: #0081cb;
	color: #0081cb;
}
.btn_block .button a::before,
.btn_block .button a::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #0081cb;
}
.btn_block .button a::before {
	right: 0;
	background: #0081cb url(../img/common/arrow03.png) right bottom no-repeat;
}
.btn_block .button a::after {
	left: 0;
}
.btn_block .button a:hover::before,
.btn_block .button a:hover::after {
	width: 0;
	background-color: #0081cb;
}

.btn_block .btn_pdf a {
	background:#0081cb;
}
.btn_block .btn_pdf img {
	width:18px;
	height:auto;
	margin:0 0 0 5px;
	padding:0;
	vertical-align:middle;
}

/*背景白色ボタン*/
.btn_block .white a {

}
.btn_block .white a::before,
.btn_block .white a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn_block .white a,
.btn_block .white a::before,
.btn_block .white a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.btn_block .white a {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #001e2f;
	color: #001e2f;
}
.btn_block .white a:hover {
	background-color: #001e2f;
	border-color: #001e2f;
	color: #fff;
}
.btn_block .white a::before,
.btn_block .white a::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #fff;
}
.btn_block .white a::before {
	right: 0;
	background: #fff url(../img/common/arrow04.png) right bottom no-repeat;
}
.btn_block .white a::after {
	left: 0;
}
.btn_block .white a:hover::before,
.btn_block .white a:hover::after {
	width: 0;
	background-color: #fff;
}


/*.btn_block .white a {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #001e2f;
	color: #001e2f;
}
.btn_block .white a:hover {
	background-color: #001e2f;
	border-color: #001e2f;
	color: #fff;
}
.btn_block .white a::before,
.btn_block .white a::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #fff;
}
.btn_block .white a::before {
	right: 0;
	background: #fff url(../img/common/arrow03.png) right bottom no-repeat;
}
.btn_block .white a::after {
	left: 0;
	background: none;
}
.btn_block .button .white a:hover::before,
.btn_block .button .white a:hover::after {
	width: 0;
	background-color: #001e2f;
}*/



@media screen and (max-width: 798px) {
	.btn_block {
		margin:0 3.125% 10px;
	}
	.btn_block .button a {
		width:auto;
	}
	.btn_block .white a {
		background:#fff url(../img/common/sp_arrow05.png) right bottom no-repeat;
		background-size:12px auto;
	}
}


/* pager
=========================================*/
.pager {
	clear:both;
	margin: 50px 50px 60px;
	text-align:center;
	padding-left:0;
}
.pager li {
	display: inline-block;
	*display:inline; /* for IE6,7 */
	*zoom:1; /* for IE6,7 */
	margin: 5px 1px; /* for IE6,7 */
	border:1px solid #55acee;
	list-style-type:none;
}
.pager li a,
.pager li span {
	display:block;
	padding:10px 14px;
	color: #55acee;
	text-decoration:none;
}
.pager li a:hover {
	background:#e5f4ff;
}
.pager li span {
	background-color: #0570c7;
	color: #fff;
}
.pager .hidden {
	display: none;
}
@media screen and (max-width: 798px) {
	.pager {
		margin: 15px 20px;
	}
}

/* ボタンのエフェクト
===================================*/
/*基本*/
.button_effect {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.button_effect::before,
.button_effect::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_effect,
.button_effect::before,
.button_effect::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/*スタイル*/
.button_effect {
	position: relative;
	z-index: 2;
	background: #000;
	border: 2px solid #000;
	color: #fff !important;
}
.button_effect:hover {
	background: #fff;
	color: #000 !important;
}
.button_effect::before,
.button_effect::after {
	top: 0;
	width: 50%;
	height: 100%;
	background: #000;
}
.button_effect::before {
	right: 0;
}
.button_effect::after {
	left: 0;
}
.button_effect:hover::before,
.button_effect:hover::after {
	width: 0;
	background-color: #000;
}

.btn_block {
	margin-bottom:20px;
	text-align:center;
	clear:both;
}
.btn_block .button {
	display:inline-block;
	color:#fff;
	background:#CCC url(../img/common/icon_arrow_s.png) right bottom no-repeat;
}
.btn_block .button a {
	display:block;
	padding:12px 40px 10px;
}

/* GoogleMap
===================================*/
.maps {
	width: 100%;
	height: 350px;
}





/* サブメニュー
===================================*/
.sub_nav {
	margin: 0 auto 20px;
	clear: both;
}
.sub_nav li {
	display: block;
	list-style: none;
	width: 230px;
	margin: 5px;
	float: left;
}

.sub_nav li.center {
	display: block;
	list-style: none;
	width: 230px;
	margin: 0px auto;
}

.flex {
	display: flex;
	justify-content: center;
}

.sub_nav li a {
	display: block;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	padding: 28px 30px 25px 10px;
	font-weight: bold;
	font-size: 110%;
	color: #fff;
}
.sub_nav li a::before,
.sub_nav li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
}
.sub_nav li a,
.sub_nav li a::before,
.sub_nav li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.sub_nav li a::before {
	right: 0;
}
.sub_nav li a::after {
	left: 0;
}


.sub_nav li.cl_1 {
	background: #086aaf url(../img/common/arrow06.png) 96% center no-repeat;
}
.sub_nav li.cl_1 a {
	border: 3px solid #086aaf;

}
.sub_nav li.cl_1 a:hover {
	background: #fff;
	border: #086aaf solid 3px;
	color: #086aaf;
}

.sub_nav li.cl_1 a:hover::before,
.sub_nav li.cl_1 a:hover::after {
	width: 0;
	background-color: #086aaf;
}


.sub_nav li.cl_2 {
	background: #11aec5 url(../img/common/arrow06.png) 96% center no-repeat;
}
.sub_nav li.cl_2 a {
	border: 3px solid #11aec5;

}
.sub_nav li.cl_2 a:hover {
	background: #fff;
	border: #11aec5 solid 3px;
	color: #11aec5;
}

.sub_nav li.cl_2 a:hover::before,
.sub_nav li.cl_2 a:hover::after {
	width: 0;
	background-color: #11aec5;
}


.sub_nav li.cl_3 {
	background: #c13480 url(../img/common/arrow06.png) 96% center no-repeat;
}
.sub_nav li.cl_3 a {
	border: 3px solid #c13480;

}
.sub_nav li.cl_3 a:hover {
	background: #fff;
	border: #c13480 solid 3px;
	color: #c13480;
}

.sub_nav li.cl_3 a:hover::before,
.sub_nav li.cl_3 a:hover::after {
	width: 0;
	background-color: #c13480;
}


.sub_nav li.cl_4 {
	background: #69a827 url(../img/common/arrow06.png) 96% center no-repeat;
}
.sub_nav li.cl_4 a {
	border: 3px solid #69a827;

}
.sub_nav li.cl_4 a:hover {
	background: #fff;
	border: #69a827 solid 3px;
	color: #69a827;
}

.sub_nav li.cl_4 a:hover::before,
.sub_nav li.cl_4 a:hover::after {
	width: 0;
	background-color: #69a827;
}


.sub_nav li.cl_5 {
	background: #5e4699 url(../img/common/arrow06.png) 96% center no-repeat;
}
.sub_nav li.cl_5 a {
	border: 3px solid #5e4699;

}
.sub_nav li.cl_5 a:hover {
	background: #fff;
	border: #5e4699 solid 3px;
	color: #5e4699;
}

.sub_nav li.cl_5 a:hover::before,
.sub_nav li.cl_5 a:hover::after {
	width: 0;
	background-color: #5e4699;
}


.sub_nav li.cl_6 {
	background: #69a827 url(../img/common/arrow06.png) 96% center no-repeat;
}
.sub_nav li.cl_6 a {
	border: 3px solid #69a827;

}
.sub_nav li.cl_6 a:hover {
	background: #fff;
	border: #69a827 solid 3px;
	color: #69a827;
}

.sub_nav li.cl_6 a:hover::before,
.sub_nav li.cl_6 a:hover::after {
	width: 0;
	background-color: #69a827;
}












@media screen and (max-width: 798px) {

	.sub_nav {
		width: 100%;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #1b4e63;
	}
	.sub_nav ul {
		margin: 0;
		padding: 0;
	}
	.sub_nav li {
		width: 100%;
		margin: 0;
		float: none;
		background: #fff url(../img/common/sp_arrow06.png) 96% center no-repeat;
		background-size: 12px auto;
	}
	.sub_nav li a {
		display: block;
		text-align: center;
		text-decoration: none;
		outline: none;
	}
	.sub_nav li a {
		color:#ffffff;
		padding: 10px 3.125% 8px;
		border: none;
		border-top: 1px solid #000;
	}
	.sub_nav li a:hover {
		background: #1b4e63;
		border: none;
		border-top: #1b4e63 solid 1px;
		color: #fff;
	}
	.sub_nav li a::before,
	.sub_nav li a::after {
		top: 0;
		width: 50%;
		height: 100%;
	}
	.sub_nav li a::before {
		right: 0;
	}
	.sub_nav li a::after {
		left: 0;
	}
	.sub_nav li a:hover::before,
	.sub_nav li a:hover::after {
		width: 0;
		background-color: #fff;
	}
	.sub_nav li.center {
		width: 100%;
	}



}



/* カテゴリトップ
===================================*/
#categorytop_list {
	margin: 0;
	clear: both;
}
#categorytop_list ul {
	margin: 0;
	padding: 0;
}
#categorytop_list li {
	list-style: none;
	width: 255px;
	/*margin: 0 15px 30px;*/
	float: left;
}
#categorytop_list li a {
	display: block;
	padding: 40px 10px 35px;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #1b4e63;
	text-align: center;
	text-decoration: none;
	outline: none;
}
#categorytop_list li span {
	display: block;
	font-size: 64%;
	font-family: 'Fjalla One', sans-serif;
	font-weight: normal;
}

#categorytop_list li a::before,
#categorytop_list li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#categorytop_list li a,
#categorytop_list li a::before,
#categorytop_list li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#categorytop_list li a {
	position: relative;
	z-index: 2;
	background-color: #fff;
	color: #fff;
}
#categorytop_list li a:hover {
	background-color: #fff;
}




#categorytop_list li a::before,
#categorytop_list li a::after {
	top: 0;
	width: 50%;
	height: 100%;
}
#categorytop_list li a::before {
	right: 0;
}
#categorytop_list li a::after {
	left: 0;
}

#categorytop_list li a:hover::before,
#categorytop_list li a:hover::after {
	width: 0;
}
#categorytop_list li.nonelink {
	display: block;
	padding: 40px 0 38px;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #1b4e63;
	text-align: center;
	text-decoration: none;
	outline: none;
	background: url(../img/common/categorytop_off.gif) left top no-repeat;
}

#categorytop_list li a.cl_1 {
	border: solid 1px #086aaf;
}
#categorytop_list li a.cl_1:hover {
	color: #086aaf;
}
#categorytop_list li a.cl_1::before,
#categorytop_list li a.cl_1::after {
	background-color: #086aaf;
}


#categorytop_list li a.cl_2 {
	border: solid 1px #11aec5;
}
#categorytop_list li a.cl_2:hover {
	color: #11aec5;
}
#categorytop_list li a.cl_2::before,
#categorytop_list li a.cl_2::after {
	background-color: #11aec5;
}


#categorytop_list li a.cl_3 {
	border: solid 1px #c13480;
}
#categorytop_list li a.cl_3:hover {
	color: #c13480;
}
#categorytop_list li a.cl_3::before,
#categorytop_list li a.cl_3::after {
	background-color: #c13480;
}


#categorytop_list li a.cl_4 {
	border: solid 1px #69a827;
}
#categorytop_list li a.cl_4:hover {
	color: #69a827;
}
#categorytop_list li a.cl_4::before,
#categorytop_list li a.cl_4::after {
	background-color: #69a827;
}


#categorytop_list li a.cl_5 {
	border: solid 1px #5e4699;
}
#categorytop_list li a.cl_5:hover {
	color: #5e4699;
}
#categorytop_list li a.cl_5::before,
#categorytop_list li a.cl_5::after {
	background-color: #5e4699;
}


#categorytop_list li a.cl_6 {
	border: solid 1px #69a827;
}
#categorytop_list li a.cl_6:hover {
	color: #69a827;
}
#categorytop_list li a.cl_6::before,
#categorytop_list li a.cl_6::after {
	background-color: #69a827;
}




















@media screen and (max-width: 798px) {
	#categorytop_list {
		margin: 0 3.125%;
	}
	#categorytop_list li {
		list-style: none;
		width: 100%;
		margin: 0 0 10px;
		float: none;
	}
	#categorytop_list li a {
		display: block;
		padding: 20px 10px 15px;
		background: url(../img/common/sp_categorytop_off.png) right bottom no-repeat;
		background-size: 100% auto;
		font-size: 116%;
	}
	#categorytop_list li a:hover {
		color: #1b4e63;
	}
	#categorytop_list li a::before {
		right: 0;
		background: none;
	}
	#categorytop_list li a::after {
		left: 0;
		background: none;
	}
	#categorytop_list li a:hover::before,
	#categorytop_list li a:hover::after {
		width: 0;
		color: #1b4e63;
	}
	#categorytop_list li.nonelink {
		display: block;
		padding: 20px 0 15px;
		background: url(../img/common/sp_categorytop_off.png) left top no-repeat;
		background-size: 100% auto;
		font-size: 116%;
	}
}


/* 2カラム　画像とテキスト
===================================*/
.column2_block {
	margin: 0;
	clear: both;
}
.column2_block .column2_box {
    width: 485px;
    margin: 0 5px 30px 5px;
    padding: 0;
    background: #f5f5f5;
    float: left;
}
.column2_block .column2_box .img_area {
	margin: 20px 0px 0px;
}
.column2_block .column2_box .img_area img {
    width: 85%;
}
.column2_block .column2_box .text_area {
	margin: 0;
	padding: 10px;
}

@media screen and (max-width: 798px) {
	.column2_block {
		margin: 0 3.125% 20px;
		clear: both;
	}
	.column2_block .column2_box {
		width: 100%;
		margin: 0 0 15px;
		float: none;
	}
	.column2_block .column2_box .img_area {
		width: 100%;
		/*height: 300px;*/
	}
	.column2_block .column2_box .img_area img {
		width: 100%;
		height: auto;
	}
	.column2_block .column2_box .text_area {
		margin: 0;
		padding: 10px;
	}
}




/* 3カラム　画像とテキスト
===================================*/
.column3_block {
	margin: 0 35px 30px;
	clear: both;
}
.column3_block .column3_box {
	width: 300px;
    margin: 0 15px 30px 15px;
    padding: 0;
    background: #f5f5f5;
    float: left;
}
.column3_block .column3_box .img_area {
	width: 300px;
	/*height: 225px;*/
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.column3_block .column3_box .img_area img {
	width: 300px;
	height: auto;
}
.column3_block .column3_box .text_area {
	margin: 0;
	padding: 10px;
}

@media screen and (max-width: 798px) {
	.column3_block {
		margin: 0 3.125% 20px;
		clear: both;
	}
	.column3_block .column3_box {
		width: 100%;
		margin: 0 0 15px;
		float: none;
	}
	.column3_block .column3_box .img_area {
		width: 100%;
		/*height: 300px;*/
	}
	.column3_block .column3_box .img_area img {
		width: 100%;
		height: auto;
	}
	.column3_block .column3_box .text_area {
		margin: 0;
		padding: 10px;
	}
}

/* SNSボタン
===================================*/
.sns_block .sns_box {
	margin: 0 35px;
	padding: 10px 0 20px;
	clear: both;
}
.sns_block .sns_box ul {
	margin: 0;
	padding: 0;
}
.sns_block .sns_box li {
	display: inline-block;
	margin: 0 5px;
	float: left;
}



img.wmax {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


@media screen and (max-width: 798px) {
	.sns_block .sns_box {
		margin: 0 0 0 3.125%;
		padding: 10px 0 0;
	}
	.sns_block .sns_box li {
		display: inline-block;
		margin: 0 3.125% 10px 0;
		float: left;
	}
}


.pc_only{
	display: block;
}
.sp_only{
	display: none;
}

@media screen and (max-width: 798px) {
	.pc_only{
		display: none;
	}
	.sp_only{
		display: block;
	}
}