@charset "UTF-8";
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{
	-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:rgb(250,140,30);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;}
.site_opacity0{opacity:0}
.site_dispNone{display:none}
.site_jsLoading{opacity:0}
.site_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.4;
}
body,div,p,a,button,h1,h2,h3,h4,h5,td,li,span{
	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:16px;
}
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.2vw;
    }
}

input::-webkit-input-placeholder {color:rgba(180,180,180,1);}
input:-ms-input-placeholder {color:rgba(180,180,180,1);}
input::-moz-placeholder {color:rgba(180,180,180,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;/* 折り返し指定 */
}
.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%;
    }
}

#form_sender1{
    height:0;
    opacity:0;
    overflow:hidden;
}
/*PERGO*/
/*
.contact , .enter-contact {
    background-image:url(../img/pergo_bgtop3.jpg);
}
*/
/*
.contact .title , .enter-contact .title{
    background-color:#000;
}
*/
.div-navi{
    position:fixed;
}
.contact span.error{
    color:rgba(247,147,30,1);
}
#wpmem_restricted_msg p{
    color:#fff;
}
#wpmem_reg input[name=password]
,#wpmem_reg input[name=username]
,#wpmem_reg input[name=postcode]
,#wpmem_reg input[name=tel]{
    width:50% !important;
}
@media screen and (max-width:768px){
    #wpmem_reg input[name=password]
    ,#wpmem_reg input[name=username]
    ,#wpmem_reg input[name=postcode]
    ,#wpmem_reg input[name=tel]{
        width:70% !important;
    }
}


.mw_wp_form .horizontal-item + .horizontal-item{
    margin-left:0;
}
.mw_wp_form .horizontal-item{
    margin-right:10px;
    margin-bottom:5px;
}
.mw_wp_form .horizontal-item{
    display:inline-block;
}
.order-form .mw_wp_form_complete p{
    color:#000;
}
.order-form .mw_wp_form textarea[name=else_text]{
    width:100%;
    border:1px solid rgb(204,204,204);
    padding:0.5em;
}
.order-form .mw_wp_form textarea[name=else_text]::placeholder{
    color:rgb(204,204,204);
}
.order-form input[name=your_mail]{
    width:100%;
    height:2em;
    border:0;
    padding:0 0.5em;
    border-bottom:1px solid rgba(204,204,204,1);
    background-color:rgb(240,240,240);
    color:rgb(50,50,50);
}
.subKey-1 input:first-child{
    margin-right:3%;
}
.subKey-1 input{
    width:48%;
    float:left;
}


.file_controller{
    margin:0;
    overflow:hidden;
}
.file_controller :where(.bt_view,.bt_download){
    float:left;
    padding:0.1em 0.1em 0.1em 1.2em;
    border-radius:0.3em;
    background-size:0.8em;
    background-position:0.1em 50%;
    background-repeat:no-repeat;
    color:rgba(247,147,30,1);
    font-size:smaller;
}
.file_controller .bt_view{
    margin:0.5em 0.5em 0 0;
    background-image:url(../img/icon_read.svg);
}
.file_controller .bt_download{
    margin:0.5em 0 0 0;
    background-image:url(../img/icon_dl.svg);
}
.file_controller .bt_download.disabled{
    background-image:url(../img/icon_dl_gray.svg);
}
.file_controller :where(.bt_view,.bt_download):hover{
    background-color:rgba(247,147,30,0.2);
}
.file_controller .bt_download.disabled
,.file_controller .bt_download.disabled:hover{
    color:rgb(150,150,150);
    background-color:rgb(234,234,234);
}
@media screen and (max-width:768px){
    .file_controller .bt_view,.file_controller .bt_download{
        margin:0.5em 0 0;
    }
}

/*loading*/
.loading {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background:rgba(255,255,255,0.5);
    transition-duration:0.5s;
    top:0;
    left:0;
    opacity:1;
    overflow:hidden;
}
.loading.hide {
    opacity: 0;
    pointer-events: none;
    transition: opacity 500ms;
    height:0;
}

.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(100,220,255);
    border-radius: 50px;
    animation: loading 1000ms linear 0ms infinite normal both;
}
@keyframes loading {
    0% { transform: rotate( 0deg ); }
    100% { transform: rotate( 360deg ); }
}

.loading.download {
    position:absolute;
    background-color:transparent;
    z-index: 10;
}
.loading.download .circle2 {
    display: block;
    position: absolute;
    top: calc( 50% - 1em );
    left: calc( 50% - 0.5em );
    width: 1em;
    height: 1em;
/*    transform:translate(-50%,-50%);*/
    border: 0.3em solid rgb(240,240,240);/*#444444*/
    border-top: 0.3em solid rgba(247,147,30,1);
    border-radius: 1em;
    animation: loading 1000ms linear 0ms infinite normal both;
}
.page-download .loading.download .circle2 {
    left: 0.8em;
}
.page-download:not(.user-login) #form-contents{
    display:none;
}



/*wpヘッダー非表示*/
html {
  margin-top: 0!important;
}
#wpadminbar {
  display: none;
}
@media screen and ( max-width: 782px ) {
    html {
      margin-top: 0!important;
    }
    #wpadminbar {
      display: none;
    }
}

/*ユーザー情報*/
#wpmem_reg div.div_text input , #wpmem_reg .div_select select{
    background-color:rgba(245,245,250,1);
}
#wpmem_reg div.div_select{
    width:70%;
    float:left;
}
#wpmem_reg div.div_text{
    float:left;
}
#wpmem_reg [for=pref]+div.div_text input
,#wpmem_reg [for=city]+div.div_text input{
    width:50%;
}
#wpmem_reg label[for=postcode2]
,#wpmem_reg label[for=user_name2]
,#wpmem_reg label[for=user_name_kana2]{
    display:none;
}
#wpmem_reg :where([for*=postcode])+div.div_text{
    width:20%;
    margin-right:2%;
}
#wpmem_reg input[name=postcode]{
    width:100% !important;
}
#wpmem_reg :where([for*=user_name])+div.div_text{
    width:30%;
    margin-right:2%;
}
@media screen and (max-width: 768px) {
    div#wpmem_reg .form label {
        margin-bottom: 2vw;
    }
    #wpmem_reg div.div_text {
        margin-bottom: 6vw;
    }
}
.block_needLogin #wpmem_restricted_msg{
    display:none;
}

#customer_details .form-row
,.woocommerce-order-details .order_item{
    margin:0 0 0.7em;
}
#order_review table,#order_review tr,#order_review td
,.woocommerce-order-details table,.woocommerce-order-details tr,.woocommerce-order-details td{
    border:0;
}
#order_review th,#order_review td
,.woocommerce-order-details th,.woocommerce-order-details td{
    padding:0.6em 0.3em 0.6em 0.5em;
}
.woocommerce-customer-details{
    margin:1em 0 0;
    overflow:hidden;
}
#customer_details .select2-container{
    opacity:0;
}
.select2-hidden-accessible{
    width:200px !important;
    height:40px !important;
    position:relative !important;
}

/*その他*/
.coupon-code{
    font-size:larger;
    font-weight:bold;
}

.check_mirror_item .item_block p{
	color:rgb(180,180,180);
}
.check_mirror_item .item_block.publish p{
	color:rgb(0,0,0);
}