/**************************************** コンテンツ設定 ****************************************/
section {}
.contentarea {padding: 0px;}
.content {width:800px;max-width:100%;padding: 0px;margin:0px auto;}
.content.wide {width:1200px;max-width:100%;padding: 0px;}
.content.mini {width:600px;max-width:100%;padding: 0px;}

.target {cursor:pointer; }

/* カラム設定 */
.col {width:100%;}
.col .inner {width:100%;margin:0px;padding:0px;}
.col .inner p {padding:0px;}
.morearea {padding: 1em 1em 2em 1em;text-align:right; }
.morearea.text-center {text-align:center;}


/*SP*/
@media (max-width: 767px){
	.morearea {padding: 1em 0px 2em 0px;}
}

/**************************************** サブナビゲーションの設定 ****************************************/
.subnavwrap {background:#eaeaea;padding:0em 0px;text-align:center; }
.subnavwrap.fix {position:fixed;top:60px;left:0px;width:100%;z-index:1000;}
.subnavwrap a {display:inline-block;color:#000;padding:1.5em 1.5em;font-size:0.9rem;font-weight:500;background:#efefef; }
.subnavwrap a:hover {text-decoration:none;background-color:#333;color:#fff; }
.subnav_btn {display:none;}
.subnavclose_btn {display:none;}
/*RES*/
@media (max-width: 1250px){
	.subnavwrap a {padding:1em 1em;font-size:0.8rem;}
}
@media (max-width: 1000px){
	.subnavwrap a {padding:1em 0.5em;font-size:0.8rem;}
}
/*SP*/
@media (max-width: 1000px){
	.subnavwrap.fix {z-index:800;border-bottom: solid #eaeaea 1px;}
	.subnavwrap .subnav a {display:none; }
	.subnavwrap .subnav a.block {display:block;}
	.subnav_btn {display:inline-block;width:50px; }
	.subnavclose_btn {display:none;width:50px; }
	.subnav {text-align:center;}
}

/**************************************** デフォルト設定 ****************************************/
section .contentarea {padding:10vh 10vw;}
section:nth-child(even) .contentarea {background:#f2f2f2;}

/*SP*/
@media (max-width: 767px){
	section .contentarea {padding:10vh 10vw;}
}


/***** searchformarea *****/
.home .searchformarea {background:#d33;}
.searchformarea {padding: 5vh 15vw 3vh 15vw;background:#d33;text-align:center;}
.searchformarea select {width:30%;display:inline-block;clear:none;margin-right:1%;}
.searchformarea input {width:30%;display:inline-block;clear:none;padding: 1em 0.8em;margin-right:1%;}
.searchformarea input.submit {width:100px;display:inline-block;clear:none;padding: 0.7em 0.8em;background:#fff;color:#f00;font-weight:bold;border: solid #fff 3px;}
.searchformarea input.submit:hover{opacity:0.8;}
@media (max-width: 896px){
.searchformarea {padding: 3vh 15vw 2vh 15vw;}
.searchformarea select {width:100%;float:none;margin-right:0px;padding: 0.5em 0.8em;}
.searchformarea input {width:100%;float:none;margin-right:0px;padding: 0.7em 0.8em;}
.searchformarea input.submit {width:100%;padding: 0.6em 0.8em;}
}

/***** pagenation *****/
.pagenation {}
.pagenation .paging {}
.pagenation .paging a {display:inline-block;width:7vh;height:7vh;line-height:7vh;text-align:center;margin-right:0.2rem;
	background:#2083e6;color:#fff;font-size:1.2rem;border:solid #2083e6 2px;border-radius:0px 0px 50% 0px / 0px 0px 50% 0px;}
.pagenation .paging a:hover {background:#fff;color:#2083e6;text-decoration:none;}
/***** icon_contents *****/
.icon_contents {padding:10vh 0px;}
.icon_contents .inner {text-align:center;}
.icon_contents .inner img {margin-bottom:0.5em;width:100px; }
.icon_contents .inner p {padding:0px 1em;}
/*SP*/
@media (max-width: 767px){
	.icon_contents .col {position:relative;padding: 0px 1em 170px 1em; }
	.icon_contents .col .inner {float:left;width:33.3%;padding:0px 1em;}
	.icon_contents img {width:60px; }
	.icon_contents h3 {font-size: 0.8rem;padding-bottom:10px;}
	.icon_contents h3.on {border-bottom:solid #000 2px;}
	.icon_contents .col .inner p {position:absolute;top:140px;left:0px;width:100%;padding: 0px 2em;font-size:1rem;display:none; }
}


/***** center_message *****/
.center_message {}
.center_message h2 {margin-bottom:0.5em; }

/***** image_text *****/
section .contentarea.image_text {padding:0px;}
section .contentarea.image_text .inner.text {padding:3em;}
section .contentarea.image_text .inner img {display:block; }

/*PC*/
@media (min-width: 768px){
	section .contentarea.image_text .inner.right {float:right;}
}
/*SP*/
@media (max-width: 767px){
	section .contentarea.image_text .inner.text {padding:3em 2em;}
}
/***** greeting *****/
.greeting {}
.greeting h2 {margin-bottom:0.5em;}
.greeting .image {width:200px;float:left; }
.greeting .image img {}
.greeting .text {width:calc(100% - 200px);float:left;padding:0px 3em;}
.greeting .text h3 {margin-bottom:0.5em; }
/*PC*/
@media (min-width: 768px){
	.greeting .text h3 {font-size:1.4rem;font-weight:400;}
}
@media (min-width: 1200px){
	.greeting .text h3 {font-size:2.2rem;font-weight:400;margin-bottom:0.5em; }
	.greeting .text p {font-size:1.1rem;line-height:2em; }
}
/*SP*/
@media (max-width: 767px){
	.greeting .image {width:100%;float:none;text-align:center; }
	.greeting .image img {width:200px;margin-bottom:2em;}
	.greeting .text {width:100%;float:none;padding:0px;}
}


/***** full *****/
section .contentarea.full {padding:0px;}

/***** list1 *****/
.list1 ul {border-bottom:dotted #ccc 1px;}
.list1 ul li {border-top:dotted #ccc 1px;padding:1em;}

/***** list2 *****/
.list2 h2 {margin-bottom:0.5em;}
.list2 a {color:#000;text-decoration:underline; }
/*SP*/
@media (max-width: 767px){ 
	.list2 dl {padding:0px;}
	.list2 dl dt {color:#333;line-height:1em; }
	.list2 dl dd {margin-bottom:0.8em;}
}
/*PC*/
@media (min-width: 768px){
	.list2 dl {border-bottom:dotted #ccc 1px;}
	.list2 dl dt {display:block;width:150px;float:left;border-top:dotted #ccc 1px;padding:1em;}
	.list2 dl dd {display:block;width:calc(100% - 150px);float:left;border-top:dotted #ccc 1px;padding:1em;}
}

/***** steparea *****/
.steparea {}
.steparea .step {border:solid #2083e6 3px; border-radius:1em; margin-bottom:1em;padding:0.6em;}
.steparea .step .stepleft {width:120px;float:left;}
.steparea .step .stepleft img {width:100%;}
.steparea .step .stepright {width:calc(100% - 120px);float:left;padding: 2em 1em 2em 3em;}
.steparea .step .stepright h3 {font-size:2.2rem;font-weight:500;color:#2083e6;margin-bottom:0.5em; }
.steparea .step .stepright p {font-size:1.2rem;}

/*SP*/
@media (max-width: 767px){ 
	.steparea .step .stepleft {width:100%;float:none;text-align:center;}
	.steparea .step .stepleft img {width:120px;}
	.steparea .step .stepright {width:100%;float:none;padding:1em;}
	.steparea .step .stepright h3 {font-size:1.4rem;text-align:center; }
	.steparea .step .stepright p {font-size:1.1rem;}
}

/***** steparea2 *****/
.steparea2 {}
.steparea2 .step {width:25%;float:left;padding-bottom:1em; }
.steparea2 .step .imagebox {background:url(../img/cmn/steparrow.svg) no-repeat left center;background-size:30px auto;padding-left:30px;}
.steparea2 .step.step01 .imagebox {background:none; }
.steparea2 .step .imagebox img {}
.steparea2 .step h3 {padding-left:30px;text-align:center; }


/*SP*/
@media (max-width: 767px){ 
	.steparea2 .step {width:100%;float:none;}
	.steparea2 .step .imagebox {background:url(../img/cmn/steparrow_sp.svg) no-repeat center top;background-size:auto 30px;padding-left:0px;padding-top:30px;text-align:center; }
	.steparea2 .step .imagebox img {width:30%; }
	.steparea2 .step h3 {padding-left:0px;}
}



/***** tablearea *****/
.tablearea {}
.tablearea table {border-collapse:collapse;width:100%; }
.tablearea table th {border:solid #ccc 1px;padding:1.2em 1em;width:200px;background:#2083e6;color:#fff; }
.tablearea table td {border:solid #ccc 1px;padding:1.2em 1em;width:calc(100% - 200px);}
/*SP*/
@media (max-width: 767px){ 
.tablearea table th {display:block;width:100%;border:none;text-align:left;background:none;padding: 0.9em 0.5em 0.3em 0.5em;color:#000;font-weight:700; }
.tablearea table td {display:block;width:100%;border:none;padding:0px;border-bottom:solid #2083e6 1px;padding: 0px 0.5em 0.7em 0.5em;font-size:0.9rem; }
}


/***** table3area *****/
.table3area {}
.table3area .inner {padding:0px 2px;}
.table3area table {border-collapse:collapse;width:100%;}
.table3area table th {border:solid #eee 1px;padding:1.2em 1em;width:100%;background:#2083e6;color:#fff; }
.table3area table td {border:solid #eee 1px;padding:1.2em 1em;width:100%;text-align:center; }
.table3area table.recommend {border:solid #2083e6 2px;}


/***** eventdetail *****/
.eventdetail {}
.eventdetail h2 {margin-bottom:0.5em;}
.eventdetail .imagespace {text-align:center;padding-bottom:1em; }
.eventdetail .imagespace img {width:100%; }
.eventdetail table {border-collapse:collapse;width:100%; }
.eventdetail table th {font-size:1.2rem;border:solid #2af 1px;padding:1.5em;width:35%; 
font-weight:400;background:#2083e6;color:#fff; }
.eventdetail table td {font-size:1.1rem;border:solid #2af 1px;padding:1.5em;width:65%;line-height:1.5em; }
.eventdetail .maparea iframe {width:100%;height:350px;margin-bottom:3em;filter:grayscale(100%); }

/*ninsyoerr*/
.ninsyoerr {}
.ninsyoerr .inner {padding:1em; }
.ninsyoerr .box h3 {margin-bottom:3em; }
.ninsyoerr .box {padding:3em;border:solid #2083e6 2px;text-align:center;background:#fff; }

/*SP*/
@media (max-width: 767px){
	.eventdetail table th {display:block;width:100%;padding:0.8em;}
	.eventdetail table td {display:block;width:100%;padding:0.8em;text-align:center;}
	.eventdetail .ninsyoerr .box {padding:3em 1em;}
}

/***** panelarea *****/
section .contentarea.panelarea {padding: 10vh 0px 0px 0px; }
section .contentarea.panelarea h2 {margin-bottom:1em;}
section .contentarea.panelarea .inner img {display:block;}
.panelarea {}

/***** image_text2 *****/
.image_text2 {}
.image_text2 .inner {padding:5px;}
.image_text2 .inner .box { }
.image_text2 .inner img {margin-bottom:0.8em;}
.image_text2 .inner a img:hover {opacity:0.8; }
.image_text2 .inner h3 {margin-bottom:0.3em;}
.image_text2 .inner p {}
/*SP*/
@media (max-width: 767px){
	.image_text2 .inner {padding:0px 0px 3em 0px;}
}

/***** formarea *****/
.formarea {}
.formarea .content {width:600px;max-width:94%; }
.formarea .content a.colink {color:#000;text-decoration:underline; }

/*
.contactarea {background:url(../img/cmn/bg_contact.jpg) no-repeat center center;background-size:cover;}
*/

/***** pagingarea *****/
.pagingarea {}
.pagingarea a.btn {margin-right:2px;}
.pagingarea a.btn.disabled {background-color:#999;border-color:#999;}
.pagingarea a.btn.disabled:hover {background-color:#999;border-color:#999;color:#fff;}


/******************************************************* 調整 ************************************************************************************/
/*共通*/
@media (max-width: 767px){ .pc {display:none !important;} }
@media (min-width: 768px){ .sp {display:none !important;} }

/*PCの場合*/
@media (min-width: 768px){
}
@media (min-width: 1200px){
}


/*横の場合*/
@media screen and (orientation: landscape) {
}
/*縦の場合*/
@media screen and (orientation: portrait) {
}

/*パソコン設定*/
@media (min-width: 768px){
.col {}
.collist {display:flex; flex-wrap:wrap; justify-content:space-between;}
.col .inner {float:left;}
.col2 .inner {width:50%;} .col3 .inner {width:33.3%;} .col4 .inner {width:25%;} .col5 .inner {width:20%;}
.col6 .inner {width:16.6%;} .col7 .inner {width:14.2%;} .col8 .inner {width:12.5%;} .col9 .inner {width:11.1%;} .col10 .inner {width:10%;}


	/*横の場合*/
	@media screen and (orientation: landscape) {
	}
	/*縦の場合*/
	@media screen and (orientation: portrait) {
	}
}