@charset "utf-8";
/* default */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url("https://use.fontawesome.com/releases/v6.5.0/css/all.css");

@import url("/css/usr/shared/responsive/lightbox.min.css");
@import url("itmgrid.css");
@import url("nvgrid.css");
@import url("user.css");
/*@import url("layout.css");*/
@import url("bootstrap-grid.css");
/*Tezukuritown*/
@import url("https://www.tezukuritown.com/css/usr/nv/style.css");

body{
 font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", "Noto Sans JP", sans-serif;
 font-weight: 400;
 font-kerning: normal;
 line-height: 1.8;
 letter-spacing: 0.05em;
}
itomaWrap{
 width: 100%;
 max-width: 1200px;
}
@media (max-width: 1200px) {
.itomaWrap {
 }
}
.itomaBg::before {
 background: url(/img/usr/category/sp/itoma/2025/bg.jpg) no-repeat center top;
 background-size: cover;
 content: "";
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 1;
 width: 100%;
 height: 100vh;
}
.itomaContainer{
 position: relative;
 z-index: 3;
 max-width: 1200px;
 margin: 0 auto;
 width: 100%;
 padding: 0 10px;
 box-sizing: border-box;
 overflow-x: hidden;
}
.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;
}
.itomaContainer a{
 color: #000;
}
.itomaContainer a:hover{
 color: #f68b83;
}
.itomaContainer span.red{
 color: rgba(189,46,35,1.00); 
 font-weight: bold;
}

@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;
 word-break: break-all;
 overflow-wrap: break-word;
}
.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.itomaBtn2 {
 display: block;
 position: relative;
 background-color: #ffffff;
 border: 1px solid #6c9dd3;
 border-radius: 20px;
 color: #6c9dd3;
 text-align: center;
 text-decoration: none;
 padding: 10px 30px 10px 10px;
}
.itomaContainer a.itomaBtn2::after {
 content:"\f0a9";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 position: absolute;
 right: 10px;
 top: 50%;
 transform: translateY(-50%);
 color: #6c9dd3;
}
.itomaContainer a.itomaBtn2 .bld {
 font-weight: bold;
}
.itomaContainer a.itomaBtn2 .sml {
 display: inline-block;
 font-size: 13px;
 line-height: 1.4;
}
.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;
}
@media print, screen and (min-width: 600px) {
.itomaContainer a.itomaBtn2 {
 padding: 20px 50px 20px 20px;
}
.itomaContainer a.itomaBtn2::after {
 right: 20px;
}
.itomaContainer a.itomaBtn2 .sml {
 font-size: 14px;
}
}
.itomaContainer .youtubeBox{
 margin: 1em 0;
}
.itomaContainer .youtubeBox p{
 position: relative;
 padding-top: 56.33%; /* h338/w600*/
}
.itomaContainer .youtubeBox p iframe{
 position: absolute;
 top: -20px;
 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 h3 {
 border-bottom: 2px solid rgba(246,139,131,1); 
 margin: 1.5em 0 1em;
}
.itomaContainer .aboutRsrv h3::before {
 color: rgba(246,139,131,1);
 content:"\f0da";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 margin: 0 .2em .5em 0;
}
.itomaContainer .aboutRsrv p{
 margin: 1.5em 0 0;
}
.itomaContainer .aboutRsrv p.bubble{
 font-size: 18px;
 position: relative;
 padding: .5em 1em;
 color: #fff;
 border-radius: 10px;
 background: #6c9dd3;
}
.itomaContainer .aboutRsrv p.bubble::after{
 position: absolute;
 bottom: -9px;
 left: 1em;
 width: 0;
 height: 0;
 content: '';
 border-width: 10px 10px 0 10px;
 border-style: solid;
 border-color: #6c9dd3 transparent transparent transparent;
}
.itomaContainer .aboutRsrv ul{
 margin: 0 0 .5em;
}
.itomaContainer .aboutRsrv .reserve{
 background: rgba(246,139,131,.2);
 display: block;
 font-size: 15px;
 margin: 1em 0 1.5em;
 padding: 1em .5em;
}
.itomaContainer .aboutRsrv .reserve ul{
 margin: 0;
}
.itomaContainer .aboutRsrv .reserve span.annote{
 display: block;
 font-size: 14px;
 margin: 0 1em;
}
.itomaContainer .aboutRsrv .clock::before{
 content: "\f017";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 margin-right: .2em;
}
.itomaContainer .aboutRsrv .reserve .date{
 border-bottom: 2px solid rgba(246,139,131,1);
 display: block;
 margin: .5em 0;
 padding: .2em;
}
.itomaContainer .aboutRsrv .reserve .date::before{
 color: rgba(246,139,131,1);
 content: "\f111";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 margin-right: .2em;
}
.itomaContainer .aboutRsrv .reserve .sold{
 text-decoration: line-through;
}
.itomaContainer .aboutRsrv ol.flow img{
 display: block;
 padding: 1em;
 max-width: 100%;
}
.itomaContainer .aboutRsrv ol.flow li,
.itomaContainer .aboutRsrv ul.check li ol li {
 list-style: none;
 padding-left: 1em;
 margin-left: 0em;
}
.itomaContainer .aboutRsrv ol.flow li:first-letter {
 color:#f68b83;
 display: inline-block;
 font-weight: bold;
 padding-right: .2em;
}
.itomaContainer .aboutRsrv ul.check li ol li span.num {
 color:#f68b83;
 display: inline-block;
 font-weight: bold;
 padding-right: .2em;
 margin-left: 1.4em;
}
.itomaContainer .aboutRsrv ul.check li{
}
.itomaContainer .aboutRsrv ul.check li{
 padding-left: 1em;
 line-height: 1.6;
 margin-left: 1.4em;
}
.itomaContainer .aboutRsrv ul.check li::before{
 color:#f68b83;
 content: "\f058";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 margin-left: -1.4em;
}
.itomaContainer .aboutRsrv ul.check li ol li::before{
 content: "";
}
.itomaContainer .aboutRsrv ul.circle2{
 margin: 1.5em 0;
}
.itomaContainer .aboutRsrv ul.circle2 li{
 padding-left: 1em;
 line-height: 1.6;
 margin-left: 1.4em;
}
.itomaContainer .aboutRsrv ul.circle2 li::before{
 color:#f68b83;
 content: "\f111";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 margin-left: -1.4em;
 padding-right: .2em;
}
.itomaContainer .aboutRsrv ul.check li span.notes,
.itomaContainer .aboutRsrv ul.circle2 li span.notes{
 display: block;
 font-size: 14px;
 margin: .5em;
 word-break: break-all;
}

.itomaContainer .aboutRsrv ul li li{
 font-weight: normal;
 padding-left: .5em;
}
.itomaContainer .aboutRsrv ul li li strong{
 color: #f68b83;
}
.itomaInfo{
 background: #fff;
 font-weight: bold;
 font-size: 14px;
 text-align: center;
 border:2px solid #f68b83;
 padding:.3em .5em;
 margin: 0 auto 1em;
 width: 95%;
}
.itomaInfo em{
 font-size: 16px;
 font-style: normal;
}
@media print, screen and (min-width: 600px) {
.itomaContainer .aboutRsrv .reserve{
 font-size: 18px;
 margin-bottom: 1.5em;
 padding: 1em 1.5em ;
}
.itomaContainer .aboutRsrv p.bubble{
 font-size: 22px;
}
.itomaContainer .aboutRsrv ol.flow img{
 max-width: 60%;
}
.itomaContainer .aboutRsrv ul.circle li{
 font-size: 16px;
}
.itomaInfo{
 font-size: 16px;
}
.itomaInfo em{
 font-size: 22px;
}
}
/*priority*/
.itomaContainer .priority ul{
 margin: 1.5em 0;
}
.itomaContainer .priority ul li{
 padding-left: 1em;
 line-height: 1.6;
 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 1em;*/
 padding: 0 1em;
}
.itomaContainer .colors div.aboutColors span.menu-list{
 display: inline-block;
 font-weight: bold;
 line-height: 1.2;
}
.itomaContainer .colors div.aboutColors span.menu-list::before {
 color: #6c9dd3;
 content: "\f111";
 font-weight: 900;
 font-family: "Font Awesome 6 Free";
 display: inline-block;
 vertical-align: text-top;
 margin-right: 0.1em;
}

.itomaContainer .colors 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;
 display: inline-block;
 vertical-align: text-top;
 margin-right: 0.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;
 text-decoration: none;
 }
