@charset "utf-8";
/* CSS Document */

.gnav_btn { display:none;}

header {position: inherit!important;}
header h1 { left:20px;}

footer nav { display:none;}

.contents {
	padding: 20px 20px 20px 20px;
	margin-top:40px;
}

.nav_list > li:nth-of-type(4) {margin-right: 0px !important;}

.imgaria_g {margin: 0 auto;}
.imgaria_g img {width: 100%; max-width:940px;}
.imgaria_g p {font-size: 120%; text-align: center; padding-bottom: 10px;}
.imgaria_g p:last-child {font-size: 70%; text-align: center; padding-top:5px;position: relative;}

.imgaria_pk {margin: 0 auto 20px auto;}
.imgaria_pk img{
	margin-left: -20px;
	width : -webkit-calc(100% + 40px) ;
	width : calc(100% + 40px) ;
}
.imgaria_pk p {font-size: 120%; text-align: center; padding-bottom: 10px;}
.imgaria_pk p:last-child {font-size: 70%; text-align: center; padding-top:5px;position: relative;}
.imgaria_pk ul {
	padding-top: 10px;
}
.imgaria_pk ul li{
	position:relative;
}
.imgaria_pk ul li p:before{
	content: "※";
    font-size: 70%;
    position: absolute;
    left: 0rem;
    padding-top: 2px;
}
.imgaria_pk ul li p {font-size: 70%; text-align: left !important; padding-top:5px; padding-left:1rem;display: inline-block;}
.imgaria_pk .sp{
	display: none;
}

@media (max-width: 980px){
	.nav_list > li:not(:nth-of-type(3)) {display: block !important;}
	.nav_list > li:not(:nth-of-type(4)) {display: block !important;}
	.gnav_btn span {display: block !important;}
	header h1 {left: 20px !important;}
	header { right: 0px;}
	.nav_list {top: 10px; right: 20px;}
}

@media (max-width: 740px){
	/*header h1 { width:100%;}*/
	header h1 a img { width:auto !important;}
	header h1 a img { max-width:100% !important;}
	header { height:100px;}
	.nav_list { top:50px; right:20px;}
	.contents { margin-top:90px;}
	.nav_list > li:last-child a {width: 100px; }
	.nav_list > li > a, .nav_list > li > span { margin: 0px 10px;}
	.foot_contact > p span {font-size: 16px; display: inline-block;}
	.imgaria_pk .pc{
		display: none !important;
	}
	.imgaria_pk .sp{
		display: block !important;
	}

}

@media (max-width: 380px){
	.nav_list {width: 100%; left: 0; justify-content: space-around;}
	.nav_list > li:nth-of-type(4) {width: 80%; margin-top: 10px;}
	.nav_list > li:last-child a {width: 100%;}
	.contents {margin-top: 130px;}
}

@media (max-width: 361px){
	.nav_list > li > a, .nav_list > li > span { margin: 0px 6px;}
	.nav_list > li:nth-of-type(3) {margin-right: 15px;}

}


.contents .innerPop{
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4a888;
	padding-top:40px;
	text-align:center;
}

.contents .innerPop h2 { margin-bottom:40px; text-align: center;}
p.map img,
p.plan img { max-width:100%;}
p.plan img:nth-of-type(2){display: none;}
p.ttl img:nth-of-type(2){display: none;}

.contents .innerPop .plan_aside {color: #676767; font-size: 10px; display: inline; line-height: 1.6em; text-indent: -1em;}

@media (max-width: 980px) {
	.plan_aside {padding: 0px 10px; font-size: 12px; display: block;}
	p.plan img:nth-of-type(1){display: none;}
	p.plan img:nth-of-type(2){display: initial;}
	p.ttl img:nth-of-type(1){display: none;}
	p.ttl img:nth-of-type(2){display: initial;}
}

ul.function { text-align:center; margin-top:40px;}
ul.function li { display:inline-table; padding:5px 40px;}
ul.function li.print {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}

.outlineArea {
	width: 600px;
	margin: 0 auto;
	
}

.outlineArea table { text-align:left;}

.outlineArea table td.bg0,.outlineArea table td.bg1 {
	padding: 0px 5px;
	border-collapse: collapse;
	border: 1px solid #A6A6A6;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media (max-width: 640px){
	.outlineArea,
	.outlineArea table { width:100% !important;}
	p.plan img:nth-of-type(1){display: none;}
	p.plan img:nth-of-type(2){display: initial;}
}

p.ttl { text-align:center; margin-bottom:20px;}
p.ttl img { max-width:100%;}
.tabs{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 30px;
	background-color: #DEDEDE;
}
.tabs li:first-child {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}
.tabs li{
	background: #DEDEDE;
	display: inline-block;
	margin: 0;
	cursor: pointer;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.tabs li .type { font-size:16px;}
.tabs li .sub { font-size:12px;}
.tabs a { display:block; padding:10px 15px;}

#basic .tabs a.basic,
#s1 .tabs a.s1,
#s2 .tabs a.s2,
#s3 .tabs a.s3 {
	background: #eee;
	cursor: default !important;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #afa280;
}
.tabs a:hover {background:#eee;}




@media (max-width: 980px) {
	.tabs { background-color:#fff;}
	.tabs li { width:100%; border:none; margin:0 0 3px 0; box-sizing:border-box;}
	
	
	}

/*.nav_list > li:nth-of-type(5) a { display:none;}*/
.nav_list > li:nth-of-type(3) a { background-color:#FFF; color:#2e2e2e; text-shadow:none; font-size:13px;}
.nav_list > li:nth-of-type(3) a:hover {background-color:#FFF;}

.nav_list > li:nth-of-type(4) a {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-flex-flow: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    width: 100px;
    height: 40px;
    background-color: #afa280;
    color: #fff;
    font-size: 16px;
    transition: 0.2s background-color ease-out;
    text-shadow: -1px 1px 0px rgba(0,0,0,0.4);
    -webkit-transition: 0.2s background-color ease-out;
    -webkit-text-shadow: -1px 1px 0px rgba(0,0,0,0.4);
    margin: 0 auto;}

.nav_list > li:nth-of-type(5) a { margin-left:12px;}


@media (max-width: 640px){
	.nav_list > li:nth-of-type(4) a,
	.nav_list > li:nth-of-type(5) a { display:none;}
}


.center { text-align:center; margin-top:20px; font-size:20px;}
@media (max-width: 640px) {
	
	.center { font-size:16px;margin-top:30px;}
	}