/*
Theme Name: diveainan ver.2.0
Author: kono-direction co.,ltd.
Author URI: http://kono-d.jp/
Description: this is for Wordpress theme.
*/
html,
body{
	font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", sans-serif ;
	font-size:14px;
	line-height:1.5em;
	width:100%;
	/*height:100%;*/
	margin:0;
	padding:0;
}
address,
em{
	font-style:normal;
}
#wrapper{
	position:relative;
	z-index:2;
	width:100%;
	/*height:100%;*/
	margin:0;
	padding:0;
	overflow:hidden;
	vertical-align:middle;
	/*overflow:auto;*/
}
.wrap{
	width:100%;
	max-width:960px;
	margin:0 auto;
}
.section{
	position:relative;
	margin:0;
}
.section + .section{
	border-top:solid 3px #036;
}
.insection{
	margin:4rem 1rem 4rem 2rem;
	padding:0;
	border:0;
}
.insection + .insection{
	margin-top:8rem;
}
.flx{
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:stretch;
	width:100%;
	padding:0;
}
.flx .cel{
	flex-grow:0;
	flex-shrink:1;
	/*flex-basis:auto;*/
}
.box{
	margin:0 auto;
	padding:1rem;
	line-height:2em;
}

.wrapper,
.duoble,
.triple,
.untriple,
.quarter,
.unquarter,
.fifth,
.unffth,
.harf,
.full,
.flx,
.flx .cel{
	box-sizing:border-box;
}
.wrapper,
.full{
	width:100%;
}
.half,
.trise,
.trise-dx{
	display:inline-block;
	box-sizing:border-box;
}
.half{
	width:50%;
	padding:1em;
}
.trise,
.trise-dx{
	padding-top:1em;
	padding-right:0.5em;
	padding-left:0.5em;
	padding-bottom:1em;
}
.trise{
	width:35%;
}
.trise-dx{
	width:65%;
}

.duoble .half,
.untriple .half,
.unquarter .half{
	padding-left:0.5em;
	padding-right:0.5em;
}
.duoble,
.triple,
.untriple,
.quarter,
.unquarter,
.fifth,
.unfifth{
	width:100%;
	margin:0;
	padding-left:1em;
	padding-right:1em;
}
.duoble .duoble,
.duoble .triple,
.duoble .quarter,
.duoble .fifth,
.untriple .duoble,
.untriple .triple,
.untriple .quarter,
.untriple .fifth,
.unquarter .duoble,
.unquarter .triple,
.unquarter .quarter,
.unquarter .fifth{
	padding:0;
}

.row{ display:inline; }
.rowp{ display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
}
.low{
	margin-top:0;
	margin-bottom:0;
}
p.rowp,
.imgwrap.rowp,
.imgwrap.cel{
	margin:0;
	padding:1rem;
}
.lined{
	border-style:solid;
	border-color:#0ae;
	border-width:0;
	border-bottom-width:2px;
}
.groundblue .lined{
	border-color:#000;
	border-bottom-width:1px;
}
br.nobr{
	display:none;
}
.price{
	text-align:right;
}
.tb,
.form-tb{
}
.tb-row dt,
.tb-row dd{
	display:block;
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0.5rem;
}
form .tb-row dt{
	background-color:#05a;
	color:#fff;
}
form .tb-row dd{
	background-color:#fff;
	color:#000;
}

table{
	max-width:100% !important;
}
th,td{
	white-space:pre-line;
}
table.gried{
	border-collapse:collapse;
	border-spacing:0;
	margin:0.5rem 0;
}
table.gried,
table.gried th,
table.gried td{
	border:solid 1px #444;
}
table.gried th,
table.gried td{
	padding:0.5rem;
}

.small,
small{ font-size:0.875rem; line-height:1.25rem; }
.option small,
small small{ font-size:calc( 1em - 2px ); line-height:1.5em; }
.option small small{ font-size:1em; }
.mid{ font-size:1.25rem; }
.larg{ font-size:1.5rem; line-height:calc( 1.5rem + 4px ); }
.big{ font-size:2rem; line-height:2.25rem; }

.bold{ font-weight:bold; }


.shiro{ color:white; }

