@charset "utf-8";
/* default */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600&display=swap');
@import url("https://use.fontawesome.com/releases/v6.4.2/css/all.css");
@import url("/css/usr/shared/responsive/lightbox.min.css");
@import url("/css/usr/nv/bootstrap-grid.css");
@import url("/css/usr/contents/keitodama/itoma/normalize.css");
@import url("/css/usr/contents/keitodama/itoma/itmgrid.css");
/* 新タウン追記
--------------------------------------------------------------------*/
.pane-main {
}
/*.block-globalnav,*/
.block-category-globalnav,
.block-category-list--header,
.block-category-list--comment,
.block-category-list--goods,
.block-recent-item{
 display: none;
}
.wrapper {
 margin-right: 0 !important;
 padding-right: 0 !important;
}
.pane-main .container,
.pane-right-menu .container,
.pane-left-menu .container {
 width: 100%;
 padding-left: 0 !important;
 padding-right: 0 !important;
}
.pane-left-menu .container .block-recent-item {
 /*width: 1200px;*/
 max-width: 100%;
 margin: 0 auto;
}
.freespace {
 padding-left: 0 !important;
 padding-right: 0 !important;
}
header#header,
.pane-globalnav,
.pane-footer{
 position: relative;
 z-index: 50;
}
/* 新タウン追記ここまで
--------------------------------------------------------------------*/

.itomaBg::before {
 background: url(/img/usr/category/itoma/2024/bg.jpg) no-repeat center top;
 background-size: cover;
 content: "";
 display: block;
 position: fixed;
 top: 170px;
 left: 0;
 z-index: 1;
 width: 100%;
 height: 100vh;
}
.itomaContainer{
 position: relative;
 z-index: 3;
 max-width: 1200px;
}
.itomaContainer h2{
 font-size: 22px;
 margin: 1em 0;
}
.itomaContainer h3{
 font-size: 22px;
 margin: 1em 0;
}
.itomaContainer h4{
 font-size: 18px;
 margin: .5em 0;
}
.itomaContainer .headContainer{
}
.itomaContainer .leadTxt{
 padding: 1em 2em;
}
.itomaContainer .brNone{
 display: none;
}
.itomaContainer .mrgnTop1{
 margin-top: 2.5em;
}
.itomaContainer .pdngSp1{
 padding: 0 1em;
}
.itomaContainer .pdngSp1 li{
 padding: .2em;
}
@media print, screen and (min-width: 600px) {
.itomaContainer h2{
 font-size: 30px;
 margin: 1.5em 0;
}
.itomaContainer h3{
 font-size: 28px;
 margin: 1.5em 0;
}
.itomaContainer h4{
 font-size: 24px;
}
.itomaContainer .leadTxt{
 font-size: 19px;
 padding: 1em 2em;
 text-align: center;
}
.itomaContainer .brNone{
 display: block;
}
.itomaContainer .pdngSp1{
 padding: 0;
}
}
.itomaContainer .itomaContnts{
 border-radius: 10px;
 background: rgba(255,255,255,.85);
 padding: 1em;
 width: 100%;
}
.itomaContainer .itomaAlrt {
 font-weight: bold;
 padding: 1em 1em 1em 2em;
 margin-bottom: 5px;
 position: relative;
}
.itomaContainer .itomaAlrt::before {
 color: rgba(246,139,131,1); content:"\f071";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 position: absolute;
 left: 10px;
}
.itomaContainer .ttl {
 padding-bottom: .2em;
 position: relative;
 text-align: left;
}
.itomaContainer p.ttl {
 margin: .2em 0;
 font-weight: bold;
}
.itomaContainer .ttl::before,
.itomaContainer .ttl::after {
 position: absolute;
 bottom: -4px;
 left: 0;
 content: '';
 height: 6px;
}
.itomaContainer .ttl::before,
.itomaContainer .ttl::before {
 z-index: 4;
 width: 20%;
 background-color: rgba(246,139,131,1.00);
}
.itomaContainer .ttl::after,
.itomaContainer .ttl::after {
 width: 100%;
 background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 3px, #f68b83 3px, #f68b83 6px);
 background: repeating-linear-gradient(45deg, #fff, #fff 3px, #f68b83 3px, #f68b83 6px);
}
.itomaContainer a.itomaBtn{
 background: #fff;
 border: 1px solid #6c9dd3;
 border-radius: 100px;
 color: #6c9dd3;
 display: block;
 padding: 1em;
 text-align: center;
 text-decoration: none;
 margin: 1em 0;
}
.itomaContainer a.itomaBtn:hover{
 background: #6c9dd3;
 color: #fff;
 display: block;
}
.itomaContainer a.itomaBtnPnk{
 background: #fff;
 border: 1px solid #f68b83;
 border-radius: 100px;
 color: #f68b83;
 display: block;
 padding: 1em;
 text-align: center;
 text-decoration: none;
 margin: 1em 0;
}
.itomaContainer a.itomaBtnPnk:hover{
 background: #f68b83;
 color: #fff;
 display: block;
}
.itomaContainer a.itomaBtn.btnYoutube::after,
.itomaContainer a.itomaBtnPnk.btnYoutube::after{
 content:"\f167";
 font-weight: 400;
 font-family: "Font Awesome 6 Free";
 margin-left: .2em;
}
.itomaContainer a.itomaBtn.btnArrow::after,
.itomaContainer a.itomaBtnPnk.btnArrow::after{
 content:"\f0a9";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 margin-left: .2em;
}
.itomaContainer a.itomaBtn.btnPdf::after,
.itomaContainer a.itomaBtnPnk.btnPdf::after{
 content:"\f1c1";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 margin-left: .2em;
}
.itomaContainer .youtubeBox{
 margin: 1em 0;
}
.itomaContainer .youtubeBox p{
 position: relative;
 padding-top: 56.33%; /* h338/w600*/
}
.itomaContainer .youtubeBox p iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 max-height: 100%;
 height: 100vh;
}
.itomaContainer .youtubeBox span.tab{
 background-color: rgba(246,139,131,1.00);
 border-radius: 10px 10px 0 0;
 color: #fff;
 display: inline-block;
 padding: .3em 1em;
}

