@charset "UTF-8";
:root{
    --theme_color:rgb(30,83,123);
    --accent_color:rgb(205,52,39);
    --color0:rgb(0,112,189);
    --color1:rgb(0,160,233);
    --color2:rgb(232,56,32);
	--base_color:rgb(255,255,255);
	--bg_color:rgb(250,250,250);
	--color_tx:rgb(100,100,100);
}
div,a,button,p,img{
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}

div,p,a,button,table,tr,td,input,textarea,select{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
button{display:block;margin:0;padding:0;border:0;background-color:#fff;}
div{margin:0;padding:0;text-align:left;}
h1,h2,h3,h4,h5{font-weight:normal;margin:0;}
p{margin:0;padding:0;text-align:left;color:rgb(102,102,102);}
img{display:block;width:100%;vertical-align:bottom;object-fit:contain;}
table{width:100%;border-collapse:collapse;border:1px solid #cccccc;}
td{border:1px solid #cccccc; }
a:link,a:visited {color:#aaaaaa;text-decoration:none;}
a:hover,a:active {opacity:0.7;}
button,a,input{outline:none;}
.clearfix:after{content: "";clear: both;display: block;}
.dotTx{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}


/*共通*/
.hid{overflow:hidden}
.esc_opacity0{opacity:0}
.esc_dispNone{display:none}
.esc_jsLoading{opacity:0}
.esc_hidden{overflow:hidden;}
@media screen and (min-width: 769px) {
	.onlyMb{display:none;}
}
@media screen and (max-width: 768px) {
	.onlyPc{display:none;}
}
/*設定*/
body{
    margin:0;
	padding:0;
/*	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    line-height:1.8;
}
body,div,p,a,button,h1,h2,h3,h4,h5,th,td,label{
	color:#000000;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /*"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    font-weight:500;
	font-size:18px;
}
li,span{color:inherit;font-size:inherit;font-weight:inherit;}
@media screen and (max-width: 768px) {
    body,div,p,a,button,h1,h2,h3,h4,h5,td{
        font-size:3.5vw;
    }
}
.serif{
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*
input:input-placeholder {color:rgba(102,102,102,1);}
*/
/*スクロールバー
::-webkit-scrollbar{
	width: 7px;    height:7px;
}
::-webkit-scrollbar-track{
	background: rgba(222,222,222,1);	border: none;    border-radius: 10px;    box-shadow:0 0 0 0; 
}
::-webkit-scrollbar-thumb{
	background: rgba(239,130,0,0.7);	border-radius: 10px;	box-shadow: none;
}
*/
ul,ol{
    margin:0;
    padding:0;
}
li{
    position:relative;
    list-style-type: none;
}
li:before{
    position:absolute;
    content:"";
}
a{cursor:pointer}

.flex{
    display:flex;
    align-items:stretch;
    align-content:stretch;/* 折り返し時の配置指定 */
    justify-content: space-between;
/*    justify-content: flex-start;*/
    flex-direction:row;
    flex-wrap: wrap;/* 折り返し指定 */
}
.flex2{
    display:flex;
    align-items:stretch;
    align-content:stretch;/* 折り返し時の配置指定 */
    justify-content: center;/*space-between;*/
/*    justify-content: flex-start;*/
    flex-direction:row;
    flex-wrap: wrap;/* 折り返し指定 */
}
.midCenter{
	 display: -webkit-flex;
	 display: flex;
	 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
	 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
@media screen and (max-width: 768px) {
    .noFlex_mb{
        display:block;
    }   
}

/*
@media screen and (max-width: 1099px) {
    #bt_naviW{display:block;}
    #navMenu-pc,#bt_navLast{display:none;}
}
@media screen and (min-width: 1100px) {
    #bt_naviW{display:none;}
    #navMenu-pc,#bt_navLast{display:block;}
}
*/

/*alternate PCのみ*/
@media screen and (min-width: 769px) {
    .alterArea>div:nth-child(2n)>img, .alterArea>div:nth-child(2n)>div{
        float:right;
    }
    .alterArea>div:nth-child(2n) h3,.alterArea>div:nth-child(2n) p{
        text-align:right;
    }
}
/*wordpress*/
.content {
    font-size:18px;
}
@media screen and (max-width: 768px) {
    .content {
        font-size:3vw;
    }
}
.alignnone{padding:4px;margin:0;}	
.aligncenter{display:block;margin:0.5em auto;}	
.alignright{float:right;display:inline;margin:0 0 1em 1em;}	
.alignleft{float:left;display:inline;margin:0 1em 1em 0;}	
.clear {clear: both;}
@media screen and (max-width: 768px) {
    .alignright,.alignleft{width:48vw;}
}
#textArea .content [id^=gallery-] img{border-width:1px;}
@media screen and (max-width: 768px) {
#textArea .content [id^=gallery-] img{border-width:0px;height:auto;}
}

@media screen and (max-width: 768px) {
    .ggmap {
		position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;
    }
    .ggmap iframe, .ggmap object, .ggmap embed {
		position: absolute;top: 0;	left: 0;width: 100%; height: 100%;
    }
}

#bt_naviW span{
    transition-duration:0.5s;
}
#bt_naviW span:nth-child(1){
    transform-origin:100% 100%;
}
#bt_naviW span:nth-child(3){
    transform-origin:100% 100%;
}

#loading_redirect{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(255,255,255,0.8);
    z-index: 9999;
    text-align:center;
    font-weight:bold;
}
/* body.admin-user #loading_redirect, */
body.tamplate-front-page #loading_redirect
{
    display:none;
}

/*loading*/
.custom_loading {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;/*#333333;*/
}

.custom_loading.hide {
    opacity: 0;
    pointer-events: none;
    transition: opacity 500ms;
}

.circle {
    display: block;
    position: relative;
    top: calc( 50% - 20px );
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border: 3px solid rgb(240,240,240);/*#444444*/
    border-top: 3px solid rgb(200,200,200);
    border-radius: 50px;
    animation: custom_loading 1000ms linear 0ms infinite normal both;
}

@keyframes custom_loading {
    0% { transform: rotate( 0deg ); }
    100% { transform: rotate( 360deg ); }
}

.block_top h3 u{
    position:relative;
    text-decoration:none;
}
.block_top h3 u span{
    position:absolute;
    width:100%;
    height:20%;
    left:0;
    bottom:10%;
    background-color:rgb(255,255,0)
}
.block_top h3 u b{
    position:relative;
}

#quote-form h3 span{
    display:inline-block;
    margin:0.3em;
    padding:0.1em 0.3em;
    background-color:rgb(250,150,50);
    border-radius:0.2em;
    vertical-align:bottom;
    color:rgb(255,255,255);
    font-size:10px;
}
#quote-form input[type=number] {
    width:4em;
    margin:0 0.5em 0 0;
    text-align:center;
}
#quote-form select{
    min-width:8em;
}
[data-save_key=print_text_detail] > div{
    width:100%;
    overflow:hidden;
}
[data-save_key=print_text_detail] input{
    width:70%;
    float:right;
}
#check_print_text{
    display:none;
    background-color:var(--theme_color);
    padding:0.4em 1.5em;
    border-radius:0.3em;
    color:#fff;
    font-size:80%;
}
.multi-1{
    width:100%;
    margin-right:0;
}
/* [class*=formBlock-your_pass]{
    display:none;
} */
#form_sender1{
    height:0;
    overflow:hidden;
    opacity:0;
}