ul, ol{
	margin-top:0;
	line-height:1.25em;
}
ul li,
ol li{
	margin-bottom:0.75em;
}
ul.menu,
ol.list,
ul.list,
ul.chart,
ul,newslist,
ul.nonestyle{
	list-style:none;
	padding:0;
}
.disc{
	list-style:none;
	padding-left:1em;
}
.disc li{
	text-indent:-1em;
}
.disc li:before{
	content:'・';
	width:1em;
	margin:0;
	padding:0;
	font-size:1em;
	line-height:inherit;
	color:inherit;
}
ul.deci,
ol.deci{
	list-style:decimal outside;
	padding-left:1.5em;
}
.blcenter{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.mt1em{ margin-top:1em; }
.mt2em{ margin-top:2em; }
.mt3em{ margin-top:3em; }
.mt4em{ margin-top:4em; }
.mt5em{ margin-top:5em; }
.mt-1em{ margin-top:-1em; }
.mt-2em{ margin-top:-2em; }
.mt-3em{ margin-top:-3em; }
.mt-4em{ margin-top:-4em; }
.mt-5em{ margin-top:-5em; }

.mb1em{ margin-bottom:1em; }
.mb2em{ margin-bottom:2em; }
.mb3em{ margin-bottom:3em; }
.mb4em{ margin-bottom:4em; }
.mb5em{ margin-bottom:5em; }
.mb-1em{ margin-bottom:-1em; }
.mb-2em{ margin-bottom:-2em; }
.mb-3em{ margin-bottom:-3em; }
.mb-4em{ margin-bottom:-4em; }
.mb-5em{ margin-bottom:-5em; }

.ml1em{ margin-left:1em; }
.ml2em{ margin-left:2em; }
.ml3em{ margin-left:3em; }
.ml4em{ margin-left:4em; }
.ml5em{ margin-left:5em; }
.ml-1em{ margin-left:-1em; }
.ml-2em{ margin-left:-2em; }
.ml-3em{ margin-left:-3em; }
.ml-4em{ margin-left:-4em; }
.ml-5em{ margin-left:-5em; }

.mr1em{ margin-right:1em; }
.mr2em{ margin-right:2em; }
.mr3em{ margin-right:3em; }
.mr4em{ margin-right:4em; }
.mr5em{ margin-right:5em; }
.mr-1em{ margin-right:-1em; }
.mr-2em{ margin-right:-2em; }
.mr-3em{ margin-right:-3em; }
.mr-4em{ margin-right:-4em; }
.mr-5em{ margin-right:-5em; }


.pt1em{ padding-top:1em; }
.pt2em{ padding-top:2em; }
.pt3em{ padding-top:3em; }
.pt4em{ padding-top:4em; }
.pt5em{ padding-top:5em; }

.pb1em{ padding-bottom:1em; }
.pb2em{ padding-bottom:2em; }
.pb3em{ padding-bottom:3em; }
.pb4em{ padding-bottom:4em; }
.pb5em{ padding-bottom:5em; }

.pl1em{ padding-left:1em; }
.pl2em{ padding-left:2em; }
.pl3em{ padding-left:3em; }
.pl4em{ padding-left:4em; }
.pl5em{ padding-left:5em; }

.pr1em{ padding-right:1em; }
.pr2em{ padding-right:2em; }
.pr3em{ padding-right:3em; }
.pr4em{ padding-right:4em; }
.pr5em{ padding-right:5em; }

em,
.em{
	margin-bottom:0.25em;
	font-weight:bold;
	border-bottom:solid 0.25em #ff0;
}
em{
	display:inline-block;
	font-size:1.125em;
}
.deg2{
	transform:rotate(-2deg);
	padding-top:0.125em;
	line-height:0.875em;
}
.imgwrap{
	margin:0;
}
.topimg img,
.imgwrap img{
	display:block;
	width:100%;
	height:auto;
}
.groundblue,
.grounddeep{
	padding:1rem 0;
}
.groundblue{
	background-color:#cef;
}
.grounddeep{
	background-color:#0ae;
	color:#fff;
}
.keyspace{
	margin:0 1rem;
	padding:1rem;
	border:solid 2px #05a;
}

/*** botton ***/
.btn{
	text-align:center;
	line-height:1;
	max-width:940px;
	margin:10px auto;
	clear:both;
}
.btn .rowp,
.btn .duoble{
	line-height:1;
	margin:0 0 0.5rem 0;
	padding:0;
}
.btn.morebtn,
.btn.article{
	text-align:right;
}
.btn a + a{
}
.btn a,
.btn [type="submit"],
.btn [type="button"]{
	box-sizing:border-box;
	display:inline-block;
	font-size:1.5rem;
	width:300px;
	max-width:100%;
	padding:1rem;
	text-align:center;
	text-decoration:none;
	line-height:2rem;
	color:#fff;
	background-color:#05a;
}

.btn a#contactbtn,
.btn a#entrybtn{
	padding-left:2.5rem;
	background-size:contain;
	background-repeat:no-repeat;
}
.btn a#contactbtn{
	font-size:1.25rem;
	line-height:1em;
	background-position:4px 0;
	background-image:url('parts/icon_contact-wh.svg');
}
.btn a#entrybtn,
.btn.entrybtn [type="submit"]{
	background-color:#e66;
}
.btn.entrybtn [type="submit"]{
	margin:0.5em;
}
.btn a#entrybtn{
	background-position:10px 0;
	background-image:url('parts/icon_entry-wh.svg');
}
.btn a,[type="submit"],
[type="button"],
button,
.top-course-item a{
	cursor:pointer;
}
.btn a:hover,
[type="submit"]:hover,
[type="button"]:hover,
button:hover,
.top-course-item a:hover{
	opacity:0.7;
}

/*--botton*/

#siteheaderwrap{
	position:fixed;
	background-image:url('parts/bg_header.png');
	background-size:contain;
	background-position:50% 100%;
	background-repeat:repeat-x;
	padding-bottom:1rem;
	z-index:99999;
}
#siteheaderwrap.fix{
	/*padding-bottom:2rem;*/
}
#siteheader{
	position:relative;
}
#sitelogo,
#sitelogo-mb{
	margin:0;
	padding:0;
}
#sitelogo{
	width:30%;
	height:8rem;
}
#sitelogo-mb{
	width:8rem;
	height:3.5rem;
}
#sitelogo a,
#sitelogo-mb a{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-indent:-99999em;
	overflow:hidden;
	background-image:url('parts/site_logo.png');
	background-size:contain;
	background-repeat:no-repeat;
}
#sitelogo a{
	background-position:50% 50%;
}
#sitelogo-mb a{
	background-position:0% 50%;
}
#pul,
#mobilenav{
	z-index:99999;
}
#pul{
	position:absolute;
	top:0; right:0;
	margin:0;
	padding:0.5rem;
	color:#222;
	cursor:pointer;
	text-decoration:none;
	border:0;
}
#pul:after{
	font-family:'dashicons';
	font-size:2.5rem;
	line-height:1;
	text-decoration:none;
	display:block;
	border:0;
}
#pul.open:after{
	content:"\f333";
}
#pul.close:after{
	content: "\f335";
}
#mobilenav{
	/*display:none;*/
	position:absolute;
	width:100%;
	background-color:rgba(255,255,255,0.9);
}
.mb-menu-item{
	width:80%;
	padding:0 10%;
	border-bottom:dotted 1px #999;
}
.mb-menu-item a{
	display:block;
	padding:0.75em 1em 0.75em 3em;
	text-decoration:none;
	font-size:1.25rem;
	background-size:auto 75%;
	background-position:0 50%;
	background-repeat:no-repeat;
}
#sitenav{
	text-align:center;
	padding-bottom:calc(100% / 60);
}
#sitenav.resized{
	padding-bottom:0;
}
#sitenav .menu-item{
	display:inline-block;
	vertical-align:bottom;
	width:calc(100% / 12);
	text-align:center;
}
#sitenav .menu-item a{
	display:block;
	max-width:5rem;
	height:1rem;
	margin:0 auto;
	padding-top:3rem;
	padding-bottom:0.25rem;
	font-size:0.75rem;
	color:#000;
	line-height:1rem;
	text-decoration:none;
	background-size:contain;
	background-position:50% 0;
	background-repeat:no-repeat;
}
#sitenav.resized .menu-item a{
	width:4rem;
	padding-top:2.4rem;
}
#menu-blog a{		background-image:url('parts/icon_blog.svg'); }
#menu-ainan a{		background-image:url('parts/icon_ainan.svg'); }
#menu-facility a{ 	background-image:url('parts/icon_facility.svg'); }
#menu-staff a{	 	background-image:url('parts/icon_staff.svg'); }
#menu-spot a{		background-image:url('parts/icon_spot.svg'); }
#menu-price a{		background-image:url('parts/icon_course.svg'); }
#menu-access a{		background-image:url('parts/icon_access.svg'); }
#menu-entry a{		background-image:url('parts/icon_entry.svg'); }
#menu-contact a{	background-image:url('parts/icon_contact.svg'); }

