@charset "UTF-8";

/* event
----------------------------------------------- */
.intro{position: relative;margin-bottom: 6vw;padding: 4vw 0 0;}
.intro img.img01{z-index: 1;position: relative;width: 86%;margin-left: 3vw;}
.intro img.img02{margin: 6vw 0 8vw auto;width: 80%;}
.intro .text{margin: 0 auto;width: 90%;}
.intro .text dl{padding: 5vw 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-bottom: 4vw;}
.intro .text dt{display: inline-block;margin-right: 3vw;}
.intro .text dd{display: inline-block;}
.intro .sub{font-family: var(--font_marcellus);font-size: 8vw;letter-spacing: .07em;margin-bottom: 2vw;color: #136c3c;line-height: 1.2;}
.intro .read{font-size: 4.6vw;margin-bottom: 3vw;font-family: var(--font_mincho);}
.intro p{margin-bottom: 4vw;text-align: justify;}
.intro p:last-of-type{font-weight: bold;}

/* price */
.tbl02{width: 100%;}
.tbl02_blc{width: 90%;margin:0 auto 8vw;}
.tbl02_wra{border: 1px solid #136c3c;margin-bottom: 2vw;}
.tbl02 tbody tr:first-child th {color: #136c3c;font-size: 3.5vw;font-family:游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;background: #f6f9f3;letter-spacing: normal;}
.tbl02 tbody tr:first-child th:nth-of-type(2),.tbl02 tbody tr:first-child th:nth-of-type(3) {border-left: 1px solid #e6e6e6;}
.tbl02 th,.tbl02 td{border-bottom:none;width:33.3%;line-height:1.5;padding: 2%;text-align: center;}
.tbl02 th{background: #136c3c;color:#fff;vertical-align:middle;font-family:Marcellus,serif;letter-spacing:.5vw;font-size:4vw;}
.tbl02_name > *{display:block;line-height:1;}
.tbl02_name .jp{margin-bottom: 1vw;font-size: 4.2vw;font-family:游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight:400;font-style:normal;line-height: 1.1;font-feature-settings: "palt";}
.tbl02_name .en{text-align:center;display:block;font-family: var(--font_marcellus);letter-spacing:.5vw;color:#fff;font-size: 70%;}
.tbl02_name .mini { display:block; font-size:80%;}
.tbl02 td{border:solid 1px #e6e6e6;vertical-align:middle;border-right:none;}
.tbl02 td:first-of-type{background: #f6f9f3;color: #136c3c;border-left:none;}
.tbl02 td:nth-of-type(2){letter-spacing: .02em;}
.tbl02 tr:last-of-type td{border-bottom:none;}
.tbl02 thead td{text-align:center;}

.att{width: 90%;margin: auto;}
.att p{padding: 5vw 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-bottom: 4vw;text-align: center;font-size: 4.2vw;font-weight: bold;} 
.att li {padding-left: 0.5rem;text-indent: -0.5rem;text-align: justify;}

/* modal
----------------------------------------------- */
#modal-item {display: none; }
#modal-insta {display: none; }
#modal-line {display: none; }
.modaal-content-container {padding: 8vw 4vw; }
.modaal-content-container .more {margin-bottom: 4vw; border: 1px solid #afafaf; padding: 5vw 0; position: relative; text-align: center; font-size: 4vw; }
.modaal-content-container .more::after {content: '\f105'; margin-left: 2.5vw; font-family: 'icon'; display: inline-block; }
.modaal-content-container .midashi {color: #000; font-size: 7.4vw; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-bottom: 5vw; }
.modaal-content-container .midashi .icon {margin-right: 2vw; color: #9f1446; }
.modaal-content-container .midashi .icon-line-brands1 {color: #10b43c; }
.modaal-content-container .midashi .icon-instagram-brands1 {height: 28px; width: 28px; color: #fff; border-radius: 8px; background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; overflow: hidden; }
.modaal-content-container .midashi .icon-instagram-brands1:before {padding-left: 2px; }
.modaal-content-container .midashi:after {color: #000; }


/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
.intro{padding: 0 0 0;margin: 0 auto 24px;width: 900px;}
.intro .img-flex{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin-bottom: 30px;}
.intro img.img01{position: initial;width: 436px;margin-left: 0;}
.intro img.img02{margin: 0;position: relative;right: -40px;width: 434px;top: 110px;}
.intro .text{width: 900px;margin: -20px auto 0;}
.intro .text dl{padding: 20px 0;margin-bottom: 20px;width: 500px;}
.intro .text dt{margin-right: 20px; }
.intro .sub{font-size: 36px;margin-bottom: 6px;}
.intro .read{font-size: 26px;margin-bottom: 24px;line-height: 1.7;}
.intro p{margin-bottom: 24px;}

/* price */
.tbl02_blc {width: 900px;margin: 0 auto 40px;}
.tbl02_wra { margin-bottom: 15px;}
.tbl02 th{font-size:30px;letter-spacing:2px;padding: 14px;}
.tbl02 tbody tr:first-child th {font-size: 16px;}
.tbl02_name .jp{margin-bottom: 6px;font-size:20px;}
.tbl02_name .en{font-size: 14px;letter-spacing:2px;}
.tbl02 td{padding: 12px;}
.tbl02 td:nth-of-type(2){letter-spacing:1px;}

.att{width: 900px;margin: auto;}
.att p{padding: 20px 0;margin-bottom: 20px;font-size: 20px;}

}