@media print, screen and (min-width: 600px) {
.itomaContainer .youtubeBox p{
 position: relative;
 padding-top: 56.33%; /* h338/w600*/
}
}

/*　itomaSlider　*/
.itomaContainer .itomaSlider{
 display: flex;
 position: relative;
 z-index: 4;
 padding: 1em 0;
}
/*　aboutDetail　*/
.itomaContainer .aboutDetail{
 margin: 2em 1em;
}
.itomaContainer .aboutDetail a:hover{
 color: rgba(246,139,131,1.00);
}
.itomaContainer .aboutDetail dt{
 border-top: 1px solid #ccc;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: .1em;
 padding: 1em .3em;
}
.itomaContainer .aboutDetail dd{
 border-top: 1px solid #ccc;
 font-size: 14px;
 padding: 1em .3em;
}
.itomaContainer .aboutDetail dt.col-3,
.itomaContainer .aboutDetail dd.col-9{
 margin-left: 0;
 margin-right: 0;
}
.itomaContainer .aboutDetail span.arrowDown{
 text-decoration: underline;
}
.itomaContainer .aboutDetail .youtubeBox span.route{
 display: inline-block;
 padding-bottom: .3em;
}
.itomaContainer .aboutDetail .youtubeBox span.route::before{
 color:#6c9dd3;
 content:"\f0ab";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
}
@media print, screen and (min-width: 600px) {
.itomaContainer .aboutDetail dt{
 font-size: 16px;
 letter-spacing: .5em;
 text-align: center;
}
.itomaContainer .aboutDetail dd{
 font-size: 16px;
}
}

/*　aboutRsrv　*/
.itomaContainer .aboutRsrv{
 border: 1px solid #ccc;
 background: rgba(246,139,131,.1);
 border-radius: 10px;
 margin: 1.5em .2em;
 padding: .5em 1.5em;
}
.itomaContainer .aboutRsrv ul{
 margin: 0 0 .5em;
}
.itomaContainer .aboutRsrv .reserve{
 background: rgba(246,139,131,.2);
 display: block;
 font-size: 14px;
 margin: 1em 0 1.5em;
 padding: 1em .5em;
}
.itomaContainer .aboutRsrv .clock::before{
 content: "\f017";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 margin-right: .2em;
}
.itomaContainer .aboutRsrv .reserve .sold{
 text-decoration: line-through;
}
.itomaContainer .aboutRsrv ul li{
 font-weight: bold;
}
.itomaContainer .aboutRsrv ul.circle li{
 font-size: 14px;
 padding-left: .5em;
}
.itomaContainer .aboutRsrv ul.circle li::before{
 color:#f68b83;
 content: "\f111";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
}
.itomaContainer .aboutRsrv ul li li{
 font-weight: normal;
 padding-left: .5em;
}
.itomaInfo{
 background: #fff;
 font-weight: bold;
 text-align: center;
 border:2px solid #f68b83;
 color: #f68b83;
 padding:.3em .5em;
 margin: 0 auto 1em;
 width: 95%;
}
@media print, screen and (min-width: 600px) {
.itomaContainer .aboutRsrv .reserve{
 font-size: 16px;
 margin-bottom: 1.5em;
 padding: 1em 1.5em ;
}
.itomaContainer .aboutRsrv ul.circle li{
 font-size: 16px;
}
}
/*priority*/
.itomaContainer .priority ul{
 margin: 1.5em 0;
}
.itomaContainer .priority ul li{
 padding-left: 1em;
 margin-left: 1.4em;
}
.itomaContainer .priority ul li::before{
 color:#f68b83;
 content: "\f111";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 margin-left: -1.4em;
}
/*colors*/
.itomaContainer .colors div.aboutColors{
 background: rgba(246,139,131,.2);
 margin: 1em;
 padding: .8em;
}
.itomaContainer .colors div.aboutColors p{
 font-weight: bold;
 padding: .5em;
}
.itomaContainer .priority ul{
 margin: 1em 0;
}
.itomaContainer .colors ul li{
 font-size: 14px;
 padding-left: 1em;
 margin-left: 1.4em;
}
.itomaContainer .colors ul li::before{
 color:#f68b83;
 content: "\f111";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 margin-left: -1.4em;
}