#fix_btn{
	position:fixed;
	/*top:calc( 100vh - 10rem );*/
	bottom:2em;
	right:0;
	display:block;
	width:8rem;
	z-index:1;
}
#fix_btn > a{
	display:block;
	width:7rem;
	height:7rem;
	margin:0;
	padding:0.5rem;
	text-indent:-9999em;
	overflow:hidden;
	background-position:50% 50%;
	background-size:90% auto;
	background-repeat:no-repeat;
}
#fix_btn > a:hover{
	background-size:100% auto;
}
a#entry_btn{
	background-image:url('parts/btn_entry.png');
}
a#tomarin_btn{
	background-image:url('tomarin/btn_andmarin.png');
}
 
@media screen and (min-width:768px){
	#entry_btn{
		top:70vh;
		right:0;
	}
}

#container{
	position:relative;
	z-index:6666;
}
#container .section{
	padding-left:30%;
}
.content-facility{
	line-height:2rem;
}


/***     SNS     ***/
#telnum{
	display:block;
	height:3rem;
	text-indent:-9999rem;
	overflow:hidden;
	background-image:url('parts/telnum.png');
	background-size:contain;
	background-position:0 0;
	background-repeat:no-repeat;
}
#mailto{
	padding-left:0.75em;
	color:#fff;
	font-size:1.75em;
	font-weight:bold;
	text-decoration:none;
}
/*:::: Facebook ::::*/
#fbbox{
	text-align:center;
}

/*---- Facebook ----*/

/*** SNSボタン ***/
#snsbtn{
	max-width:480px;
	padding:0 5%;
	margin:8rem auto 5rem auto;
	box-sizing:border-box;
}
#snsbtn .flx{
	flex-wrap:nowrap;
	justify-content:space-around;
}
.snsbtn{
	display:block;
	width:5rem;
	height:5rem;
	text-indent:-9999rem;
	overflow:hidden;
	border-radius:50%;
	background-size:auto;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
#fblink-btn.snsbtn{
	background-image:url('parts/btn_fb.png');
}
#iglink-btn.snsbtn{
	background-image:url('parts/btn_ig.png');
}
#ytlink-btn.snsbtn{
	background-image:url('parts/btn_yt.png');
}




/***:::: Slider ::::***/
.topimg,
#slidewrap{
	position:relative;
	width:140%;
	margin:0 -20%;
	overflow:hidden;
}
#slider{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}
.slide-item{
	width:100%;
	margin:0 auto;
	padding:0;
	border:0;
}
.slide-item img{
	display:block;
	width:100%;
	height:auto;
}

.slick-dots{
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	font-size:0.75rem;
}
.slick-dots li{
	display:inline-block;
	width:1em;
	height:1em;
	padding:1em;
}
.slick-dots li button{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	text-indent:-999em;
	background-color:#cef;
	border-radius:50%;
}
.slick-dots li.slick-active button{
	background-color:#05a;
}
/*---- Slider ----*/




/*:::: gallry ::::*/
#gallry{
	padding:1rem 0;
	text-align:center;
	line-height:1;
}
.gallry-itembox{
	display:inline-block;
	box-sizing:border-box;
	width:32%;
	max-width:8rem;
	padding:0.125rem
}
.gallry-itembox.imgwrap{
	margin:0;
}
a.gallry-item{
	display:block;
	cursor:pointer;
}

/*---- gallry ----*/


/****:::: title ::::****/
.pagetitle{
	display:block;
	max-width:960px;
	height:0;
	text-indent:-9999em;
	overflow:hidden;
	margin:3rem auto 1rem auto;
	padding-bottom:20%;
	background-size:contain;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
#blog-page .pagetitle{		background-image:url('parts/title_blog.png'); }
#ainan-page .pagetitle{		background-image:url('parts/title_ainan.png'); }
#facility-page .pagetitle{	background-image:url('parts/title_facility.png'); }
#staff-page .pagetitle{		background-image:url('parts/title_staff.png'); }
#spot-page .pagetitle{		background-image:url('parts/title_spot.png'); }
#courseprice-page .pagetitle,
#course-page .pagetitle{	background-image:url('parts/title_course.png'); }
#access-page .pagetitle{	background-image:url('parts/title_access.png'); }
#complete-page .pagetitle,
#entry-page .pagetitle{		background-image:url('parts/title_entry.png'); }
#contact-page .pagetitle{	background-image:url('parts/title_contact.png'); }

#snsbtn .pagetitle{	background-image:url('parts/title_snsbtn.png'); }

.tapetitle{
	display:inline-block;
	font-size:1.5em;
	text-align:left;
	line-height:1;
	margin:0.25rem 0;
	padding:0.5rem;
	border-left:solid #05a 0.5rem;
	color:#05a;
	background-color:#e6f9ff;
}
.title{
	font-size:1.125em;
	line-height:1.25em;
	text-align:left;
	margin:0;
	padding:0.5rem 0;
}
/*--- title ---*/

/***:::: front page ::::***/
.top-course-item{
	text-align:left;
	padding:1rem 2rem;
}
.top-course-item a{
	display:block;
	color:inherit;
	text-decoration:none;
}
.top-course-item .excerpt{
	margin:0;
}
.course{
	padding-bottom:3rem;
	background-image:url('parts/ft_wave.png');
	background-size:auto;
	background-position:50% 100%;
	background-repeat:no-repeat;
}


.news-item{
	line-height:1.25rem;
	padding:1rem 1rem 0.5rem 1rem;
	border-bottom:solid 4px #9ff;
}
.date,
.newstitle{
	margin:0;
	padding:0;
}
.date{
	font-size:0.875rem;
}
.newstitle{
	font-size:1em;
	padding-left:1rem;
}
#interview{
	width:100vw;
	max-width:720px;
	aspect-ratio:16 / 9;
	margin:2rem auto;
}
#interview iframe{
	width:100%;
	height:100%;
}
/*---- front page ----*/


/***:::: ainan ::::***/
#profile{
	border-top:solid 1px #05a;
	border-bottom:solid 1px #05a;
}
#profile.box{
	line-height:1.25em;
}
#profile .imgwrap{
	padding-top:0;
	padding-bottom:0;
}
/*---- ainan ----*/



/***::: Facility :::***/
#garage{
	margin:2rem 0;
	/*
	padding-bottom:2rem;
	background-image:url(parts/facility_garage.png);
	background-position:0 0;
	background-size:100%;
	background-repeat:no-repeat;
	*/
}
#garage.flx .cel,
#shower.flx .cel{
	padding-left:1rem;
	padding-right:1rem;
}
#garage .obi{
	height:45vw;
}
.obi .rowp{
	background-color:#fff;
}
#campcar{
	max-width:720px;
	margin:0 auto 2rem auto;
}
#campcar{
	padding:0 2em;
}
.small > em.rowp{
	font-size:calc( 1em + 2px );
}
@media screen and ( min-width:768px ){
	#garage.flx .cel,
	#shower.flx .cel{
		flex-basis:50%;
	}
	#garage .obi{
		height:auto;
	}
	.odr1{ order:1; }
	.odr2{ order:2; }
	.odr3{ order:3; }
	.odr4{ order:4; }
	.odr5{ order:5; }
	/*#garage{
		background-position:bottom right;
		background-size:contain;
	}*/
}



