*, *::before, *::after{margin:0px; padding:0px; box-sizing:border-box; font-size:100%; overflow-wrap:break-word; word-break:break-all; max-width: 100%; font-family: "Noto Sans Japanese", sans-serif; font-weight: 300;}
button{border:none; background:none;}
img{max-width:100%;}
input[type="radio"]{margin-right:5px;}

/* body */
body{font-size:16px; position:relative; min-height:100vh; padding:60px 0 50px; background:#fdfdff;}
.siteName{font-size:120%; padding:10px; font-weight:700; position:absolute; top:0; left:0; border-radius:0 0 10px 0;}
a{color:inherit;}
a:hover{color:inherit; opacity:0.8;}
ul li{list-style:none;}
img{max-width: 100%;}
.mbL{margin-bottom:50px;}
.mbM{margin-bottom:30px;}
.mbS{margin-bottom:10px;}
.mtL{margin-top:50px;}
.mtM{margin-top:30px;}
.mtS{margin-top:10px;}
.wrap{width:calc(100% - 20px); padding:0 10px 30px;}
.alL{text-align: left;}
.alR{text-align: right;}
.arrow{position: relative; padding-right: 10px;}
.arrow::after{content:""; width:8px; height:8px; border:solid 2px #003366; border-width:2px 2px 0 0; transform: rotate(45deg); display: inline-block; margin-left:3px;}
.px80 img{width:80px;}
.redT{color:#dd2222;}
.ftj{font-weight:bold !important; font-size:larger !important;}

/* header */
#header{position:fixed; right:10px; top:20px; z-index:999;}
#header .btn{padding:10px 5px; text-align:center; border-radius:100%; width:70px; height:70px; font-size:80%; display:flex; align-items:center; justify-content:center; text-align:center; perspective:300px; transition:0.5s; position:relative;}
#header .btn span{position:relative;}
#header .btn::before{content:"\02715"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)rotate(90deg); transition:0.5s; opacity:0; pointer-events:none; font-size:150%;}
#header .btn.rotate{transform:rotateY(180deg);}
#header .btn.rotate span{opacity:0.3;}
#header .btn.rotate::before{opacity:1; z-index:3; transform:translate(-50%,-50%)rotate(0);}
#menuBtn{}
#cnfgBtn{margin-top:10px;}
.tglBox{display:none;}
#menuTgl{}
.cmnPnl{background:#0066BB; width:calc(100vw - 100px); height:100vh; display:block; position:fixed; top:0; z-index:1000; opacity:0; transition:0.5s; perspective:300px; pointer-events:none; padding:80px 20px 20px; overflow-y:auto;}
.cmnPnl.opn{opacity:1; pointer-events:auto;}
#menu{left:0; transform:translate(-100%, 0)rotateY(90deg);}
#menu.opn{transform:translate(0,0)rotate(0);}
#config{right:100px; transform:translate(100%, 0)rotateY(90deg); width:40vw;}
#config.opn{transform:translate(0,0)rotate(0);}
.clsbtn{background:#fff; position:absolute; top:0; font-size:80%;}
.clsbtn::before, .clsbtn::after{content:""; width:20px; height:2px; background:#003366; position:absolute; top:15px; left:55%;}
.clsbtn::before{transform:translateX(-50%)rotate(45deg);}
.clsbtn::after{transform:translateX(-50%)rotate(-45deg);}
#menu .clsbtn{right:0; border-radius:0 0 0 100% / 100% 0 0 100%; padding:30px 10px 10px 20px;}
#config .clsbtn{left:0; border-radius:0 0 100% 0 / 0 100% 100% 0; padding:30px 20px 10px 10px;}
#config .clsbtn::before, #config .clsbtn::after{left:45%;}
#config .btnBox{margin-top:20px;}
/* #menu */
.ctgrmenu, #menu .ctgr{position:relative; width:100%; background:#fff; border-radius:20px; color:#333;}
.ctgrmenu ul{width:25%; padding:0 20px;}
.ctgrmenu ul li{width:32%; display:inline-block; vertical-align:top; text-align:center; margin-bottom:10px;}
.ctgrmenu ul li.index{width:100%; display:block;}
.ctgrmenu ul li.index a, .ctgrmenu ul li.lst a{display:block; padding:5px;}
.ctgrmenu ul li.lst{width:100%; display:block; border:solid 2px #ccc; border-width:2px 0;}
.ctgrmenu ul li a span{display:block; font-size:85%;}
.ctgrmenu .ttl{padding:5px 5px; margin:10px auto 0; font-size:140%; color:#fff; border-radius:5px;}
.ctgrmenu .bbb .ttl{background:#00EBFF;}
.ctgrmenu .bsr .ttl{background:#006934;}
.ctgrmenu .tb .ttl{background:#8AD145;}
.ctgrmenu .oth .ttl{background:#DD2222;}
.contWrap .ctgrmenu{background:none; padding:0;}
.contWrap .ctgrmenu ul{padding:0 0.5%;}
#menu .brd{margin-top:50px; width:100%;}
#menu .brd ul{width:100%;}
#menu .brd ul li{margin:15px 10px; width:auto;}
#menu .brd li a{display:block; padding:5px 10px; border-radius:5px;}
#config .configBox{}
#config .configBox dt{width:30%; padding-right:10px; text-align:right;}
#config .configBox dd{width:65%;}
#config .size{width:5em;}
#config .btn{padding:8px 30px; position:relative; line-height:1.2em; font-size:110%; margin:auto; display:block; border-radius:5px;}
#config .btn span{display:block; font-size:80%;}
#configSave{}
#config .btnBox li+ li{margin-left:5px;}

/* footer */
#foot{padding:8px 10px; width:100%; position:absolute; bottom:0; left:0; text-align:center;}
#foot img{width:30px;}

#body{padding-bottom:50px;}
.contWrap{width:80%; margin:0 auto 40px;}
.txtWrap{width:80%; margin:0 auto 30px;}
.txtWrap a{text-decoration:underline;}
.txtcap{padding:10px; border:solid 1px #000; border-width:1px 2px 2px; border-top-style:dashed; position:relative;}
.txtcap .date{text-align:right;}
.txtcap .txt{}
.txtcap .tag{}
.txtcap .tag li{margin:5px 5px 0;}
.txtcap .tag li a{text-decoration:underline;}
#taglist li{margin:0 5px 5px;}
.survey{display:none; border:solid 1px;}

.newslist{}
.newslist li{width:48%; border-bottom:solid 1px #000; padding:10px 10px 10px; margin:0 0 20px; position:relative;}
.newslist.clm3 li{width:32%; padding-bottom:50px;}
.newslist li p{margin-bottom:5px;}
.newslist li .tag{text-align:right;}
.newslist li a{text-decoration:underline;}
.newslist li .tag a{margin:5px;}
.newslist.clm3 .btn02{position:absolute; bottom:10px; left:50%; transform:translateX(-50%); width:80%; text-align:center; border:solid 1px;}

.textlist{}
.textlist li{width:23%; padding:14px 10px 10px; margin:0 1% 30px; position:relative;}
.newslist.clm3 li{width:32%; padding-bottom:50px;}
.textlist li::before, .textlist li::after{content:""; width:100%; height:calc(100% + 4px); position:absolute; pointer-events:none;}
.textlist li::before{top:0; left:-2px; border-width:1px 0 1px 1px; border-style:solid solid dashed;}
.textlist li::after{top:6px; left:2px; border-width:1px 1px 1px 0; border-style:dashed solid solid;}
.textlist li p{margin-bottom:5px;}
.textlist li .date{text-align:right; padding:0 2px;}
.textlist li .tag{text-align:right;}
.textlist li a{text-decoration:underline; position:relative;}
.textlist li a + a{margin-left:5px;}
.textlist li .tag a::after{content:",";}
.textlist li .tag a:last-child::after{display:none;}

.offlist{}
.offlist > li{width:23%; max-width:220px; margin:10px 0 10px -1px; padding:5px 15px 40px; border-style:dotted; border-width:0 1px; border-collapse:collapse; position:relative;}
.offlist .tmb{width:100%; min-height:200px; background:#fff; display:block; border-style:solid; border-width:1px; margin-bottom:10px;}
.offlist .buy{display:block; text-align:center; width:calc(100% - 30px); position:absolute; bottom:5px; left:15px; border-style:solid; border-width:1px;}
.offlist .ttl{margin:10px 0; text-align:left; display:block; text-decoration:underline;}
.offlist .tag{margin:10px 0 20px;}
.offdetail{}
.offdetail .boxL{width:calc(100% - 200px); padding-right:20px;}
.offdetail .boxR{width:200px; text-align:center;}
.offdetail .tmb{width:100%; min-height:100px; display:block; border-style:solid; border-width:1px; margin-bottom:20px;}
.enq .tglbtn{padding:5px 20px;}
.enq.single .wpcf7-submit{display:block; width:75%; margin:30px auto 10px;}
/* txtFormBox */
.txtFormBox{}
.txtFormBox .formsWrap{max-width:360px; margin:auto;}
.txtFormBox .formsWrap > li{display:block; margin:5px 5px 10px; text-align:center; font-size:90%; width:calc(50% - 10px);}
.txtFormBox .formsWrap > li.w100p{width:100%;}
.txtFormBox .formsWrap .btnS{padding:8px 10px; border-radius:5px; display:block;}
.txtFormBox .formsWrap .btnL{min-width:80px; min-height:80px; border-radius:10px; line-height:1em; padding:5px; display:block; margin:auto;}
.txtFormBox .formsWrap .btnL img{display:block; max-width:50px; margin:5px 5px 5px auto;}
.txtFormBox .clap_ct{text-align:center; display:block; padding:2px 5px; position:relative; visibility:hidden;}
.txtFormBox .clap_ct::before{content:"＼";}
.txtFormBox .clap_ct::after{content:"／";}
#enqOpen{display:none; padding:5px 20px; margin:20px auto 10px; border-radius:5px;}
.enq.single{max-width:450px; margin:auto;}
.enq .wpcf7-form-control.wpcf7-checkbox{display:flex; flex-wrap:wrap;}
.enq .wpcf7-form-control.wpcf7-checkbox > span{margin:0 5px 2px; padding:5px 0;}
input, textarea{max-width:100%; padding:2px 5px;}
.enq textarea{width:100%; height:150px;}

.covers{}
.covers h1{padding:5px 10px; margin-bottom:20px;}
#loading{width:100vw; height:100vh; position:fixed; top:0; left:0; z-index:1200;}

.profile{width:100%;}
.profile li{display:flex; align-items:flex-start;}
.profile li~li{margin-top:10px;}
.profile .que{width:22%; min-width:200px; text-align:center; padding:2px 10px; border-radius:20px; margin-right:2%; box-sizing:border-box;}
.profile .ans{width:75%; padding:2px 0;}

.ttl01{padding:5px 10px 5px 35px; font-size:130%; position:relative; margin:0;}
.ttl01::before, .ttl01::after{content:""; position:absolute; width:20px; height:10px; border-radius:50px 50px 0 0; background:#fff;}
.ttl01::before{transform:translateY(-50%)rotate(-50deg); top:35%; left:5px;}
.ttl01::after{transform:translateY(-50%)rotate(130deg); top:60%; left:12px;}
.ttl02{margin:0 0 10px; position:relative; font-size:100%; font-weight:bold; border-radius:0 0 20px 20px; width:100%; padding:5px 10px 5px 40px; border:solid 1px #000;}
.ttl02 + .contWrap{padding:0 40px; width:100%;}
.ttl03{position:relative; transform:skewX(-30deg); border:solid 1px #000; border-width:0 0 2px 5px; width:100%; font-size:100%; border-radius:0 0 20px 0 / 0 0 10px 0; margin-bottom:20px;}
.ttl03 span{transform:skewX(30deg); display:block; padding-left:20px;}
.ttl04{position:relative; font-size:120%; font-weight:normal; border:solid 1px #000; border-width:5px 2px 0; padding:10px;}
.ttl05{position:relative; padding:5px; font-weight:400; border-radius:5px 5px 0 0; font-size:100%; text-align:center; margin-bottom:10px; border:solid 1px;}
.ttl05 + p{padding:0 5px;}

.btn01{display:inline-block; padding:5px 20px; border-radius:20px;}
.btn01::before{content:"\025b7"; display:inline-block; margin-right:5px; font-size:90%;}
.btn02{display:inline-block; padding:3px 12px; border-radius:20px; font-size:80%;}
.blank{position:relative;}
.blank::after{content:"\0bb"; display:inline-block; margin-left:10px;}

.fontSS{font-size:60%;}
.fontS{font-size:80%;}
.fontMS{font-size:90%;}
.fontM{font-size:100%;}
.fontL{font-size:120%;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.notes_01{padding-left:1em; text-indent:-1em;}

/* ページネーション */
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:18px;
line-height:13px;
margin-top:35px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:10px;
text-decoration:none;
width:auto;
font-size:18px;
}

.pagination a:hover{
}

.pagination .current{
padding:10px;
font-weight: bold;
font-size:18px;
}

/* <!--nextpage-->のスタイル */
.pagesprit {
    color: #000000;
    margin: 1em auto;
    line-height:2em;
    text-align:center;
}
.page-numbers a {
    display:inline;
    text-decoration:none;
}
.page-numbers .btn02{border-style:solid; border-width:1px; border-radius:5px;}
.page-numbers a:hover {color:white;}
.numbers {margin: 0 10px;}
.nextpage1{width:200px; margin:0 auto 20px;}
.pre{margin-right:30px;}
.next{margin-left:30px;}
/*拍手ボタン以下部分*/
input[type="submit"]{font-size:large; padding:15px;}
.webclap img{margin:10px;width:70px;}
#callF button{padding:15px; font-size:larger;}
#frms iframe{border:none; width:80%; margin:auto; height:600px; overflow:hidden;}
.wht{font-weight:bold;}
.wht p{color:#FAFAFA;font-weight:normal;}

/*contact7*/
span.wpcf7-list-item {display: block;}

/* カラー設定 */
.col1{background:#003366; color:#fff;}
a.col1:hover{color:#fff;}
.col2{background:#0066BB; color:#fff;}
a.col2:hover{color:#fff;}
.col3{background:#fff; color:#003366;}
a.col3:hover{color:#003366;}
.brd02,
.brd02::before,
.brd02::after{border-color:#06B;}
.brd01,
.brd01 li,
.brd01::before,
.brd01::after{border-color:#036;}
.fcol01{color:#003366;}
.fcol02{color:#06B;}
.post-page-numbers.current .col2{color:#06B; background-color:transparent; border-color:#06B}

.bgdark{color:#fff; background:#036;}
.bgdark .col1{background:#fff; color:#003366;}
.bgdark button.col1{border:solid 1px #036;}
.bgdark a.col1:hover{color:#036;}
.bgdark .col2{background:#fdfdff; color:#06B;}
.bgdark a.col2:hover{color:#06B;}
.bgdark .col3{background:#036; color:#fff;}
.bgdark a.col3:hover{color:#fff;}
.bgdark .brd01,
.bgdark .brd01 li,
.bgdark .brd01::before,
.bgdark .brd01::after{border-color:#fff;}
.bgdark .brd02,
.bgdark .brd02::before,
.bgdark .brd02::after{border-color:#06B;}
.bgdark .ttl01::before, .bgdark .ttl01::after{background:#036;}
.bgdark .ttl01 + .ttl02{border-top-style:dashed;}
.bgdark .ttl02::before{color:#06B;}
.bgdark .fcol01{color:#fff;}
.bgdark .fcol02{color:#fff;}
.bgdark #menu.col1{border-right:solid 1px #06B;}
.bgdark #config.col2{border-left:solid 1px #06B;}
.bgdark .ctgrmenu, .bgdark #menu .ctgr{background-color:#036; color:#fff}
.bgdark .clsbtn{background-color:#06B; color:#fff;}
.bgdark .clsbtn::before, .bgdark .clsbtn::after{background-color:#fff;}
.bgdark #foot img{padding:2px; background:#003366; border-radius:100%; width:34px;}
.bgdark .post-page-numbers.current .col2{color:#fff; border-color:#fff}

/* warm */
.warm{background:#f7e3af;}
.warm .col1{background:#dc5f36; color:#fff;}
.warm a.col1:hover{color:#fff;}
.warm .col2{background:#70372c; color:#fff;}
.warm a.col2:hover{color:#fff;}
.warm .col3{background:#fff; color:#dc5f36;}
.warm a.col3:hover{color:#dc5f36;}
.warm .brd01,
.warm .brd01 li,
.warm .brd01::before,
.warm .brd01::after{border-color:#dc5f36;}
.warm .brd02,
.warm .brd02::before,
.warm .brd02::after{border-color:#70372c;}
.warm .ttl02::before{color:#dc5f36;}
.warm .fcol01{color:#dc5f36;}
.warm .fcol02{color:#70372c;}
.warm .post-page-numbers.current .col2{color:#dc5f36; background-color:transparent; border-color:#dc5f36}

.warm.bgdark{color:#fff; background:#70372c;}
.warm.bgdark .col1{background:#f7e3af; color:#70372c;}
.warm.bgdark button.col1{border:solid 1px #70372c;}
.warm.bgdark a.col1:hover{color:#70372c;}
.warm.bgdark .col2{background:#dc5f36; color:#f7e3af;}
.warm.bgdark a.col2:hover{color:#f7e3af;}
.warm.bgdark .col3{background:#70372c; color:#f7e3af;}
.warm.bgdark a.col3:hover{color:#fff;}
.warm.bgdark .brd01,
.warm.bgdark .brd01 li,
.warm.bgdark .brd01::before,
.warm.bgdark .brd01::after{border-color:#f7e3af;}
.warm.bgdark .ttl01::before, .warm.bgdark .ttl01::after{background:#dc5f36;}
.warm.bgdark .brd02,
.warm.bgdark .brd02::before,
.warm.bgdark .brd02::after{border-color:#dc5f36;}
.warm.bgdark .ttl02::before{color:#dc5f36;}
.warm.bgdark .fcol01{color:#fff;}
.warm.bgdark .fcol02{color:#fff;}
.warm.bgdark #menu.col1{border-right:solid 1px #dc5f36;}
.warm.bgdark #config.col2{border-left:solid 1px #dc5f36;}
.warm.bgdark .ctgrmenu, .warm.bgdark #menu .ctgr{background-color:#70372c; color:#fff}
.warm.bgdark .clsbtn{background-color:#dc5f36; color:#fff;}
.warm.bgdark #config .clsbtn{background-color:#70372c;}
.warm.bgdark .clsbtn::before, .warm.bgdark .clsbtn::after{background-color:#f7e3af;}
.warm.bgdark #foot img{background-color:#dc5f36;}
.warm.bgdark .post-page-numbers.current .col2{color:#dc5f36; border-color:#dc5f36}

/* cool */
.cool{background:#e0f1f1;}
.cool .col1{background:#2bb7b3; color:#fff;}
.cool a.col1:hover{color:#fff;}
.cool .col2{background:#7c2e1e; color:#fff;}
.cool a.col2:hover{color:#fff;}
.cool .col3{background:#fff; color:#2bb7b3;}
.cool a.col3:hover{color:#2bb7b3;}
.cool .brd01,
.cool .brd01 li,
.cool .brd01::before,
.cool .brd01::after{border-color:#2bb7b3;}
.cool .brd02,
.cool .brd02::before,
.cool .brd02::after{border-color:#7c2e1e;}
.cool .ttl02::before{color:#2bb7b3;}
.cool .fcol01{color:#2bb7b3;}
.cool .fcol02{color:#7c2e1e;}
.cool .post-page-numbers.current .col2{color:#7c2e1e; background-color:transparent; border-color:#7c2e1e}

.cool.bgdark{color:#fff; background:#7c2e1e;}
.cool.bgdark .col1{background:#e0f1f1; color:#7c2e1e;}
.cool.bgdark button.col1{border:solid 1px #7c2e1e;}
.cool.bgdark a.col1:hover{color:#7c2e1e;}
.cool.bgdark .col2{background:#2bb7b3; color:#7c2e1e;}
.cool.bgdark a.col2:hover{color:#7c2e1e;}
.cool.bgdark .col3{background:#7c2e1e; color:#e0f1f1;}
.cool.bgdark a.col3:hover{color:#fff;}
.cool.bgdark .brd01,
.cool.bgdark .brd01 li,
.cool.bgdark .brd01::before,
.cool.bgdark .brd01::after{border-color:#e0f1f1;}
.cool.bgdark .brd02,
.cool.bgdark .brd02 li,
.cool.bgdark .brd02::before,
.cool.bgdark .brd02::after{border-color:#2bb7b3;}
.cool.bgdark .ttl01::before, .cool.bgdark .ttl01::after{background:#2bb7b3;}
.cool.bgdark .ttl02::before{color:#2bb7b3;}
.cool.bgdark .fcol01{color:#fff;}
.cool.bgdark .fcol02{color:#fff;}
.cool.bgdark #menu.col1{border-right:solid 1px #2bb7b3;}
.cool.bgdark #config.col2{border-left:solid 1px #2bb7b3;}
.cool.bgdark .ctgrmenu, .cool.bgdark #menu .ctgr{background-color:#7c2e1e; color:#fff}
.cool.bgdark .clsbtn{background-color:#2bb7b3; color:#fff;}
.season.bgdark #config .clsbtn{background-color:#7c2e1e;}
.cool.bgdark .clsbtn::before, .cool.bgdark .clsbtn::after{background-color:#e0f1f1;}
.cool.bgdark #foot img{background-color:#2bb7b3;}
.cool.bgdark .post-page-numbers.current .col2{color:#2bb7b3; border-color:#2bb7b3}

/* season */
.season{background:#f7f3e9;}
.season .col1{background:#deb253; color:#fff;}
.season a.col1:hover{color:#fff;}
.season .col2{background:#e02613; color:#fff;}
.season a.col2:hover{color:#fff;}
.season .col3{background:#fff; color:#deb253;}
.season a.col3:hover{color:#deb253;}
.season .brd01,
.season .brd01 li,
.season .brd01::before,
.season .brd01::after{border-color:#deb253;}
.season .brd02,
.season .brd02::before,
.season .brd02::after{border-color:#e02613;}
.season .ttl02::before{color:#deb253;}
.season .fcol01{color:#deb253;}
.season .fcol02{color:#e02613;}
.season .post-page-numbers.current .col2{color:#e02613; background-color:transparent; border-color:#e02613}

.season.bgdark{color:#fff; background:#478657;}
.season.bgdark .col1{background:#deb253; color:#e02613;}
.season.bgdark button.col1{border:solid 1px #deb253;}
.season.bgdark a.col1:hover{color:#deb253;}
.season.bgdark .col2{background:#e02613; color:#f7f3e9;}
.season.bgdark a.col2:hover{color:#f7f3e9;}
.season.bgdark .col3{background:#deb253; color:#000;}
.season.bgdark a.col3:hover{color:#fff;}
.season.bgdark .brd01,
.season.bgdark .brd01 li,
.season.bgdark .brd01::before,
.season.bgdark .brd01::after{border-color:#f7f3e9;}
.season.bgdark .brd02,
.season.bgdark .brd02 li,
.season.bgdark .brd02::before,
.season.bgdark .brd02::after{border-color:#e02613;}
.season.bgdark .ttl01::before, .season.bgdark .ttl01::after{background:#e02613;}
.season.bgdark .ttl02::before{color:#e02613;}
.season.bgdark .fcol01{color:#fff;}
.season.bgdark .fcol02{color:#fff;}
.season.bgdark #menu.col1{border-right:solid 1px #e02613;}
.season.bgdark #config.col2{border-left:solid 1px #deb253;}
.season.bgdark .ctgrmenu, .season.bgdark #menu .ctgr{background-color:#478657; color:#fff}
.season.bgdark .clsbtn{background-color:#e02613; color:#fff;}
.season.bgdark #config .clsbtn{background-color:#478657;}
.season.bgdark .clsbtn::before, .season.bgdark .clsbtn::after{background-color:#f7f3e9;}
.season.bgdark #foot img{background-color:#e02613;}
.season.bgdark .post-page-numbers.current .col2{color:#e02613; background-color:transparent; border-color:#e02613}

.flexBx{display:flex;}
.flexBx.sb{justify-content:space-between;}
.flexBx.sa{justify-content:space-around;}
.flexBx.fe{justify-content:flex-end;}
.flexBx.cn{justify-content:center;}
.flexBx.wr{flex-wrap:wrap;}
.flexBx.ai-cnt{align-items:center;}

/*PC, SP*/
@media screen and (min-width:450px) {
	.onlySP{display:none;}
}
@media screen and (max-width:451px) {
	.onlyPC{display:none;}
}

@media screen and (max-width:1180px) {
	.ctgrmenu ul li{width:30%;}
}
@media screen and (max-width:1000px) {
	.wrap {width:100%; margin:0 auto; padding:0;}
	.ctgrmenu ul li{width:48%;}
	.enq.single .wpcf7{width:100%;}
	.wpcf7-text, .wpcf7-textarea{width:100% !important;}
}
@media screen and (max-width:900px) {
	#config{width:calc(100vw - 110px);}
	#menu .ctgrmenu{padding:0 10px;}
	.ctgrmenu, #menu .ctgr{flex-wrap:wrap; justify-content:space-between;}
	.ctgrmenu ul{width:50%; padding:0 1%;}
	.ctgrmenu ul li{width:32%;}
}
@media screen and (max-width:750px) {
	#header{display:flex; top:10px;}
	#header .btn{border-radius:10px; height:auto;}
	#cnfgBtn{margin-top:0; margin-left:10px;}
	.cmnPnl{width:100%;}
	.clsbtn{position:fixed;}
	#menu .brd ul{padding:5px;}
	#menu .brd ul li{margin:5px 8px;}
	#config{right:0; width:100%; padding:40px 20px 20px;}
	#config .configBox{display:flex; flex-wrap:wrap;}
	#config .configBox .txtWrap{order:1; width:100%; margin:20px auto 10px;}
	#config .configBox .btnBox{order:2; width:100%; margin:0 0 20px;}
	#config .configBox dl{order:3; width:100%;}

	.contWrap{width:90%;}
	.ctgrmenu ul{width:100%; padding:0 1%; transition:0.2s;}
	.ctgrmenu ul.opn{width:100%;}
	.ctgrmenu ul li{width:32%; display:none;}
	.ctgrmenu ul li.lst{display:none;}
	.ctgrmenu ul.opn li.lst, .ctgrmenu ul.opn li{display:inline-block;}
	.ctgrmenu ul li.index{display:block; position:relative;}
	.ctgrmenu ul li.index::after{content:"\025bc"; position:absolute; top:50%; right:10px; transform:translateY(-50%)scaleX(1.1); color:#fff; font-size:80%;}
	.ctgrmenu ul.opn li.index::after{content:"\025b2";}
	.newslist li{width:100% !important;}
	.textlist li{width:48%; margin:0 0 20px;}
	.textlist li:nth-child(2n){margin-left:4%;}

	.offlist > li{width:100%; max-width:none; display:grid; border-width:1px 0; margin:0 0 -1px; padding:20px 5px; grid-template-rows:1fr 30px; grid-template-columns:120px 10px 1fr;}
	.offlist .tmb{grid-row:1/2; grid-column:1/2; min-height:120px;}
	.offlist .ttl{margin-top:0;}
	.offlist .infoboxs{grid-row:1/3; grid-column:3/4;}
	.offlist .buy{grid-row:2/3; grid-column:1/2; display:inline-block;}
	.offdetail .boxL{width:100%; padding-right:0;}
	.offdetail .boxR{width:100%;}

	.profile li{flex-wrap:wrap;}
	.profile .que{width:100%; margin-bottom:5px;}
	.profile .ans{width:95%; margin:0 auto 15px;}

	.btn01{padding:2px 5px}

	.flexBx.spwr{display:block;}

	.enq .survey{padding:10px;}
	.enq.single .wpcf7{width:100%;}
	.wpcf7-text, .wpcf7-textarea{width:100% !important;}
	.enq textarea{width:100%; height:200px;}

	/* clap */
	.webclap img{margin:10px 1%;width:22%;}
}
@media screen and (max-width:354px){
	.txtFormBox .formsWrap > li{width:100%;}
}