@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height: 1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}img{vertical-align:top;vertical-align:bottom}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none}ul{list-style:none}ul li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}*[class*="cp-"], *[class*="cp-"] * {box-sizing: border-box;}.small{font-size:80% !important;}.large{font-size:150% !important;}

    


/* !FONTS
 * ---------------------------------------------------------- */
/*font-family: 'Dela Gothic One', cursive;
font-family: 'Kosugi Maru', sans-serif;
font-family: 'M PLUS 1p', sans-serif;
font-family: 'Noto Sans', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Otomanopee One', sans-serif;
font-family: 'Train One', cursive;
*/

/*font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Noto Sans JP', sans-serif;*/

/* !VAR
 * ---------------------------------------------------------- */
:root { 
	--main-color0: #ba1b21;/*logored*/
    --main-color: #E99561;/*オレンジ*/
    --main-color2: #1E94D5;/*青*/
	--main-color3: #39AC4B;/*緑*/
	--main-color4: #C9C7BC;/*灰色*/
	
    --sub-color: #C196C3;/*紫　*/
    --sub-color2: #9BBEA2;/*緑*/
	--sub-color3: #F3EE9A;/*黄色*/
    --sub-color4: #EEB7BC;/*薄いピンク*/
	--sub-color5: #E6938D;/*濃いピンク*/

	
	--shadow: 0 3px 8px 0 rgb(0 0 0 / 10%);
	--main-font:'Noto Sans JP', sans-serif;
	--sub-font:'Otomanopee One', sans-serif;
    --icon:'Material Icons';
	
	
}

/* !BODY
 * ---------------------------------------------------------- */