/***:::: STAFF ::::***/
#staff-page .wrap{
	margin-bottom:5rem;
}
#staff-page .intro{
	text-align:center;
}
#staff_photo{
	margin:1rem auto 2rem auto;
}
#staff_photo.flx.col-1 .cel.cel1,
#staff_photo.flx.col-3 .cel.cel1{
	flex-basis:100%;
}
#staff_photo.flx.col-2 .cel,
#staff_photo.flx.col-4 .cel,
#staff_photo.flx.col-3 .cel.cel2,
#staff_photo.flx.col-3 .cel.cel3{
	flex-basis:50%;
}
#staff_photo .cel img{
	display:block;
	margin:0;
}
.intro{
	margin:1rem;
	line-height:2em;
}

#stafflist{
	list-style:none;
	margin:0;
}
.stafflist-item{
	margin-bottom:5rem;
}
.staff-name{
	padding:0.5rem;
	font-size:1.5rem;
	text-align:center;
}
.staff-name .em{
	padding:0 3rem;
}
.staff-data.flx{
	flex-direction:column;
	width:100%;
}
.staff-data.flx .cel{
	width:100%;
	padding:0 1rem;
}
.staff-tb{
	display:table;
	width:100%;
}
.staff-tb dl{
	display:table-row;
	width:100%;
}
.staff-tb dl dt,
.staff-tb dl dd{
	display:table-cell;
}
.staff-tb dl dt,
.staff-tb dl dd,
.staff-comment,
.tanaka{
	padding:0.5rem;
	line-height:1.5rem;
}
.staff-tb dl dt{ width:25%; }
.staff-tb dl dd{ width:75%; }

.tanaka{
	padding:1.5rem 1.5rem 1.5rem 8.5rem;
	background-image:url('parts/fukidashi_tanaka.png');
	background-position:1rem 1rem;
	background-size:7rem 5rem;
	background-repeat:no-repeat;
}
.staff-comment p,
.tanaka p{
	margin:0;
}

@media screen and ( min-width:640px ){
	#staff_photo.flx.col-1 .cel{
		flex-basis:100%;
	}
	#staff_photo.flx.col-2 .cel{
		flex-basis:50%;
	}
	#staff_photo.flx.col-3 .cel,
	#staff_photo.flx.col-3 .cel.cel1,
	#staff_photo.flx.col-3 .cel.cel2,
	#staff_photo.flx.col-3 .cel.cel3{
		flex-basis:33.33%;
	}
	#staff_photo.flx.col-4 .cel{
		flex-basis:25%;
	}
	.staff-data.flx{
		flex-direction:row;
	}
	.staff-data.flx .cel{
		padding:1rem
	}
	.staff-data.flx .cel:first-of-type{
		flex-basis:45%;
	}
	.staff-data.flx .cel:last-of-type{
		flex-basis:55%;
	}
}
/*---- STAFF ----*/



/***:::: blog ::::***/
.blog-item{
	margin:0;
	padding:2.5rem 1rem;
	border-bottom:solid 1px #ccc;
}
.blogthumb,
.blogex{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}
.blogthumb.imgwrap{
	width:35%;
	margin:0;
	padding:0 0.375rem 0 0;
}
.blogex{
	width:65%;
}
.blog-title,
.blog-data{
	margin:0;
	padding:0 0.5rem;
}
.blog-title{
	font-size:1.25em;
	line-height:1.125em;
}
.blog-data{
	line-height:1.5em;
}

.articlebtn{
	text-align:right;
	margin:0.25rem 0 0 0;
}
.articlebtn a{
	box-sizing:border-box;
	display:inline-block;
	font-size:1rem;
	line-height:1.25rem;
	width:49%;
	max-width:240px;
	margin:0;
	padding:0.5rem;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
.articlebtn a + a{
	margin-left:2%;
}
.articlebtn a.detailbtn{
	background-color:#05a;
}
.articlebtn a.termbtn{
	background-color:#fb6;
}

/*** detail ***/
.article{
	padding:2em 0.75em;
	clear:both;
}
.article:after{
	content:'';
	clear:both;
	display:table;
	table-layout:fixed;
}
.blogtitle{
	margin:0.5em 0 0 0;
	font-size:1.5em;
	text-align:center;
}
.blogcontent{
	margin:2rem 0;
	line-height:2em;
}
.blogcontent img{
	max-width:100%;
}

/*** pager ***/
.paginater{
	clear:both;
	text-align:center;
	padding:3em 0;
}
.paginater a{
	color:#fff;
	font-size:1em;
	text-decoration:none;
}
.paginater a:hover{
	color:#fff;
	background-color:#e66;
}
.page-numbers{
	display:inline-block;
	min-width:1rem;
	height:1rem;
	padding:0.5rem;
	line-height:1rem;
	color:#fff;
	background-color:#0ae;
	border-radius:1rem;
}
.page-numbers.current{
	background-color:#05a;
}
.pagibtn a{
	display:block;
	padding:0.5rem;
}
.nextpost,
.prevpost{
	display:inline-block;
	width:49%;
	height:2.5rem;
	overflow:hidden;
}
.nextpost{
	text-align:right;
	margin-left:1%
}
.nextpost a{
	background-color:#0ae;
}
.prevpost{
	text-align:left;
}
.prevpost a{
	background-color:#05a;
}

/*---- blog ----*/



/***:::: course ::::***/

/**list**/
.course-item{
	margin-top:2em;
	margin-bottom:5em;
}
.course-item .wrapper{
	margin-top:3em;
}
.course-item dl{
	clear:both;
}
.course-title,
.option-title{
	font-size:1.125em;
	font-weight:bold;
	padding:0.5em 1em;
}
.course-title{
	border-bottom:solid 2px #ff0;
}
.course-detail{
	margin:0;
	padding:0.5em 1em;
	font-size:0.875rem;
}
table.notes{
	width:100%;
	text-align:left;
}
table.notes th,
table.notes td{
	font-weight:normal;
	vertical-align:top;
}
table.notes th{
	width:5.5em;
}
.option{
	float:right;
	font-size:0.75rem;
	line-height:1.25em;
	text-align:right;
}
.option.duoble .half{
	padding-right:0;
}
.course-option .groundblue{
	box-sizing:border-box;
	padding:0.5rem 1rem;
}
.course-option .lined{
	margin:0;
	padding:0.5rem 0;
	border-bottom-width:0;
}
.course-option .lined + .lined{
	border-top-width:1px;
}
.course-item .morebtn{
	margin-top:-1em;
}

/**detail**/
.coursetitle{
	max-width:320px;
	margin:3rem auto 0 auto;
	border-bottom:solid 5px #ff0;
}
#course-page .course{
	margin-bottom:2rem;
	padding-bottom:4rem;
}
.coursenav{
	margin:1.5rem auto;
	text-align:center;
	font-size:1.125em;
	line-height:1.5em
}
li.coursemenu{
	display:inline-block;
	margin:0;
	padding:0 0.5rem;
	color:#06f;
}
li.coursemenu + li.coursemenu{
	border-left:solid 1px #06f;
}
li.coursemenu a{
	color:inherit;
	text-decoration:none;
}

