@charset "UTF-8";

body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}
	


/* トップページ */
.page * {margin:0;}

.contents {display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;min-height:100vh;padding: 0;margin: 0;background: #fff;-webkit-transition-property: all;transition-property: all;-webkit-transition-delay: .3s;transition-delay: .3s;-webkit-transition-duration: .5s;transition-duration: .5s;}
.contents__inner {display: table-cell;vertical-align: middle;text-align: center;}
.main{grid-column:1;grid-row:2;background-color:#fbf044;display:grid;font-family:'Noto Sans Japanese',sans-serif;font-size:16px;}
.main-inner{display:grid;padding:0 30px;}
.main-inner img{max-width:100%;}
.top-about{width:80%;margin:40px auto 40px;text-align:center;}
.top-about a{display:inline-block;border:1px solid #fff;background-color:#fff;text-decoration:none;letter-spacing:.6em;text-indent:9px;line-height:1;padding:10px;	color:#0e214d;font-size:14px;line-height:26px;}
.top-about a:hover{border:1px solid #fff;color:#0e214d;}
.top-nav{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-column-gap:30px;grid-row-gap:30px;}
.top-box1,.top-box2,.top-box3,.top-box4{background-color:#fff;border-radius:20px;padding:30px;}
.top-box1 img,.top-box2 img,.top-box3 img,.top-box4 img{height:auto;border-radius:20px;}
.top-box1{grid-column:1;grid-row:1;}
.top-box2{grid-column:2;grid-row:1;}
.top-box3{grid-column:1;grid-row:2;}
.top-box4{grid-column:2;grid-row:2;}
.top-fig01{margin:0;}
.top-subtitle{font-size:2em;font-weight:900;line-height:1.2;color:#515151;margin:40px 0 40px;}
.top-text01{color:#515151;margin:30px 0 30px;font-size:0.9em;font-weight:200;line-height:2;text-align:justify;text-justify:inter-ideograph;}
.osirase-contents{display:grid;grid-template-columns:200px 1fr;grid-template-rows:auto auto;grid-column-gap:10px;grid-row-gap:5px;padding:10px;}
.osirase-contents img{max-width:200px;grid-column:1;grid-row:1/-1;}
.osirase-contents h3{grid-column:2;grid-row:1;font-size:14px;align-self:start;text-align:left;}
.osirase-contents .osirase-text p{grid-column:2;grid-row:2;font-size:12px;line-height:1.5;align-self:start;text-align:left;}

.drawer-menu {box-sizing: border-box;position: fixed;top: 0;right: 0;width: 300px;height: 100%;padding: 120px 0;background:rgba(58,58,58,0.8);
    -webkit-transition-property: all;transition-property: all;-webkit-transition-duration: .5s;transition-duration: .5s;    -webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;-webkit-transform: perspective(500px) rotateY(-90deg);transform: perspective(500px) rotateY(-90deg);opacity: 0;}
.drawer-menu ul {margin: 0;padding:0;list-style: none;}
.drawer-menu li {text-align: left; text-indent: 1em;}
.drawer-menu li a {display: block;height: 50px;line-height: 50px;font-size: 14px;color: #fff;-webkit-transition: all .8s;transition: all .8s;text-decoration: none;}
.drawer-menu li a:hover {color: #1a1e24;background: #fff;}
/* checkbox */
.check {display: none;}
/* menu button - label tag */
.menu-btn {position: fixed;display: block;top: 40px;right: 40px;display: block;width: 50px;height: 50px;font-size: 30px;text-align: center;cursor: pointer;z-index:50;background:rgba(255,255,255,0.5);border-radius:8px;color: #000;}

.menu-btn__text {position: absolute;top:33px;left: 0;right: 0;font-size: 10px;margin: auto;color: #000;-webkit-transition: all .5s;transition: all .5s;display: block;visibility: visible;opacity: 1;}
.menu-btn:hover .bar {background: #999;}
.menu-btn:hover .menu-btn__text {color: #000;}
.close-menu {position: fixed;top: 0;right: 300px;width: 100%;height: 100vh;background: rgba(0,0,0,0);cursor: url(../images/cross.svg),auto;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-delay: 0s;transition-delay: 0s;visibility: hidden;opacity: 0;}
.menu-btn__close{position: absolute;top:33px;left: 0;right: 0;font-size: 10px;margin: auto;color: #222;-webkit-transition: all .5s;transition: all .5s;display: block;visibility: hidden;opacity: 0;}
.fa-times{position: absolute;top:4px;left: 13px;font-size: 30px;text-align: center;cursor: pointer;z-index:50;visibility: hidden;opacity: 0;}
/* checked */
.check:checked ~ .drawer-menu {-webkit-transition-delay: .3s;transition-delay: .3s;-webkit-transform: none;-ms-transform: none;transform: none;    opacity: 1;z-index: 16;}
.check:checked ~ .contents {-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transform: translateX(-300px);-ms-transform: translateX(-300px);transform: translateX(-300px);}
.check:checked ~ .menu-btn .menu-btn__text {visibility: hidden;opacity: 0;}
.check:checked ~ .menu-btn .fa-bars {visibility: hidden;opacity: 0;}
.check:checked ~ .menu-btn .menu-btn__close{visibility:visible;opacity: 1;}
.check:checked ~ .menu-btn .fa-times{visibility:visible;opacity: 1;}
.check:checked ~ .close-menu {-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-delay: .3s;transition-delay: .3s;background: rgba(0,0,0,.5);visibility: visible;opacity: 1;z-index: 3;}

.header-top{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1;background-color:#fbf044;}
.header-top::before{grid-column:1/-1;grid-row:1;justify-self:end;align-self:end;content:url(../images/logo-s-wh.png);opacity:0.35;padding:15px;}
.header-img{grid-column:1/-1;grid-row:1;}
.header-img figure img{width:100%;height:auto;vertical-align:bottom;min-height:100vh;object-fit:cover;max-height:600px;}
.header-img figure picture{width:100%;height:auto;vertical-align:bottom;min-height:100vh;object-fit:cover;max-height:600px;}
.page-title{grid-column:1/3;grid-row:1;color:#fff;writing-mode:vertical-rl;text-shadow:0px 0px 20px #000;padding:40px;justify-self:start;align-self:end;font-family: 'Noto Sans Japanese', sans-serif;z-index:15;}
.page-title h1{font-size:48px;font-weight:900;line-height:1.5;z-index:15;}

.headerlogo{grid-column:1;grid-row:1;}

.main-contents1{grid-column:1;grid-row:2;}

/* header-img index template用 */
.header-img-it{grid-column:1/-1;grid-row:1;}
.header-img-it figure img{width:100%;height:auto;vertical-align:bottom;min-height:100vh;object-fit:cover;}
.header-img-it figure picture{width:100%;height:auto;vertical-align:bottom;min-height:100vh;object-fit:cover;}

/* aboutページ1 */
.post img{width:100%;height:auto;vertical-align:bottom;}

.post{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:repeat(10,1fr);grid-column-gap:40px;padding:0 30px;font-family:'Noto Sans Japanese',sans-serif;font-size:16px;}

.post-title{grid-column:1/-1;grid-row:1/3;align-self:center;justify-self:center;font-size:2.8125em;font-weight:900;line-height:1.2;}
.post-sub{grid-column:1/6;grid-row:2;color:#ddd;font-family:'Montserrat',sans-serif;font-size:3.375em;font-weight:900;letter-spacing:0.14em;line-height:1;}
.post-date{grid-column:5;grid-row:2;justify-self:end;font-family:'Montserrat',sans-serif;font-size:0.875em;}
.post-lead{grid-column:1/3;grid-row:3/5;font-size:0.9375em;font-weight:700;line-height:1.8;}
.post-text01{grid-column:3/5;grid-row:8/13;font-size:0.75em;font-weight:200;line-height:2;text-align:justify;text-justify:inter-ideograph;}
.post-fig01{grid-column:3/6;grid-row:3/7;margin-right:-30px;}
.post-fig01 img{height:100%;object-fit:cover;}
.post-catch{grid-column:3/6;grid-row:7;justify-self:center;align-self:center;font-size:1.25em;line-height:1.5;text-align:center;margin-left:30px;quotes:'“''”';display:grid;grid-auto-flow:column;grid-column-gap:5px;}
.post-catch::before{content:open-quote;}
.post-catch::after{content:close-quote;}
.post-catch::before,.post-catch::after{color:#aaa;font-size:2em;font-weight:900;}
.post-text02{grid-column:1/3;grid-row:7/11;font-size:0.75em;font-weight:200;line-height:2;text-align:justify;text-justify:inter-ideograph;}
.post-fig02{grid-column:1/3;grid-row:5/7;align-self:center;}
.post-fig02 figcaption{font-size:0.625em;font-weight:500;}
.post-sns{grid-column:5;grid-row:8/11;justify-self:end;align-self:center;}
.post-sns ul{margin:0;padding:0;list-style:none;display:grid;grid-row-gap:10px;}
.post-sns a {font-size:1.5em;color:#aaa;text-decoration:none;text-align:center;border:solid 1px #aaa;border-radius:50%;display:block;width:2em;height:2em;line-height:2em;}
.post::after{content:url(../images/mashlogo2.svg);grid-column:1/3;grid-row:8/11;justify-self:center;align-self:center;width:9.375em;height:9.375em;opacity:0.15;}


ul.sns-right li{display:inline-block;padding:10px;font-size:28px;}
.media-hiduke{font-weight:800;}
/* グッズページ1 */
.item-post * {margin:0;}
.item-post img{width:100%;height:auto;vertical-align:bottom;}
.shop img{max-width:150px;grid-column:1;grid-row:1/-1;}

.item-post{--side:20px;display:grid;grid-template-columns:var(--side) 1fr 50px 1fr var(--side);grid-template-rows:auto 30px auto 40px auto 40px auto 30px auto 30px;}
.item-post-head{grid-column:2 / -2 ;grid-row: 1 ;display:grid;grid-template-columns:75px 1fr 140px;grid-template-rows:45px repeat(3,auto);grid-column-gap:24px;grid-row-gap:12px;}
.item-post-title{grid-column:2;grid-row:3;font-family:'M PLUS 1p',sans-serif;font-size:35px;font-weight:900;line-height:1.2;color:#666;}
.item-post-lead{grid-column:2;grid-row:4;font-size:13px;line-height:1.8;}
.item-post-head ol, .post-head ul{display:grid;grid-auto-flow:column;justify-content:start;margin:0;padding:0;list-style:none;}
.item-post-head a{color:#000;text-decoration:none;}
.bt-orange{padding:5 5px;border-radius:10px;background-color:#ff9600;}
.bt-orange a{text-decoration: none;color:#fff;}

.sec h2{font-family:'Mplus 1p',sans-serif;font-size:21px;font-weight:700;line-height:1.2;text-align:left;}
.sec .spot{font-family:'Source Sans Pro',sans-serif;font-size:16px;font-weight:700;text-align:center;border:solid 1px #aaa;border-radius:50%;box-sizing:border-box;display:block;width:3.75em;height:3.75em;line-height:3.75em;}
.sec .num{font-family:'Source Sans Pro',sans-serif;font-size:78px;font-weight:300;line-height:1;}
.sec p{font-size:0.75em;text-align:justify;text-justify:inter-ideograph;line-height:2;}

.sec01{grid-column: 2 / -2 ;grid-row: 3 ;display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto 1fr auto;grid-column-gap:25px;grid-row-gap:15px;}
.sec01 h2{grid-column:2;grid-row:1;z-index:1;display:grid;grid-template-columns: auto auto 1fr;grid-template-rows: auto auto;grid-row-gap:10px;align-items:end;}
.sec01 h2::after{grid-column:1/-1;content:'';display:block;border:solid 4px #2d7c76;}
.sec01 .spot{margin-top:-8px;align-self:start;}
.sec01 .num{margin-bottom:-5px;margin-right:5px;}
.sec01 figure{grid-column:1;grid-row:1/-1;}
.sec01 figure img{height:100%;object-fit:cover;}
.sec01 p{grid-column:2;grid-row:2;}
.sec01 .shop{grid-column:2;grid-row:3;}
.sec02{grid-column: 2;grid-row:5;display:grid;grid-template-columns:4fr 5fr;grid-template-rows:auto 1fr auto auto;grid-column-gap:15px;grid-row-gap:15px;}
.sec02 h2{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:auto auto auto 1fr;grid-template-rows:auto;align-items:end;}
.sec02 h2::after{grid-column:3;grid-row:1;margin-right:5px;align-self:stretch;z-index:1;content:'';display:block;border:solid 4px #2d7c76;}
.sec02 .spot{margin-left:-20px;margin-right:-10px;margin-bottom:-20px;z-index:1;}
.sec02 .num{margin-bottom:-5px;margin-right:5px;}
.sec02 .fig01{grid-column:1;grid-row:2/4;margin-bottom:40px;}
.sec02 .fig01 img{height:100%;object-fit:cover;}
.sec02 .fig02{grid-column:2;grid-row:3;margin-left:-40px;}
.sec02 p{grid-column:2;grid-row:2;}
.sec02 .shop{grid-column:1/-1;grid-row:4;}

.sec03{grid-column:4;grid-row:5;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-row-gap:15px;}
.sec03 h2{grid-column:1;grid-row:2;display:grid;grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto;grid-row-gap:10px;align-items:end;}
.sec03 h2::after{grid-column:1/-1;content:'';display:block;border:solid 4px #2d7c76;}
.sec03 .spot{margin-left:-15px;}
.sec03 .num{margin-bottom:-5px;margin-right:5px;}
.sec03 figure{grid-column:1;grid-row:1;}
.sec03 p{grid-column:1;grid-row:3;}
.sec03 .shop{grid-column:1;grid-row:4;}

.sec04{grid-column:2;grid-row:7;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-row-gap:15px;}
.sec04 h2{grid-column:1;grid-row:2;display:grid;grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto;grid-row-gap:10px;align-items:end;}
.sec04 h2::after{grid-column:1/-1;content:'';display:block;border:solid 4px #2d7c76;}
.sec04 .spot{margin-left:-15px;}
.sec04 .num{margin-bottom:-5px;margin-right:5px;}
.sec04 figure{grid-column:1;grid-row:1;}
.sec04 p{grid-column:1;grid-row:3;}
.sec04 .shop{grid-column:1;grid-row:4;}
.sec05{grid-column:4;grid-row:7;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-row-gap:15px;}
.sec05 h2{grid-column:1;grid-row:2;display:grid;grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto;grid-row-gap:10px;align-items:end;}
.sec05 h2::after{grid-column:1/-1;content:'';display:block;border:solid 4px #2d7c76;}
.sec05 .spot{margin-left:-15px;}
.sec05 .num{margin-bottom:-5px;margin-right:5px;}
.sec05 figure{grid-column:1;grid-row:1;}
.sec05 p{grid-column:1;grid-row:3;}
.sec05 .shop{grid-column:1;grid-row:4;}


.sec06{grid-column:2;grid-row:9;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-row-gap:15px;}
.sec06 h2{grid-column:1;grid-row:2;display:grid;grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto;grid-row-gap:10px;align-items:end;}
.sec06 h2::after{grid-column:1/-1;content:'';display:block;border:solid 4px #2d7c76;}
.sec06 .spot{margin-left:-15px;}
.sec06 .num{margin-bottom:-5px;margin-right:5px;}
.sec06 figure{grid-column:1;grid-row:1;}
.sec06 p{grid-column:1;grid-row:3;}
.sec06 .shop{grid-column:1;grid-row:4;}
.sec07{grid-column:4;grid-row:9;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-row-gap:15px;}
.sec07 h2{grid-column:1;grid-row:2;display:grid;grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto;grid-row-gap:10px;align-items:end;}
.sec07 h2::after{grid-column:1/-1;content:'';display:block;border:solid 4px #2d7c76;}
.sec07 .spot{margin-left:-15px;}
.sec07 .num{margin-bottom:-5px;margin-right:5px;}
.sec07 figure{grid-column:1;grid-row:1;}
.sec07 p{grid-column:1;grid-row:3;}
.sec07 .shop{grid-column:1;grid-row:4;}

.shop{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto auto;grid-column-gap:10px;grid-row-gap:5px;border:solid 1px #222;}

.shop h3{grid-column:2;grid-row:1;font-size:12px;align-self:end;}
.shop p{grid-column:2;grid-row:2;font-size:10px;line-height:1.5;}
.shop span{padding:0 5px;border-radius:10px;background-color:#ddd;;}
.shop span a{text-decoration:none;}
.item-post::before{grid-column:2/-2;grid-row:4;align-self:center;content:'';border-top:dotted 4px #ddd;}
.item-post::after{grid-column:3;grid-row:5;justify-self:center;content:'';border-left:dotted 4px #ddd;}
.page-dotto{grid-column:2/-2;grid-row:6;align-self:center;content:'';border-top:dotted 4px #ddd;}
.page-dotto2{grid-column:3;grid-row:7;;justify-self:center;content:'';border-left:dotted 4px #ddd;}

.page-dotto3{grid-column:2/-2;grid-row:8;align-self:center;content:'';border-top:dotted 4px #ddd;}
.page-dotto4{grid-column:3;grid-row:9;;justify-self:center;content:'';border-left:dotted 4px #ddd;}
/* 汎用ページ1 */
.tate-1{display:grid;grid-column:auto;grid-row:auto;grid-row-gap:40px;padding:0 30px;font-family:'Noto Sans Japanese',sans-serif;font-size:18px;}
.tate-1 img{max-width:100%;height:auto;vertical-align:bottom;}
.tate-1-title{align-self:center;justify-self:center;font-size:2.8125em;font-weight:900;line-height:1.2;}
.tate-1-lead{font-size:0.9375em;font-weight:700;line-height:1.8;}
.tate-1-catch{justify-self:center;align-self:center;font-size:1.25em;line-height:1.5;text-align:center;}
.part-1,.part-2,.part-3,.part-4,.part-5{font-size:0.75em;font-weight:200;line-height:2;text-align:justify;text-justify:inter-ideograph;}
.part-lr{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-column-gap:10px;font-size:0.75em;font-weight:200;line-height:2;}
.part-r img{max-width:100%;}
.part-l img{max-width:100%;}
.part-l{grid-column:1;grid-row:1;}
.part-r{grid-column:2;grid-row:1;}

.butusita-link{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-column-gap:10px;font-size:0.75em;font-weight:200;line-height:2;width:100%;}
.butusita-link-l{grid-column:1;grid-row:1;}
.butusita-link-r{grid-column:2;grid-row:1;}
.butusita-link-l,.butusita-link-r{width:100%;}

.tate-1 p{margin:20px 0 20px 0;}
.li-jyaki-nv{list-style-image:url(../goods/img/jyaki-nv-150.png);}
.jyaki-red{content:url(../goods/img/jyaki-rd-150.png);grid-column:1;grid-row:6;justify-self:start;align-self:end;z-index:20;}
.jyaki-gy{content:url(../goods/img/jyaki-gy-150.png);grid-column:1;grid-row:2;justify-self:end;align-self:end;z-index:20;}
.midasi-2 h2{align-self:center;justify-self:center;font-size:2em;font-weight:900;line-height:1.2;}
.tate-sns{justify-self:center;align-self:center;}
.tate-sns ul{margin:0;padding:0;list-style:none;display:grid;grid-auto-flow:column;grid-column-gap:20px;}
.tate-sns a {font-size:1.5em;color:#aaa;text-decoration:none;text-align:center;border:solid 1px #aaa;border-radius:50%;display:block;width:2em;height:2em;line-height:2em;}
section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }
.table01 th, .table01 td  { width: 20%; text-align: left; }
.tate-logo{content:url(../images/logo-s.png);justify-self:center;}
.link-box{width:80%;margin:40px auto 40px;text-align:center;}
.link-box a{display:inline-block;border:1px solid #0e214d;text-decoration:none;letter-spacing:.6em;text-indent:9px;line-height:1;padding:10px;	color:#515151;font-size:14px;line-height:26px;}
.link-box a:hover{background-color:#fbf044;border:1px solid #fff;color:#515151;}

.footer{grid-column:1;grid-row:3;padding:15px 0;background-color:#2d7c76;color:#fff;text-align:center;font-size:14px;}

	/* トップインスタ*/
.insta_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 3vw 0 2vw;
}
 
.insta_list img{
    width: 13vw;
    padding: 0.5vw;
}
/* トップインスタ*/


@media(min-width:1000px){
	.post{width:1000px;box-sizing:border-box;margin:auto;font-size:20px;}
	.main-inner{width:1000px;box-sizing:border-box;margin:auto;font-size:20px;}
	/* 汎用ページ1 */
	.tate-1{width:1000px;box-sizing:border-box;margin:auto;font-size:20px;}
	/* サブページ1 */
	.item-post{
		--side: calc( (100vw - 960px) / 2 );
		}
		.item-post-title{font-size:40px;}
		.sec h2{font-size:24px;}
}

@media(max-width:767px){
	.main{font-size:14.4px;}
	.top-fig01{margin-left:-30px;margin-right:-30px;}
	.top-nav{grid-template-columns:none;grid-template-rows:none;grid-row-gap:20px;padding:20px;font-size:14.4px;}
	.top-nav > *,.top-nav::after{grid-column:auto;grid-row:auto;}
	.top-text01{font-size:15px;}
	.osirase-contents{grid-template-columns:none;grid-template-rows:none;grid-row-gap:20px;padding:20px;font-size:14.4px;}
	.osirase-contents > *,.osirase-contents::after{grid-column:auto;grid-row:auto;}
	.osirase-contents img{max-width:100%;}
	.post{grid-template-columns:none;grid-template-rows:none;grid-row-gap:20px;padding:20px;font-size:14.4px;}
	.post > *,.post::after{grid-column:auto;grid-row:auto;}
	.post-title{grid-column:1;grid-row:1;word-break:keep-all;}
	.post::after{grid-column:1;grid-row:1;justify-self:start;margin-bottom:-20px;}
	.post-sub{grid-column:1;grid-row:2;font-size:24px;}
	.post-date{grid-column:1;grid-row:2;align-self:end;}
	.post-lead{font-size:16px;}
	.post-fig01{margin-left:-20px;margin-right:-20px;}
	.post-catch{margin-left:0;margin-top:-35px;justify-self:end;background:rgba(255,255,255,0.6);box-shadow:0 0 10px 10px rgba(255,255,255,0.6);border-radius:10px;}
	.post-text01,.post-text02{font-size:15px;}
	.post-sns{justify-self:center;}
	.post-sns ul{grid-auto-flow:column;grid-column-gap:20px;}
	.page::before{padding:8px;}
	.page-title{padding:0 0 40px 20px;}
	/* 汎用ページ1 */
	.tate-1{grid-column:auto;grid-row:auto;grid-row-gap:30px;padding:20px;font-size:14.4px;}
	.tate-1 > *,.tate-1::after{grid-column:auto;grid-row:auto;}
	.tate-1-lead{font-size:16px;}
	.part-1,.part-2,.part-3,.part-4,.part-5{font-size:16px;}
	.tate-1 .fig01,.fig02,.fig03{margin-left:-20px;margin-right:-20px;}
	.table01 { margin: 0 -10px; }
  .table01 tr { display:block;margin-bottom: 10px;}
  .table01 th {display:block;width: 100%;}
  .table01 td {display: list-item;width: 90%;margin-left: 10%;border:none;list-style:none;}
	/* サブページ1 */
	.item-post{
		--side: 20px;grid-template-columns:var(--side) 1fr var(--side);grid-template-rows:auto 40px auto 50px auto 50px auto 40px auto 40px auto 40px auto 40px auto 40px;
	}
	.item-post-head{grid-column:1/3;grid-row:1;grid-template-columns:var(--side) 1fr 100px;grid-column-gap:12px;}
	.item-post-title{grid-column:2/-1;grid-row:2;}
	.item-post-lead{grid-column:2/-1;grid-row:4;}
	.item-post-head::after{content:none;}
	.sec h2{margin:0;font-size:20px;}
	.sec .spot{margin:0 0 0 calc((var(--side)+5px)*-1);font-size:12px;align-self:end;}
	.sec .num{font-size:60px;}
	.sec01{grid-column:2;grid-row:3;grid-template-columns:1fr;grid-template-rows:repeat(4,auto);grid-row-gap:15px;}
	.sec01.sec>*{grid-column:auto;grid-row:auto;}
	.sec01 h2::after{margin:0 calc(var(--side)*-1);}
	.sec02{grid-column:2;grid-row:5;}
	.sec03{grid-column:2;grid-row:7;}
	.sec04{grid-column:2;grid-row:9;}
	.sec05{grid-column:2;grid-row:11;}
	.sec06{grid-column:2;grid-row:13;}
	.sec07{grid-column:2;grid-row:15;}
	.item-post::before{grid-column:2;grid-row:4;}
	.item-post::after{grid-column:2;grid-row:6;justify-self:stretch;align-self:center;border-top:dotted 4px #ddd;}
	.page-dotto{grid-column:2;grid-row:8;}
	.page-dotto2{grid-column:2;grid-row:10;justify-self:stretch;align-self:center;border-top:dotted 4px #ddd;}
	.page-dotto3{grid-column:2;grid-row:12;}
	.page-dotto4{grid-column:2;grid-row:14;justify-self:stretch;align-self:center;border-top:dotted 4px #ddd;}
	/* トップインスタ*/
	.insta_list img,.insta_list2 img{
    width: 40vw;
    padding: 1vw;
}
	/* トップインスタ*/
}

@media(min-width:768px){
	.page-title{padding:40px 40px 40px 60px;}
	.page-title h1{font-size:56px;font-weight:900;}

}

@media(min-width:769px)and(max-width:999px){
	.post{font-size:calc(16px+4*(100vw-768px)/232);
	}
}

/* トップページ */



/* サブページ２ */


/* サブページ２ */

/** masonry */		
		
/* HTML5 display-role reset for older browsers */
article {
    display: block; }



blockquote, q {
    quotes: none; }

blockquote:before, blockquote:after {
    content: '';
    content: none; }

q:before, q:after {
    content: '';
    content: none; }






.clearfix {
    zoom: 1; }
.clearfix:before, .clearfix:after {
    content: "";
    display: block; }
.clearfix:after {
    clear: both; }

.item {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	color: #333;
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
    border: 0px solid #eee;
	float: left;
    margin: 14px 6px 0px 6px;
    width: 300px;
    overflow: hidden;
	 }
.item-image {
    display: block;margin:0;padding:0; }
.item-image img {
    transition: opacity 0.3s ease;height:auto;vertical-align: bottom;width: 100%;
    opacity: 1;margin:0; }
.item-image:hover img {
    opacity: 0.7; }


#list-container {
    padding-bottom: 50px; }
@media screen and (max-width: 667px) {
    #list-container {
        width: 100%;
        box-sizing: border-box;
        padding-left: 0px;
        padding-right: 0px; } }

#list-content {
    width: 100%;
    margin: 0 auto; }
@media screen and (max-width: 1024px) {
    #list-content {
        width: 100%; } }
@media screen and (max-width: 667px) {
    #list-content {
        width: 100%; } }

.list-content {
    width: 100%; }


.item-description, .item-like {
    padding: 10px;
    border-top: 1px solid #e9e9e9; }
	
	
	
#list-container2 {
    padding-bottom: 50px; }
@media screen and (max-width: 667px) {
    #list-container2 {
        width: 100%;
        box-sizing: border-box;
        padding-left: 0px;
        padding-right: 0px; } }

#list-content2 {
    width: 100%;
    margin: 0 auto; }
@media screen and (max-width: 1024px) {
    #list-content2 {
        width: 100%; } }
@media screen and (max-width: 667px) {
    #list-content2 {
        width: 100%; } }

.list-content2 {
    width: 100%; }


.item-description, .item-like {
    padding: 10px;
    border-top: 1px solid #e9e9e9; }


	
	
@media screen and (max-width: 768px) {
    .item {
        margin: 7px 6px 0px 6px;
        width: 100%; } }
		
@media screen and (max-width: 667px) {
    .item {
        margin: 7px 6px 0px 6px;
        width: 46%; }
		
		 }

.item-detail {
    border-top: 1px solid #e9e9e9; }

.item-heading {
    padding: 10px; }

.item-title {
    float: left;
    font-size:16px; }

.item-label {
    float: right;
    line-height: 16px;
	color:#863d3f;
    font-size: 12px; }

.item-description {
	color:#727272;font-family: メイリオ, MS PGothic, "ＭＳ Ｐゴシック", serif, "ヒラギノ角ゴ Pro W3";
    word-wrap: break-word;
    line-height: 1.8;
	font-size:12px; }
	
.item h2 {
    font-size:16px; }
	
.item h3 {
    font-size:16px; }

.button-area{width:100%;}

.button-area .button{
    display:inline-block;
    padding:10px;
    background-color:#fff;
    color:#723334;padding:4px;
    cursor:pointer;
    transition:all .3s ease;
    }
 .button-area .button:hover{
      background-color:#e8ded2;
    }
.button-area label{
	background-color:#fff;color:#863d3f;padding:4px;
}


		/** masonry end */