body {background: #f9f7ef url(../img/bgs.jpg) repeat;color: #000;font-family: 'Noto Sans JP', sans-serif;line-height: 1.6;}
body a{cursor:pointer;text-align: left;-webkit-transition: color 0.1s linear;
 color:var(--sub2-color);text-decoration:none;transition: color 0.1s linear;}
body a:hover {color:var(--sub2-color-usui);}
.main{text-align:center;margin: 0px 0 0px;padding: 0px 0 30px;/* background-color: #eff3f5; */}
.wrap{width: 850px;margin:0 auto;overflow:hidden;}
.footer{background: #262626;color: #fff;font-size: 12px;text-align: center;padding: 40px 0 5px;/* min-height: 60px; */vertical-align: bottom;}

.ad_foot {padding:0px 0 20px;background-color: #eff3f5;}
.ad_foot ins{text-align:center;}
.ad_foot .each{text-align:center;}

@media screen and (max-width: 599px) {
.main{margin: 0px 0 0px;padding: 5px 0 30px;}

}


/* !TOP
 * ---------------------------------------------------------- */
.visual{
    padding: 0 0%;
    position: relative;
    text-align: center;
}
.visual img{
    border-radius: 15px;
    width: 100%;
    height: auto;
    display: inline-block;
}
.visual .main-ttl{
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%;
    right: 0.5%;
    bottom: 0.5%;
    padding: 10px;
    /* background: #66339959; */
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.visual .main-ttl h1{
    /* width: 100%; */
    display: block;
    font-size: 1.6em;
    /* text-shadow: 1px 1px 1px #383737; */
    text-align: right;
    color: var(--main-color0);
    background: #fff;
    padding: 0px 20px;
    /* margin: 5px; */
    background: #ffffffc4;
}
.visual .main-ttl h2{
    /* width: 100%; */
    text-align: right;
    color: #fff;
    /* text-shadow: 1px 1px 1px #464646; */
    margin-top: -5px;
    background: #ffffffed;
    display: inline-block;
    color: var(--main-color);
    /* background: #fff; */
    padding: 3px 20px;
    /* margin: 5px; */
    display: none;
}



@media screen and (max-width: 599px) {
.visual .main-ttl h1{font-size: 1.2em;}

}



/************** !header　**************/
.header_wrap {width: 1000px;margin: 0 auto;text-align: center;/* background: #000; *//* position: fixed; */
    z-index: 9999;}
.header {/* position: fixed; */z-index: 9999;align-items: center;margin: 20px auto;display: flex;border-radius: 50px;box-sizing: border-box;width: 850px;border: 2px solid var(--main-color0);/* background: #262626; *//* -webkit-border-top-left-radius: 10px; *//* -webkit-border-top-right-radius: 10px; */-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;/* border-top-left-radius: 15px; *//* border-top-right-radius: 15px; */}
.header .wrap{display:flex;overflow:hidden;/* width: 1000px; *//* box-sizing: border-box; */padding: 15px 2.5%;align-items: center;justify-content: space-between;}
.header .wrap{vertical-align:middle}
.header .wrap .logo_wrap{width: 80px;/* display:inline-block; */text-align:center;padding: 0 50px;}
.header .wrap .logo_wrap a img{width:100%}
.logo_wrap .a_logo{color:#a18968;font-family:'Libre Baskerville',serif;font-size:30px;font-weight:700}
.header .wrap .nav_wrap{display:inline-block}
.header .wrap .nav_wrap ul{display: flex;}
.header .wrap .nav_wrap ul li{display:inline-block;margin:0 15px 0 0;font-weight:700;position:relative;padding:0 0 0 16px;/* flex-wrap: nowrap; *//* align-items: baseline; *//* flex-flow: column; */}
.header .wrap .nav_wrap ul li a{color: var(--main-color0);font-weight: 600;font-size: 18px;text-transform:uppercase;font-family:'M PLUS Rounded 1c', sans-serif;}
.header .wrap .nav_wrap ul li a .material-symbols-rounded {
    position: absolute;
    top: 2px;
    left: -5px;
}
/*.header .wrap .nav_wrap ul li::before{font-size:15px;font-weight:700;font-family:'Material Icons';color:#fff;top:3px;position:absolute;left:0;content:"\e5df"}*/
.header .wrap .nav_wrap ul .sns:first-child{margin-left:10px;}
.header .wrap .nav_wrap ul .sns{display:inline-block;margin:0 5px 0 0;padding:0 0 0 5px;vertical-align: bottom;}
.header .wrap .nav_wrap ul .sns::before{content:"";position: absolute;bottom: 0;top: 0;}
.header .wrap .nav_wrap ul .sns a img{}
.header .wrap .sns_ul{display: flex;}
.header .wrap .sns_ul li {display:inline-block;margin:0 15px 0 0;font-weight:700;position:relative;padding:0 0 0 16px;}


@media screen and (max-width: 1024px) {
.header .wrap{align-items: center;justify-content: center;}
}


@media screen and (max-width: 599px) {
.header {z-index: 9999;align-items: center;margin: 15px auto;display: flex;border-radius: 50px;box-sizing: border-box;width: 100%;border: none;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;}	
.header .wrap{width:95%;padding: 0px 2.5%;align-items:center;justify-content: center;}
.header .wrap .logo_wrap{width: 60px;}
.header .wrap .logo_wrap .a_logo{font-size:25px;}
.header .wrap .nav_wrap ul li{display:inline-block;margin:0 15px 0 0;font-weight:700;position:relative;padding:0 0 0 16px}

}


/* !SP
 * ---------------------------------------------------------- */
.sponly{ display: none !important;}
.pconly{ display:block !important;}
.pconlyin{ display:inline-block !important;}

@media screen and (max-width: 1024px) {
.sponly{ display:block !important;}
.pconly{ display:none !important;}  
.pconlyin{ display:none !important;}	
}


@media screen and (max-width: 599px) {
.sponly{ display:block !important;}
.pconly{ display:none !important;}  
.pconlyin{ display:none !important;}	
}

@media screen and (max-width: 1024px) {
.wrap {max-width:1024px;width: 96%;padding: 0 2%;}
}


@media only screen and (max-width:599px) {
.wrap {max-width:599px;width: 96%;padding: 0 2%;}

}



/*menu*/
@keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}

#overlay-button{position:absolute;right:5px;top: 10px;padding: 21px 11px;z-index:99999;cursor:pointer;user-select:none;color:#000}
#overlay-button span{height:4px;width:35px;border-radius:2px;background-color: var(--main-color0);position:relative;display:block;transition:all .2s ease-in-out}
#overlay-button span:before{top:-10px;visibility:visible}
#overlay-button span:after{top:10px}
#overlay-button span:before,#overlay-button span:after{height:4px;width:35px;border-radius:2px;background-color: var(--main-color0);position:absolute;content:"";transition:all .2s ease-in-out}
#overlay-button:hover span,#overlay-button:hover span:before,#overlay-button:hover span:after{background:var(--main-color2);}
input[type=checkbox]{display:none}
input[type=checkbox]:checked ~ #overlay{visibility:visible}
input[type=checkbox]:checked ~ #overlay-button:hover span,input[type=checkbox]:checked ~ #overlay-button span{background:transparent}
input[type=checkbox]:checked ~ #overlay-button span:before{transform:rotate(45deg) translate(7px,7px)}
input[type=checkbox]:checked ~ #overlay-button span:after{transform:rotate(-45deg) translate(7px,-7px)}
#overlay{height:100vh;width: 100%;background: #000;z-index:90;visibility:hidden;position:fixed;left: 0;top: 0;}
#overlay .rel{position:relative}
#overlay.active{}
#overlay ul{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;height: 70vh;padding: 0em 0 0;padding-left:0;list-style-type:none}
#overlay ul li{padding: 1em;}
#overlay ul li a{font-size: 2.5em;color:transparent;-webkit-text-stroke: 1px rgba(255,255,255,.6);/* color: #fff; */font-weight: 500;position:relative;letter-spacing: 5px;font-family: 'Kosugi Maru', sans-serif;transition:all .2s linear;box-sizing:border-box;outline:none;border:none;text-decoration:none;text-transform: uppercase;transition:all .2s linear}
#overlay ul li a::before{content:attr(data-text);position:absolute;top:0;left:0;color:rgba(255,255,255,.9);transition:.3s linear;clip-path:polygon(0 0,0 0,0 100%,0% 100%)}
#overlay ul li a:hover::before{clip-path:polygon(0 0,100% 0,99% 100%,0 100%)}
#overlay ul li a:hover{var(--main-color0);}
.background-image{position:absolute;bottom: 0;left:0;height:100%;width:100%;background:url(../img/chara7.png) no-repeat;background-size: 63%;background-position: left bottom;z-index:-1}
#overlay ul li a:hover:nth-child(2) ~ .background-image{background:url(../img/nav-img-2.jpg) no-repeat;background-size:cover;background-position:center}
#overlay ul li a:hover:nth-child(3) ~ .background-image{background:url(../img/nav-img-3.jpg) no-repeat;background-size:cover;background-position:center}
#overlay ul li a:hover:nth-child(4) ~ .background-image{background:url(../img/nav-img-4.jpg) no-repeat;background-size:cover;background-position:center}
#overlay ul li a:hover:nth-child(5) ~ .background-image{background:url(../img/nav-img-5.jpg) no-repeat;background-size:cover;background-position:center}


@media screen and (max-width: 1024px) {
#overlay ul li a{font-size: 1.8em;font-weight: 500;position:relative;letter-spacing: 5px;}
#overlay-button{right: 15px;top: 30px;padding: 21px 11px;}	
#overlay{height:100vh;width: 100%;visibility:hidden;left: 0;top: 0;}	
#overlay ul{display: block;justify-content: unset;align-items:center;flex-direction: unset;text-align:center;height:auto;padding: 2em 0 0;overflow-y: scroll;padding-left:0;list-style-type:none}	
#overlay ul li{padding: 0 0 0.3em;}	
#overlay ul .sns a{margin:0 10px;}		
.background-image{position:absolute;bottom: 0;left:0;height:100%;width:100%;background:url(../img/chara7.png) no-repeat;background-size: 30%;background-position: left bottom;z-index:-1}	
}



@media all and (max-width: 599px) {
#overlay ul li{/* padding: 0.3em 1em; */padding: 0 0 0.3em;}
#overlay ul li a{font-size: 1.6em;}
#overlay ul .sns{display:inline-block;margin: 0;padding: 0;}	
#overlay ul .sns a{display:inline-block;margin: 0 5px;padding: 0;}		
#overlay-button{right: 5px;top: 10px;padding: 21px 11px;}		
.background-image{position:absolute;bottom: 0;left:0;height:100%;width:100%;}	
}



/*　list
------------------------------------------------------------ */
.ullist{display:flex;/* -webkit-box-pack:justify; */-ms-flex-pack:justify;flex-wrap:wrap;position:relative;justify-content: flex-start;box-sizing: border-box;}
.ullist li{width: calc(100% / 4 - 5px);padding:0;padding: 0 5px 0px 0;margin:0 0 20px;position:relative;}
.ullist li .date{background:#000;color:#fff;padding:3px;text-align:center;font-size:13px;font-weight:700;display: none;}
.ullist li .thum_a img{width: 95%;height:auto}
.ullist li .price{text-align:center;font-weight:700;margin:5px 0;color: var(--main-color0);font-weight:900;font-size: 15px;display:block;}
.ullist li .price .tax{font-size:11px}
.ullist li .post-categories{text-align:center}
.ullist li .post-categories li{display:inline-block; display: inline-block;width: auto;padding: 0;margin: 0 0 0px;}
.ullist li .post-categories li a{background:#fb0c78;color:#fff;padding:1px 8px 3px;font-size:11px;margin:0 2px}
.ullist li h3{line-height:18px;margin:5px 0 8px;font-size: 15px;text-align: left;padding: 0 5px;overflow: hidden;/* height: 53px; */color: var(--main-color3);}
.ullist li h3 a{/* color:#000; */}

.ulbtn{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;flex-wrap:wrap;position:relative;justify-content:space-between;margin:4% 2%}
.ulbtn li{display:inline-block;background:#101010;width:calc(90%/4);text-align:center}
.ulbtn li a{display:inline-block;padding:20px;color:#fff;font-size:12px}
.ulbtn2{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;flex-wrap:wrap;position:relative;justify-content:flex-start;margin:0;box-sizing:content-box}
.ulbtn2 li{display:inline-block;background:#fff;width: calc(90% / 4);text-align:center;border:2px solid #101010;margin: 0 15px 15px 0;}
.ulbtn2 li a{display:inline-block;padding:15px 0;color:#000;font-size:15px;font-weight:700}
/*uramono-only*/
.ulbtn2 .ura{background: #181617 url(https://tetsujinsya.co.jp/wp-content/themes/tetujinsya-new/img/ura.jpg) no-repeat center;background-size: contain;/* width: 185px; */height: 54px}
.ulbtn2 .ura a{display: block;}

/* !EACH
 * ---------------------------------------------------------- */
.each{margin: 30px 0 30px;}
.each_bgw{border-radius:10px;padding: 3% 4% 8%;background:#fff}
.each .h2_bdr{font-family:'Noto Serif Japanese',sans-serif;display:flex;font-size:1.625rem;font-weight:700;margin:0 0 25px;padding-bottom:12px;position:relative}
.each .h2_bdr::before{position:absolute;content:"";left:0;bottom:0;width:100%;height:4px;background-color:#e3e3e3;border-radius:2px}
.each .h2_bdr::after{position:absolute;content:"";left:0;bottom:0;width:150px;height:4px;background-color:var(--main-color);border-radius:2px}
.each .h2_cen{color:#000;text-align:center;font-size:36px;line-height:1.6;font-weight:800;letter-spacing:.5px;width:100%;margin:0 0 30px}
.each .h2_cen span{display:block;font-size:.5em;color:#e5046a;font-family:'Poppins',sans-serif;margin-top:-5px}

.each .list_each .h3_bdr{}
.each .list_each .eha_box{
    display: flex;
    flex-wrap: wrap;
}
.each .list_each .eha_box img{width: 30%;height:auto;margin: 5px 10px;}
.each .list_each h3{
    line-height: 18px;
    margin: 5px 0 8px;
    font-size: 15px;
    text-align: center;
    padding: 0 5px;
    /* overflow: hidden; */
    /* height: 53px; */
    color: var(--main-color3);
}
.each .list_each .price{
    text-align: center;
    font-weight: 700;
    margin: 5px 0;
    color: var(--main-color0);
    font-weight: 900;
    font-size: 15px;
    display: block;
}


.each .list_each .h4_bdr{font-family:'Noto Serif Japanese',sans-serif;display:flex;font-size: 1.23rem;font-weight:700;margin: 0 0 15px;padding-bottom: 2px;position:relative;color: #f77b54;}
.each .list_each .h4_bdr::before{position:absolute;content:"";left:0;bottom:0;width:100%;height: 2px;background-color:#e3e3e3;border-radius:2px}
.each .list_each .h4_bdr::after{position:absolute;content:"";left:0;bottom:0;width: 100px;height: 2px;background-color: #f77b54;border-radius:2px}

.tibi_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    }
.tibi_box img{width: 30%;height:auto;margin: 5px 10px;}


@media all and (max-width: 599px) {
.each .h2_bdr{font-size:1.4rem;margin:0 0 25px;padding-bottom:12px;position:relative}	
.ullist li{width: calc(100% / 3 - 5px);padding:0;padding: 0 5px 0px 0;margin:0 0 20px;}	

.each .list_each h3{font-size: 14px;}
.tibi_box img{width: 45%;margin: 5px 5px;}	
.each .list_each .eha_box img{width: 45%;margin: 5px 5px;}	
	
}

/************** !fig_btn　**************/
.btn_fig_navi{}
.btn_fig_navi ul{display:flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;flex-wrap:wrap;position:relative;justify-content:space-between}
.btn_fig_navi li{}

.btn_fig_navi li a{display:block;background:#fff;border-radius:14px;text-align:center;box-shadow:0 3px 8px 0 rgb(0 0 0 / 10%);padding:10px 10px 20px;box-sizing:border-box;transition-duration:.6s;transition:all .2s}




.btn_fig_navi li a:hover{transform:scale(1.05);opacity:.9;background:#f9f1d2}
.btn_fig_navi li a figure img{width: 100%;}
.btn_fig_navi li a span{position:relative;padding:0 0 0 20px;font-family:var(--main-font);font-size:18px;font-weight:700;line-height:20px}
.btn_fig_navi li a figure{text-align:center;padding:10px 10px 18px}
.btn_fig_navi li a span::before{font-size: 13px;font-weight:900;font-family:var(--icon);color: #fff;background: #ef4747;top: 8px;border-radius: 60%;padding: 0px 0px 0px 0px;position:absolute;left:0;width: 15px;;line-height: 15px;height: 15px;vertical-align: middle;text-align: center;content:"\e5cc"}
.pc4sp2 li{width:calc(95% / 4);margin:1% 0}
.pc2sp2 li{width:calc(95% / 4);margin:1% 0}


@media all and (max-width: 599px) {
.pc4sp2 li{width:calc(98% / 2);margin:1% 0}	
.btn_fig_navi li a{box-shadow:0 3px 8px 0 rgb(0 0 0 / 10%);padding:5px 10px 20px;}
.btn_fig_navi li a figure img{width: 80%;max-height: 140px;}
.btn_fig_navi li a span{padding:0 0 0 20px;font-size:16px;line-height:20px}
.btn_fig_navi li a figure{text-align:center;padding: 5px 10px 7px;}	
.btn_fig_navi li a span::before{font-size: 13px;top:6px;left:0;width: 15px;;line-height: 15px;height: 15px;}
	
.pc4sp2 .sponly{}
.pc4sp2 .sponly a{background-color: transparent !important;box-shadow: none;}
.pc4sp2 .sponly a:hover{transform:none;opacity:none;background:none;}	
	
}


/*　news
------------------------------------------------------------ */
.monthly_schwrap {margin: 0px 0 0;}
.tabs{padding-bottom:20px;/* background-color: #F1F0E8; */width:calc(100% - 6px);margin:0 auto;/* border:3px solid #362a1a; */margin-bottom:10px;}
.tab_item{width: calc(50% - 10px);height:50px;border-bottom: 3px solid #0185bd;background-color:#d9d9d9;line-height:50px;font-size:16px;text-align:center;color: #2b2b2b;display:block;float:left;text-align:center;font-weight:700;transition:all .2s ease;/* border: 2px solid #D9D9D9; */-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.tab_line_left{border-left:none;margin-right: 10px;border: 2px solid #f1f0e8;}
.tab_line_right{border-bottom: 3px solid #ff2b4d;border: 2px solid #d3d3d1;background: #fff;}
.tab_item:hover{opacity:.75;cursor:pointer}

input[name="tab_item"]{display:none}
input[name="tab_item2"]{display:none}
.tab_content_description .tab_content_ul li span{line-height:1.8}
.tab_content{display:none;clear:both;overflow:hidden;width: 100%;border-top:none;/* background-color: #f7f6f5; */}

#Mon:checked ~ #Mon_content,#Tue:checked ~ #Tue_content,
#Wed:checked ~ #Wed_content,#Thu:checked ~ #Thu_content,#Fri:checked ~ #Fri_content,
#Sat:checked ~ #Sat_content,#Sun:checked ~ #Sun_content{display:block}

#Mon2:checked ~ #Mon_content2,#Tue2:checked ~ #Tue_content2,
#Wed2:checked ~ #Wed_content2,#Thu2:checked ~ #Thu_content2,#Fri2:checked ~ #Fri_content2,
#Sat2:checked ~ #Sat_content2,#Sun2:checked ~ #Sun_content2{display:block}
.tabs input:checked + .tab_item{background-color: #262626;color:#fff;}
.tabcont{padding:3%;width:94%;float:left}
.tabeach{border-bottom:1px solid #c7c6bc;width:100%;float:left;padding:20px 0}
.tabeach .left{width:30%;float:left}
.tabeach .left .tab_content_ttl h2{font-size:20px}
.tabeach .center{float:left;width:30%}
.tabcont h2{font-size:20px;margin:0 0 7px}

.tabeach .right{float:left;width:40%}
.plans li{margin-bottom:10px}
.plans li .obi{background:#ff7900;color:#fff;display:inline-block;padding:3px 15px;border-radius:7px}
.plans li a span{font-size:12px}
.plans-price li .num{font-size:20px}
.plans-price{float:left}
.plans-price li{margin-bottom:10px}
.tabcont .l-btn{text-align:right;}


/************** !txt_btn　**************/
.btn_txt_navi{}
.btn_txt_navi ul{display:flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;flex-wrap:wrap;position:relative;justify-content:space-between}
.btn_txt_navi ul li{width:calc(95% / 2);margin:1% 0;display:flex;justify-content:center}
.btn_txt_navi ul li a{position:relative;display:flex;opacity:1;transition:opacity .4s;justify-content:center;align-items:center;width:100%;min-height:70px;border-radius:10px;border:4px solid var(--sub-bdr-color);padding:20px 25px;text-decoration:none;font-size:1.4rem;font-weight:700;line-height:1.6;background-color:var(--sub-bg-color)}
.btn_txt_navi ul li a::before{content:'';position:absolute;right:10px;bottom:10px;display:block;border-width:8px;border-style:solid;
border-top-color:transparent;border-bottom-color:var(--sub-bdr-color);border-right-color:var(--sub-bdr-color);border-left-color:transparent;width:0;height:0}
.btn_txt_navi li a span{position:relative;color:var(--sub-txt-color);padding:0 0 0 20px;font-family:var(--main-font);font-weight:700;line-height:20px}
.btn_txt_navi li a span::before{font-size:13px;font-weight:900;font-family:var(--icon);color:#fff;background:var(--main-color);top:8px;border-radius:60%;padding:0;position:absolute;left:0;width:15px;line-height:15px;height:15px;vertical-align:middle;text-align:center;display:none;content:"\e5cc"}

.btn_txt_navi ul li a:hover{opacity:.9;background:var(--main-bg-color);border:4px solid var(--main-color);color:var(--main-txt-color);}
.btn_txt_navi ul li a:hover::before{border-right-color:var(--main-color);border-bottom-color:var(--main-color)}


/*　pankuzu
------------------------------------------------------------ */
#pankuzu {display: block;/* float: left; */width: 100%;margin: 7px 0;text-align: left;}
#pankuzu .wrap{width: 1000px;margin: 0 auto;}
.breadcrumb__list { font-size: 12px;}
.breadcrumb__list .breadcrumb__item{display: inline-block;/* padding: 0 3px 0 0; */}
.breadcrumb__list .breadcrumb__item a{padding: 0 3px 0 0;}
.breadcrumb__list .breadcrumb__item a span{}
/*.breadcrumb__list > li + li:before {padding: 0 5px;color: #ccc; content: ">";}*/
.breadcrumb__list > li:last-child a{color: initial;}

/************** !背景　**************/
.bgfig{background-color: rgba(255,255,255,0.9);background-blend-mode:lighten;background-position: 100% center;background-size: contain;background-repeat: no-repeat;}
.chara1 {background-image:url(../img/chara1.png) ;}
.chara2 {background-image:url(../img/chara2.png) ;}
.chara3 {background-image:url(../img/chara3.png) ;}
.chara4 {background-image:url(../img/chara4.png) ;}
.chara5 {background-image:url(../img/chara5.png) ;}
.chara6 {background-image:url(../img/chara6.png) ;}
.chara7 {background-image:url(../img/chara7.png) ;}

/************** !shop info　**************/
.info_box_wrap{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;flex-wrap:wrap;position:relative;justify-content:space-between}
.info_box{text-align:left;margin:0 0 10px;width:46%;display:inline-block}
.info_box .h3info{font-size:20px;padding:0 10px 0 20px;position:relative}
.info_box .h3info::before{position:absolute;content:"";width:6px;height:100%;left:0;top:0;background-color:#858687;border-radius:4px}
.info_box p{}
.info_box .info_fig{width:100%}

  /************** !news　**************/
.newslist {height: 320px;overflow-x: hidden;overflow-y: scroll;margin: 0 0 25px;padding: 0 2% 25px;  text-align: left;}
.newslist .txt a{text-decoration:underline;color:#00a1ff;}
.newslist li {padding: 15px 0;border-bottom: 1px dotted #ccc;}
.newslist li .cate{display:inline-block;background:var(--main-color);color:#fff;font-size:11px;padding:2px 5px;line-height:16px}
.newslist li .cate2{display:inline-block}
.newslist li span{margin:0 10px}
.newslist li h3{font-size: 17px;margin:3px 0;font-weight: bold;}
.newslist li .txt{font-size: 14px;margin: 0 0px 0 0px;}


/************** !title/txt**************/
.ttl_wrap{text-align:center;margin:0 0 30px}
.ttl_wrap .h2_sub_title{color:#a18968;font-family:'Noto Serif JP',serif;font-weight:400;font-size:15px}
.ttl_wrap .decor_wrap{display:flex;align-items:center;justify-content:center}
.ttl_wrap .decor_wrap .h1wrap{padding:0 15px}
.ttl_wrap .decor_wrap .decor{}
.ttl_wrap .decor_wrap .decor svg{color:#a18968}
.ttl_wrap .decor_wrap .h1_title{color:#a18968;font-family:'Libre Baskerville',serif;font-size:30px;font-weight:700}
.txtbox{text-align:center}
.txtbox p{font-size:1.2rem}


/* table
------------------------------------------------------------ */
.table1{width:100%;width: calc(100% - 2px );margin: 0 0 50px;}
.table1 tr th{border:1px solid #e2e0de;background:#f7f7f7;padding: 15px 3%;color:#000;text-align: left;width: 23%;vertical-align: middle;}
.table1 tr td{border:1px solid #e2e0de;color:#333;padding: 15px 3%;text-align: left;}
.table1 tr td input,.table1 tr td select{height:30px;border:1px solid #000}
table tr th .hissu,table tr td .hissu,.txtad .hissu{color:#fff;background:#ad0c0c;font-size:10px;
    padding:1px 5px 0;margin-left:10px;font-weight:300;vertical-align:middle;padding:0 5px 1px 5px}

@media all and (max-width: 599px) {
/* table
------------------------------------------------------------ */
.table1{width:100%;width: calc(100% - 2px );margin: 0 0 50px;}
.table1 tr th{/* border:1px solid #e2e0de; */background: #e1dfdf;padding: 15px 2%;color:#000;text-align: left;display: block;
    border-bottom: 1px solid #e2e0de;width: 96%;vertical-align: middle;border: none;}
.table1 tr td{border:1px solid #e2e0de;color:#333;padding: 15px 1%;display: block;border-top: none;border: none;}
.table1 tr {}
.table1 tr td input,.table1 tr td select{height:30px;border:1px solid #000}
table tr th .hissu,table tr td .hissu,.txtad .hissu{color:#fff;background:#ad0c0c;font-size:10px;padding:1px 5px 0;margin-left:10px;
    font-weight:300;vertical-align:middle;padding:0 5px 1px 5px}
}


/* !kaso
 * ---------------------------------------------------------- */
/*kaso_visual*/
.kaso_visual{padding:40px 0;text-align:center}
.kaso_visual .inner{}
.kaso_visual .inner h1{margin-bottom: 25px;padding-bottom: 15px;font-size:2rem;line-height: 1.3;position:relative}
.kaso_visual .inner h1::after{content:"";display:block;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width: 100px;height:4px;border-radius:2px;background-color:var(--main-color);}
.kaso_visual .inner h2{padding:0 10%;}


   
.k_white_box_wrap{width:calc(1000px - 140px);margin: 0 auto 60px;background:#fff; padding: 60px 70px 30px;border-radius:10px;
/* -webkit-box-shadow: 0 3px 8px 0 rgb(0 0 0 / 10%); *//* box-shadow: 0 3px 8px 0 rgb(0 0 0 / 10%); */}
.k_white_box_wrap .k_box_each{margin: 0 0 30px;}

.k_box_each .k_txt_frame {text-align:left;}
.k_box_each .k_txt_frame p{padding: 0 0 0 20px;}
.k_box_each .k_txt_frame .k_frame_h3 {margin: 0 0 10px;}

.k_box {border: 2px solid #c7c7c7;padding: 3% 5% 5% 5%;margin: 2% 0;border-radius: 10px;}
.k_box h2 {font-size:120%;margin-bottom: 0px;}
.k_box h2:nth-child(n + 2){margin-top:10px;}
.k_box h2 p{}

/*exp-box*/
.k_box_each .k_heading{margin-bottom:30px;padding-bottom:15px;font-size: 1.8em;line-height:1.5;position:relative;text-align: left;}
.k_box_each .k_heading::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:1.5px;background-color:var(--main-color);}
.k_box_each .k_heading2{width:100%;background:#e3e2e2;padding:10px;margin:0 0 20px}
.k_box_each .k_heading_h3{text-align: left;font-size: 1.2em;padding: 5px 10px;color: #fff;background: var(--main-color);}
.k_box_each .k_frame{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.k_box_each .k_frame_noflex{display:-webkit-box;display:-ms-flexbox;display:block;-webkit-box-pack:unset;-ms-flex-pack:justify;justify-content:unset}
.k_box_each .k_frame-2 .k_frame_inner{width:calc((100% - (30px)) / 2);text-align: left;}
.k_notes_top {font-size: 18px;text-align: left;font-weight: bold;padding: 0px 0 20px 5px;}

.k_frame .k_frame_inner .k_thumb{border:2px solid #e7e8e7;border-radius:10px;overflow:hidden;margin: 0 0 30px;}
.k_frame .k_frame_inner .k_thumb img{width:100%;height:auto;max-width:100%;vertical-align:middle}
.k_frame .k_frame_inner .k_frame_h3 {font-size: 120%;}
.k_frame .k_frame_inner .framewrap{margin-bottom:20px;}
.k_frame .k_frame_inner p {}
.k_frame .k_frame-pic{}
.k_frame .k_frame-pic .k_exp_thumb{}
.k_frame .k_frame-pic .k_exp_thumb img{}
.noBorder{border:none!important}
.k_step_items{}
.k_step_items .k_item{counter-increment:stepOrderList;position:relative;padding: 0 0 18px 34px;line-height: 1.5;}
.k_step_items .k_item::before{content:counter(stepOrderList);display:block;position:absolute;top: 0px;left:0;line-height: 20px;padding: 2px 0 0 0;width: 24px;height: 22px;border-radius:50%;background-color: #2ea9e8;color:#fff;font-weight:700;text-align:center;font-size: 14px;}
.k_conc_items .k_item{position:relative;padding: 0 0 18px 34px;line-height: 1.5;font-size: 18px;/* font-weight: bold; */text-align: left;}
.k_conc_items .k_item::before{content:"";display:block;position:absolute;top: 0px;left:0;line-height: 20px;padding: 0px 0 0 0;width: 22px;height: 22px;border-radius:50%;background-color: var(--main-color);color:#fff;font-weight:700;text-align:center;font-size: 14px;}
.k_box_each .k_text{width:100%}
.k_box_each .k_text p{margin:0 0 10px}


@media screen and (max-width: 1024px) {
.k_white_box_wrap{width:86%;margin: 0 auto 40px;padding: 30px 7% 30px;}
.kaso_visual{padding:40px 0;text-align:center}	
}


@media only screen and (max-width:599px) {
.bgfig{background-size: 60%;}	
.k_white_box_wrap{width:86%;margin: 0 auto 40px;padding: 30px 7% 30px;}
.kaso_visual{padding: 20px 0;text-align:center}
.kaso_visual .inner h1{margin-bottom: 15px;padding-bottom: 10px;font-size: 1.7rem;line-height: 1.3;}
.k_box_each .k_heading{margin-bottom: 20px;padding-bottom:15px;font-size: 1.5em;line-height:1.5;}
.k_notes_top {font-size: 15px;padding: 0px 0 15px 0px;}
.k_box_each .k_heading_h3 {font-size: 1em;padding: 5px 10px;}

.k_box_each .k_heading{margin-bottom: 20px;padding-bottom: 10px;font-size: 1.5em;line-height: 1.4;}
.k_box_each .k_heading2{width:100%;background:#e3e2e2;padding:10px;margin:0 0 20px}
.k_box_each .k_heading_h3{text-align: left;font-size: 1.2em;padding: 5px 10px;color: #fff;background: var(--main-color);}
.k_box_each .k_frame{display: block;}
.k_box_each .k_frame_noflex{display:-webkit-box;display:-ms-flexbox;display:block;-webkit-box-pack:unset;-ms-flex-pack:justify;justify-content:unset}
.k_box_each .k_frame-2 .k_frame_inner{width: calc(100%);text-align: left;}
.k_notes_top {font-size: 18px;text-align: left;font-weight: bold;padding: 0px 0 20px 5px;}
#pankuzu .wrap{width: 96%;}
	
}


/*　blog,news-list
------------------------------------------------------------ */
.news_list li{padding:0 0 15px;border-bottom:1px dotted grey;margin:10px 0 0}
.news_list li h2{margin:2px 0 0;font-size:1.2em;font-weight:700}
.news_list li a .date{font-size:14px;padding:0 0 1px;color:#646464;display:inline-block;margin:0 20px 0 0}
.news_list li a{color:#000;display:block}
.news_list li a .cate{font-size:12px;background:#000;color:#fff;padding:0 5px;display:inline-block;text-align:right}
.news_list li a .txt{font-size:14px;margin:3px 0 0}

/* !news-list_article
 * ---------------------------------------------------------- */
.blog_article {}
.blog_article .time_wrap{text-align:right;}
.blog_article .entry-content{text-align:left;}
.blog_article .entry-content p{}




/* !Button
 * ---------------------------------------------------------- */
.btnwrap{text-align:center;padding:30px 0}
.btn{display:inline-block;padding:13px 25px;font-size:16px;font-weight:600;line-height:1.42;text-align:center;white-space:nowrap;vertical-align:middle;box-sizing:border-box;border:none;position:relative;cursor:pointer;transition:all ease-out .3s;background:var(--main-color);color:#fff;border-radius:50px;-webkit-transition:color .25s cubic-bezier(0.2,1.17,0.4,1.2);transition:color .25s cubic-bezier(0.2,1.17,0.4,1.2);line-height:1.6}
.btn::before{font-size:15px;font-weight:900;font-family:'Material Icons';color:#fff;top:30%;position:absolute;right:10px;width:15px;vertical-align:middle;text-align:center;content:"\e5df"}
.btn:hover {background:var(--main-color-koi);color: #fff;}

.btn-w-100 {width:100%;}
.btn-w-50 {width:50%;}
.btn-w-30 {width:30%;}
.btn-w-10 {width:10%;}

@media screen and (max-width: 1024px) {
.btn-w-100 {width:100%;}
.btn-w-50 {width:70%;}
.btn-w-30 {width:60%;}
.btn-w-10 {width:20%;}
}
@media only screen and (max-width:599px) {
.btn{padding:13px 25px;font-size:14px;line-height:1.6}	
.btn-w-100 {width:100%;}
.btn-w-50 {width:70%;}
.btn-w-30 {width:65%;}
.btn-w-10 {width:20%;}
}

/*table*/
.k_table_reswrap {width:100%;}
k_table_resmin{width:100%;}
.k_table{width:100%;table-layout:fixed;border-collapse:collapse;line-height:1.6;text-align:left}
.k_table tr th{border:1px solid #d3d4d3;background-color:#f0f1f0;font-weight: 600;vertical-align:middle;padding:10px 20px;text-align:left;/* width: 200px; */}
.k_table tr td{border:1px solid #d3d4d3;vertical-align:middle;text-align:left;padding:10px 20px}
.k_table thead td{background:var(--sub2-color);color:#fff;}
.k_table tfoot td{font-size: 80%;text-align: right;}
.k_table .thcell td{background-color:#f0f1f0;font-weight: 600;}
.k_table .cen td{text-align:center;}.k_table .cen{text-align:center;}
.k_table tr td .tbl_s{white-space: nowrap;font-size: 11px;}

/*note*/
.k_notes{border: 2px solid #fbd326;border-radius:10px;padding: 15px 30px 15px;position: relative;/* margin: 30px 0 0; */}
.k_notes2{border: 2px solid var(--sub2-color);border-radius:10px;padding: 15px 30px 10px;position: relative;/* margin: 30px 0 0; */}
.k_notes .k_notes__head{padding-top:2px;padding-bottom:3px;font-size: 1.2rem;line-height: 1.5;position: relative;padding: 0 0 10px 30px;}
.k_notes .k_notes__head::before{content:"";display:block;position:absolute;top:0;left: -10px;width: 33px;height: 33px;background-image:url(../img/icon-caution.svg);background-repeat:no-repeat;background-size:contain}
.k_notes .k_notes__body{}
.k_notes .k_notes__body .p{position: relative;margin: 0 0 10px;padding: 0 0 0 20px;font-size: 15px;line-height: 23px;}
.k_notes .k_notes__body .p::before{content: "●";display: block;position: absolute; top: 0; left: 0;font-size: 18px;}
.k_text{}
.k_text--bulletLists{}
.k_text--bulletLists li{}


@media screen and (max-width: 1024px) {

}


@media only screen and (max-width:599px) {
.k_table_resmin {width:100% !important;max-width: 599px;text-align: center;min-width: auto !important;}
.k_table_resmin colgroup{display:none;}
.k_table_resmin tr th{text-align:left;display: block;width: calc(100% - 40px;) !important;padding: 10px 0 !important;border-bottom: none;border-right: none;border-left: none;}
.k_table_resmin tr td{display: block;width: 100%;padding: 10px 10px !important;border-bottom: none;border-right: none;
    border-left: none;text-align: left;font-size: 90%;box-sizing: border-box;}	
.k_notes{padding: 10px 20px 10px;}
.k_notes2{padding: 10px 20px 10px;}
.k_notes .k_notes__body .p{margin: 0 0 5px;padding: 0 0 0 20px;font-size: 14px;line-height: 20px;}	
.k_table tr th{padding: 8px 10px;text-align:center;white-space: nowrap;font-size: 14px;}
.k_table tr td{padding: 8px 12px;}
.k_table_reswrap {width:100%;overflow-x:scroll;}
.k_table {overflow-x: auto;min-width: 500px;border-collapse: collapse;}
.tblscrool {font-size: 10px;padding: 3px !important;background: #ebedeb;text-align: center;width: 100%;}
.k_notes .k_notes__body .p::before{font-size: 14px;}
.k_notes .k_notes__head::before{left: -10px;width: 25px;height:25px;}	
.k_notes .k_notes__head{font-size: 1.1rem;line-height: 1.5;padding: 0 0 10px 20px;}	
}


/*　text
------------------------------------------------------------ */
.txtL {font-size:20px !important;}
.txtM {font-size:15px !important;}
.txtS {font-size:13px !important;}
.txtSS {font-size:11px !important;}
.txtLeft {text-align:left !important;}
.txtRight {text-align:right !important;}
.bgs {color:#fff;padding: 3px 5px;font-size: 60%;width: 40px;float: left;text-align: center;}
.bg-black {background: #333;}
.bg-blue {background: #e01d1d;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb50 {margin-bottom:50px !important;}
.mt50 {margin-top:50px !important;}
.red {color: red !important;}
.mr10 {margin-right:10px !important;}
.ml10 {margin-left:10px !important;}
.b {font-weight:bold !important;}
.fl {float:left !important;}
.fr {float:right !important;}