/** photo **/
.seaimg{
	display:inline-block;
	box-sizing:border-box;
	width:50%;
	max-width:260px;
	padding:10px;
}
/* photo */

#detailchart{
	display:block;
	margin:3rem auto;
	padding:0 0.625rem;
}
#detailchart .lined,
#detailchart dt,
#detailchart dd{
	margin:0;
}
.support{
	margin:1em 0;
}

#schedule{
	text-align:left;
}
#schedule .tapetitle{
	padding-right:4em;
}
ol.schedule{
	list-style:none;
	margin:0 auto;
	padding:0 1rem;
	line-height:1.5em;
}
.schedule li{
	margin:0;
	padding:1rem 0;
}
.schedule li:nth-child(even){
	background-color:#e6f9ff;
}
.schedule li h5,
.schedule li p{
	margin:0;
	padding:0 0.5rem;
	line-height:inherit;
}
h5.scheduletitle{
	font-size:1.25em;
	font-weight:bold;
	color:#05A;
}
/*---- course ----*/


/*** access ***/
#parkingMap{
	padding:0 10px;
}
#parkingvideo{
	width:100%;
}
#parkingvideo .wp-video{
	width:100% !important;
}
#parkingcnt ul{
	padding:0 0 0 1em;
	margin:0;
	list-style:none;
}
#parkingcnt ul li{
	text-indent:-1em;
}
@media screen and ( min-width:768px ){
	#parkingvideo{
		width:58%;
		flex-basis:58%;
	}
	#parkingimg{
		flex-basis:42%;
	}
	#parkingcnt{
		flex-basis:100%;
		padding:1rem;
	}
}

/***:::: access root tab ::::***/
#root{
	box-sizing:border-box;
	margin-top:3rem;
	padding:0 1%;
}
#rootheader{
	padding:0;
	text-align:center;
}
.tab{
	box-sizing:border-box;
	display:inline-block;
	margin:0 0.125rem;
	padding:0.5em;
	line-height:1em;
	text-align:center;
	vertical-align:bottom;
	font-size:1em;
	color:#fff;
	background-color:#feb;
	cursor:pointer;
}
.tab.active{
	background-color:#fc6;
}
.root-item{
	display:none;
}
.root-item.active{
	display:block;
}
#rootbody{
	padding:1rem 0;
	border-top:solid 2px #fc6;
	border-bottom:solid 2px #fc6;
}


/*---- access root tab ----*/



/***:::: spot ::::***/
.spot-item{
	margin:0;
	padding:2.5rem 1rem;
	border-bottom:solid 1px #ccc;
}
.spotthumb,
.spotdata{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}
.spotthumb.imgwrap{
	width:35%;
	margin:0;
	padding:0 0.375em 0 0;
}
.spotdata{
	width:65%;
}
.spottitle,
.spotterm,
.spotex{
	margin:0;
	padding:0 0.5rem;
}
.spottitle{
	font-size:1.25em;
	line-height:1.125em;
}
.spotdata{
	line-height:1.5em;
}
/*---- spor ----*/

/***:::: term navigation ::::***/
.termlistnav{
	text-align:center;
	line-height:1.5em;
}
.term{
	display:inline-block;
	font-size:0.75rem;
}
.term + .term{
	margin:0 0.25em 0 0;
}
.term a,
.term label span{
	display:block;
	height:1em;
	padding:0.125rem 0.625rem;
	line-height:1em;
	border-radius:0.6875rem;
	color:#fff;
	text-decoration:none;
}
.term a{
	background-color:#fc6;
}
.term label > input + span{
	background-color:#ccc;
}
.term label > input[type="checkbox"] + span:before{
	font-family:'dashicons';
	content: "\f502";
	display:inline-block;
	width:1em;
	height:1em;
	margin-left:-0.375em;;
	margin-right:0.125em;
	background:none;
	vertical-align:top;
}
.term label > input:checked + span{
	background-color:#fc6;
}
.term label > input[type="checkbox"]:checked + span:before{
	content: "\f153";
}
/*---- term navigation ----*/




/***:::: entry form ::::***/
#entryform .title{
	padding-bottom:0;
}
#step-01,
#step-02{
	height:0;
	visibility:hidden;
	overflow:hidden;
}
#step-01.active,
#step-02.active{
	visibility:visible;
	overflow:auto;
	animation:0.6s forwards rolldown;
}
@keyframes rolldown{
	0%  { height:0; }
	99% { height:80vh; }
	100%{ height:auto; } 
}
.must > dt:after,
.dmust > dt:after{
	content:'*';
	color:#ff0;
	display:inline-block;
	width:1em;
	padding:0 3px;
}
.must > label:before,
.dmust > label:before{
	content:'*';
	color:#c03;
	display:inline-block;
	padding:0 3px;
}
.set02{
	display:none;
	height:0;
	overflow:hidden;
}
.set02.active{
	display:table;
	width:100%;
	height:auto;
	margin-bottom:2em;
	padding-bottom:2em;
	border-bottom:dotted 2px #e6f9ff;
}
#step01 +.title{
	padding-top:2em;
	border-top:dotted 2px #e6f9ff;
}
#shipping{
	display:none;
	opacity:0;
}
#shipping.active{
	display:table-row;
	animation:1s forwards fedin;
}
@keyframes fedin{
	0%{ opacity:0; }
	100%{ opacity:1; }
}
.optionbox{
	margin:0.5rem 0;
}
#schedule > li:not(.dateamount){
	display:none;
}
.dateamount{
	padding:0.5rem;
	margin-bottom:1rem;
	border-bottom:dotted 2px #ccc;
}
.dateamount .label{
	padding:4px;
	margin-bottom:0.5rem;
	color:#fff;
	background-color:#05a;
}
.dateamount label{
	display:inline-block;
	margin:0 0.5em 0 0.25em;
}
input[type="text"].datepicker{
	width:8rem;
}
input[type="number"].number,
form input[type="number"]{
	width:5rem;
	margin:0 0.25em 0 0;
}
#controller{
	padding:0.75rem 1rem;
	text-align:center;
	background-color:#eee;
}
#controller .push,
#controller .dele{
	display:inline-block;
	width:4rem;
	padding:0.5rem 1rem 0.5rem 0.5rem;
	margin:0 0.5rem;
	line-height:1rem;
	color:#fff;
	background-color:#05a;
	border-radius:5px;
	cursor:pointer;
}
#controller .dashicons,
#controller .dashicons:before{
	width:1rem;
	height:1rem;
	font-size:1rem;
}
#controller .dele{
	display:none;
}
.rental .horizontal-item{
	display:inline-block;
	min-width:30%;
	padding-right:2%;
}
.valid-text{
	display:inline-block;
	width:auto;
	color:red;
	margin:0;
	font-size:0.875rem;
	line-height:1.25rem;
}