[id^=bt_dummy_]{
    display:none;
}
.quote-step p{
    width:20%;
}
.front-page .bnr_quote{
    display:block;
}
.under_yellow{
    background:linear-gradient(0deg,rgb(255,240,0) 30%, rgb(255,255,255) 30%);
}
@media screen and (max-width: 768px) {
    .quote-step p{
        width:20%;
    }
    .quote-step p:nth-child(1){
        width:15%;
    }
    .quote-step p:nth-child(3){
        width:30%;
    }
    .quote-step p:nth-child(4){
        width:19%;
    }
    .quote-step p:nth-child(5){
        width:16%;
    }
    .quote-step-block:nth-child(5):before{
        display:none;
    }

}
.woocommerce-MyAccount-content{
    display:none;
}
#cart_box s{
    color:rgb(150,150,150);
    font-weight:500;
}

/*内容確認ページ*/
.arw_back{
    position:absolute;
    top:50%;
    right:10%;
    width:1.5em;
    height:1.5em;
    background-image:url(../img/arw_back.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    transform:translateY(-50%);
}
.confirm-product .delivery_time.disable{
    padding:0;
    background-color:transparent;
    text-decoration:line-through;
    color:rgb(150,150,150);
    font-weight:400;
}
.detail>span{
    display:inline-block;
    margin:0 0.5em 0.2em 0;
}
.detail>span label{
    display:inline-block;
    margin:0 0.3em 0 0;
    padding:0 0.3em;
    background-color:rgb(224,224,224);
    border-radius:0.2em;
    font-size:14px;
}
table.print_text_detail{
    margin:0.3em 0 0;
}
table.print_text_detail tr{
    border:1px solid rgb(150,150,150);
}
table.print_text_detail th{
    width:8em;
    border:0;
    background-color:var(--theme_color);
    color:#fff;
    font-size:14px;
    text-align:center;
}
table.print_text_detail td{
    border:0;
    padding:0 0.5em;
    color:var(--theme_color);
    font-size:15px;
}
@media screen and (max-width:768px){
    .detail>span label{
        font-size:3.2vw;
    }
    table.print_text_detail th{
        font-size:3.2vw;
    }
    table.print_text_detail td{
        font-size:3.2vw;
    }
}

body:where(.cart,.checkout) #loading_redirect{
    display:block;
}
.woocommerce-MyAccount-navigation-link--dashboard
,.woocommerce-MyAccount-navigation-link--downloads
,.woocommerce-MyAccount-navigation-link--payment-methods
{
    display:none;
}


#rename_screen {
	position:fixed;
	width:100vw;
	height:100vh;
	background-color:rgba(204,204,204,1);
	z-index:9999;
    top:0;
    left:0;
}
#rename_window {
	padding:2em;
	font-size:16px;
	background-color:rgba(255,255,255,1);
	width:70%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:400px;
	border-radius:0.5em;
	box-shadow:0 0 1em 0 rgba(0,0,0,0.2);
}
#rename_window p{
	font-size:16px;
	padding:0;
    margin-bottom:0;
}
.rename_window_label{
	margin-top:0.4em;
	font-weight:bold;
	color:var(--theme_color);
}
#rename_window input{
	width:100%;
}
#bt_rename_output {
	color:rgba(255,255,255,1);
	font-weight:bold;
	font-size:18px;
	background-color:var(--theme_color);
	text-align:center;
	width:100%;
	display:block;
	border-radius:0.2em;
	margin:1em 0 0;
    padding:0.6em 0;
}
@media screen and (max-width: 768px){
    #rename_window {
        width:80vw;
        max-width:initial;
        font-size:4vw;
    }
    #rename_window p{
        font-size:3.5vw;
    }
    #bt_rename_output {
        font-size:4vw;
    }
}
/*storefront適応*/
.shop_table td{
    width:unset;
}