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

/* common */
html,body{}
body{font-size:100%;font-family:'Shippori Mincho',"YuMincho","Yu Mincho","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;color:#333;margin:0;padding:0;text-align:center;/*font-feature-settings:"palt";*/overflow-x:hidden;}
body{-webkit-text-size-adjust:none;}

@media screen and (max-width:768px){
body{font-size:88%;}
}

h1,h2,h3,h4,h5,h6,p,ol,ul,dt,dd{font-size:100%;padding:0;}

h1,h2,h3,h4,h5,h6{line-height:1.5em;margin:0 0 1em;font-weight:normal;}
p{line-height:1.8em;margin:0 0 1.5em;}
ol,ul,dt,dd{line-height:1.7em;margin:0 0 1.5em;}
table{line-height:1.5em;margin:0 0 1.5em;}

strong{font-weight:bold;}

img{border:none;max-width:100%;height:auto;}


/* リスト通常使用 */
ul.normal{padding-left:10px;margin-left:10px;list-style:disc;}
ul.normal li{}
ul.none{list-style:none;}

ol.normal{padding-left:10px;margin-left:10px;list-style:decimal;}
ol.normal li{}

dl{margin:0;padding:0;}
dt{margin:0;padding:0;}
dd{margin:0;padding:0;}


a:link{text-decoration:underline;color:#333;}
a:visited{text-decoration:underline;color:#333;}
a:hover{text-decoration:none;color:#333;}

a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a:hover img{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

img{max-width:100%;}


table{border-collapse:collapse;border-spacing:1px;font-feature-settings:"palt";}
th,td{padding:10px;vertical-align:middle;border:solid 1px #666;text-align:center;}
th{background:#224443;font-weight:bold;color:#fff;}
td{background:#fff;}
td{text-align:left;}

@media screen and (max-width:640px){
th,td{padding:10px;font-size:90%;letter-spacing:0;}
}
@media screen and (max-width:480px){
th,td{padding:5px;}
}


sup{
	font-size: 70%; 
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
sub {
	font-size: 70%;
	vertical-align: bottom;
	position: relative;
	bottom: -0.1em;
}


.pc{}
.sp{display:none !important;}
.sp480{display:none !important;}
.sp380_none{}
@media screen and (max-width:900px){
	.pc{display:none !important;}
	.sp{display:block !important;}
	img.sp{display:inline !important;}
}
@media screen and (max-width:480px){
	.sp480{display:block !important;}
	img.sp480{display:inline !important;}
}
@media screen and (max-width:380px){
	.sp380_none{display:none !important;}
}


/* inview */
.inviewfadeIn{opacity:0;position:relative;top:30px;
-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;}
.inviewfadeIn.fadeIn{opacity:1;top:0;}


/* header */
header{}
.indx_fix{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}

#header{position:fixed;width:100%;top:0;z-index:10;border:solid #224443;border-width:10px 0 0;}
#header.indx_fix{top:-190px;}
#header.indx_fix.active{top:0;}

#header .logo{position:absolute;left:0;top:0;display:table;width:180px;height:180px;background:rgba(255,255,255,0.5);z-index:5;border:solid #224443;border-width:0 1px 1px 0;margin:0;line-height:0;}
#header .logo a{display:table;width:100%;height:100%;}
#header .logo span{display:table-cell;vertical-align:middle;text-align:center;}
#header .logo img{width:118px;}

#header .gnavi{display:table;width:calc(100% - 180px);height:90px;position:absolute;top:0;left:180px;z-index:5;border:solid #224443;border-width:0 0 1px;}
#header .gnavi .in{display:table-cell;vertical-align:middle;}
#header .gnavi .in ul{margin:0 30px 0 0;text-align:right;}
#header .gnavi .in ul li{display:inline-block;margin:0 10px;position:relative;}
#header .gnavi .in ul li a{display:table;height:60px;position:relative;z-index:2;color:#fff;text-decoration:none;}
#header .gnavi .in ul li a span{display:table-cell;vertical-align:middle;padding:15px 20px 15px 35px;}
#header .gnavi .in ul li:after{content:" ";background:#224443;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;border-radius:10px;opacity:0;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
#header .gnavi .in ul li:hover:after{opacity:1;}
#header .gnavi .in ul li a:before{content:" ";width:41px;height:47px;background:url("../images/menu_ico.png") no-repeat 0 0;position:absolute;left:-15px;top:0;
	filter:drop-shadow(2px 2px 5px rgba(255,255,255,0.5));}

#header_g_bg{position:fixed;width:100%;top:10px;z-index:9;mix-blend-mode:multiply;}
#header_g_bg.indx_fix{top:-180px;}
#header_g_bg.indx_fix.active{top:10px;}

#header_g_bg .gnavi_btn_bg{display:table;width:calc(100% - 180px);height:90px;position:absolute;top:0;left:180px;z-index:4;}
#header_g_bg .gnavi_btn_bg .in{display:table-cell;vertical-align:middle;}
#header_g_bg .gnavi_btn_bg .in ul{margin:0 30px 0 0;text-align:right;}
#header_g_bg .gnavi_btn_bg .in ul li{display:inline-block;margin:0 10px;position:relative;}
#header_g_bg .gnavi_btn_bg .in ul li a{display:table;height:60px;position:relative;z-index:2;color:#fff;text-decoration:none;}
#header_g_bg .gnavi_btn_bg .in ul li a span{display:table-cell;vertical-align:middle;padding:15px 20px 15px 35px;opacity:0;}
#header_g_bg .gnavi_btn_bg .in ul li:after{content:" ";background:#224443;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;border-radius:10px;}

#header_w_bg{position:fixed;width:100%;top:10px;z-index:8;}
#header_w_bg.indx_fix{top:-180px;}
#header_w_bg.indx_fix.active{top:10px;}

#header_w_bg .gnavi_bg{width:calc(100% - 180px);height:90px;position:absolute;top:0;left:180px;background:rgba(255,255,255,0.5);z-index:5;}


@media screen and (max-width:1380px){
	#header .gnavi .in ul li{margin:0 5px;font-size:88%;}
	#header .gnavi .in ul li a{height:45px;}
	#header .gnavi .in ul li a span{padding:10px 15px 10px 25px;}
	#header .gnavi .in ul li a:before{content:" ";width:30px;height:34px;background:url("../images/menu_ico.png") no-repeat 0 0;background-size:30px;position:absolute;left:-10px;top:2px;}
	
	#header_g_bg .gnavi_btn_bg .in ul li{margin:0 5px;font-size:88%;}
	#header_g_bg .gnavi_btn_bg .in ul li a{height:45px;}
	#header_g_bg .gnavi_btn_bg .in ul li a span{padding:10px 15px 10px 25px;}
}
@media screen and (max-width:1080px){
	#header .gnavi{height:120px;}
	#header_g_bg .gnavi_btn_bg{height:120px;}
	#header_w_bg .gnavi_bg{height:120px;}
}


@media screen and (max-width:900px){
	#header{position:absolute;}
	#header.indx_fix{top:0;}
	#header_g_bg{display:none;}
	#header_w_bg{display:none;}
	
	#header .gnavi{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:999;border:none;background:rgba(34,68,67,0.85);}
	#header .gnavi .in{display:block;text-align:center;padding:80px 4% 20px;}
	#header .gnavi .in ul{margin:0;text-align:left;display:inline-block;}
	#header .gnavi .in ul li{display:list-item;margin:0 0 10px;font-size:100%;}
	#header .gnavi .in ul li:after{content:none;}
	
	#header .gnavi .in ul li a{height:auto;}
	#header .gnavi .in ul li a span{padding:5px 15px 10px 30px;}
	#header .gnavi .in ul li a:before{content:" ";width:30px;height:34px;background:url("../images/menu_ico.png") no-repeat 0 0;background-size:30px;position:absolute;left:-10px;top:-2px;}
}
@media screen and (max-width:768px){
	#header{border-width:5px 0 0;}
	
	#header .logo{width:21vw;height:21vw;}
	#header .logo img{width:15vw;}
}

/* spmenu */
#sp_menu{position:fixed;z-index:999;top:30px;right:25px;display:none;}
#sp_menu a{display:block;}
#sp_menu.active .menu-trigger{background-color:rgba(0,0,0,0.7) !important;}

@media screen and (max-width:900px){
	#sp_menu{display:block;}
}
@media screen and (max-width:768px){
	#sp_menu{top:15px;right:10px;}
}


.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 43px;
	height: 43px;
	border:solid 1px #1D4141;
	background:rgba(255,255,255,0.7);
}
.menu-trigger span{
	position: absolute;
	left: 5px;
	width: 31px;
	height: 3px;
	background-color:#1D4141;
	border-radius:2px;
}

#sp_menu.active .menu-trigger span{
  background-color:#fff;
}

.menu-trigger span:nth-of-type(1) {
  top: 9px;
}
.menu-trigger span:nth-of-type(2) {
  top: 18.5px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 9px;
}

.menu-trigger.active{
	background-color:transparent !important;
	border-color:transparent;
}
.menu-trigger.active span {
	background-color:#fff;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(9.8px) rotate(-45deg);
  transform: translateY(9.8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9.8px) rotate(45deg);
  transform: translateY(-9.8px) rotate(45deg);
}


/* main */
#main{position:relative;}
#main:before{content:" ";width:100%;height:10px;position:absolute;left:0;top:0;z-index:6;background:#224443;}
#main:after{content:" ";width:100%;height:10px;position:absolute;left:0;bottom:0;z-index:6;background:#224443;}

#main.second:after{content:none;}

#main .logo{position:absolute;left:0;top:10px;display:table;width:180px;height:180px;background:rgba(255,255,255,0.5);z-index:5;border:solid #224443;border-width:0 1px 1px 0;}
#main .logo a{display:table;width:100%;height:100%;}
#main .logo span{display:table-cell;vertical-align:middle;text-align:center;}
#main .logo img{width:118px;}

#main .main_bg01{width:1440px;margin:0;line-height:0;position:absolute;left:50%;top:10px;margin-left:-720px;z-index:2;}
#main .main_bg01 img{width:100%;}

#main .gnavi{display:table;width:100%;height:120px;position:absolute;bottom:10px;left:0;z-index:5;border:solid #224443;border-width:1px 0 0;}
#main .gnavi .in{display:table-cell;vertical-align:middle;}
#main .gnavi .in ul{margin:0;text-align:center;}
#main .gnavi .in ul li{display:inline-block;margin:0 10px;position:relative;}
#main .gnavi .in ul li a{display:table;height:60px;position:relative;z-index:2;color:#fff;text-decoration:none;}
#main .gnavi .in ul li a span{display:table-cell;vertical-align:middle;padding:15px 20px 15px 35px;}
#main .gnavi .in ul li:after{content:" ";background:#224443;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;border-radius:10px;opacity:0;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
#main .gnavi .in ul li:hover:after{opacity:1;}
#main .gnavi .in ul li a:before{content:" ";width:41px;height:47px;background:url("../images/menu_ico.png") no-repeat 0 0;position:absolute;left:-15px;top:0;
	filter:drop-shadow(2px 2px 5px rgba(255,255,255,0.5));}

#main .gnavi_btn_bg{display:table;width:100%;height:120px;position:absolute;bottom:10px;left:0;z-index:4;mix-blend-mode:multiply;}
#main .gnavi_btn_bg .in{display:table-cell;vertical-align:middle;}
#main .gnavi_btn_bg .in ul{margin:0;text-align:center;}
#main .gnavi_btn_bg .in ul li{display:inline-block;margin:0 10px;position:relative;}
#main .gnavi_btn_bg .in ul li a{display:table;height:60px;position:relative;z-index:2;color:#fff;text-decoration:none;}
#main .gnavi_btn_bg .in ul li a span{display:table-cell;vertical-align:middle;padding:15px 20px 15px 35px;opacity:0;}
#main .gnavi_btn_bg .in ul li:after{content:" ";background:#224443;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;border-radius:10px;}

#main .gnavi_bg{width:100%;height:120px;position:absolute;bottom:10px;left:0;background:rgba(255,255,255,0.5);z-index:2;}



#main .txt{display:table;width:100%;height:100%;position:absolute;left:0;top:0;z-index:4;color:#fff;font-weight:bold;margin:0;text-shadow:3px 3px 12px #000;}
#main .txt .in{display:table-cell;vertical-align:middle;padding:30px;line-height:1.5em;}
#main .txt p{font-size:337%;line-height:1.5em;}
#main .txt p:last-of-type{margin:0;}

#main_slide01{margin:0;/*height:755px;*/height:100vh;text-align:center;}

#main_slide01 .swiper-slide{position:relative;background:#fff;}
#main_slide01 .swiper-slide .img{position:relative;z-index:1;line-height:0;background-position:50% 50% !important;background-size:cover !important;height:100%;}
#main_slide01 .swiper-slide:after{content:" ";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.2);z-index:2;}


#main_slide01 .swiper-wrapper{height:100%;overflow:hidden;}

#slider{position:relative;z-index:2;}

.swiper-pagination{bottom:0 !important;display:none;}
.swiper-pagination-bullet{opacity:1;width:40px;height:8px;background:#FBD82A;border-radius:0;}
.swiper-pagination-bullet-active{background:#1D4141;}

@keyframes zoomUp {
	0% {
		transform: scale(1);
		transform-origin:center;
	}
	100% {
		transform: scale(1.15);
	}
}

.swiper-slide-active .img,
.swiper-slide-duplicate-active .img,
.swiper-slide-prev .img{animation: zoomUp 10s linear 0s 1 normal both;}	

@media screen and (min-width:1440px){
	#main .main_bg01{width:100%;left:0;margin-left:0;}
}
@media screen and (max-width:1080px){
	#main .gnavi{height:170px;}
	#main .gnavi_btn_bg{height:170px;}
	#main .gnavi_bg{height:170px;}

}

@media screen and (max-width:900px){
	#main .main_bg01{width:100%;left:0;margin-left:0;}
	#main_slide01{height:100vw;}
	
	#main .logo{display:none;}
	#main .gnavi{display:none;}
	#main .gnavi_btn_bg{display:none;}
	#main .gnavi_bg{display:none;}
	
	#main .txt p{font-size:6.0vw;}
}
@media screen and (max-width:768px){
	#main .main_bg01{top:5px;}
	#main:before,
	#main:after{height:5px;}
}




#second_main{width:100%;height:360px;background:url("../images/main_img01.jpg") no-repeat 50% 20%;background-size:cover;position:relative;z-index:1;border:solid #224443;border-width:0 0 10px;}
#second_main h1{display:table;width:100%;height:100%;margin:0;color:#fff;font-weight:bold;text-shadow:3px 3px 12px #000;position:relative;z-index:3;}
#second_main h1 span{display:table-cell;vertical-align:middle;text-align:center;font-size:357%;padding-top:1em;}
/*#second_main:after{content:" ";width:100%;height:10px;position:absolute;left:0;bottom:-10px;z-index:2;background:#224443;}*/

@media screen and (max-width:900px){
	#second_main{height:46vw;}
	#second_main h1 span{font-size:6.0vw;}
}
@media screen and (max-width:768px){
	#second_main{border:solid #224443;border-width:0 0 5px;}
}






/* コンテンツ */
#wrap{text-align:left;width:100%;}
.inner{width:1080px;margin:0 auto;}

@media screen and (max-width:1180px){
	.inner{width:92vw;}
}
@media screen and (max-width:900px){
	.inner{width:90vw;}
}
@media screen and (max-width:768px){

}

.anc{position:relative;top:-130px;}
@media screen and (max-width:900px){
	.anc{top:0;}
}




/* message */

#sec_message{padding:60px 0 120px;border:solid #224443;border-width:0 0 10px;background:url("../images/bg01.png") repeat-x 50% 100%;background-size:1440px;position:relative;}
#sec_message .lead{margin:0;font-size:131%;font-weight:500;text-align:center;position:relative;z-index:2;}

#sec_message .ill01,
#sec_message .ill02{position:absolute;bottom:10px;left:50%;line-height:0;margin:0;filter:drop-shadow(0px 3px 6px rgba(0,0,0,0.5));}
#sec_message .ill01 img,
#sec_message .ill02 img{max-width:none;}
#sec_message .ill01{margin-left:-500px;}
#sec_message .ill02{margin-left:360px;}



@media screen and (min-width:1440px){

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

}
@media screen and (max-width:768px){
	#sec_message{padding:20px 4% 60px;border:solid #224443;border-width:0 0 5px;background:url("../images/bg01.png") repeat-x 50% 100%;background-size:750px;}
	#sec_message .lead{font-size:100%;}
	
	#sec_message .ill01{margin-left:0;left:15px;bottom:5px;}
	#sec_message .ill02{margin-left:0;left:auto;right:10px;}
	#sec_message .ill01 img{width:59px;}
	#sec_message .ill02 img{width:69px;}
}


/* topics */

#sec_topics{padding:80px 0;}
#sec_topics .h{margin:0 0 40px;font-size:225%;text-align:center;border:solid #224443;border-width:0 0 5px;padding:0 0 10px;}

#sec_topics .in{width:100%;}

#sec_topics .news{width:500px;float:left;}
#sec_topics .news dl{margin:0 0 15px;padding:0 0 15px;border:dashed #707070;border-width:0 0 1px;}
#sec_topics .news dl a{display:table;width:100%;text-decoration:none;}
#sec_topics .news dl a:hover{text-decoration:underline;}
#sec_topics .news dt,
#sec_topics .news dd{display:table-cell;vertical-align:top;}
#sec_topics .news dt{width:7em;}
#sec_topics .news dd.thumb{padding:0 0 0 5px;width:105px;margin:0;line-height:0;}


#sec_topics .news .news_more{text-align:right;margin:30px 0 0;}

#sec_topics .fb{width:500px;float:right;}


@media screen and (min-width:1440px){

}
@media screen and (max-width:1180px){
	#sec_topics .news{width:48.5%;}
	#sec_topics .fb{width:48.5%;}
	#sec_topics .fb iframe{width:100%;}
}
@media screen and (max-width:900px){
	#sec_topics .news{width:100%;float:none;}
	#sec_topics .news .news_more{margin:15px 0 0;}
	#sec_topics .fb{width:100%;max-width:100%;float:none;margin:50px 0 auto;text-align:center;}
	#sec_topics .fb .fb_iframe_widget{margin:0 auto;}
}
@media screen and (max-width:768px){
	#sec_topics{padding:50px 0 30px;}
	
	#sec_topics .h{margin:0 0 20px;font-size:129%;border-width:0 0 3px;padding:0 0 5px;}
}




/* about */

#sec_about{border:solid #04526B;border-width:10px 0 0;}
#sec_about .cont{width:100%;height:810px;background:url("../images/about_bg.jpg") no-repeat 50% 50%;background-size:cover;}

#sec_about .h{display:table;width:100%;height:105px;border:solid #04526B;border-width:0 0 1px;position:relative;text-shadow:0 3px 6px rgba(0,0,0,0.5);}
#sec_about .h span{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-size:225%;position:relative;z-index:2;}
#sec_about .h:after{content:"";position:absolute;z-index:1;width:100%;height:100%;background:rgba(4,82,107,0.5);left:0;top:0;}

#sec_about .cottage{margin:100px auto 0;width:1070px;}
#sec_about .cottage .box{width:510px;height:490px;float:left;background:rgba(255,255,255,0.8);position:relative;border:solid 1px #04526B;padding:15px;}
#sec_about .cottage .box:nth-of-type(2){float:right;}
#sec_about .cottage .box a{display:block;text-decoration:none;}

#sec_about .cottage .box .pic{margin:0;line-height:0;}
#sec_about .cottage .box .pic img{width:100%;height:360px;object-fit:cover;object-position:center;}
#sec_about .cottage .box .txt{position:absolute;left:0;bottom:0;width:100%;height:95px;color:#fff;padding:10px 0;}
#sec_about .cottage .box .txt .in{display:table;position:relative;z-index:2;}
#sec_about .cottage .box .txt .in .ttl,
#sec_about .cottage .box .txt .in .ex{display:table-cell;vertical-align:top;}
#sec_about .cottage .box .txt .in .ttl{width:130px;text-align:center;font-size:225%;}
#sec_about .cottage .box .txt .in .ex{padding-right:10px;}
#sec_about .cottage .box .txt .in .ex p{line-height:1.5em;}
#sec_about .cottage .box .txt .in .ex p:last-of-type{margin:0;}
#sec_about .cottage .box .txt .in .ex p .small{display:inline-block;font-size:75%;}

#sec_about .cottage .box .txt:after{content:" ";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background:#04526B;mix-blend-mode:multiply;opacity:0.8;}

@media screen and (max-width:1180px){
	#sec_about .cottage{width:92%;}
	#sec_about .cottage .box{width:48.5%;height:auto;padding:0;}
	#sec_about .cottage .box .pic{padding:15px;}
	#sec_about .cottage .box .txt{position:relative;height:auto;}
}
@media screen and (max-width:900px){

}
@media screen and (max-width:768px){
	#sec_about{border:solid #04526B;border-width:5px 0 0;}
	#sec_about .cont{height:auto;padding:0 0 50px;}
	
	#sec_about .h{height:auto;margin:0 0 25px;}
	#sec_about .h span{font-size:129%;padding:15px 4%;}
	
	#sec_about .cottage{margin:0 auto;width:92%;}
	#sec_about .cottage .box{width:100%;float:none;}
	#sec_about .cottage .box:nth-of-type(2){margin-top:20px;}	
	
	#sec_about .cottage .box .pic{padding:10px;}
	#sec_about .cottage .box .pic img{height:65vw;}
	
	#sec_about .cottage .box .txt .in .ttl{width:5em;font-size:143%;}
}



/* price */

#sec_price{border:solid #4E1B00;border-width:10px 0 0;padding:40px 0 60px;background:url("../images/price_bg.png") no-repeat 50% 50%;background-size:cover;}
#sec_price .h{margin:0 0 20px;font-size:225%;text-align:center;border:solid #4E1B00;border-width:0 0 5px;padding:0 0 10px;}
#sec_price .time{margin:0 0 50px;font-size:113%;font-weight:500;text-align:center}
#sec_price .note{margin:0;font-size:88%;}


.price_tbl{width:100%;margin:0 0 15px;font-size:113%;}
.price_tbl th,
.price_tbl td{padding:15px;vertical-align:middle;border:solid 1px #4E1B00;text-align:center;}
.price_tbl thead th{background:#714833;color:#fff;}
.price_tbl tbody th{background:#c9bab2;}
.price_tbl tbody th.season{background:#a68c7f;color:#fff;}

.price_tbl th{color:#000;font-weight:400;}
.price_tbl td{background:#fff;}

.price_tbl th strong,
.price_tbl th span{display:inline-block;}
.price_tbl th strong{font-weight:400;}
.price_tbl th span{font-size:89%;}

.price_tbl thead th strong{font-size:133%;}
.price_tbl tbody th.season strong,
.price_tbl tbody th.season span{display:block;}
.price_tbl tbody th.season strong{font-size:167%;margin:0 0 10px;}


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

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

}
@media screen and (max-width:768px){
	#sec_price{border-width:5px 0 0;padding:30px 0;}
	#sec_price .h{margin:0 0 10px;font-size:129%;border-width:0 0 3px;padding:0 0 5px;}
	#sec_price .time{margin:0 0 15px;font-size:100%;}
	
	.price_tbl{font-size:100%;}
	.price_tbl th,
	.price_tbl td{padding:10px;}
	
	.price_tbl th span{font-size:86%;}
	.price_tbl thead th strong{font-size:115%;}
	.price_tbl tbody th.season strong{font-size:113%;margin:0;}

}




/* activity */

#sec_activity{border:solid #376B04;border-width:10px 0;position:relative;}
#sec_activity .cont{width:100%;height:955px;position:relative;z-index:4;}

#sec_activity .h{display:table;width:100%;height:105px;border:solid #376B04;border-width:0 0 1px;position:relative;text-shadow:0 3px 6px rgba(0,0,0,0.5);margin:0 0 80px;}
#sec_activity .h span{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-size:225%;position:relative;z-index:2;}
#sec_activity .h:after{content:"";position:absolute;z-index:1;width:100%;height:100%;background:rgba(55,107,4,0.5);left:0;top:0;}

#sec_activity .lead{margin:0 0 70px;text-align:center;font-size:131%;font-weight:500;}

#sec_activity .ac_list{margin:0 auto;width:1075px;}
#sec_activity .ac_list li{text-align:center;width:250px;float:left;margin:0 25px 0 0;}
#sec_activity .ac_list li:nth-of-type(4n){margin:0;}
#sec_activity .ac_list li:nth-of-type(4n+1){clear:both;}
#sec_activity .ac_list li:nth-of-type(n+5){margin-top:40px;}

#sec_activity .ac_list li span{display:block;}
#sec_activity .ac_list li span.pic{margin:0 0 10px;line-height:0;border:solid 1px #376B04;}
#sec_activity .ac_list li span.pic img{width:250px;height:200px;object-fit:cover;object-position:center;}
#sec_activity .ac_list li span.cap{}



#sec_activity .bg01{width:1440px;margin:0;line-height:0;position:absolute;left:50%;top:0;margin-left:-720px;z-index:3;}
#sec_activity .bg01 img{width:100%;}
#sec_activity .bg02{width:100%;height:100%;background:#376B04;position:absolute;left:0;top:0;z-index:2;opacity:0.3;mix-blend-mode:color;}
#sec_activity .bg03{width:100%;height:100%;background:#fff;position:absolute;left:0;top:0;z-index:1;opacity:0.7;mix-blend-mode:color;}
#sec_activity .bg04{width:100%;height:100%;background:url("../images/activity_bg01.png") no-repeat 50% 0;background-size:cover;position:absolute;left:0;top:0;z-index:1;opacity:0.15;}
#sec_activity .bg05{width:100%;height:100%;position:absolute;left:0;top:0;z-index:3;
	background: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0) 50%,rgba(255,255,255,1));
	background: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0) 50%,rgba(255,255,255,1)F);
	background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0) 50%,rgba(255,255,255,1));}


@media screen and (min-width:1440px){
	#sec_activity .bg01{width:100%;left:0;margin-left:0;}
}
@media screen and (max-width:1180px){
	#sec_activity .ac_list{margin:0 auto;width:92%;}
	#sec_activity .ac_list li{width:23.5%;margin:0 2% 0 0;}
}
@media screen and (max-width:900px){
	#sec_activity .bg01{width:100%;left:0;margin-left:0;}
}
@media screen and (max-width:768px){
	#sec_activity{border:solid #376B04;border-width:5px 0;}
	#sec_activity .cont{height:auto;padding:0 0 30px;}
	
	#sec_activity .h{height:auto;margin:0 0 25px;}
	#sec_activity .h span{font-size:129%;padding:15px 4%;}
	
	#sec_activity .lead{margin:0 0 25px;text-align:left;font-size:100%;font-weight:500;padding:0 4%;}
	
	#sec_activity .ac_list{}
	#sec_activity .ac_list li{width:48.5%;margin:0;}
	
	#sec_activity .ac_list li:nth-of-type(2n){float:right;}
	#sec_activity .ac_list li:nth-of-type(2n+1){clear:both;}
	#sec_activity .ac_list li:nth-of-type(n+3){margin-top:25px;}
	
	#sec_activity .ac_list li span.pic{margin:0 0 5px;}
	#sec_activity .ac_list li span.pic img{width:100%;height:34vw;}
	#sec_activity .ac_list li span.cap{font-size:86%;}
	
	#sec_activity .bg01{overflow:hidden;}
	#sec_activity .bg01 img{position:relative;top:-8vw;}
}



/* access */

#sec_access{padding:70px 0 0;}
#sec_access .h{margin:0 0 60px;font-size:225%;text-align:center;border:solid #224443;border-width:0 0 5px;padding:0 0 10px;}

#sec_access .acc_info{display:table;margin:0 auto 60px;}
#sec_access .acc_info .logo,
#sec_access .acc_info .info,
#sec_access .acc_info .pic{display:table-cell;vertical-align:middle;}

#sec_access .acc_info .logo{width:100px;margin:0;line-height:0;}
#sec_access .acc_info .pic{width:250px;margin:0;line-height:0;border:solid 1px #376B04;}

#sec_access .acc_info .info{padding:0 30px 0 20px;}
#sec_access .acc_info .info h3{font-size:150%;margin:0 0 10px;}
#sec_access .acc_info .info p{font-size:88%;margin:0;}
#sec_access .acc_info .info p:last-of-type{margin:0;}


.gmap{border:solid #224443;border-width:1px 0;}
.gmap iframe{width:100%;height:680px;}


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

}
@media screen and (max-width:768px){
	#sec_access{padding:30px 0 0;}
	#sec_access .h{margin:0 0 30px;font-size:129%;border-width:0 0 3px;padding:0 0 5px;}
	
	#sec_access .acc_info{margin:0 auto 30px;}
	#sec_access .acc_info .info{padding:0 0 0 15px;}
	#sec_access .acc_info .pic{display:none;}
	#sec_access .acc_info .info p:last-of-type{margin-top:5px;}
	
	#sec_access .sp_pic{width:250px;margin:0 auto 30px;line-height:0;border:solid 1px #376B04;}
	
	.gmap iframe{width:100%;height:60vw;}
}



/* contact */

#sec_contact{padding:60px 0 150px;background:url("../images/bg01.png") repeat-x 50% 100%;background-size:1440px;position:relative;}

#sec_contact .in{width:720px;margin:0 auto;}
#sec_contact .h{margin:0 0 30px;font-size:225%;padding:0 0 10px;text-align:center;background:url("../images/dot01.png") repeat-x 50% 100%;}
#sec_contact .h span{display:inline-block;position:relative;}
#sec_contact .h span:before{content:" ";width:61px;height:68px;background:url("../images/contact_h_ico01.png") no-repeat;position:absolute;left:-70px;top:-15px;}
#sec_contact .h span:after{content:" ";width:69px;height:71px;background:url("../images/contact_h_ico02.png") no-repeat;position:absolute;right:-75px;top:-10px;}

#sec_contact .lead{margin:0 0 10px;font-size:100%;font-weight:500;text-align:center;}

#sec_contact .tel{margin:0 auto;color:#376B04;}
#sec_contact .tel a{display:table;margin:0 auto;color:#376B04;text-decoration:none;}
#sec_contact .tel .ico,
#sec_contact .tel .num{display:table-cell;vertical-align:top;}

#sec_contact .tel .ico{font-size:60px;}
#sec_contact .tel .num{font-weight:700;text-align:center;padding:15px 60px 0 10px;}
#sec_contact .tel .num strong,
#sec_contact .tel .num span{display:block;line-height:1.3em;}
#sec_contact .tel .num strong{font-size:300%;}
#sec_contact .tel .num span{}


#sec_contact .ill01,
#sec_contact .ill02{position:absolute;bottom:10px;left:50%;line-height:0;margin:0;filter:drop-shadow(0px 3px 6px rgba(0,0,0,0.5));}
#sec_contact .ill01{margin-left:-500px;}
#sec_contact .ill02{margin-left:360px;}



@media screen and (min-width:1440px){

}
@media screen and (max-width:768px){
	#sec_contact{padding:50px 4% 70px;background:url("../images/bg01.png") repeat-x 50% 100%;background-size:750px;}
	#sec_contact .in{width:100%;}
	
	#sec_contact .h{margin:0 0 20px;font-size:129%;padding:0 0 5px;}
	#sec_contact .h span:before{content:" ";width:31px;height:34px;background:url("../images/contact_h_ico01.png") no-repeat;background-size:31px;position:absolute;left:-35px;top:-8px;}
	#sec_contact .h span:after{content:" ";width:35px;height:36px;background:url("../images/contact_h_ico02.png") no-repeat;background-size:35px;position:absolute;right:-38px;top:-5px;}
	
	#sec_contact .tel .ico{font-size:48px;}
	#sec_contact .tel .num{padding:15px 0 0 10px;}
	#sec_contact .tel .num strong{font-size:257%;}
	#sec_contact .tel .num span{}
	
	#sec_contact .ill01{margin-left:0;left:15px;bottom:5px;}
	#sec_contact .ill02{margin-left:0;left:auto;right:10px;}
	#sec_contact .ill01 img{width:59px;}
	#sec_contact .ill02 img{width:69px;}
}




/* second */
#sec_second{padding:80px 0 120px;position:relative;z-index:2;}
#sec_second.topics{border:solid #224443;border-width:0 0 10px;}

#sec_second .h{margin:0 0 40px;font-size:225%;text-align:center;border:solid #224443;border-width:0 0 5px;padding:0 0 10px;}
#sec_second.detail .h{margin:0 0 20px;}

#sec_second .in{width:900px;margin:0 auto;}

.cottage_info{margin:0 0 30px;}

.cottage_info .pic{width:400px;float:left;margin:0;line-height:0;}
.cottage_info .pic img{width:100%;height:300px;object-fit:cover;object-position:center;border:solid #224443 1px;}

.cottage_info .data{width:450px;float:right;border:solid #707070 1px;padding:20px 30px;min-height:300px;}
.cottage_info .data .data_h{font-size:125%;margin:0 0 15px;padding:0 0 10px;border:solid #707070;border-width:0 0 1px;text-align:center;font-weight:500;}
.cottage_info .data .data_h02{font-size:113%;margin:0 0 15px;font-weight:500;}

.cottage_info .data .data_list{}
.cottage_info .data .data_list dl{display:table;width:100%;}
.cottage_info .data .data_list dl:last-of-type{margin:0 0 30px;}
.cottage_info .data .data_list dl dt,
.cottage_info .data .data_list dl dd{display:table-cell;vertical-align:top;}


.cottage_ex{margin:0 0 50px;}
.cottage_ex :last-of-type{margin:0;}

.cottage_ex02{width:100%;display:table;}
.cottage_ex02 .pic,
.cottage_ex02 .txt{display:table-cell;vertical-align:top;}

.cottage_ex02 .pic{width:250px;}
.cottage_ex02 .pic ul{margin:0;}
.cottage_ex02 .pic li{margin:0 0 15px;line-height:0;}
.cottage_ex02 .pic li:last-of-type{margin:0;}

.cottage_ex02 .txt{padding:0 0 0 30px;}
.cottage_ex02 .txt :last-of-type{margin:0;}


@media screen and (max-width:1180px){
	#sec_second .in{width:92%;}
	
	.cottage_info .pic{width:48.5%;}
	.cottage_info .data{width:48.5%;}
}
@media screen and (max-width:900px){

}
@media screen and (max-width:768px){
	#sec_second{padding:30px 0 40px;}
	#sec_second.topics{border:solid #224443;border-width:0 0 5px;}
	
	#sec_second .h{margin:0 0 30px;font-size:129%;border-width:0 0 3px;padding:0 0 5px;}
	#sec_second.detail .h{margin:0 0 5px;}
	
	.cottage_info{margin:0 0 20px;}
	.cottage_info .pic,
	.cottage_info .data{width:100%;float:none;}
	
	.cottage_info .pic{margin:0 0 20px;}
	.cottage_info .pic img{height:68vw;}
	
	.cottage_info .data{padding:15px;}
	.cottage_info .data .data_h{font-size:129%;padding:0 0 5px;}
	.cottage_info .data .data_h02{font-size:115%;margin:0 0 10px;}

	.cottage_ex{margin:0 0 30px;}
	
	.cottage_ex02 .pic,
	.cottage_ex02 .txt{display:block;}

	.cottage_ex02 .pic{width:33vw;float:left;margin:0 15px 10px 0;}
	.cottage_ex02 .txt{padding:0;}
}



/* cottage link */
#sec_cottage_nav{border:solid #04526B;border-width:10px 0;}
#sec_cottage_nav .cont{width:100%;height:300px;background:url("../images/about_bg.jpg") no-repeat 50% 50%;background-size:cover;padding:65px 0;}

#sec_cottage_nav .cottage{margin:0 auto;width:1070px;}
#sec_cottage_nav .cottage .box{display:table;width:510px;height:170px;float:left;background:rgba(255,255,255,0.8);position:relative;border:solid 1px #04526B;padding:0;}
#sec_cottage_nav .cottage .box:nth-of-type(2){float:right;}
#sec_cottage_nav .cottage .box a{display:table;width:100%;text-decoration:none;}

#sec_cottage_nav .cottage .box .pic,
#sec_cottage_nav .cottage .box .txt{display:table-cell;vertical-align:middle;}

#sec_cottage_nav .cottage .box .pic{margin:0;line-height:0;width:220px;padding:10px;}
#sec_cottage_nav .cottage .box .pic img{width:100%;height:150px;object-fit:cover;object-position:center;}
#sec_cottage_nav .cottage .box .txt{color:#fff;padding:5px 20px 10px;position:relative;}
#sec_cottage_nav .cottage .box .txt .in{display:table;position:relative;z-index:2;}
#sec_cottage_nav .cottage .box .txt .in .ttl{font-size:188%;margin:0 0 12px}
#sec_cottage_nav .cottage .box .txt .in .ex{font-size:88%;}
#sec_cottage_nav .cottage .box .txt .in .ex p{line-height:1.5em;}
#sec_cottage_nav .cottage .box .txt .in .ex p:last-of-type{margin:0;}
#sec_cottage_nav .cottage .box .txt .in .ex p .small{display:inline-block;font-size:75%;}

#sec_cottage_nav .cottage .box .txt:after{content:" ";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background:#04526B;mix-blend-mode:multiply;opacity:0.8;}


@media screen and (max-width:1180px){
	#sec_cottage_nav .cont{height:auto;}

	
	#sec_cottage_nav .cottage{width:92%;}
	#sec_cottage_nav .cottage .box{width:48.5%;height:auto;}
	
	#sec_cottage_nav .cottage .box .pic{width:45%;}
}
@media screen and (max-width:900px){

}
@media screen and (max-width:768px){
	#sec_cottage_nav .cont{padding:30px 0;}
	
	#sec_cottage_nav .cottage .box{width:100%;float:none !important;}
	#sec_cottage_nav .cottage .box:nth-of-type(2){margin-top:15px;}
	
	#sec_cottage_nav .cottage .box .txt .in .ttl{font-size:143%;margin:0 0 10px}
	#sec_cottage_nav .cottage .box .txt .in .ex{font-size:86%;}
	
	#sec_cottage_nav .cottage .box .pic img{height:27vw;}
}




/* topics list */

#sec_second.topics .news{width:100%;}
#sec_second.topics .news dl{margin:0 0 15px;padding:0 0 15px;border:dashed #707070;border-width:0 0 1px;}
#sec_second.topics .news dl a{display:table;width:100%;text-decoration:none;}
#sec_second.topics .news dl a:hover{text-decoration:underline;}
#sec_second.topics .news dt,
#sec_second.topics .news dd{display:table-cell;vertical-align:top;}
#sec_second.topics .news dt{width:7em;}
#sec_second.topics .news dd.thumb{padding:0 0 0 5px;width:105px;margin:0;line-height:0;}



/* detail */
#sec_second.detail .date{text-align:right;margin:0 0 40px;}

#sec_second.detail .post_area{padding:0 0 60px;border:dashed #707070;border-width:0 0 1px;margin:0 0 30px;}
#sec_second.detail .post_area .main_pic{margin:0 0 30px;line-height:0;}


@media screen and (max-width:768px){
	#sec_second.detail .date{margin:0 0 20px;font-size:86%;}
	
	#sec_second.detail .post_area{padding:0 0 30px;margin:0 0 20px;}
	#sec_second.detail .post_area .main_pic{margin:0 0 20px;}
}




.home_btn{margin:0;text-align:center;font-size:113%;font-weight:700;}
.home_btn li{display:inline-block;margin:0 30px;}
.home_btn i{margin-right:8px;font-size:24px;}

.home_btn a{color:#224443;text-decoration:none;}
.home_btn a:hover{text-decoration:underline;}

@media screen and (max-width:768px){
	.home_btn{font-size:100%;}
	.home_btn li{margin:0 20px;}
	.home_btn i{margin-right:5px;font-size:20px;}
}




/* pagetop */

#topcontrol{position:fixed;right:0;line-height:0;margin:0;display:none;background:#224443;width:60px;height:60px;z-index:998;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
#topcontrol:hover{background:rgba(34,68,67,0.7);}
#topcontrol a{display:table;width:100%;height:100%;color:#fff;text-decoration:none;}
#topcontrol a span{display:table-cell;text-align:center;vertical-align:middle;}
#topcontrol a span i{display:block;line-height:1em;}
#topcontrol a span i.ico{font-size:36px;margin:0 0 5px;}

#topcontrol{bottom:0;}
#topcontrol.btm{bottom:65px;}

@media screen and (max-width:768px){
	#topcontrol{transform:scale(0.75);transform-origin:right bottom;}
	#topcontrol.btm{bottom:60px;}
}


/* footer */
#footer{background:#224443;}
#copy{color:#fff;margin:0;padding:15px 4%;font-size:75%;}


@media screen and (max-width:768px){
	#copy{padding:10px 4%;}
}





/* pagenav */

.wp-pagenavi{text-align:center;margin:50px auto 0;}

.wp-pagenavi span,
.wp-pagenavi a{display:inline-block;margin:0 3px;padding:5px 10px;line-height:1em;}
.wp-pagenavi span,
.wp-pagenavi a{border:solid 1px #ccc;}

.wp-pagenavi span.current{background:#224443;color:#fff;font-weight:700;}





/*------------------------------------------------
   汎用
------------------------------------------------*/

.tx_l{text-align:left !important;}
.tx_c{text-align:center !important;}
.tx_r{text-align:right !important;}

.vm{vertical-align:middle !important;}
.vt{vertical-align:top !important;}
.vb{vertical-align:bottom !important;}

.tx_slarge{font-size:114% !important;}
.tx_large{font-size:128% !important;}
.tx_xlarge{font-size:150% !important;}
.tx_xxlarge{font-size:200% !important;}
.tx_small{font-size:85% !important;}
.tx_midium{font-size:100% !important;}
.tx_xsmall{font-size:71% !important;}

.f_bold{font-weight:bold !important;}
.f_normal{font-weight:normal !important;}

.txt_under{text-decoration:underline !important;}
.txt_strike{text-decoration:line-through !important;}

.inblock{display:inline-block !important;}
.ls_w{letter-spacing:0.2em;}
.ls_m{letter-spacing:0.1em;}

.relative{position:relative !important;}

.lh0{line-height:0em !important;}
.lh1{line-height:1em !important;}
.lh13{line-height:1.3em !important;}
.lh15{line-height:1.5em !important;}
.lh2{line-height:2em !important;}

ul.note{list-style:none !important;}
ul.note li{text-indent:-1em !important;padding-left:1em !important;}
ul.note li:before{content:"※";}

.note01{padding-left:1em !important;text-indent:-1em !important;}
.note02{padding-left:2em !important;text-indent:-2em !important;}
.note025{padding-left:2.5em !important;text-indent:-2.5em !important;}
.note03{padding-left:3em !important;text-indent:-3em !important;}
.note04{padding-left:4em !important;text-indent:-4em !important;}
.note05{padding-left:5em !important;text-indent:-5em !important;}
.note06{padding-left:6em !important;text-indent:-6em !important;}
.note07{padding-left:7em !important;text-indent:-7em !important;}
.note08{padding-left:8em !important;text-indent:-8em !important;}
.note09{padding-left:9em !important;text-indent:-9em !important;}
.note10{padding-left:10em !important;text-indent:-10em !important;}
.note11{padding-left:11em !important;text-indent:-11em !important;}
.note12{padding-left:12em !important;text-indent:-12em !important;}

.red{color:#ff0000 !important;}
.white{color:#ffffff !important;}
.black{color:#333333 !important;}

.w_full{width:100% !important;}
.wauto{width:auto !important;}

.w100{width:100px !important;}
.w200{width:200px !important;}
.w300{width:300px !important;}
.w400{width:400px !important;}
.w500{width:500px !important;}
.w600{width:600px !important;}

.w02em{width:2em !important;}
.w03em{width:3em !important;}
.w04em{width:4em !important;}
.w05em{width:5em !important;}
.w06em{width:6em !important;}
.w07em{width:7em !important;}
.w08em{width:8em !important;}
.w09em{width:9em !important;}
.w10em{width:10em !important;}
.w11em{width:11em !important;}
.w12em{width:12em !important;}
.w13em{width:13em !important;}
.w14em{width:14em !important;}
.w15em{width:15em !important;}
.w16em{width:16em !important;}
.w17em{width:17em !important;}
.w18em{width:18em !important;}
.w19em{width:19em !important;}
.w20em{width:20em !important;}
.w21em{width:21em !important;}
.w22em{width:22em !important;}
.w23em{width:23em !important;}
.w24em{width:24em !important;}
.w25em{width:25em !important;}
.w26em{width:26em !important;}
.w27em{width:27em !important;}
.w28em{width:28em !important;}
.w29em{width:29em !important;}
.w30em{width:30em !important;}

.bdr{border:solid 1px #dddddd !important;}
.bdr_none{border:none !important;}

.radius05{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}

.radius_top05{-webkit-border-top-left-radius:5px !important;-webkit-border-top-right-radius:5px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:5px 5px 0 0 !important;border-radius:5px 5px 0 0 !important;}
.radius_top10{-webkit-border-top-left-radius:10px !important;-webkit-border-top-right-radius:10px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:10px 10px 0 0 !important;border-radius:10px 10px 0 0 !important;}

.radius_bottom05{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;-moz-border-radius:0 0 5px 5px !important;border-radius:0 0 5px 5px !important;}
.radius_bottom10{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;-moz-border-radius:0 0 10px 10px !important;border-radius:0 0 10px 10px !important;}

.mauto{margin:auto !important;}

.mt0{margin-top:0px !important;}
.mt01{margin-top:1px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr0{margin-right:0px !important;}
.mr01{margin-right:1px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}

.pl01em{padding-left:1em !important;}
.pl02em{padding-left:2em !important;}


.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}

.pad0{padding:0 !important;}
.pad05{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}

.plr05{padding-left:5px !important;padding-right:5px !important;}
.plr10{padding-left:10px !important;padding-right:10px !important;}
.plr15{padding-left:15px !important;padding-right:15px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}
.plr30{padding-left:30px !important;padding-right:30px !important;}
.plr40{padding-left:40px !important;padding-right:40px !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.visi{display:block !important;}
.hide{display:none !important;}


/* clearfix */
.cls{clear:both;}
/* For modern browsers */
.cf:before,
.cf:after{content:"";display:table;} 
.cf:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}/* clearfixここまで */
/* 汎用ここまで */