.blind{
	display:none;
}
.blind:has(.check) + .entrybtn{
	display:none;
}
.optionbox,
#booking{
	display:none;
}
.optionbox.active,
#booking.active{
	display:block;
}

/*** DatePicker ***/
#ui-datepicker-div{
	padding:1rem;
	border:solid 2px #666;
	margin-top:10px;
	background-color:#fff;
	border-radius:8px;
}
#ui-datepicker-div:before{
	position:absolute;
	top:-12px;
	content:"";
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-color:transparent;
	border-top-width:0;
	border-bottom-width:12px;
	border-left-width:7px;
	border-right-width:7px;
	border-bottom-color:#666;
}
.ui-datepicker-header{
	position:relative;
	text-align:center;
}
.ui-datepicker-prev,
.ui-datepicker-next{
	position:absolute;
	top:0.25rem;
	display:block;
	width:1.5rem;
	height:1.5rem;
	text-indent:-999em;
	background-color:#666;
	border-radius:4px;
	over-flow:hidden;
	cursor:pointer;
}
.ui-datepicker-prev{ left:0; }
.ui-datepicker-next{ right:0; }

.ui-datepicker-prev:after,
.ui-datepicker-next:after{
	position:absolute;
	top:0; left:0;
	display:block;
	width:100%;
	color:#fff;
	font-family:'dashicons';
	text-indent:0;
	text-align:center;
}
.ui-datepicker-prev:after{
	content: "\f341";
}
.ui-datepicker-next:after{
	content: "\f345";
}
select.ui-datepicker-year,
select.ui-datepicker-month{
	border:0;
	height:2em;
	border-bottom:solid 2px #05a;
	background-color:#fff;
	color:#333;
}

table.ui-datepicker-calendar{
	margin:10px auto;
	color:#333;
}
table.ui-datepicker-calendar th,
table.ui-datepicker-calendar td{
	text-align:center;
	font-weight:normal;
}
table.ui-datepicker-calendar th{
	font-size:0.75em;
	color:#444;
	background-color:transparent;
}
table.ui-datepicker-calendar td{
	width:2em;
	height:2em;
	background-color:#fff;
}
table.ui-datepicker-calendar td.ui-datepicker-unselectable{
	background-color:#f0f0f0;
	color:#999;
}
table.ui-datepicker-calendar td a{
	font-weight:bold;
	color:inherit;
	text-decoration:none;
}
table.ui-datepicker-calendar td.ui-datepicker-week-end.ui-datepicker-unselectable{
	color:#8ad;
}
table.ui-datepicker-calendar th.ui-datepicker-week-end,
table.ui-datepicker-calendar td.ui-datepicker-week-end{
	color:#36e;
}
table.ui-datepicker-calendar th.ui-datepicker-week-end + .ui-datepicker-week-end,
table.ui-datepicker-calendar td.ui-datepicker-week-end + .ui-datepicker-week-end{
	color:#e63;
}
table.ui-datepicker-calendar td.ui-datepicker-week-end +.ui-datepicker-week-end.ui-datepicker-unselectable{
	color:#d99;
}
table.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-datepicker-today{
	background-color:#999;
}
table.ui-datepicker-calendar td.ui-datepicker-current-day{
	background-color:#05a;
	color:#fff;
}


.confirm + .submit[name="submitConfirm"]{
	display:none;
}
#step-01.confirm #controller,
#step-01.confirm .btn.entrybtn,
#step-02.confirm button.prev,
#step-02.confirm button.confirm{
	display:none;
}

/*---- entry form ----*/


/***::: & marin :::***/
#tomarin_top{
	width:100%;
	margin:0;
	padding:0;
}
#tomarin_top img{
	display:block;
	width:100%;
	margin:0 auto;
	border:0;
}
#floor,
#floor1,
#floor2{
	padding:0 0.5rem 0.5rem 0.5rem;
}
#floor,
#floor1{
	background-color:#efdec8;
}
#floor2{
	background-color:#edba84;
}
.floormap{
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	margin:0 auto;
}
.thumbbox{
	width:calc( 100vw - 4rem );
	height:calc( 62.5vw - 2.5rem );
	max-width:720px;
	padding:2rem 0;
	margin:0 auto;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:50% 50%;
}
.floormap > .floor{
	flex-basis:40%;
	padding:0 1rem 0.25rem 1rem;
}

#floor .thumbbox{
	background-image:url('tomarin/main.jpg');
}
#floor1 .floormap > .thumbbox{
	background-image:url('tomarin/main_l.jpg');
}
#floor2 .floormap > .thumbbox{
	background-image:url('tomarin/main_r.jpg');
}
.thumbbox .thumb,
.thumb input.ignition{
	display:none;
	opacity:0;
	transition:1s;
}
.thumbbox .thumb:has(.ignition:checked){
	display:block;
	opacity:1;
	max-width:100%;
	margin:0 auto;
	line-height:1;
	vertical-align:middle;
}
.thumb > img{
	max-width:100%;
}
.floor,
.floor-row,
.slice,
.part,
.part > a,
.part img{
	margin:0;
	padding:0;
	line-height:1;
	vertical-align:top;
	text-align:left;
}
.part,
.part img{
	display:block;
	width:100%;
}
#floor1 .floor{
	max-width:448px;
}
#floor2 .floor{
	max-width:448px;
}
.floor-row{
	display:flex;
	flex-flow:row nowrap;
	width:100%;
}
.part{
	width:100%;
}
label.part:has(img:hover){
	background-color:#000;
}
label.part > img:hover{
	opacity:0.5;
}

#tomarin_map{ background-color:#f84; }
#tomarin_system{ background-color:#288;}
#tomarin_facility{ background-color:#06c; }
#tomarin_amenity{  background-color:#e77;	}
#shop-piglet{ background-color:#eaa; }
#tomarin_parking{ background-color:#fa6; } 