.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.newshop::after {
 content: 'New';
 background: #f68b83;
 color: #fff;
 font-size: 13px;
 font-weight: 700;
 width: 42px;
 height: 42px;
 line-height: 42px;
 border-radius: 50%;
 text-align: center;
 display: inline-block;
 position: absolute;
 top: -10px;
 left: -5px;
 z-index: 10;
}
.itomaContainer .shopList .shopcap{
 display: block;
 font-size: 13px;
 letter-spacing: .1em;
 margin-bottom: .5em;
 /*word-break: break-all;*/
}
@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;
}
}
/* footer
--------------------------------------------------------------------*/
.itomaContainer footer{
 border-radius: 10px;
 background: rgba(255,255,255,.85);
 margin: 1em 0;
 padding: 1em;
 width: 100%;
 text-align: center;
}
.itomaContainer footer .logo{
 display: block;
 margin: 1em auto 2em;
 max-width: 80%;
}
.itomaContainer footer ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.itomaContainer footer ul li{
font-size: 13px;
margin: 0 .5em .5em;
}
@media print, screen and (min-width: 600px) {
.itomaContainer footer .logo{
 margin-bottom: 3em;
}
.itomaContainer footer ul li{
font-size: 14px;
}
}
@media print, screen and (min-width: 960px) {
.itomaContainer footer ul li{
font-size: 16px;
}
}
/* pagetop
--------------------------------------------------------------------*/

.pagetop {
 position: fixed;
 bottom: 30px;
 right: 30px;
 width: 50px;
 height: 50px;
 background: rgba(108,157,211,0.8);
 border-radius: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 1000;
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.4s ease, visibility 0.4s ease;
}
.pagetop.show {
 opacity: 1;
 visibility: visible;
}
.pagetop a{
 color: #fff;
 font-size: 20px;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 100%;
 text-decoration: none;
}