/*tabBtn*/
.tabBtn{
 width: 60px;
 position:fixed;
 right: 0px;
 bottom: 150px;
 z-index: 100;
 margin-right: -1em;
 }
.tabBtn:hover{
 margin-right: -.5em;
 }
.tabBtn a{
 position:relative;
 z-index:100;
 color:#fff;
 padding: 2em 1.5em 2em .5em;
 display:flex;
 align-items:center;
 justify-content:center;
 writing-mode:vertical-rl;
 -ms-writing-mode:tb-rl;
 background:#6c9dd3;
 font-weight:700;
 border-radius: 15px 0 0 15px;
 transition: all 0.5s ease-out;
 }
.tabBtn a::before{
 content:"\f138";
 font-family: "Font Awesome 6 Free";
 text-align: center;
 }
.tabBtn a:hover{
 background:#f68b83;
 text-decoration: none;
 opacity: 1;
 }
@media print, screen and (min-width: 600px) {
.tabBtn a{
 height: 250px;
 }
 }
/* shopList
--------------------------------------------------------------------*/

.itomaContainer .shopListWrap{
 padding: 0 1em;
}
.itomaContainer .shopList li{
 background: #fff;
 border: 1px solid #ccc;
 margin-bottom: 1em;
 padding: 1em 0;
}
/*shopList icon*/
.itomaContainer .shopList a.iconBtn{
 background: #9e9e9e;
 color: #fff;
 display: inline-block;
 text-align: center;
 width: 31px;
 height: 31px;
 border-radius: 100px;
 font-size: 16px;
 margin: 0 .2em .2em;
 padding: 5px;
 text-decoration: none;
}
.itomaContainer .shopList a.iconBtn.facebook{
 background: #265a96;
}
.itomaContainer .shopList a.iconBtn.twitter{
 /*background: #00acec;*/
 background: #000;
}
.itomaContainer .shopList a.iconBtn.googleplus{
 background: #dd4b39;
}
.itomaContainer .shopList a.iconBtn.instagram{
 background: #e1306c;
}
.itomaContainer .shopList a.iconBtn.ytube{
 background: #cd201f;
}
.itomaContainer .shopList a.iconBtn:hover{
 opacity: .7;
}
.itomaContainer .shopList .payment{
 border-top: 1px dotted #000;
 margin-top: .5em;
 padding-top: .5em;
}
.itomaContainer .shopList .iconPayBtn{
 color: #fff;
 display: inline-block;
 text-align: center;
 width: 28px;
 height: 28px;
 border-radius: 100px;
 font-size: 13px;
 margin: 0 .2em .2em;
 padding: 7px;
 text-decoration: none;
}
.itomaContainer .howtoPay{
 font-size: 13px;
 margin: 1em;
 text-align: right;
}
.itomaContainer .iconPayBtn.cash{
 background: #96703A;
}
.itomaContainer .iconPayBtn.card{
 background: #558880;
}
.itomaContainer .iconPayBtn.traffic{
 background: #555688;
}
.itomaContainer .iconPayBtn.other{
 background: #686467;
}
.itomaContainer .iconPayBtn{
 color: #fff;
 display: inline-block;
 text-align: center;
 width: 28px;
 height: 28px;
 border-radius: 100px;
 margin: 0 .2em .2em;
 padding: 3px 7px;
 text-decoration: none;
}
.itomaContainer .shopList h4{
 border-bottom: 1px dotted #000;
 font-size: 13px;
 font-weight: bold;
 letter-spacing: 0;
 margin-bottom: .5em;
 padding-bottom: .3em;
}
.itomaContainer .shopList h4 span{
 background : #f68b83;
 border-radius: 10px;
 color: #fff;
 display: inline-block;
 font-size: 12px;
 font-weight: normal;
 letter-spacing: 0;
 margin: 0 .3em 0 0;
 padding: .3em .4em;
}
.itomaContainer .shopList li{
 text-align: left;
}
.itomaContainer .shopList .shopcap{
 display: block;
 font-size: 13px;
 letter-spacing: .1em;
 margin-bottom: .5em;
}
@media print, screen and (min-width: 600px) {
.itomaContainer .shopList li h4{
}
.itomaContainer .shopList .shopcap{
}
}
@media print, screen and (min-width: 960px) {
.itomaContainer .shopList li h4{
 font-size: 16px;
}
.itomaContainer .shopList .shopcap{
 font-size: 16px;
}
}