#tomarin_map .cel,
#tomarin_system .cel,
#tomarin_facility .cel,
#tomarin_amenity .cel,
#shop-piglet .cel,
#tomarin_parking .cel{ padding:1rem; }

#tomarin_map .cel:has(h2),
#tomarin_system .cel:has(h2),
#tomarin_facility .cel:has(h2),
#tomarin_amenity .cel:has(h2),
#shop-piglet .cel:has(h2),
#tomarin_parking .cel:has(h2){  color:#fff;	}

#tomarin_map h2,
#tomarin_system h2,
#tomarin_facility h2,
#tomarin_amenity h2,
#shop-piglet h2,
#tomarin_parking h2{
	text-align:center;
	padding-top:8rem;
	color:#fff;
	background-position:50% 0%;
	background-size:7rem 7rem;
	background-repeat:no-repeat;
}
#tomarin_map h2{ 		background-image:url('tomarin/map.svg'); }
#tomarin_system h2{ 	background-image:url('tomarin/system.svg'); }
#tomarin_facility h2{ 	background-image:url('tomarin/facility.svg'); }
#tomarin_amenity h2{ 	background-image:url('tomarin/amenity.svg'); }
#tomarin_parking h2{ 	background-image:url('tomarin/parking.svg'); }
#shop-piglet h2{ 	background-image:url('tomarin/piglet.svg'); }

#picky{
	margin-top:4rem;
}
#picky .title{
	font-size:2.5rem;
}
#pickylist{
	padding:1rem;
}
#pickylist > li{
	position:relative;
	width:100%;
	padding:1.5rem;
	border:solid 3px #003399;
	border-radius:0.75rem;
}
#pickylist > li:before{
	display:block;
	position:absolute;
	top:-0.5rem;
	left:-1rem;
	content:"";
	width:3rem;
	height:3rem;
	background-position:0 0;
	background-size:contain;
	background-repeat:no-repeat;
}
#pickylist > li:nth-child(1):before{ background-image:url('tomarin/number_01.svg'); }
#pickylist > li:nth-child(2):before{ background-image:url('tomarin/number_02.svg'); }
#pickylist > li:nth-child(3):before{ background-image:url('tomarin/number_03.svg'); }
#pickylist > li:nth-child(4):before{ background-image:url('tomarin/number_04.svg'); }
#pickylist > li:nth-child(5):before{ background-image:url('tomarin/number_05.svg'); }

#pickylist > li h2{
	margin:0;
	padding-left:0.5rem;
}

.tomarin-info,
.tomarin-chart{
	width:calc( 100% - 2rem );
	margin:1rem;
	padding:0.5rem;
	color:#000;
	background-color:#fff;
}
table.tomarin-info,
table.tomarin-chart{
	border-collapse:separate;
	border-spacing:4px;
	padding:0;
}
.tomarin-info th,
.tomarin-chart th{
	text-align:center;
	font-weight:normal;
	background-color:#ddd;
	padding:4px;
	vertical-align:middle;
}
.tomarin-info th{
	width:30%;
}
.tomarin-chart th{
	width:20%;
}
.tomarin-info td,
.tomarin-chart td{
	padding:4px;
	background-color:#ebf5ff;
	text-align:left;
}
.tomarin-chart td{
	width:80%;
}
#tomarin-chart .flx{
	flex-direction:column;
	align-items:center;
}
#tomarin-chart .flx .cel{
	width:100%;
}
.tomarin-chart .rowp{
	min-width:calc( 50% - 0.5rem );
	max-width:100%;
	margin:0.25rem;
}
#tomarin_facility .tomarin-chart .rowp{
	min-width:calc( 33% - 0.5rem );
}
#piglet .imgwrap{
	display:block;
	max-width:30rem;
	margin:0 auto;
	padding:0 0 2rem 0;
}
#piglet-menu{
	/*background-color:#fff;*/
	max-width:30rem;
	margin:0 auto;
	padding:1rem;
	text-align:center;
}
#piglet-menu li{
	display:inline-block;
	max-width:90%;
	margin-left:5%;
	margin-right:5%;
}
#tomarin_parking .cel > .imgwrap{
	max-width:30rem;
	margin:0 auto;
}
@media screen and ( min-width:640px ){
	.floormap > .floor{
		flex-basis:35%;
		padding:0 1rem 0.25rem 1rem;
	}
}
@media screen and ( min-width:768px ){
	.thumbbox{
		width:720px;
		height:450px;
	}
	.floormap > .floor{
		flex-basis:30%;
		padding:0 2rem 0.25rem 2rem;
	}
	#tomarin-chart .flx{
		flex-direction:row;
	}
	#tomarin-chart .flx .cel{
		width:50%;
		flex-basis:50%;
	}
	.cel.odr1{
		order:1;
	}
	.cel.odr2{
		order:2;
	}
	.cel.odr3{
		order:3;
	}
	.cel.odr4{
		order:4;
	}
	.cel.odr5{
		order:5;
	}
	.cel.odr6{
		order:6;
	}
	#pickylist.flx{
		flex-flow:row wrap;
		justify-content:center;
		align-items:stretch;
	}
	#pickylist > li{
		width:auto;
		flex-basis:30%;
		margin-top:1.5rem;
		margin-left:1.5%;
		margin-right:1.5%;
	}
	#pickylist > li h2{
		font-size:calc( 100vw / 56 );
	}
	#piglet .imgwrap{
		padding:2rem 0;
	}
}
@media screen and ( min-width:840px){
	.floormap > .floor{
		flex-basis:20%;
	}
}

/*----- & marin end ---/




/***:::: footer ::::***/
#sitefooter{
	padding:5rem 0 2.25rem 0;
	background-image:url('parts/bg_footer.png');
	background-size:auto;
	background-position:50% 100%;
	background-repeat:repeat-x;
}
#copyright{
	display:block;
	margin:0;
	padding:0;
	line-height:1rem;
	text-align:center;
	font-size:0.75rem;
}
#sitefooter address{
	padding:0;
	text-align:center;
	font-size:0.75rem;
}

/*---- footer ----*/


/***:::: Login ::::***/
#login h1 a{
	width:288px;
	height:176px;
	background-size:contain;
	background-image:url('parts/site_logo.png');
}



/*//// Login END ////*/

/***::::: FORM PARTS ::::***/
#guidance{
	font-size:14px;
}

