/*
Theme Name: MOKUMOKU
Theme URI: 
Author: 
Author URI: 
*/

.swiper-button-prev,
.swiper-button-next{ width: 48px !important;}
.swiper-button-prev svg path,
.swiper-button-next svg path{ fill:rgba(143,193,49,.80);}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{ bottom: -24px !important;}
.activity-image{ display: flex; justify-content: space-between; flex-wrap:wrap; margin-top:24px;}
.activity-image li{ width:31%;}
.activity-image li img{ width:100%; height:auto;}
.baloon{ font-size:18px; line-height:1.3em; text-align:center; border:solid 2px #DDD; border-radius:16px; padding:1.0em; position:relative;}
.baloon::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 16px 15px 0 15px;
  border-color: #dddddd transparent transparent;
  translate: -50% 100%;
}

.baloon::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 13.1px 12.3px 0 12.3px;
  border-color: #ffffff transparent transparent;
  translate: -50% 100%;
}
.swiper-pagination-bullet-active{ background-color:#8ec31e !important;}

/* COMMON */
body{ font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; line-height:100%; margin:0; padding:0; min-width:1030px; overflow:visible!important;}
html{ margin:0; padding:0;}
input{ color:; text-decoration:;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;}
a{ text-decoration:none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
color:#000000;
}
a.text-link{ color:#305390; text-decoration:underline;}
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
.kadomaru{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;}
.kadomaru-l{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;}
.kadomaru-ll{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
-ms-border-radius: 15px;}
.kadomaru-xl{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-ms-border-radius: 20px;}
.kadomaru-xxl{
-moz-border-radius: 300px;
-webkit-border-radius: 300px;
-o-border-radius: 300px;
-ms-border-radius: 300px;}
.circle-120{
-moz-border-radius: 120px;
-webkit-border-radius: 120px;
-o-border-radius: 120px;
-ms-border-radius: 120px;}

.shadow    {
box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
-moz-box-shadow: 1px 1px 2px #666;
}

main {
    display: block;
}

.skip-link{ display:none;}
.nodisplay{ display:none!important;}
/*.left{ float:left;}
.right{ float:right;}*/
img.noborder{ border:none!important;}
.clearfix:after {
  overflow: hidden;/* 隙間対応 */
  font-size: 0.1em;/* 隙間対応 */
  line-height: 0;/* 隙間対応 */
}

/*.min{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝","Sawarabi Mincho", serif;}
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);*/
.min{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight: bold; }
@font-face { font-family: "myFont"; src: url("azukiLB.woff") format('woff');}
.azuki {font-family: "myFont";}



.san{ font-family: 'PT Sans Narrow', sans-serif; font-weight:bold;}

.serif{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" ,"Sawarabi Mincho", serif;
text-shadow: 0px 0px 1px rgba(0, 0, 0, .1);}
.garamond{ font-family: 'EB Garamond', serif;}
.gothic{ font-family:Arial, Helvetica, sans-serif}
.red{ color:#ff0000;}
#menu-toggle{ display:none;}



/* Example3 */
.bx-wrapper {
  margin: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}
.bxslider img{
  width: 100% !important;
  height: auto !important;
}
/*画面ローダー*/
#loader {
	width: 100%;
	height: 100%;
	margin: 0;
	background: #fff;/*Loaderの背景色としたいものを指定*/
	opacity: 1.0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000; /*一番前面に出るように（今回はbxSlidrの矢印が9999だったのでそれを超えるようにしました）*/
}
#loader img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;/*Loaderの画像を縦方向中央に表示させるため、画像の高さの半分の40pxだけ上に移動*/
	margin-left: -40px;/*同様に画像の幅の半分の40pxだけ左に移動*/
}

/*ボタン類*/
.button a{ background-color:#8ec31e; color: #ffffff; border: 2px solid #ffffff; line-height: 1.5; padding: 10px 0; font-size: 18px; width:100%; display: block}
.button a:hover{ background-color:#a2cc46; }

/*画像変形調整*/
.obj-fit-img {
object-fit: cover;
/*object-position: 0 100%;*/
font-family: 'object-fit: cover; object-position: 0 100%;'
}


/*contactform7ボタン*/
.wpcf7-form .submit{ text-align:center; margin:40px 0 0;}
.wpcf7-form .submit input:disabled{ background-color:#b80742;}
.wpcf7-form .submit input{ width:50%; height:64px; background-color:#b80742;
	border:2px solid #b80742;
	color:#ffffff;
	font-size:20px;
	font-weight:700;
	text-align:center;
    border-radius: 16px;
  line-height:40px}
/*.wpcf7-form .submit input:hover{ background-color:#b69f4f;}*/

/*ポップアップ*/
.pum-container{ font-family: 'EB Garamond', serif; }
.popmake-title{ font-size:48px; padding:20px 0;}
#pum_popup_title_11 { color:#7a3423!important}
.popmake-content{ font-size:14px; line-height:130%}
.popup-box{ display:flex; justify-content:space-between; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between;}
.popup-box .text{ width:70%}
.popup-box .text p{ padding:0 0 15px 0}
.popup-box .image{ width:28%}
.popup-box .image img{ display:block; margin:5px;}
#pum-11.pum-theme-5 .pum-content + .pum-close, #pum-11.pum-theme-default-theme .pum-content + .pum-close{ background-color:#7a3423!important}


/*下向き矢印*/
.arrow-down{ width: 30px; height: 30px; border: 1px solid; border-color:  transparent transparent #000000 #000000; transform: rotate(-45deg); margin:0 auto; }

/*BASE*/
header .wrapper{ width:960px; margin: 0 auto; padding: 15px 0}
header .branding{ width:40%; float: left;}
header .branding img{ width:90%; height: auto; display: block}
header .tel { letter-spacing: 2px; font-weight: bold; font-size: 42px; font-weight: bold; text-align: right; width:58%; float: right; color: #f39700;}
header .tel img{ width:42px; height: auto;}
header .tel i{ font-size: 14px; display: block; padding-top: 10px; color: #333333}
header .menu-sub{ padding: 0 0 15px 0; text-align: right; clear: both}
header .menu-sub li{ display: inline-block; padding-left: 15px;}
header .menu-sub li a{ display: block; color: #4abdac; font-size: 16px; letter-spacing: 2px;}
header .menu-sub li a:hover{ color: #fc4a1a;}
header .menu-sub li a::before{ content: "▶"; color: #fc4a1a; font-size: 14px;}
.navigation{ background:repeating-linear-gradient(-45deg, #8ec31e 0, #8ec31e 10px, #a2cc46 10px, #a2cc46 20px); letter-spacing: 2px;}
.navigation ul{ width: 1060px; margin: 0 auto; display: flex;}
.navigation li{ border-left: 1px solid #ffffff; text-align: center; padding:0; font-size: 15px; font-weight: bold; width:16.66667%}
.navigation li a{ color: #ffffff; display: block; height: 50px; width:90%; margin: 5px auto; padding-top: 10px}
.navigation li a:hover{ background-color: rgba(255,255,255,0.25)}
.navigation li img{ display: block; width:auto; height: 50%; margin: 0 auto 10px auto}
.navigation li:last-child{ border-right: 1px solid #ffffff;}

.navigation .menu-cafe li.logo { border-left: none;}
.navigation .menu-cafe li a{ height: 40px; line-height: 40px;}
.navigation .menu-cafe li.break a{ line-height: 1.2}
.navigation .menu-cafe li.logo img{ height:72%;}

.common-contact{ background-color: #e7f1d1; padding: 25px 0}
.common-contact .block { width: 800px; margin: 0 auto;}
.common-contact .block h2{ font-size:32px; line-height: 1; padding: 25px 0; text-align: center; color: #693905; width:100%;}
.common-contact .block p{ font-size:16px; line-height: 1.5; text-align: center;}
.common-contact .block ul{ width:75%; margin: 0 auto; padding: 25px 0　0}
.common-contact .block ul li{ padding: 10px 0}
.common-contact .block ul i{ background-color:#f39700; font-size: 18px; color: #ffffff; padding: 10px; margin-right: 15px; display: inline-block; width:auto}
.common-contact .block ul strong{ color: #f39700; font-weight: bold; display: inline-block; vertical-align: middle}
.common-contact .block ul .tel strong{ font-size: 42px;}
.common-contact .block ul .tel span{ font-size: 14px; margin-left: 15px;}
.common-contact .block ul .mail strong{ font-size: 28px;}

.contact-button{ width: 75%; margin: 0px auto;}
.contact-button.mt{ margin-top: 0.5em;}
.contact-button.cafe{ width: 600px; margin: 1.0em auto 40px;}
.contact-button a{ display: block; color: #FFF; font-weight: 600; font-size: 20px; line-height: 1.0em; background: #f39700; padding: 1.0em 0; text-align: center; border-radius: 8px;}
.contact-button a:hover{ color: #FFF; background: rgba(243,151,0,0.72);}

.access { padding: 25px 0}
.access .block{ width:800px; margin: 0 auto; position: relative}
.access .block h2{ font-size:32px; line-height: 1; padding: 25px 0; text-align: center; color: #693905; width:100%;}
.access .block ul{ text-align: center; font-size: 16px; line-height: 1.5; padding-bottom: 25px;}
.access .block iframe{ width:100%; height:400px;display: block}
.access .block .spot-image{ position: absolute;}
.access .block .kuruma{ top:0; left:50px;}
.access .block .basutei{ top:0; right: 50px; text-align: center}
.access .block .basutei img{width:120px; height: auto}
.access .block .kuruma img{width:180px; height: auto}
.access .block .basutei i{ font-size: 14px; color: #693905; display: block; padding-top: 10px;}

.site-footer{ padding: 50px 0; background:repeating-linear-gradient(-45deg, #8ec31e 0, #8ec31e 10px, #a2cc46 10px, #a2cc46 20px);}
.site-footer .block{ width:980px; margin: 0 auto; }
.site-footer .block h3{ text-align: center; padding-bottom: 25px;}
.site-footer .block h3 img{ width: 200px; height: auto;}
.site-footer .block h4{ font-size:21px; color: #ffffff; line-height: 1; padding: 10px 0;}
.site-footer .block .office{ width: 45%; float: left; color: #ffffff; font-size: 16px; line-height: 1.5}
.site-footer .block .office th{ padding: 5px 10px;}
.site-footer .block .office td{ padding: 5px 10px;}
.site-footer .block .sitemap{ width: 45%; float: right;}
.site-footer .block .sitemap ul{ line-height: 1.5;}
.site-footer .block .sitemap ul li{ padding: 5px 0; font-size: 16px; list-style-type: none}
.site-footer .block .sitemap ul a{ color: #ffffff;}



/*トップページ*/
.home h1 i{ font-size: 14px; display: block; padding-top: 10px;}
.home .eyecatch_home{ width:980px; margin: 0 auto; /*height:522px;*/ position: relative; }
.home .eyecatch_home .box{ width:320px; height:auto; background-color: rgba(255,255,255,0.90); background-color: #ffffff\9; position: absolute; bottom: 25px; right:25px;}
.home .eyecatch_home .box p{ font-size: 13px; line-height: 1.5; padding: 10px; text-align: justify;}
.home .main-description{ width:80%; max-width: 640px; margin: 0 auto; padding: 50px 0 25px 0; line-height: 1.8; text-align: center}
.home .aisatsu {padding: 125px 0 50px 0; background-image: url(http://canvas-planning.com/mokumoku_test/wp-content/themes/mokumoku/images/bg_aisatsu_top.jpg); background-position: left top; background-repeat: no-repeat; margin-top: -40px;}
.home .aisatsu .block{ width:980px; margin: 0 auto; background-image: url(http://canvas-planning.com/mokumoku_test/wp-content/themes/mokumoku/images/bg_aisatsu_bottom.jpg); background-position: right bottom; background-repeat: no-repeat; padding: 25px 0 125px 0}

.home .aisatsu .block h2{ font-size:32px; line-height: 1; margin-bottom: 25px; color: #693905; text-align: center}
.home .aisatsu div.azuki{ width:700px; margin: 0 auto; background-color: rgba(255,255,255,0.80);}
.home .aisatsu p{ font-size: 18px; line-height: 1.8; padding: 15px 0}
.home .aisatsu p.right{ text-align: right}

.home .service { padding:50px 0 225px 0; background:repeating-linear-gradient(-45deg, #fce2b5 0, #fce2b5 10px, #fde7c4 10px, #fde7c4 20px); position: relative}
.home .service .block { width:980px; margin: 0 auto; }
.home .service .block h2{ font-size:32px; line-height: 1; margin-bottom: 15px; text-align: center; color: #693905;}
.home .service .block ul{ width:720px; margin: 0 auto; padding: 25px 0; display: flex}
.home .service .block li{ width: 45%; margin: 0 2.5%}
.home .service .block li a{ font-size: 24px; color: #f19625; background-color: #ffffff; border: 2px solid #f19625; display: block; height: 40px; line-height: 40px; text-align: center; letter-spacing: 2px;}
.home .service .block li a:hover{ background-color:#f19625; color: #ffffff;}
.home .service .block li span{ width:85%; margin: 15px auto; line-height: 1.5; display: block}
.home .service .block p{ font-size:14px; line-height: 1.4; text-align: center}
.home .service .button{ width:300px; margin: 0 auto;}
.home .service .block.cafe{ background-image: url(http://canvas-planning.com/mokumoku_test/wp-content/themes/mokumoku/images/bg_top_cafe.jpg); height:180px; position: absolute; bottom:0; width:100%}
.home .service .block.cafe a{ display: block; width:700px; margin: 0 auto; position: relative; height: 100%; background-image: url(http://canvas-planning.com/mokumoku_test/wp-content/themes/mokumoku/images/arrow_right.png); background-position: right; background-repeat: no-repeat;}
.home .service .block.cafe a h3{ width:200px; position: absolute; top:15px; left:150px;}
.home .service .block.cafe a p{ font-size: 16px; line-height: 1.5; color: #ffffff;}
.home .service .block.cafe a .spot-image{ width:360px; position: absolute; top:15px; right:25px}
.home .service .block.cafe a .spot-mark{ width: 150px; position: absolute; top:15px;}
.home .service .block.cafe a .description{ position: absolute; left:60px; bottom:15px;}
.home .service .block.cafe a img{ width:100%; height: auto}
.home .information{ background-image: url(http://canvas-planning.com/mokumoku_test/wp-content/themes/mokumoku/images/bg_top_information.jpg); background-position:right bottom; background-repeat: no-repeat; padding:50px 0; position: relative; overflow: hidden;}
.home .information:before{ content: ""; width: 13%; height: 100%; background-image: url(http://canvas-planning.com/mokumoku_test/wp-content/themes/mokumoku/images/bg_top_information_left.jpg); background-position: left bottom; background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 0; left: 0; z-index: -1;}
.home .information .block{ width:800px; display: flex; flex-wrap: wrap; margin: 0 auto}
.home .information .block h2{ font-size:32px; line-height: 1; margin-bottom: 50px; text-align: center; color: #693905; width:100%;}
.home .information .block .box{ width:50%;}
.home .information .block .box ul{ padding: 25px 0; width:90%;}
.home .information .block .box ul li{ font-size: 16px; padding: 15px 0 5px 0; border-bottom: 1px solid #333333;}
.home .information .block .box ul li .date{ font-weight: bold; display: block; padding-bottom: 5px;}
.home .information .block .box .button{ width:50%; margin: 0 10% 0 auto;}
.home .information .block .box .button a{ font-size: 16px; text-align: center}


/*PAGE*/
.page .edit-link{ display: none;}
.page .entry-header{ padding:50px 0;}
.page .entry-header h1{ padding:50px 0; font-size:40px; line-height: 1; text-align: center; color: #693905; width:100%;}
.page .description {width:700px; margin: 0 auto; font-size: 16px; line-height: 1.8; text-align: justify}
.page .entry-content table{ width:700px; margin: 15px auto; line-height: 1.5; font-size: 16px; }
.page .entry-content th{ padding: 10px; background-color: #fde2b2; color: #693905; border: 1px solid #693905; font-weight: bold; vertical-align: middle}
.page .entry-content td{ padding: 10px; background-color: #ffffff; border: 1px solid #693905;}
.page .schedule { margin: 50px auto 25px auto; width:100%; max-width: 780px;}
.page .schedule dt{ background-color: #693905; color: #ffffff; font-weight: bold; text-align: center; font-size: 24px; padding: 15px; width:300px; margin: 15px auto; }
.page .schedule dd{ display: inline-block; width:12%; margin: 0.8%; text-align: center; vertical-align: top;}
.page .schedule dd img{ display: block; width:100%; line-height: 1.5; }
.page .schedule dd i{ font-size: 14px; color: #693905; font-weight: bold; display: block; padding: 5px 0}
.page .schedule dd strong{ font-size: 13px; display: block}
.page .note{ text-align: center; padding-bottom: 50px}
.page .entry-content .block{ padding: 25px 0; margin: 0 auto; width:800px;}
.page-service .entry-content .block h2{ font-size: 32px; padding: 15px 0; border: 2px solid #f39700; color: #f39700; text-align: center;}
.page-service .entry-content .block .naiyou{ width:100%; padding: 25px 0; position: relative}
.page-service .entry-content .block .naiyou ul{ width:75%}
.page-service .entry-content .block .naiyou li{ line-height: 1.8; font-size: 18px; text-indent: -23px; padding-left: 23px; margin-bottom: 15px;}
.page-service .entry-content .block .naiyou li::before{ content: "●"; color: #f39700; margin-right: 5px;}
.page-service .entry-content .block .naiyou .spot-image{ position: absolute; right:0; top:0}
.page-service .entry-content .block .naiyou .spot-image img {width: 100%; height:auto;}
.gallery ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.gallery li img{ width:100%; display: block; margin-bottom: 5px;}
#syuurou .gallery li{ width:23%; margin: 1%; font-size: 14px; }
#seikatsu .gallery li{ width:23%; margin: 1%; font-size: 14px; }
#syuurou .spot-image{ width:100px; top:25px; right:25px}
#seikatsu .spot-image{ width:125px; top:-25px; right:25px}
#event-page .block{ width:800px; margin: 0 auto;}
#event-page .gallery ul{ padding: 25px 0;}
#event-page .gallery li{ width:30%; margin: 1.6%}
#event-page .gallery img{ width:100%; height:95%}
#event-page .news{ padding: 50px 0}
#event-page .news h2{ background-color: #693905; color: #ffffff; font-weight: bold; text-align: center; font-size: 24px; padding: 15px; width:80%; margin: 15px auto; }

#event-page .news ul{ padding: 25px 0; width:80%; margin: 0 auto}
#event-page .news ul li{ font-size: 16px; padding: 15px 0 5px 0; border-bottom: 1px solid #333333;}
#event-page .news ul li .date{ font-weight: bold; margin-right: 15px;}
#event-page .news .button{ width:30%; margin: 0 10% 0 auto;}
#event-page .news .button a{ font-size: 16px; text-align: center}
#event-page .facebook{ padding: 25px 0 50px 0; text-align: center}
#event-page .facebook strong{ font-size: 24px; display: block; padding: 15px 0}


#activity-page .block{ width:800px; margin: 0 auto; padding-bottom: 100px;}
#activity-page h2{ background-color: #693905; color: #ffffff; font-weight: bold; text-align: center; font-size: 24px; padding: 15px; width: calc(100% - 30px); margin: 15px auto 30px auto; }
#activity-page dl{ padding: 25px 0}
#activity-page dt{ font-size: 24px; color:#f39700; padding:25px 0 0; text-align: center;}
#activity-page dd{ width:80%; position: relative; text-align: center; margin: 15px auto; min-height: 40px;}
#activity-page dd i{ font-size: 32px; position: absolute; left:25px; top:15px}
#activity-page dd strong{ font-size: 24px; line-height:40px; color: #555555;}
#activity-page dd ul li{ text-align: center; font-size: 20px; line-height: 1.4em;}
#activity-page dd ul li:nth-child(n+2){ margin-top: 0.24em;}
#activity-page dd.spring{ background-color: #fbe9f1}
#activity-page dd.summer{ background-color: #c0e0c4}
#activity-page dd.autumn{ background-color: #feefd7}
#activity-page dd.winter{ background-color: #d3ecf8}
#activity-page dd.spring i{ color: #e4007e}
#activity-page dd.summer i{ color: #21ab38}
#activity-page dd.autumn i{ color: #f8b62c}
#activity-page dd.winter i{ color: #00a0e8}
#activity-page h3{ font-size: 32px; color:#693905; padding:25px 0; text-align: center; line-height: 1.5}
ul.contact-info{ width:75%; margin: 0 auto; padding: 25px 0 0 0}
ul.contact-info li{ padding: 10px 0}
ul.contact-info i{ background-color:#f39700; font-size: 18px; color: #ffffff; padding: 10px; margin-right: 15px; display: inline-block; width:auto}
ul.contact-info strong{ color: #f39700; font-weight: bold; display: inline-block; vertical-align: middle}
ul.contact-info .tel strong{ font-size: 42px;}
ul.contact-info .tel span{ font-size: 14px; margin-left: 15px;}
ul.contact-info .mail strong{ font-size: 28px;}
#activity-page table{ width:75%; margin: 15px auto; line-height: 1.5; font-size: 16px; }
#activity-page th{ padding: 10px; background-color: #fde2b2; color: #693905; border: 1px solid #693905; font-weight: bold; vertical-align: middle}
#activity-page td{ padding: 10px; background-color: #ffffff; border: 1px solid #693905;}
#activity-page .disclosure{ width:600px; margin: 0 auto}
#activity-page .disclosure li { margin: 15px auto}
#activity-page .disclosure li a{ background-color: #fde2b2; padding: 25px 0 30px 0; width:100%; position: relative; color: #4b4b4b; display: block;}
#activity-page .disclosure li a img{ position: absolute; top:10px; left:15px; width:65px; }
#activity-page .disclosure li a i{ font-size: 16px; display: block; padding: 0 0 5px 90px;}
#activity-page .disclosure li a strong{ font-size: 21px; display: block; padding: 5px 0 0 90px;}
#activity-page .house h3{ color:#f39700; }


#cafe-page .entry-header{ padding: 2px 0}
#cafe-page .title-set { position: absolute; height:520px; z-index: 10; top:0; left:50%; transform:translatex(-50%);}
#cafe-page .title-set .groupe{ width:600px; margin: 0 auto; padding: 50px 0 0 0; }
#cafe-page .title-set .groupe img{ width: 200px; height: auto;}
#cafe-page .title-set .groupe p.description { color: #ffffff; width:100%}
#cafe-page .block{ padding: 25px 0}
#cafe-page .block:first-child{ padding-top:60px;}
#cafe-page .mainbox{ width:720px; display: flex; justify-content: space-between; margin: 0 auto}
#cafe-page .mainbox ul{ display:flex; justify-content:space-between; flex-wrap:wrap;}
#cafe-page .mainbox ul li{ width:49%;}
#cafe-page .mainbox ul li img{ width:100%; height:auto;}
#cafe-page .cafe .mainbox{ flex-direction:row-reverse}
#cafe-page .mainbox h2{ width:39%; font-size: 14px; line-height: 1.5; padding: 1.0%; color: #ffffff;}
#cafe-page .mainbox h2 strong{ text-align: center; font-weight: bold; font-size: 24px; color: #ffffff; display: block; padding: 5px 0}
#cafe-page .lunch h2{ background-color: #f8b62c}
#cafe-page .cafe h2{ background-color: #946134; padding-top: 2%}
#cafe-page .mainbox .image{ width:58%}
#cafe-page .mainbox .image img{ width:100%}
#cafe-page .mainbox .image i{ display: block; font-size: 16px; padding-top: 10px;}
#cafe-page .sub-box{ width:720px;  margin: 0 auto; }
#cafe-page .sub-box ul{ display: flex; justify-content: space-between; flex-wrap: wrap}
#cafe-page .sub-box li{ width:32%; padding-top: 15px;}
/*#cafe-page .sub-box li.half{ width:48%}*/
#cafe-page .sub-box li i{ font-size: 14px; display: block; padding-top: 5px;}
#cafe-page .sub-box li img{ width:100%; height: auto;}
#cafe-page .tennai{ background:repeating-linear-gradient(-45deg, #c9bc9e 0, #c9bc9e 10px, #d2c6ad 10px, #d2c6ad 20px); padding: 50px 0}
#cafe-page .tennai .freewifi{ text-align: center; padding-bottom: 15px;}
#cafe-page .tennai ul{ display: flex; flex-wrap: wrap; width:720px; margin: 0 auto; justify-content: space-between}
#cafe-page .tennai li img{ width: 100%; height: auto; display: block}
#cafe-page .tennai li i{ font-size: 16px; display: block; padding-top: 10px; color: #693905; line-height: 1.5}
#cafe-page .tennai p{ font-size: 16px; text-align: center; color: #693905;}
#cafe-page .tennai .large li{ width: 48%; padding: 15px 0; }
#cafe-page .tennai .small li{ width: 30%; padding: 15px 0; }
#cafe-page .menu-table{ display: flex; justify-content: space-between; width:100%; max-width: 900px; margin: 0 auto}
#cafe-page .menu-table table{ width:31%; line-height: 1.5;}
#cafe-page .menu-table table th{ width:calc(100% - 4.5em); padding: 10px 0; font-size: 14px; border-bottom: 1px solid  #693905}
#cafe-page .menu-table table td{ width:4.5em; padding: 10px 0; font-size: 14px; text-align: right; border-bottom: 1px solid  #693905;}
#cafe-page .menu-table table td span{ display:inline-block; width:3.6em; text-align:left;}
#cafe-page .menu-table caption{ text-align: center; font-size: 24px; color: #693905; padding: 25px 0}
#cafe-page .menu-table table .setmenu th{ font-size: 18px; font-weight: bold; color: #693905}
#cafe-page .menu-table table .setmenu th i{ display: block; font-size: 14px;}
#cafe-page .menu-table table .setmenu th span{ font-size: 12px; display: block;}
#cafe-page .menu-table table .setmenu td{ font-size: 18px; font-weight: bold; color: #693905}
#cafe-page .cafeinfo { padding: 50px 0; }
#cafe-page .cafeinfo h2{ font-size: 32px; color: #693905; padding: 25px 0; text-align: center; line-height: 1.5;}
#cafe-page .cafeinfo ul{ width:360px; margin: 0 auto; line-height: 1.8; padding-bottom:50px;}
#cafe-page .cafeinfo li{ padding: 2px 0}
#cafe-page .cafeinfo .comment{ color: #693905; font-size: 18px; }
#cafe-page .cafeinfo .tel{ font-size: 24px; font-weight:bold;}
#cafe-page .cafeinfo .tel strong{ font-size: 36px; font-weight:bold;}
#cafe-page .cafeinfo .fax{ font-size: 24px; }
#cafe-page .cafeinfo .mail{ font-size: 24px; font-weight: bold;}
#cafe-page .cafeinfo .close{ padding-bottom:5px;}
#cafe-page .cafeinfo .location{ border-top: 1px solid #4b4b4b; padding-top: 5px;}
#cafe-page iframe{ width:825px; height: 400px; margin: 0 auto; display: block}
#cafe-page .sns{ display: flex; padding: 25px 0; width:825px; margin: 0 auto; justify-content: space-between}
#cafe-page .sns .insta{ width:400px;}
#cafe-page .sns .facebook{ width:400px;}
#cafe-page .sns .facebook iframe{ height:612px; width:100%}

.insta-feeds{ width: 825px; margin: 0px auto;}

/* add 2025.11.10 */
#contact-page .block{ width:800px; margin: 0 auto; padding-bottom: 100px;}
#contact-page h2{ background-color: #693905; color: #ffffff; font-weight: bold; text-align: center; font-size: 24px; padding: 15px; width:calc(100% - 30px); margin: 15px auto 30px auto;}
#contact-page h3{ font-size: 32px; color:#693905; padding:25px 0 0; text-align: center; line-height: 1.5;}
.wpcf7-form{}
.wpcf7-form dl{ border: solid 4px #693905; border-radius: 40px; width: 700px; margin: 0px auto; padding: 2.0em; display: flex; justify-content: space-between; flex-wrap: wrap;}
.wpcf7-form dl dt{ width: 28%; padding: 1.0em 0; border-bottom: dotted 1px #693905;}
.wpcf7-form dl dt p{ line-height: 43px; padding-right: 1.0em; position: relative;}
.wpcf7-form dl dt p span.req:after{ content: "必須"; color: #FFF; background: #b80742; font-size: 12px; line-height: 1.0em; padding: 0.2em; border-radius: 2px; position: absolute; top: 50%; right: 1.0em; transform: translateY(-50%);}
.wpcf7-form dl dd{ width: calc(100% - 28%); padding: 1.0em 0; border-bottom: dotted 1px #693905;}
.wpcf7-form dl dt:last-of-type,
.wpcf7-form dl dd:last-of-type{ border-bottom: none;}
.wpcf7-form dl dd input[type=text],
.wpcf7-form dl dd input[type=email],
.wpcf7-form dl dd input[type=tel],
.wpcf7-form dl dd textarea{ border: solid 1px #DDD; padding: 0.8em; border-radius: 4px; margin: 2px;}
.wpcf7-spinner{ display: none;}

h1.ikkei{ width:240px; margin:24px auto;}
h1.ikkei img{ width:100%; height:auto;}

/*ARCHIVE*/
.archive .eyecatch{ width:95%; max-width:1000px; height:500px; margin: 0 auto; background-size: cover; background-position: center center; position: relative;}
.archive .eyecatch h1{ font-size: 56px; line-height: 1; padding: 20px 0; text-align: center; position: absolute; bottom: 0; left:0; right:0; margin: 0 auto; color: #ffffff; background-color:rgba(0,0,0,0.75); height:50px; line-height: 50px;}
.archive .bc{ width:980px; margin: 0 auto; padding: 20px 0; text-align: right; font-size: 12px;}
.archive .bc div{ display: inline;}

.archive .site-content .wrap{ padding:0 0 50px 0}
.archive .site-content .category-description.azuki p{ font-size:32px; line-height: 1; margin-bottom: 15px; text-align: center; color: #693905;}
.archive .page-header{ padding:0 0 50px 0; width:95%; max-width:1000px; margin: 0 auto;}
.archive .page-header h1{ font-size: 42px; line-height: 1; padding: 20px 0; text-align: center}
.archive .page-header p.leadtext{ font-size: 32px; line-height: 1; text-align: center; letter-spacing: 2px;}
.archive .page-header .category-description{ width:640px; margin: 0 auto; padding: 50px 0 0 0;}
.archive .page-header .category-description p{ line-height: 1.5; font-size: 14px; text-align: center}
.archive article p.button{ display:inline-block; *display: inline; *zoom: 1; }
.archive article p.button a{ display:block; padding: 10px 20px; background-color:#000000; text-align: center; color: #ffffff;}
.archive article p.button a:hover{ color:#c6b984;}
.archive .showroom{ background-image: url(https://senseofresort.com/cms/wp-content/themes/senseofresort/images/bg_showroom_top.jpg); background-position: center center; background-size: cover; height:300px}
.archive.category-works .content-area h2{ text-align:center; font-size:28px; padding: 75px 0}
.archive.category-works .content-area article{ width:900px; margin: 0 auto; padding-bottom: 75px;}
.archive.category-works .content-area .post-thumbnail{ width:400px; height:240px; overflow: hidden; position: relative}
.archive.category-works .content-area .post-thumbnail img{ width:100%; height:auto; position: absolute; top:0; bottom:0; margin: auto}
.archive.category-works .content-area .entry-content{ width:500px}
.archive.category-works .content-area .entry-content .entry-header{ width:460px; margin: 0 auto; padding: 50px 0 0 0; text-align: center}
.archive.category-works .content-area .entry-content h3{ font-size:18px; line-height: 1.5; padding-bottom: 20px;}
.archive.category-works .content-area .entry-content p{ font-size:14px; line-height: 1.5;}
.archive.category-works .content-area .entry-content p.min{ font-size:24px; margin: 0 25px;}
.archive.category-works .content-area article .block{ background-color: #f4f4f4}
.archive.category-works .content-area article .button{ margin: 20px 0 0 0;}
.archive.category-works .content-area article:nth-child(even) .post-thumbnail{ float: left}
.archive.category-works .content-area article:nth-child(odd) .post-thumbnail{ float: right}
.archive.category-works .content-area article:nth-child(even) .entry-content{ float: right}
.archive.category-works .content-area article:nth-child(odd) .entry-content{ float: left}

/*SINGLE*/
.single .edit-link{ display: none;}
.single .bc{ width:980px; margin: 0 auto; padding: 20px 0; text-align: right; font-size: 12px;}
.single .bc div{ display: inline;}
.single .post-thumbnail{ width:800px; height: auto; margin: 0 auto;}
.single .post-thumbnail img{ display: block; width:100%; height: auto}
.single .entry-header { padding-bottom: 50px;}
.single .entry-header h1{ font-size: 18px; text-align: center; padding: 20px 0 10px 0; line-height: 1.4}
.single .entry-header h2{ font-size: 28px; text-align: center; padding: 10px 0 20px 0; line-height: 1.4}
.single .entry-header .meta{ padding: 15px; text-align: center;}
.single .entry-content .box{ padding-top: 50px;}
.single .category-works .entry-content{ width:800px; margin: 0 auto; padding-bottom:50px; text-align: center} 
.single .entry-content{ width:640px; margin: 0 auto; padding-bottom:50px;}
.single .entry-content p{ line-height: 1.7}
.single .entry-content blockquote{ padding: 25px;}

.single .category-works .entry-content p{ text-align: center; line-height: 1.5; font-size: 14px; margin: 0 auto; padding: 25px 0;}
.single .entry-content h2{ font-size: 18px; font-weight: bold; display: inline-block; *display: inline; *zoom: 1; padding: 0 50px 0 0; background-color: #ffffff;}
.single .entry-content ul{width:800px; margin: 0 auto; padding:15px 0 50px 0}
.single .entry-content ul.point li{ width:380px; margin: 10px; float: left;}
.single .entry-content ul.point li span{ display: block; height:240px; overflow: hidden;}
.single .entry-content ul.point li i{ font-size: 13px; line-height: 1.5; display: block; padding-top: 10px;}
.single .entry-content ul.gallery li{ width:150px; margin: 5px; float: left; height:150px; overflow: hidden;}
.single .entry-content ul li img{ width: 100%; height:auto;}
.single .entry-content .kasyo {background-color: #f4f4f4; width:60%; line-height: 1.5; margin: 0 auto}
.single .entry-content .kasyo dt{ color: #000000; font-size:14px; padding: 15px 0}
.single .entry-content .kasyo dd{ font-size:14px; padding: 0 15px; margin: 0 15px;}
.single .entry-content .kasyo dd.shiyou{ font-size:12px; padding:15px 0; border-top: 1px solid #000000;}
#comments{ display: none;}


/*Page-INQUIRY*/
.kotei .section{ background-image:none;}

/*Single*/


.post-navigation{display:none;}

/*Archive*/
.archive article.category-blog:first-child{ padding-top: 50px;}
.archive article.category-blog{ width:80%; max-width: 640px; margin: 0 auto; border-bottom: 1px solid #000000; padding: 15px 0}
.archive article.category-blog{ width:80%; max-width: 640px; margin: 0 auto; border-bottom: 1px solid #000000; padding: 15px 0}
.archive article.category-blog .image { display: inline-block; width:15%}
.archive article.category-blog .image a{ display: none;}
.archive article.category-blog .text { display: inline-block;}

.archive article.category-news:first-child{ padding-top: 50px;}
.archive article.category-news{ width:80%; max-width: 640px; margin: 0 auto; border-bottom: 1px solid #000000; padding: 15px 0}
.archive article.category-news{ width:80%; max-width: 640px; margin: 0 auto; border-bottom: 1px solid #000000; padding: 15px 0}
.archive article.category-news .image { display: inline-block; width:15%; margin-right: 15px;}
.archive article.category-news .image a{ display: none;}
.archive article.category-news .text { display: inline-block;}
.archive article.category-news .text p{ display: none;}

/*404*/
.not-found .page-title{ font-size:28px; text-align: center; padding:150px 0 0 0; line-height: 1.5; }
.not-found { padding-bottom: 25px;}
.not-found dl{ width:90%; margin:25px auto 50px auto; max-width: 640px}
.not-found dt{ font-size:16px; text-align: center; line-height: 1.5; padding: 15px 0 25px 0}
.not-found dd{ font-size:24px; padding: 45px 0 5px 0; border-bottom: 1px solid #000000; line-height: 1.5}
.not-found dd a{ color: #000000}
.not-found dd a:hover{ color: #000000}
.not-found dd i{ margin-left: 15px; font-size: 14px;}
.not-found dd span:last-child{ border-bottom: none}
.not-found dd a::before{content: "▶"; margin-right:5px; color: #000000}
.not-found dd span a::before{content: "・"; margin-right: 15px;}
.not-found .page-content p.button{ text-align: center;}
.not-found .page-content p.button a{ display: block; width:200px; height:50px; line-height: 50px;  margin: 30px auto;}
.not-found .page-content p.button a{color: #ffffff;}





/*Pagenation*/
.pagenation {
    margin: 1em auto;
    clear:both;
    padding-top:10px;
}
.pagenation:after, .pagenation ul:after {
}
.pagenation ul {
    margin: 0;
    text-align:center;
}
.pagenation li {
    list-style: none outside none;
    margin-left: 3px;
    display:inline-block; *display: inline; *zoom: 1; 
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}
.navigation.pagination{ display:none;}



/*===============================================
●PC版非表示
===============================================*/
.sp{ display:none!important;}
/*.sp-navi{ display:none;}
.contactblock p.tel a{ pointer-events:none;}*/
/*===============================================
●レスポンシブ  画面の横幅が520pxまで
===============================================*/
@media screen and (max-width:520px){
body{ min-width:320px; background-image:none;}
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
h1.ikkei{ width:40%; margin:24px auto;}
h1.ikkei img{ width:100%; height:auto;}
#page{ background-image:none;}
.sp-navi{ position:fixed; width:100%; background-color:#ffffff; height:55px; top:0; border-bottom: 3px solid #1d2087;}
.sp-navi li{ background-color:rgba(255,255,255,0.90)}
.pc{ display:none!important;}
.sp{ display:block!important;}
.sp .drawer-hamburger{ background-color:rgba(255,255,255,0.80); margin:7px 7px 0 0; padding: 12px .75rem 10px; z-index:9999;}
.drawer--right .drawer-nav{ z-index:10000;}
.drawer-hamburger i{ display:block; padding-top:15px; font-size:10px; font-weight:bold;}
.drawer-brand{ display:block; text-align:center; padding:30px 0 10px 0;}
.drawer-menu-item{ display:block; font-size:14px; margin:0 auto}
.drawer-menu-item i{ font-size:12px;}
.drawer-dropdown-menu{ padding-bottom:20px;}
.drawer-dropdown-menu-item{ line-height:40px; font-size:13px; height:40px; display:block; width:80%; margin:0 auto; padding:0!important}
.drawer-nav { background-color:rgba(255,255,255,0.90); overflow: scroll;}
.drawer-nav .branding { padding: 25px 0; text-align: center}
.drawer-nav .branding img{ width:80%; height:auto}
.drawer-nav .menu-main{ width:95%; margin: 0 auto;}
.drawer-nav .menu-main li{ border-bottom: 1px dotted #666666}
.drawer-nav .menu-main li a{ padding: 15px 0; display: block; color: #693905; font-size: 18px; letter-spacing: 2px;}
.drawer-nav .menu-main li a::before{ content: "▶"; color: #8ec31e; font-size: 14px;}
.drawer-nav .contactbox{ width:95%; margin: 0 auto; text-align: center; line-height: 1.5; padding: 15px 0}
.drawer-nav .contactbox dt{ font-size: 14px;}
.drawer-nav .contactbox dd{ font-size: 24px;}
.drawer-nav .contactbox dd a{ color: #f19625;}
.drawer-nav .contactbox dd i{ font-size: 14px; display: block; color: #666666;}
.drawer-nav .contactbox dd.tel { letter-spacing: 2px; padding: 15px 0; font-weight: bold}
.drawer-nav .contactbox dd.tel img{ width:36px; height: auto;}
.drawer-nav .contactbox dd.access img{ width:80%; height: auto}

.contact-button{ width: 90%; margin: 0px auto;}
.contact-button.mt{ margin-top: 0.5em;}
.contact-button.cafe{ width: 90%; margin: 1.0em auto 40px;}
.contact-button a{ display: block; color: #FFF; font-weight: 600; font-size: 20px; line-height: 1.0em; background: #f39700; padding: 1.0em 0; text-align: center; border-radius: 8px;}
.contact-button a:hover{ color: #FFF; background: rgba(243,151,0,0.72);}

/*BASE-SP*/
header .wrapper{ width:100%}
header .branding{ width:70%; float: none; margin: 0 auto;}
.page .description{ width:90%;}
.common-contact .block{ width:95%;}
.common-contact .block h2{ font-size: 24px;}
.common-contact .block ul{ width:100%; text-align: center}
.common-contact .block ul i{ margin-bottom: 15px;}
.common-contact .block ul .tel strong{ font-size: 38px;}
.common-contact .block ul .tel span{ display: block; margin: 15px 0 0 0}
.access .block{ width:90%}
.access .block h2{ font-size: 24px;}
.access .block iframe{ height: 300px;}
.access .block .kuruma{ display: none;}
.access .block .spot-image.basutei{ position: relative; top:auto; right: auto; padding-bottom: 25px;}
.site-footer{ padding: 25px 0}
.site-footer .block{ width:90%}
.site-footer .block .office{ width:100%; float: none;}
.site-footer .sitemap{ display: none;}

/*TOP-SP*/
.home .swiper-slide img{ height: auto!important}
.catchcopy{ height: 70px!important; z-index:9999!important;}
.catchcopy strong{ width:95%!important; font-size: 14px!important;}
.home .aisatsu{ background-size: contain;}
.home .aisatsu .block{ width:90%}
.home .aisatsu .block h2{ font-size: 24px; line-height: 1.5}
.home .aisatsu div.azuki{ width:100%}
.home .aisatsu p{ font-size: 14px; line-height: 1.5}
.home .service{ padding: 40px 0 260px 0;}
.home .service .block{ width:95%}
.home .service .block h2{ font-size:24px;}
.home .service .block ul{ width:100%; display: block; padding: 0}
.home .service .block li{ width:100%; margin:25px 0}
.home .service .block.cafe{ height: 240px;}
.home .service .block.cafe a{ width:90%}
.home .service .block.cafe a .spot-image{ width:240px; right:0}
.home .service .block.cafe a .spot-mark{ width:100px;}
.home .service .block.cafe a h3{ width:150px; top:40px; left:100px;}
.home .service .block.cafe a .description{ left:0; right:0; margin: 0 auto; width:80%}
.home .information{ background-image: none;}
.home .information .bg-left{ background-image: none;}
.home .information .block{ width:90%; display: block;}
.home .information .block h2{ font-size: 24px; margin-bottom: 0}
.home .information .block .box{ width: 100%}
.home .information .block .box ul{ width:100%}
.home .information .block .box .button{ width:100%;}
.home .information .block .box.sp{ padding-top: 50px; text-align: center}

/*SERVICE-SP*/
.page .entry-content table{ width:90%}
.page .schedule{ width:90%}
.page .schedule dt{ width: 100%; padding: 15px 0;}
.page .schedule dd{ width: 21%; margin: 0.9%}
.page .schedule dd i{ font-size: 12px;}
.page .schedule dd strong{ font-size: 10px;}
.page .note{ font-size: 14px; line-height: 1.5}
.page .entry-content .block{ width:95%}
.page-service .entry-content .block h2{ font-size: 24px;}
.page-service .entry-content .block .naiyou ul{ width:60%}
.page-service .entry-content .block .naiyou li{ line-height: 1.5; font-size:14px; margin-bottom:10px;}
#syuurou .spot-image{ width:120px; top:5px; right: 0;}
#syuurou .gallery li{ width:46%; margin: 2%}
#seikatsu .spot-image{ width: 140px; top: -5px; right: -5px;}
#seikatsu .gallery li{ width:46%; margin: 2%}

/*EVENT-SP*/
#event-page .block{ width:95%}
#event-page .gallery li{ width:46%; margin: 15px 1.6%}
#event-page .news h2{ line-height: 1.5}
#event-page .news .button{ width:90%; margin: 0 auto;}
#event-page .facebook strong{ font-size: 18px;}
#event-page .news ul li .date{ padding-bottom: 10px; display: block}

/*ACTIVITY-SP*/
#activity-page .block{ width:95%;}
#activity-page h2{ padding: 15px 0;}
#activity-page dd{ width:100%; height: auto; margin:25px auto; }
#activity-page dd i{ position: relative; left: auto; right: auto; display: block; top:auto;}
#activity-page dd strong{ font-size: 18px;}
#activity-page h3{ font-size: 24px;}
ul.contact-info{ width:90%}
ul.contact-info i{ margin-bottom: 15px;}
ul.contact-info .tel strong{ font-size: 38px;}
ul.contact-info .tel span{ display: block; margin: 15px 0 0 0}
#activity-page table{ width:95%;}
#activity-page .disclosure{ width:100%;}
#activity-page .disclosure li a{ padding: 15px 0 10px 0;}
#activity-page .disclosure li a i{ padding-bottom: 0}
#activity-page .disclosure li a strong{ font-size: 18px; padding: 5px 5px 0 90px; line-height: 1.5}

/*CAFE-SP*/
#cafe-page .title-set{ z-index: 999!important}
#cafe-page .title-set .groupe{ width:90%; padding: 0;}
#cafe-page .entry-header{ padding: 0}
#cafe-page .entry-header h1{ width:40%; margin: 0 auto; padding: 25px 0 0}
#cafe-page .description{ font-size: 15px; line-height: 1.6}
#cafe-page .mainvisual{ height: 400px;}
#cafe-page .mainvisual img{ height: 100%}
#cafe-page .container{ height:400px!important}
#cafe-page .title-set{ height: 400px;}
#cafe-page .block{ padding: 0 0 50px 0}
#cafe-page .mainbox{ width:100%; display: block; }
#cafe-page .mainbox h2{ width:100%; text-align: center; padding: 15px 0; font-size: 15px;}
#cafe-page .mainbox .image{ width:100%}
#cafe-page .mainbox ul{ display:flex; justify-content:space-between; flex-wrap:wrap;}
#cafe-page .mainbox ul li{ width:45%; margin: 2.5%}
#cafe-page .mainbox ul li img{ width:100%; height:auto;}
#cafe-page .sub-box{ width:100%}
#cafe-page .sub-box li{ width:45%; margin: 2.5%}
#cafe-page .tennai ul{ width:80%; display: block;}
#cafe-page .tennai .large li{ width:100%;}
#cafe-page .tennai .small li{ width:100%; padding: 5px 0}
#cafe-page .tennai p{ padding-top: 10px;}
#cafe-page .menu-table{ display: block; width:80%;}
#cafe-page .menu-table table{ width:100%}
#cafe-page .cafeinfo ul{ width:95%;}
#cafe-page .cafeinfo .tel strong{ font-size: 32px;}
#cafe-page .cafeinfo .mail{ font-size: 21px;}
#cafe-page iframe{ width:90%;}
#cafe-page .sns{ display:block; width:90%;}
#cafe-page .sns .insta{ width:100%}
#cafe-page .sns .insta iframe{ width: 100%!important}
#cafe-page .sns .facebook{ width:100%; padding: 25px 0; text-align: center;}
#cafe-page .sns .facebook iframe{ height: 500px; margin: 0 auto; width:auto}

.activity-image{ display: flex; justify-content: space-between; flex-wrap:wrap; margin-top:24px;}
.activity-image li{ width:100%;}
.activity-image li:nth-child{ margin-top:1.0em;}
.activity-image li img{ width:100%; height:auto;}
	
.insta-feeds{ width: 95%; margin: 0px auto;}

/*Page*/
.page .bc{ width:95%}

/*Archive-SP*/
.archive .bc{ width:90%; line-height:1.5; font-size: 12px;}
.archive .eyecatch{ height:280px;}
.archive .eyecatch h1{ height:30px; line-height: 30px; font-size: 28px; padding: 5px 0}
.archive .page-header .category-description{ width:95%}
.archive .page-header .colorgarden .box{ width:280px;}
.archive .page-header .colorgarden .box .text{ width:280px; padding-top: 10px;}
.archive .page-header .colorgarden .box .text h3{ text-align: center}
.archive.category-works .content-area article{ width:95%;}
.archive.category-works .content-area .post-thumbnail{ width:100%;}
.archive.category-works .content-area .entry-content{ width:100%;}
.archive.category-works .content-area .entry-content .entry-header{ width:100%; padding: 25px 0}
.archive.category-info .content-area article{ width:95%; padding:25px 0;}
.archive.category-info .content-area .post-thumbnail{ width:30%; height:auto;}
.archive.category-info .content-area .entry-content{ width:66%; height:auto;}
.archive.category-info .content-area h2{ line-height: 1.3}
.archive article.category-news .image{ display: block; margin-bottom: 5px;}
.archive article.category-news .text{ line-height: 1.5}


/*Single-SP*/
.single .bc{ width:90%; line-height:1.5; font-size: 12px;}
.single .content-area .block{ width:100%; display: block;}
.single .content-area .block .post-thumbnail{ margin:0 auto;}
.single .post-thumbnail{ width:90%; margin: 0 auto}
.single .entry-content{ width:90%; margin: 0 auto;}
.single .entry-content p{ width:100%;}
.single .entry-content .kasyo{ width:100%}

.single .showroom{ height: 400px; background-size: contain; background-repeat: no-repeat; background-position: top;}
.single .showroom .block{ width:95%;}
.single .showroom .block .box{ top:90px; width:auto;}

.single .entry-content ul{ width:100%;}
.single .entry-content ul.point li{ width:100%; margin: 0 0 20px 0;}
.single .entry-content ul.gallery li{ width:45%; margin: 2.5%}

/*ボックス全体*/
.switchbox {
    margin: 20px 0 0 0;
    padding: 0;
}
/*ラベル*/
.switchbox label {
    display: block;
    font-weight: bold;
    cursor :pointer;
    padding-left: 180px;
}
.switchbox label img{ width:55px; height:55px;}

/*チェックボックスを非表示にする*/
.switchbox input {
    display: none; 
}
/*中身を非表示にしておく*/
.switchbox div {
    height: 0;
    overflow-y: hidden;
    transition: 0.8s;/*ゆっくり表示させる*/
    opacity: 0;
    position: absolute;
}
/*クリックで中身を表示*/
.switchbox input:checked + label + div {
    height: auto;
    opacity: 1;
}

.tel-list { display: block; position: absolute; top:95px; right:10px; background-color: #000000; padding: 10px; color: #ffffff; z-index: 9999; font-size: 18px; width:250px; border: 3px solid #ffffff;}
.tel-list span{ display: block; padding-top: 10px; line-height: 1}
.tel-list span.sankaku{ color: #ffffff; text-align: center; padding-top: 0;}
.tel-list span i{ width:90px; margin-right: 10px; display: inline-block; font-size: 14px;}
.tel-list span strong{ font-size: 24px;}
.tel-list span strong a{ color:#ffffff}


}