label,
input,select,textarea{
font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", sans-serif ;
font-size:inherit;
font-weight:normal;
line-height:1.25em;
}
input,select,textarea{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	box-sizing:border-box;
	border:solid 1px #999;
	background-color:#fff;
}
input[type="button"],input[type="submit"]{
	border:0;
}
input[type="text"],input[type="email"],input[type="password"],
input[type="number"],
input[type="button"],input[type="submit"]{
	width:auto;
	max-width:100%;
	padding:0.25rem;
}
textarea{
	width:90%;
	max-width:100%;
	padding:0.25rem;
}
input[type="button"]:hover{
	background-color:#ccc;
}
input[type="radio"],
input[type="checkbox"]{
	display:none;
}
label > input[type="radio"] + span:before,
input[type="radio"] + label > span:before{
	background-image:url('css/parts_radio.svg');
}
label > input[type="checkbox"] + span:before,
input[type="checkbox"] + label > span:before{
	background-image:url('css/parts_checkbox.svg');
}
label > input[type="radio"] + span:before,
input[type="radio"] + label > span:before,
label > input[type="checkbox"] + span:before,
input[type="checkbox"] + label > span:before{
	content:'';
	display:inline-block;
	width:1em;
	height:1em;
	margin-right:0.25em;
	background-position:50% 0;
	background-size:1em auto;
	background-repeat:no-repeat;
	vertical-align:middle;
}
label > input[type="radio"]:checked + span:before,
input[type="radio"]:checked + label > span:before,
label > input[type="checkbox"]:checked + span:before,
input[type="checkbox"]:checked + label > span:before{
	background-position:0 100%;
}

select{
padding:0.25em 2em 0.25em 0.75em;
background-image:url('css/parts_select.svg');
background-position:100% 50%;
background-size:2em;
background-repeat:no-repeat;
line-height:1.5em;
}
button{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	font-size:1.125em;
	color:#ccc;
	border:0;
	background:none;
}
button:hover{
	color:#000;
}
input[type="text"] + [type="button"],
select + [type="button"]{
	margin:0 0 0 0.5em;
}
.mwform-zip-field{
	display:block;
	margin-bottom:0.5em;
}

/*:::: Wordpress ::::*/
.alignnone,
.alignright,
.alignleft,
.aligncenter{
	vertical-align:top;
}
.alignnone{
}
.alignright{
	text-align:right;
}
.alignleft{
	text-align:left;
}
.aligncenter{
	text-align:center;
}
img.alignright,
img.aligncenter{
	display:block;
}
img.alignright{
	float:right;
}
img.alignleft{
	float:left;
}
img.aligncenter{
	margin-left:auto;
	margin-right:auto;
}
img{
	max-width:100% !important;
	height:auto !important;
}

/*---- Wordpress ----*/

@media screen and (min-width:481px){
	
	.trise{
		width:33%;
	}
	.trise-dx{
		width:66%;
	}
	
	html, body{
		font-size:16px;
	}
	em{
		font-size:1.25em;
	}
	br.nobr{
		display:inline;
	}
	.tabled{
		display:table;
		border-collapse:separate;
		border-spacing:0 1rem;
		width:100%;
	}
	.tb-row{
		display:table-row;
	}
	.tb-row dt,
	.tb-row dd{
		display:table-cell;
		vertical-align:top;
	}
	.tb-row dt{
		width:30%;
		padding:0.75rem 0.875rem;
	}
	.tb-row dd{
		width:70%;
	}
	/*
	.triple,
	.quarter,
	.fifth{
		width:50%;
	}
	*/
	.pagetitle{
		padding-bottom:15%;
	}
	
	.blog-item,
	.spot-item{
		margin-left:1%;
		margin-right:1%;
	}
	
	.tab{
		padding:0.75rem 1rem;
		font-size:1rem;
	}
	
	#detailchart{
		max-width:640px;
	}
	#detailchart dt,
	#detailchart dd{
		padding:1rem;
	}
	.course-option .groundblue{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
}
@media screen and (min-width:751px){
/*START media query */
	.clear:befor, .clear:after{
		content:'';
		display:block;
		clear:both;
	}
	.left{
		float:left;
	}
	.right{
		float:right;
	}
	.duoble{
		width:50%;
		max-width:480px;
	}
	.triple{
		width:33%;
		max-width:320px;
	}
	.untriple{
		width:66%;
		max-width:640px;
	}
	.quarter,
	.fifth{
		width:30%;
	}
	.unquarter,
	.unfifth{
		width:70%;
	}
	.cut_l,
	.cut_r{
		background-size:auto;
		background-repeat:no-repeat;
	}
	.cut_l{
		background-image:url('parts/cut_l.png');
		background-position:0% 100%;
	}
	.cut_r{
		background-image:url('parts/cut_r.png');
		background-position:100% 0%;
	}
	.inv{
		position:relative;
	}
	.seaimg.ltphoto,
	.seaimg.rbphoto{
		position:absolute;
		z-index:1;
	}
	.seaimg.ltphoto{
		top:0;
		right:81%;
		transform:rotate(-8deg);
	}
	.seaimg.rbphoto{
		bottom:0;
		left:81%;
		transform:rotate(6deg);
	}
	
	#sitelogo-mb{
		width:9rem;
		height:4rem;
	}
	#main-nav{
		margin:2rem auto 4rem;
	}
	
	.topimg,
	#slidewrap{
		width:100%;
		margin:0 auto;
	}
	.slick-dots{
		font-size:1rem;
	}
	
	.pagetitle{
		margin-top:6rem;
		padding-bottom:6rem;
	}
	.pagetitle.hasthumb{
		margin-top:3rem;
	}
	.pagetitle.nonethumb{
		margin-top:10rem;
	}
	
	.blog-item,
	.spot-item{
		margin-left:1em;
		margin-right:1em;
	}
	.blogthumb.imgwrap,
	.spotthumb.imgwrap{
		width:17em;
		padding:0 1rem;
	}
	.blogex,
	.spotdata{
		width:calc(100% - 17em);
		padding:0 1rem;
	}
	.blog-title,
	.spottitle{
		font-size:1.5rem;
		line-height:1.75rem;
		padding:0 1rem;
	}
	.blog-data{
		line-height:2rem;
	}
	.articlebtn a{
		margin-right:0;
		margin-left:2rem;
	}
	.term{
		font-size:0.8125rem;
	}
	
	.date,
	.newstitle{
		display:inline-block;
	}
	
	.spotterm,
	.spotex{
		padding:0 1rem;
	}
	
	h5.scheduletitle{
		text-align:right;
	}
	
	#root{
		padding:0;
	}
	.tab{
		margin:0 1rem;
		padding:0.75rem 2rem;
		font-size:1.375rem;
	}
	
	
}
@media screen and (min-width:871px){
	.option{
		font-size:1em;
	}
	
	
	.quarter{
		width:25%;
		max-width:240px;
	}
	.unquarter{
		width:75%;
		max-width:720px;
	}
	.fifth{
		width:20%;
		max-width:192px;
	}
	.unfifth{
		width:80%;
		max-width:768px;
	}
/* media query END*/
}