@charset "utf-8";
/* CSS Document */

/*共通部分*/
html,body{
    -webkit-overflow-scrolling: touch;
}
#loading{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -64px;
    margin-left: -64px;
  }
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 100000;
 }
body {
    font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAADHCAMAAACUXgveAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJQTFRF////7f717fr///ry+/b+//X25Bx6JQAAAOpJREFUeNrs2ksOwyAMBFB+vf+Vu+kCtYNtqJR42pllwgNEHK8oDyPlFfjw8w0YcCjTvXwfsHUIJbyeOWhPwkhKfitDFd+nEEuzg3UQXonTjUhK3i/X03nrEUn36I43lEeqqCV/VtYpe/9KKml2sArCK3GqEUlJZrmezlvvcukewPGG8kiVpuR/ydC/0qbklg0k1vt4ZDNif2hJydxyPZ23HpF0j+54Q3mkilqSUYYqfkwhlmYHGyC8EmcYkZS8X66n89Yjku7RHW8oj1RRSzLKUMUvL8BwSbODeReauCSOLuJJXiHhw6cAAwB0/kWrOsk5TgAAAABJRU5ErkJggg==);
	background-position:center;
	margin:0;
	padding:0;
	font-size:13px;
	color:#222;
    letter-spacing: 0.08em;
}
@media only screen and (max-width: 959px){
    body{background-image: none;}
}
@media print {
   body {
       background-image: none;
       background-color: #ffffff;
    }
}
a {
    text-decoration:none;
    color:#00f;
}
a:hover {
    text-decoration:underline;
    color:#00f;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.swiper-slide a:hover img {
    opacity: 1;
	filter: alpha(opacity=100);
}
.swiper-slide img{
    width: 100%;
}
img {border:none;}
h1 {
    font-size:100%;
    margin:0;
    padding:0;
    font-weight:normal;
}
h2 {
    color:#000;
	font-size:280%;
	font-weight:normal;
	padding:1% 0 1% 5%;
	clear:both;
	border: 3px solid #7a6969;
/*	border-radius: 10px;*/
    background: #fff;
	box-sizing: border-box;
    margin: 30px 0 10px 0;
}
@media only screen and (max-width: 959px){
	h2 {
		font-size: 4.5vw;
		line-height: 40px;
	}
}
h3 {
	font-size:180%;
	font-weight:normal;
	color:#FF6600;
	margin-bottom:0.2em;
}

/*メインラップ*/
#content {
	width:960px;
	max-width: 100%;
	margin:0 auto;
	background-color: #fff;
}
@media only screen and (max-width: 959px){
	#content { width:100%;}
}

/*ヘッダー*/
#header {
    top:0;
	left:0;
	padding:0;
	margin:0;
}
.header{
	background: #fff;
	color:#000;
	font-size:120%;
	overflow: auto;
}
#header h1 { margin-left:10px; font-size: 80%;}
@media only screen and (max-width: 959px){
    #header h1 {font-size: 50%;}
}
.head_baloon{
	position: absolute;
	right: 0;
	bottom: 25px;
	-webkit-animation: float_8190 3s linear infinite;
	animation: float_8190 3s linear infinite;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	width: 93px;
    z-index: 10;
    pointer-events: none;
}
@media only screen and (max-width:959px){
    .head_baloon{
	bottom: 30%;
	pointer-events: none;
	}
}
.head_baloon img{width: 100%;}
@-webkit-keyframes float_8190 {
  0% { -webkit-transform: translateY(0); transform: translateY(0) }
  33.33333% { -webkit-transform: translateY(-6px); transform: translateY(-6px) }
  66.66667% { -webkit-transform: translateY(0); transform: translateY(0) }
  100% { -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes float_8190 {
  0% { -webkit-transform: translateY(0); transform: translateY(0) }
  33.33333% { -webkit-transform: translateY(-6px); transform: translateY(-6px) }
  66.66667% { -webkit-transform: translateY(0); transform: translateY(0) }
  100% { -webkit-transform: translateY(0); transform: translateY(0) }
}
.head_logo{
	width: 45%;
	height: 75px;
	float: left;
}
@media only screen and (max-width:959px){
    .head_logo{
	float: none;
	width: 100%;
	height: 0;
	padding-bottom: 18%;
    position: static;
	}
}
.logo{width:100%;}
.head_size{
	width: 55%;
	height: 70px;
	float: right;
	position: relative;
	background-color: #fff;
	letter-spacing: -0.5em;
}
@media only screen and (max-width:959px){
    .head_size{
	float: none;
	width: 100%;
	height: 0;
	padding-bottom: 15%;
	padding-top: 7%;
	}
}

/*サイズ別*/
.head_size57{
	width: calc((100% / 7 * 2) - 6px);
	padding-top: calc(142 / 264 * 100% / 7 * 2);
	height:0;
	position:relative;
	overflow:hidden;
}
.head_size57 img{
	position:absolute;
	width:100%;
	top: 0;
	left:0;
}
.head_size32,.head_size38,.head_size44,.head_size76,.head_size_other{
    width: calc((100% / 7) - 5px);
	padding-top: calc(142 / 264 * 100% / 7 * 2);
    height:0;
    position:relative;
    overflow:hidden;
}
.head_size32,.head_size38,.head_size44,.head_size57,.head_size76,.head_size_other{
	margin:  0 0 0 5px;
	display: inline-block;
}
.head_size32 img,.head_size38 img,.head_size44 img,.head_size57 img,.head_size76 img,.head_size_other img{
    width: 100%;
	position:absolute;
	top: 0;
	left:0;
}
@media only screen and (max-width:959px){
    .head_size32,.head_size38,.head_size44,.head_size57,.head_size76,.head_size_other{
        margin:  0 0 0 4px;
    }
}
#head_size_tggl{width: 100%;}
@media only screen and (max-width:959px){
    #head_size_tggl{height: 37px;}
}
.head_size32_tggl{background: #0f0;border-radius: 50%;}
.head_size38_tggl{background: #000dff;border-radius: 50%;}
.head_size44_tggl{background: #7c00ff;border-radius: 50%;}
.head_size57_tggl{background: #f00;border-radius: 50%;}
.head_size76_tggl{background: #fa0;border-radius: 50%;}
.head_size_other_tggl{background: #00fff8;}

.head_size32_tggl,.head_size38_tggl,.head_size44_tggl,.head_size57_tggl,.head_size76_tggl,.head_size_other_tggl{
	width: 50px;
	height: 50px;
	margin:  15px 0 0 15px;
	display: inline-block;
	letter-spacing: 0.08em;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 50px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	cursor: pointer;
}
@media only screen and (max-width:959px){
    .head_size32_tggl,.head_size38_tggl,.head_size44_tggl,.head_size76_tggl,.head_size_other_tggl{background: #b1b1b1;}
    .head_size32_tggl,.head_size38_tggl,.head_size44_tggl,.head_size57_tggl,.head_size76_tggl,.head_size_other_tggl{
        width: 100%;
        margin:  0;
        height: 37px;
        line-height: 37px;
        border-radius: 0;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #999;
        box-sizing: border-box;
        box-shadow: none;
	}
    .head_size57_tggl{
        background: #6c6c6c;
        border-bottom: none;
    }
}

/*メインカラム*/
#main_wrap{
	float: right;
	width: 80%;
}
@media only screen and (max-width:959px){
    #main_wrap{
	width: 100%;
	float: none;
	}
}
#main_other_wrap{
	width: 100%;
    font-size: 13px;
}
@media only screen and (max-width:959px){
    #main_other_wrap{
	width: 100%;
	}
}

/*サイドカラム*/
#side_wrap{
	float: left;
	width: 18%;
	padding: 3% 1% 2% 1%;
	margin: 0 1%;
	box-sizing: border-box;
	background: #fff8fa url(img/side_h_image01-pc.png) no-repeat;
	background-size: 100%;
	border-radius: 0 0 10px 10px;
    text-align: center;
}
@media only screen and (max-width:959px){
    #side_wrap{
	width: 98%;
	float: none;
	margin: 50px 1% 0 1%;
	background: #fff8fa;
    border-radius: 10px;
	}
}
.side_h{
	font-size: 110%;
	margin: 0;
	font-weight: bold;
	color: #222;
	padding: 2% 4% 2%;
}
.side_p{
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin: 8px 0;
	padding: 1% 4%;
	box-shadow: 1px 2px 0px rgba(0,0,0,0.4);
	background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
@media only screen and (max-width:959px){
    .side_p{
        width: calc(94% / 3);
        display: inline-block;
        vertical-align: top;
        padding-bottom: 12%;
    }
    .side_p3{
        width: 96%;
        padding-bottom: 10%;
    }
}
.side_p a{
    width: calc(100% - 50px);
    padding: 0 0 0 50px;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #222;
}
.side_p a:hover{
    text-decoration: none;
    color: inherit;
}
@media only screen and (max-width:959px){
    .side_p a{
        width: 100%;
        padding: 0;
        bottom: 0;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
	    -webkit-justify-content: center;
	    -ms-flex-pack: justify;
        justify-content: center;
        font-size: 90%;
    }
}
@media only screen and (max-width:959px){
    .side_p img{
    width: 70%;
    margin: 3% 0;
    }
}
.side_sprt{
    display: block;
    min-width: 38px;
    min-height: 38px;
    background: url(img/side_p_image00.png) no-repeat;
    background-size: calc(864 / 38 * 27%) calc(576 / 38 * 27%);
}
.side_p_01{background-position: calc(0 / (864 - 140) * 100%) calc(0 / (432 - 140) * 100%);}
.side_p_02{background-position: calc(144 / (864 - 140) * 100%) calc(0 / (576 - 140) * 100%);}
.side_p_03{background-position: calc(288 / (864 - 140) * 100%) calc(0 / (576 - 140) * 100%);}
.side_p_04{background-position: calc(432 / (864 - 140) * 100%) calc(0 / (576 - 140) * 100%);}
.side_p_05{background-position: calc(576 / (864 - 140) * 100%) calc(0 / (576 - 140) * 100%);}
.side_p_06{background-position: calc(720 / (864 - 140) * 100%) calc(0 / (576 - 140) * 100%);}
.side_p_07{background-position: calc(0 / (864 - 140) * 100%) calc(144 / (576 - 140) * 100%);}
.side_p_08{background-position: calc(144 / (864 - 140) * 100%) calc(144 / (576 - 140) * 100%);}
.side_p_09{background-position: calc(288 / (864 - 140) * 100%) calc(144 / (576 - 140) * 100%);}
.side_p_10{background-position: calc(432 / (864 - 140) * 100%) calc(144 / (576 - 140) * 100%);}
.side_p_11{background-position: calc(576 / (864 - 140) * 100%) calc(144 / (576 - 140) * 100%);}
.side_p_12{background-position: calc(720 / (864 - 140) * 100%) calc(144 / (576 - 140) * 100%);}
.side_p_13{background-position: calc(0 / (864 - 140) * 100%) calc(288 / (576 - 140) * 100%);}
.side_p_14{background-position: calc(144 / (864 - 140) * 100%) calc(288 / (576 - 140) * 100%);}
.side_p_15{background-position: calc(288 / (864 - 140) * 100%) calc(288 / (576 - 140) * 100%);}
.side_p_16{background-position: calc(432 / (864 - 140) * 100%) calc(288 / (576 - 140) * 100%);}
.side_p_17{background-position: calc(576 / (864 - 140) * 100%) calc(288 / (576 - 140) * 100%);}
.side_p_18{background-position: calc(720 / (864 - 140) * 100%) calc(288 / (576 - 140) * 100%);}
.side_p_19{background-position: calc(0 / (864 - 140) * 100%) calc(432 / (576 - 140) * 100%);}
@media only screen and (max-width:959px){
    .side_p_01,.side_p_02,.side_p_03,.side_p_04,.side_p_05,.side_p_06,.side_p_07,.side_p_08,.side_p_09,.side_p_10,.side_p_11,.side_p_12,.side_p_13,.side_p_14,.side_p_15,.side_p_16,.side_p_17,.side_p_18{
        min-height: 0;
        min-width: 0;
        width: 100%;
        padding-bottom: 100%;
    }
    .side_p_19{
        min-height: 0;
        min-width: 0;
        width: calc(100% / 3);
        padding-bottom: calc(100% / 3);
        margin: 0 auto;
    }
}
.side_n{
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	padding: 0 4% 3% 4%;
	background: #fff;
    text-align: left;
}
.side_n h3{
	font-size: 110%;
	margin: 5px 0 0 0;
	font-weight: bold;
	color: #f00;
	text-align: center;
}
.side_n ul{
	padding: 0 0 0 2%;
	margin: 5px;
}
.side_n li{
	list-style: none;
	padding: 1%;
}
.side_n li span{display: block;}
.side_n li a{
	margin: 0 0 0 5px;
	display: block;
    color: #222;
}
.side_n_more{
	display: block;
	text-align: right;
}

/*パンくずリスト*/
.pankuzu {
    margin:0 15px 1px 15px;
    display: flex;
    width: calc(100% - 30px);
}
.breadcrumb{
    width: 90%;
    display: inline-block;
    margin: 0 15px;
}
@media only screen and (max-width: 959px){
    .pankuzu {
        width: 100%;
        margin: 0;
    }
    .breadcrumb{width: 80%;}
}

/*パンくず横お客様の声*/
.voice {
    color: #00F;
    margin-right: 15px;
    width: calc(10% - 20px);
}
@media only screen and (max-width: 959px){
    .voice {
        width:auto;
        margin: 0 15px;
        word-break: keep-all;
    }
}

/* 左下追従納期 */
.top_nouki{
	position: fixed;
	bottom: 1%;
	left: 15px;
	z-index: 1001;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	height: 100px;
	width: 150px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	border: 10px solid #2adbbd;
	box-sizing: border-box;
}
@media only screen and (max-width: 1200px){
    .top_nouki {
        bottom: 0;
        left: 0;
    }
}
@media only screen and (max-width: 959px) {
    .top_nouki {
        display: -webkit-inline-flex;
        display: -ms-flexbox;
        display: inline-flex;
	    -webkit-justify-content: center;
    	-ms-flex-pack: justify;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
	    left: 0;
	    bottom: 0;
	    height: 50px;
	    width: 100%;
	    padding: 0;
        border: none;
        border-top: 2px solid #000;
        border-radius: 0;
	}
}
.top_nouki_for_a{position:relative;}
.top_nouki a{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    cursor: pointer;
}
.top_nouki p{
    margin: 0;
    letter-spacing: normal;
}
@media only screen and (max-width: 959px) {
    .top_nouki p{
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
	    -webkit-justify-content: center;
    	-ms-flex-pack: justify;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 35%;
        height: 100%;
	    font-size: 90%;
	    font-weight: normal;
        left: auto;
        right: auto;
        bottom: auto;
	}
}
.top_nouki_wrap{
	width: 50%;
	background-color: #fff;
	border-radius: 5px;
}
@media only screen and (max-width: 959px) {
    .top_nouki_wrap{width: 100%;}
}
#top_nouki_inner{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
}
@media only screen and (max-width: 959px) {
    #top_nouki_inner{
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    	-webkit-justify-content: left;
	    -ms-flex-pack: justify;
        justify-content: left;
        width: 25%;
        margin-right: 5%;
    }
}
.top_nouki_boost{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	color: #ff39b1;
}
@media only screen and (max-width: 959px) {
.top_nouki_boost{
    position: static;
    background: #ff55da;
    color: #fff;
    }
}

/* ご案内bot風 */
#ynguide{
    position: fixed;
    bottom: calc(100px + 1%);
    left: 1%;
    z-index: 502;
    cursor: pointer;
}
#ynguide img{display: block;}
@media only screen and (max-width: 959px) {
    #ynguide{
        width: 30%;
        bottom: 50px;
        left: 0;
    }
    #ynguide img{width: 100%;}
}
#ynguide_overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1002;
}
.ynguide_overlay_inner{
    width: 90%;
    height: 80%;
    padding: 10% 20%;
    margin: 5%;
    position: relative;
    background: #fff;
    opacity: 1;
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
@media only screen and (max-width: 959px) {
    .ynguide_overlay_inner{
        padding: 5% 10%;
    }
}
#ynguide_question{
    margin: 5%;
    font-size: 140%;
}
@media only screen and (max-width: 959px) {
    #ynguide_question{margin-top: 25%;}
}
#ynguide_answer{
    margin: 5%;
    font-size: 140%;
}
#ynguide_yes,
#ynguide_no{
    display: inline-block;
    width: 20%;
    margin: 1%;
    padding: 1%;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}
#ynguide_yes{
    margin-left: 25%;
    background: #ff7a7a;
}
#ynguide_no{background: #7aceff;}
#ynguide_overlay_close{
    display: block;
    width: 10%;
    min-width: 70px;
    margin: 5px;
    padding: 5px;
    position: absolute;
    right: 5%;
    top: 10%;
    background: #bbb;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
@media only screen and (max-width: 959px) {
    #ynguide_overlay_close{top: 5%;}
}

/*スライダー*/
.swiper-container {
    width: 100%;
	height: auto!important;
}
.swiper-wrapper{
	height: auto!important;
}

/*ピンクのボタン*/
.btn{
	max-width: 40%;
	background: #ff88e5;
	margin: 0 auto;
	display: block;
	text-align: center;
	border: 3px solid #ff55da;
	border-radius: 5px;
	box-sizing: border-box;
}
.btn a{
    display: block;
    width: 96%;
    padding: 2%;
	color: #fff;
	text-decoration: none;
    cursor: pointer;
}
@media only screen and (max-width:959px){
    .btn{max-width: 60%;}
}

/*ボタンを横並び2つにしたいとき*/
.hrzn2_btn{
    width: 48%;
    display: inline-block;
    margin: 1% 0;
}
.hrzn2_btn .btn{max-width: 80%;}
/*ボタンを横並び3つにしたいとき*/
.hrzn3_btn{
    width: 30%;
    display: inline-block;
    margin: 1% 0;
}
.hrzn3_btn .btn{max-width: 80%;}

/*スクリプト待のとき*/
.keisantyu{
    background: url(data:image/gif;base64,R0lGODlhggAZAMQAAP///wAAAEBAQH9/f7+/vxAQEN/f3zAwMJ+fn2BgYCAgIO/v78/Pz6+vr3BwcFBQUI+PjwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAACCABkAAAX/ICCOZGmeaKqubOu+cNwSzPoM5nIgMkAMhJ5wuEIIjkgeKSBQMQK4EiKgjA2gxKxWZEQeqyKmKhEom6GH8zm4uka38PiyiSIEboJAYsC/DwoFfHwGLG5yhy1einRhjCU6BQsABgEOAAsKCpJXDTCGiKAoi15zKBABDQwEBAdADa2rDYGEJ6MKAQqjNaG8KmJ1AHlqw1gnAQWKt7let2y9cT+CfM6NKwIHq9naq8UmvyOf4AHUz1pXan3EZeTByKNI3SXfIuH04+XPXUfHXrskAgqkCezzRp4jAPUQ3iuxipYIA6skjVjlrxzEbQ6rqbi2rWO8UiQSXmFXpuA5amUOx/Y6d6YggHm11KFDAVPkwiXxTuJUyeuitowvef4TOuJjUWzayCTYRobdNBLRMvIBg28FTBMABwo0GkYmMXZVe6gzuMLBEUCK+AmgepSpHrdgw8YIgHRVGrKJDl7FK87lSLlZ5uXhW2IRWi9qkVhqwxVwYEeDQWJN6w7JYcWFGjseIjgA4RR2EhQmmiLh5sCVBRTwLDkFgwMFgB6RYfo059SrP5NY0IBMAbazrWi2PdeRWd0jMBVIAFREcE/DicttLr269esrQgAAOw==) center center / auto 70% no-repeat;
}

/*横に２つ並ぶリストボックス*/
.box01 {
    width:47%;
	float:left;
	margin:0 1% 30px 1%;
	background-color:#FFFFF8;
	border:#BDAC8C solid 3px;
	border-radius:8px;
}
@media only screen and (max-width:959px){
	.box01 {
		width:96%;
		float:none;
		margin:0 1% 10px 1%;
	}
}
.box01 p {
    margin:5px 10px;
	font-size:120%;
}
.box01 h3 {
    font-size:220%;
	margin:5px 10px 0 10px;
	font-weight:normal;
	color:#F00;
}

/*一つだけリストボックス*/
.box05 { 
	margin:0 4% 30px 4%;
	background-color:#FFFFF8;
	border-radius:8px;
	padding:1em 2em;
	border:#BDAC8C solid 3px;
    box-shadow:rgba(153, 102, 0, 0.227451) 3px 3px 6px 3px;
}
.box05 ul {
    margin:5px 10px;
	font-size:120%;
}
.box05 h3 {
    font-size:220%;
	margin:5px 10px 0 10px;
	font-weight:normal;
	color:#F00;
}

/*基本のdivスタイル*/
.base {margin-bottom: 40px;}
@media only screen and (max-width:959px){
	.base {
		margin-left:5%;
		margin-right: 5%;
	}
}
.base h3 {
	font-size:220%;
	font-weight:normal;
	color:#FF6600;
	margin-bottom:0.2em;
}
.base p {
    font-size:140%;
	margin:0;
}

/*自動見積りボタン*/
#auto_est{
	position: fixed;
	bottom: 0;
	right: 1%;
	z-index: 1001;
	font-size: 17px;
	margin: 0;
	padding: 0.5% 0;
	font-weight: bold;
	cursor: pointer;
}
#auto_est img{
	width: 100px;
	height: 100px;
}
.auto_est_sp{display: none;}
@media only screen and (max-width: 1200px){
    #auto_est {
        padding: 0;
        bottom: -7px;
        right: 0;
    }
}
@media only screen and (max-width: 959px) {
    #auto_est {
	width: calc(100% / 3);
	height: 37px;
	line-height: 37px;
	right: calc(100% / 3);
	top: 0;
    bottom: auto;
	padding: 0;
	background: #6c6c6c;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	}
    #auto_est img{display: none;}
    .auto_est_sp{
	color: #fff;
	font-size: 80%;
	letter-spacing: 0.08em;
	text-align: center;
	display: block;
	}
}

/*カードデザインボタンシャドウ*/
.crd_btn{
    box-shadow: 3px 3px 0 rgba(225, 236, 250, 0.8);
    cursor: pointer;
}
@media only screen and (max-width:959px){
    .crd_btn{box-shadow: 4px 4px 0 rgba(225, 236, 250, 0.8);}
}

/*オーバーレイ時bodyに追加*/
#ovrly_stop{overflow: hidden;height: 100%; width: 100%!important; position: fixed;}
/*オーバーレイ時bodyに追加、タッチ操作のみ*/
#ovrly_stop_touch{overflow: hidden;touch-action:none;}

/*画像をレスポンシブ対応したければ*/
.img100{max-width: 100%;}

/*選択中のブロック*/
.select_now{
	background: rgba(142, 248, 255, 0.2);
	box-shadow: 0 0 25px rgba(0, 243, 255, 0.3) inset, 0px 2px 5px rgba(0,0,0,0.6);
	padding: 10px 20px;
	border: 3px solid #a5f9ff;
    border-radius: 10px;
}

/*googleマップ*/
#gmap{height: 50vh;}

/*表示非表示*/
.k_hidden{display: none;}
.k_appear{display: block;animation-duration: 0.7s;animation-name: fade-in;}

/*フェードイン*/
@keyframes fade-in {
    0% {
    display: none;
    opacity: 0;
    }
    20% {
    display: block;
    opacity: 0.2;
    }
    100% {
    display: block;
    opacity: 1;
    }
}

/*スマホ表示非表示*/
@media only screen and (max-width:959px){
	.sp_hidden{display: none;}
}
@media only screen and (min-width:960px){
	.sp_appear{display: block;}
}
/*スマホ3点リーダ表示*/
@media only screen and (max-width:959px){
	.sp_dotted{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	}
}
/*スマホh2マージンゼロ*/
@media only screen and (max-width:959px){
    h2.options_h2_first{margin-top:0;}
}


/******************************/
/* トップページ */
/******************************/
.top_01{
	padding: 3% 0;
	background-color: #f0feff;
	border: 1px solid #999;
/*	border-radius: 10px;*/
}
@media only screen and (max-width:959px){
    .top_01{margin: 0 1%;}
}
.top_01_exp{margin: 0 1%;}
.top_01_note{
	margin: 1% 0 0 1%;
	font-size: 90%;
}
#top_01_bnr{
    width: 100%;
    height: 0;
    margin: 0;
    background: url(img/top_mainpic_01.png) 0 0 no-repeat;
    background-size: 100%;
    padding-top: calc(45/198*100%);
    border: none;
    overflow: hidden;
    animation: top_01_bnr_sprite 0.8s steps(1, start) 0s infinite;
}
@keyframes top_01_bnr_sprite {
  50%   {background-position: 0 0;}
  100% {background-position: 0 100%;}
}
.top_02{
    padding: 2% 0;
    text-align: center;
}
.top_02_bnr{
	width: 49%;
	display: inline-block;
	margin: 0 auto;
}
@media only screen and (max-width:959px){
    .top_02_bnr{
	    width: 48%;
    }
}
.top_03{
	padding-bottom: 3%;
	margin: 0 1%;
	border-radius: 10px;
}
.top_03 p{margin: 0 1%;}
.top_04{overflow: hidden;}
.top_04 iframe{height: 250px;}
.top_05_btn_wrap{text-align: center;}
.top_05_btn{
	position: relative;
	display: inline-block;
	width: 15%;
	margin: 0.5%;
    border-radius: 5px;
}
@media only screen and (max-width:959px){
.top_05_btn{
	width: 29%;
	margin: 1%;
	}
}
.top_05_btn a{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top_05_inner{
	display: block;
	width: 100%;
	text-align: center;
	border: 1px solid #999;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
}
.top_05_inner img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.top_05_inner span{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.top_06_btn_wrap{text-align: center;}
.top_06_btn{
	position: relative;
	display: inline-block;
	width: 15%;
	margin: 0.5%;
    border-radius: 5px;
}
@media only screen and (max-width:959px){
.top_06_btn{
	width: 29%;
	margin: 1%;
	}
}
.top_06_btn a{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top_06_inner{
	display: block;
	width: 100%;
	text-align: center;
	border: 1px solid #999;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
}
.top_06_inner img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.top_06_inner span{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.top_07_btn_wrap{text-align: center;}
.top_07_btn{
	position: relative;
	display: inline-block;
	width: 15%;
	margin: 0.5%;
    border-radius: 5px;
}
@media only screen and (max-width:959px){
.top_07_btn{
	width: 29%;
	margin: 1%;
	}
}
.top_07_btn a{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top_07_inner{
	display: block;
	width: 100%;
	text-align: center;
	border: 1px solid #999;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
}
.top_07_inner img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.top_07_inner span{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.top_08{display: none;}
@media only screen and (max-width:959px){
    .top_08{
    display: block;
    background: #fff8fa;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 1%;
    margin: 5% 1% 0 1%;
    text-align: center;
    }
}



/******************************/
/* 納期 */
/******************************/
.nouki_01 p{
	padding: 2%;
	font-size: 90%;
	background: #fff9f9;
	border: 1px solid #999;
	border-radius: 10px;
}
#nouki_01_main{position: relative;}
#nouki_01_main_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
}
#nouki_01_main_overlay p{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 140%;
}
#nouki_01_main_overlay span{
    position: absolute;
    width: 100%;
    height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    padding-left: calc((150px - 38px) / 2 );
}
.nouki_01_tbl{
	width: 94%;
	margin: 0 3%;
	border-collapse: collapse;
    background: #fff;
    table-layout: fixed;
}
tr th.nouki_01_th_01{font-size: 120%; background: #c0eeff;}
tr th.nouki_01_th_02{font-size: 120%;background: #ffe999;}
tr th.nouki_01_th_03{font-size: 120%;background: #f99;}
@media only screen and (max-width:767px){
    tr th.nouki_01_th_01{font-size: 3.5vw;}
    tr th.nouki_01_th_02{font-size: 3.5vw;}
    tr th.nouki_01_th_03{font-size: 3.5vw;}
}
tr th.nouki_01_th_04,tr th.nouki_01_th_05,tr th.nouki_01_th_06,tr th.nouki_01_th_07,tr th.nouki_01_th_08,tr th.nouki_01_th_09,tr th.nouki_01_th_10,.nouki_01_th_00,.nouki_01_tbl tr:nth-child(odd) td{
    background: #f0faff;
}
.nouki_01_tbl tr th:first-child{font-size: 120%;}
@media only screen and (max-width:767px){
    .nouki_01_tbl tr th:first-child{font-size: 3.5vw;}
}
.nouki_01_tbl tr td{
	width: 25%;
	padding: 2% 0;
	text-align: center;
    font-size: 120%;
    border-right: 1px solid #f0faff;
    border-bottom: 1px solid #f0faff;
}
@media only screen and (max-width:767px){
    .nouki_01_tbl tr td{padding: 3% 0;}
}
#nouki_01_hayawari_btn,#nouki_01_tyohaya_btn,#nouki_01_boost_btn,#nouki_01_boost_btn_02,#nouki_h99_boost,#toboost{
    cursor: pointer;
}
#nouki_01_hayawari,#nouki_01_tyohaya,#nouki_01_boost{
    font-size: 110%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.9);
    padding: 3% 8%;
    box-sizing: border-box;
    z-index: 10000;
}
#nouki_01_hayawari h3,#nouki_01_tyohaya h3,#nouki_01_boost h3{
    text-align: center;
}
#nouki_01_hayawari p,#nouki_01_tyohaya p,#nouki_01_boost p{
    width: 94%;
    margin: 0 auto 5%;
    padding: 5%;
    font-size: 120%;
    box-sizing: border-box;
    background: #fff9f9;
    border: 1px solid #999;
    border-radius: 10px;
}
.nouki_01_close{
    font-size: 80%;
    color: #fff;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    background: #878787;
    padding: 1% 2%;
    border-radius: 5px;
    cursor: pointer;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
@media only screen and (max-width:767px){
    #nouki_01_hayawari,#nouki_01_tyohaya,#nouki_01_boost{
        padding: 2%;
    }
    .nouki_01_close{
        top: 2%;
        right: 2%;
    }
}



/******************************/
/* ブースト納期 */
/******************************/
#boost_01{box-sizing: border-box;}
.boost_01_main{
    padding: 3% 2%;
    background: #feebf5;
}
#otodoke_saki_wrap,#otodoke_bi_wrap,#otodoke_jikan_wrap{
    padding: 1% 2%;
}
#otodoke_saki_wrap p,#otodoke_bi_wrap p,#otodoke_jikan_wrap p{
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    padding: 1%;
    background: #ff91c9;
}
#otodoke_saki,#date,#ie_date,#otodoke_jikan{
    font-size: 120%;
    padding: 1% 2%;
    border: 1px solid #000;
    border-radius: 5px;
    cursor: pointer;
}
#ie_date{display: none;}
@media all and (-ms-high-contrast: none) {
    #date{display: none;}
    #ie_date{display: block;}
}
#otodoke_saki_wrap{
    position: relative;
}
#otodoke_saki_wrap_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
}
#otodoke_saki_wrap_overlay p{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    margin: 0;
    width: 100%;
    height: 100%;
    color: #222;
    font-size: 140%;
    font-weight: normal;
    background: none;
}
#otodoke_saki_wrap_overlay span{
    position: absolute;
    width: 100%;
    height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    padding-left: calc((150px - 38px) / 2 );
}
#boost_fee_area{
    margin: 2%;
    padding: 0 2% 2% 2%;
    background: rgb(255, 145, 201);
    box-shadow: 3px 3px 0 rgba(225, 236, 250, 0.8);
    text-align: center;
    color: #fff;
    border: 3px solid #ff55da;
    cursor: pointer;
}
#boost_fee_area:hover{background:  rgba(255, 145, 201, 0.7);}
#boost_fee_area h3{color: #fff;}
#boost_fee_area span{
    font-size: 150%;
    font-weight: bold;
}
#boost_fee_area p{
    font-size: 160%;
    font-weight: bold;
    margin-bottom: 0;
}
.boost_fee_notice{
    padding: 1% 2%;
    background: #fff9f9;
    border: 1px solid #000;
    border-radius: 5px;
    margin: 10px 0 0 0;
}
#boost_btn{
    font-size: 120%;
    cursor: pointer;
}
#modal_order{
    position: fixed;
    top:0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(255, 255, 255,0.9);
    z-index: 10000;
}
#modal_order p{
    width: 35%;
    margin: 0 auto;
    padding: 0 7%;
    padding-top: 20vh;
    height: 100vh;
    text-align: center;
    font-size: 120%;
}
#modal_inner,
#modal_inner2,
#modal_inner3,
#modal_inner4,
#modal_inner5{
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#modal_order span{cursor: pointer;}
@media only screen and (max-width:767px){
    #modal_order{
    width: 100%;
    text-align: center;
    }
    #modal_inner,
    #modal_inner2,
    #modal_inner3,
    #modal_inner4,
    #modal_inner5{
        height: 90%;
    }
    #modal_order p{
    width: 70%;
    height: auto;
    padding: 5% 0 0 0;
    }
}
#modal_sokunou{
    position: fixed;
    top:0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255,0.9);
    z-index: 10000;
}
#modal_sokunou h3{
    width: 100%;
    margin: 0 auto;
    padding: 0 30%;
    padding-top: 20vh;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.2em;
}
#modal_sokunou p{
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0 30%;
    height: 100vh;
    font-size: 120%;
    box-sizing: border-box;
}
#modal_sokunou p .btn{
    margin-top: 5vh;
    max-width: 100%;
}
@media only screen and (max-width:767px){
    #modal_sokunou{
    width: 100%;
    text-align: center;
    }
    #modal_sokunou h3{
    width: 70%;
    height: auto;
    padding: 5% 0 0 0;
    }
    #modal_sokunou p{
    width: 70%;
    height: auto;
    padding: 5% 0 0 0;
    }
}



/******************************/
/*　ご注文の流れ　*/
/******************************/
.howto_btn,
.howto_btn2{
	width: 49%;
	display: inline-block;
	text-align: center;
	background: #00d6b7;
	padding: 3%;
	margin: 5px 0;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
	border: 3px solid #999;
	border-radius: 10px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
    cursor: pointer;
}
.howto_btn2{background: #ff9cdc;}
@media only screen and (max-width:959px){
    .howto_btn,
    .howto_btn2{
	width: 100%;
	display: block;
	margin: 5% 0;
	}
}
/*#howto_main_01{background: #fff4f4;}
#howto_main_02{background: #f4fdf8;}*/
.howto_flowimg_head{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
	-ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: 2px solid #b1b1b1;
    padding: 1% 2%;
    box-sizing: border-box;
}
.howto_flowimg_head img{width: 8%;}
.howto_flowimg_head p{
    display: block;
    width: 84%;
    font-size: 140%;
    font-weight: bold;
}
@media only screen and (max-width:959px){
    .howto_flowimg_head{padding: 2% 3%;}
    .howto_flowimg_head img{width: 10%;}
    .howto_flowimg_head p{
        width: 80%;
        font-size: 3.4vw;
    }
}
.flowimg_g{
    width: 100%;
    letter-spacing: -5px;
}
.flowimg_g img,.flowimg1{
    width: 100%;
}
.flowimg2,.flowimg3,.flowimg4,.flowimg5,.flowimg6,.flowimg7{
    width: calc(100% / 6 );
    display:inline-block;
    padding: 0 2%;
    box-sizing: border-box;
}
.flow_sp{display: none;}
@media only screen and (max-width:959px){
    .flowimg_g,.flowimg1,.flowimg2,.flowimg3,.flowimg4,.flowimg5,.flowimg6,.flowimg7{
        width: 100%;
        display:block;
    }
}



/******************************/
/*　価格表　*/
/******************************/
.price57{position:relative;}
@media only screen and (max-width:959px){
	.price57 {margin: 0 5%;}
}
.price57 p {
    font-size:130%;
	padding:2%;
	margin:0;
}
.prc_hidden {display: none;}
@media only screen and (max-width:959px){
	.prc_hidden{display: inline;}
}
.prc_tbl_pc {
	width: 98%;
	border-spacing: 0;
	text-align: center;
    font-size: 110%;
}
@media only screen and (max-width:959px){
	.prc_tbl_pc {display: none;}
}
.prc_tbl_pc th {
	color: #fff;
	padding: 8px 7px;
	background: rgb(250, 162, 28);
	font-weight: bold;
	border-left:1px solid #d27d00;
	border-bottom:1px solid #d27d00;
	line-height: 120%;
	text-shadow:0 1px 2px rgba(134, 94, 22, 0.7);
}
.prc_tbl_pc .price57th2,
.prc_tbl_pc .price57td1{border-top:1px solid #d27d00;}
.prc_tbl_pc .price57td2 {
	border-right:1px solid #d27d00;
	border-top: 1px solid #d27d00;
	box-shadow: 2px 0px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
.prc_tbl_pc tr td {
    width: initial;
	padding: 4px 4px;
	border-bottom: 1px solid #d27d00;
	border-left: 1px solid #d27d00;
    white-space: nowrap;
}
.prc_tbl_pc .price57td3 {
	border-right:1px solid #d27d00;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.prc_tbl_pc .price57tdlast {
	border-right: 1px solid #d27d00;
	box-shadow: 2px 0px 1px rgba(0,0,0,0.1);
}
.prc_tbl_pc tr {background: #fff;}
.prc_tbl_pc tr:nth-child(2n+1) {background: #ffecd0;}
.prc_tbl_pc td b{font-size: 1.2em;}
.prc_tbl_mb {display: none;}
@media only screen and (max-width:959px){
	.prc_tbl_mb {
		display: table;
		width: 100%;
		border-spacing: 0;
		text-align: center;
		margin: 0 auto;
		font-size: 110%;
		border-collapse: collapse;
	}
}
.prc_tbl_mb th {
	background: rgb(250, 162, 28);
	color: #fff;
	padding: 5px 2px;
	border:1px solid #d27d00;
}
.prc_tbl_mb td {
    width: initial;
	padding: 5px 2px;
	border:1px solid #d27d00;
}
.prc_tbl_mb td b{font-size: 1.3em;}
.prc_tbl_mb tr:nth-child(2n+1){background: #ffecd0;}



/******************************/
/*オプション一覧*/
/******************************/
.optn_btn p{
    position: relative;
    display: inline-block;
    font-size: 100%;
    width: 21%;
    margin: 1.5%;
    border: 1px solid #000;
    border-radius: 5px;
}
.optn_btn p img{
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
}
.optn_btn p span{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
@media only screen and (max-width:959px){
	.optn_btn p{
		width: 28%;
		margin: 2%;
    }
}
.ops_btn_cv{
	width: 16%;
	margin: 0 1%;
	border: 3px solid #b1b1b1;
	border-radius: 7px;
	box-shadow: 3px 3px 0 rgba(225, 236, 250, 0.8);
	cursor: pointer;
}
.ops_btn_cv_ttl{
	display: block;
	font-weight: bold;
}
.ops_btn_cv_ftr{
    display: block;
    width: 40%;
    margin: 15px 0 15px 59%;
    text-align: center;
    background: #b2b2b2;
    border-radius: 5px;
    box-sizing: border-box;
}
@media only screen and (max-width:959px){
	.ops_btn_cv_ftr{
		width: 50%;
		margin: 15px 0 15px 49%;
	}
}
.ops_btn_cv_ftr_inner{
	display: block;
	width: 100%;
    padding: 5% 1%;
}



/******************************/
/*個別オプションページ*/
/******************************/
.optn_btn_main_wrap{
    display: block;
    font-size: 120%
}
.optn_btn_main{
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.optn_btn_main p{
    display: inline-block;
    font-size: 100%;
    width: 95%;
    border: 1px solid #000;
    border-radius: 5px;
    cursor: default;
}
.optn_btn_main p img{
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
}
@media only screen and (max-width:959px){
    .optn_btn_main{
        display: block;
        width: 96%;
        margin: 2%;
    }
    .optn_btn_main p{
        width: 96%;
        margin: 2%;
    }
}
.optn_btn_exp{
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.optn_btn_exp table{
    border: 1px solid;
    border-collapse: collapse;
}
.optn_btn_exp table th,
.optn_btn_exp table td{
    border: 1px solid;
    padding: 5px;
}
@media only screen and (max-width:959px){
    .optn_btn_exp{
        display: block;
        width: 100%;
    }
}
/*青のボタン*/
.optn_btn_main_btn{
	max-width: 70%;
	background: #4fc9ff;
	margin: 0 auto;
	display: block;
	text-align: center;
	border: 3px solid #4fc9ff;
	border-radius: 5px;
	box-sizing: border-box;
    font-size: 120%;
}
.optn_btn_main_btn a{
    display: block;
    width: 92%;
    padding: 4% 4%;
	color: #fff;
    font-weight: bold;
	text-decoration: none;
    cursor: pointer;
}
@media only screen and (max-width:959px){
    .optn_btn_main_btn{max-width: 100%;}
}
/*下付き青のボタン*/
.optn_btn_main_btn_stick_wrap{
    width: 960px;
    max-width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    z-index: 501;
}
.optn_btn_main_btn_stick{
	max-width: 100%;
	background: #4fc9ff;
	display: block;
	text-align: center;
	border: 3px solid #4fc9ff;
	border-radius: 5px;
	box-sizing: border-box;
    font-size: 120%;
}
.optn_btn_main_btn_stick a{
    display: block;
    width: 92%;
    padding: 0 4%;
	color: #fff;
    font-weight: bold;
    font-size: 150%;
	text-decoration: none;
    cursor: pointer;
}
@media only screen and (max-width:959px){
    .optn_btn_main_btn_stick_wrap{
        width: 98%;
        padding: 0 1%;
        bottom: 50px;
    }
    .optn_btn_main_btn_stick{
        max-width: 100%;
        padding: 1% 1% 0 1%;
	    margin: 0 auto;
    }
    .optn_btn_main_btn_stick a{
        padding: 2% 4%;
    }
}



/******************************/
/*よくある質問*/
/******************************/
.box_03_wrap{
	display: block;
	margin: 0 auto 10px;
	border-spacing: 10px 0;
}
@media only screen and (max-width:959px){
	.box_03_wrap{
		display:block;
		margin: 0;
		border-spacing: 0;
	}
}
.box03 {
    width:45%;
	background-color:#FFFFF8;
	border:#BDAC8C solid 3px;
	border-radius:8px;
	display: table-cell;
}
@media only screen and (max-width:959px){
	.box03 {
		width:96%;
		margin:0 1% 10px 1%;
		display: block;
	}
}
.box03 p {
    margin:5px 15px;
	font-size:120%;
}
.box03 h3 {
    ont-size:220%;
	margin:5px 10px 0 20px;
	font-weight:normal;
	color:#F00;
}
.box03 ul {
    margin:0px 2.22% 5px 2.22%;
	font-size:120%;
}
.box03 li {
    margin:2px 0px 2px 0px;
    cursor: pointer;
}



/******************************/
/*テンプレート*/
/******************************/
.tmpl_wrap{width: 60%;}
.tmpl_head{
    display: block;
    max-width: 100%;
}
.tmpl_wrap span{
    width: calc(95%/4);
    display:  inline-block;
}
.tmpl_wrap span img{width: 100%;}
.tmpl_sp{display: none;}
@media only screen and (max-width:959px){
.tmpl_wrap{width: 100%;}
.tmpl_sp{
	display: block;
	margin:5% 0;
	font-size:140%;
	}
.tmpl_sp p{padding:0 0 1% 0;}
.tmpl_sp img{width: 100%;}
}



/******************************/
/*企業様向けご提案*/
/******************************/
.cmpsldr{
	width:44%;
	display: inline-block;
	margin-right:2%;
	margin-bottom:1%;
}
@media only screen and (max-width:959px){
.cmpsldr{
	width:96%;
	display: block;
	margin:2%;
	}
}
.boxcmp {
    width:46%;
	display: inline-block;
	margin:0 3% 1% 3%;
	background-color:#FFFFF8;
	border:#BDAC8C solid 3px;
	border-radius:8px;
}
@media only screen and (max-width:959px){
.boxcmp {
	width:94%;
	display: block;
	margin:2%;
	}
}
.boxcmp p {
    margin:5px 15px;
	font-size:120%;
}
.boxcmp h3 {
    font-size:220%;
	margin:5px 10px 0 20px;
	font-weight:normal;
	color:#F00;
}
.boxcmp ul {
    margin:0px 5% 1% 5%;
	font-size:120%;
}
.boxcmp li {margin:5px 0px 6px 0px;}



/******************************/
/*　特商法部分　*/
/******************************/
.tokutei {
    margin-left:5.6%;
	margin-bottom:40px;
}
.tokutei h3 {
	font-size:220%;
	font-weight:normal;
	color:#FF6600;
	margin-bottom:0.2em;
}
.tokutei p {
    font-size:130%;
	padding:0 55px 10px 0;
	margin:0;
}
.tokutei table {
    width: 95%;
	border-spacing: 0px;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
.tokutei td {
    padding: 12px 20px 12px 20px;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
}
@media only screen and (max-width: 959px){
.tokutei td { 
	display: block;
	border-top: 2px solid;
	}
.tokutei table {border-bottom: 2px solid;}
}
.tokutei td img {max-width: 95%;}



/******************************/
/*　ご利用規約　*/
/******************************/
.policy {
    margin-left:5.55%;
	margin-bottom:40px;
}
@media only screen and (max-width: 959px){
	.policy {margin-right:5.55%;}
}
.policy h3 {
	font-size:140%;
	font-weight:normal;
	margin-bottom:0.2em;
}
.policy p {
    font-size:120%;
	padding:0 6.11% 1.11% 0;
	margin:0;
}
.policy ol {
    list-style-type:lower-roman;
	padding:0 6.11% 1.11% 30px;
}
.policy ul {
    list-style-type:decimal;
	font-size:120%;
	padding:0 6.11% 1.11% 30px;
}



/******************************/
/*　リンク一覧*/
/******************************/
.link {
    margin-left:7.8%;
	margin-bottom:40px;
}
@media only screen and (max-width: 959px){
	.link {margin-right:7.8%;}
}
.link h3 {
	font-size:220%;
	font-weight:normal;
	color:#FF6600;
	margin-bottom:0.2em;}
.link p {
    font-size:130%;
	padding:0 55px 10px 0;
	margin:0;
}
.link table {
    width: 55.56%;
	border-spacing: 0px;
}
.link td {padding: 12px 10px 1.33% 4.44%;}



/******************************/
/*営業日カレンダー*/
/******************************/
.cal_wrapper {
    margin-left:5.56%;
    margin-bottom:40px;
    margin-right:5.56%;
}
.cal_wrapper p {
	font-size:130%;
	padding:0 6.1 1% 0;
	margin:0;
}
@media only screen and (max-width:959px){
	.cal_wrapper p {padding:0 0 1% 0;}
}
.cal_wrapper table {
	width: 95%;
	text-align: center;
	font-size:120%;
}
.cal_wrapper table th {
	padding: 4px 7px;
	font-weight: bold;
}
.cal_wrapper table tr {background: #fff;}
.cal_wrapper table tr td {padding: 4px 4px;}
.googlecal {
    width: 75%;
    margin: 0 auto;
}
@media only screen and (max-width: 959px) {
    .googlecal {width: 100%;}
}
.nav-tab{display: none;}
.nav-buttons{display: none;}
.period-range{font-size: 140%;}
.googlecal h1{display: none;}
.googlecal img{display: none;}
.googlecal table{width: 100%;}
.googlecal table th{
	border-bottom: none;
	border-left: none;
	text-shadow: none;
	color: #222;
}
.googlecal table tr td{
	border-bottom: none;
	border-left: none;
}
.month-table a{pointer-events:none;}
.month-table .item-continues .t0,
.month-table .item-continued .t0{background-image:none!important;}
.month-table .column-label{background-color: #d4d4d4!important;}
.month-table .grid-row td{height: auto!important;}
.month-table .date-month{
	color: #fff!important;
	background-color: #bfb7b3!important;
}
.month-table .date-not-month{
    border-top: 1px solid #bfb7b3;
    border-bottom: 1px solid #bfb7b3;
}
.month-table .event-multiday .tbg{background-color: #91b5ff!important;}
.month-table .date-marker{text-align: left!important;}
.view-container{border:1px solid #c2c2c2;}
.view-container-border{padding: 0!important;}
#footer{display: none!important;}
#googlecal_now_month,
#googlecal_next_month{margin-bottom: 5%;}



/*****************************************************/
/*　注文方法選択　*/
/*****************************************************/
.order_first_ul{
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.order_first_li{
    width: 44%;
    padding: 2%;
    margin: 2%;
    border: 4px solid #eee;
    box-sizing: border-box;
    position: relative;
}
.order_first_li img{
    display: block;
    margin: 0 auto;
}
.order_first_li a{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/*****************************************************/
/*　オーダーフォーム　*/
/*****************************************************/
.order_01_btn{
    display: inline-block;
    width: 49%;
    margin-bottom: 20px;
    font-weight: bold;
}
#type_select,#opp_select,#horo_select,#daisi_select{
    width: 328px;
}
#type_image_area_wrap,#opp_image_area_wrap,#horo_image_area_wrap,#daisi_image_area_wrap{
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
#type_image_overlay,#opp_image_overlay,#horo_image_overlay,#daisi_image_overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 11;
}
#type_image_overlay_inner,#opp_image_overlay_inner,#horo_image_overlay_inner,#daisi_image_overlay_inner{
	width: 64vw;
	margin: 5vh 15vw;
	padding: 3vh 3vw;
	height: 84vh;
	text-align: center;
	background: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-x: hidden;
}
@media only screen and (max-width: 959px) {
	#type_image_overlay_inner,#opp_image_overlay_inner,#horo_image_overlay_inner,#daisi_image_overlay_inner{
		width: 84vw;
		margin: 5vh 5vw;
	}
}
#type_image_overlay_inner ul,#opp_image_overlay_inner ul,#horo_image_overlay_inner ul,#daisi_image_overlay_inner ul{
	margin: 0;
	padding: 0;
}
#type_image_overlay_inner li,#opp_image_overlay_inner li,#horo_image_overlay_inner li{
	display: inline-block;
	width: 26%;
	height: auto;
	margin: 3%;
	padding-bottom: 26%;
	cursor: pointer;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3);
}
#daisi_image_overlay_inner li{
	display: inline-block;
	width: 26%;
	height: auto;
	margin: 3%;
	padding-bottom: 23.6%;
	cursor: pointer;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3);
}
.image_overlay_inner_exp{
    width: 70%;
    margin: 3% auto 0;
    background: #2adbbd;
    font-size: 140%;
    color: #fff;
    font-weight: bold;
}
#type_image_overlay_src,#opp_image_overlay_src,#horo_image_overlay_src{
	width: 30%;
	height: 0;
	padding-bottom: 30%;
}
@media only screen and (max-width: 959px) {
    #type_image_overlay_src,#opp_image_overlay_src,#horo_image_overlay_src{
		width: 35%;
		padding-bottom: 35%;
	}
}
#daisi_image_overlay_src{
	width: 30%;
	height: 0;
	padding-bottom: 27%;
}
@media only screen and (max-width: 959px) {
    #daisi_image_overlay_src{
        width: 35%;
		padding-bottom: 32%;
    }
}
#type_image_overley_close,#opp_image_overley_close,#horo_image_overley_close,#daisi_image_overley_close{
    display: block;
    width: 10%;
    min-width: 100px;
    margin: 0 auto;
    padding: 1%;
	position: fixed;
	right: 20%;
    background: #bbb;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
}

/*サイズ別*/
.type_image_select1,.type_image_select2,.type_image_select3,.type_image_select4,.type_image_select5,.type_image_select6,.type_image_select7,.type_image_select8,.type_image_select9,.type_image_select10,.type_image_select11,.type_image_select12,
.opp_image_select1,.opp_image_select2,.opp_image_select3,.opp_image_select4,.opp_image_select5,.opp_image_select6,.opp_image_select7,.opp_image_select8,.opp_image_select9,.opp_image_select10,.opp_image_select11,.opp_image_select12,.opp_image_select13,.opp_image_select14,
.horo_image_select1,.horo_image_select2,.horo_image_select3,.horo_image_select4,.horo_image_select5,.horo_image_select6,.horo_image_select7,.horo_image_select8,.horo_image_select9,.horo_image_select10,.horo_image_select11,.horo_image_select12,.horo_image_select13,.horo_image_select14,.horo_image_select15,.horo_image_select16,.horo_image_select17,.horo_image_select18,.horo_image_select19,.horo_image_select20,.horo_image_select21,.horo_image_select22,.horo_image_select23,.horo_image_select24,.horo_image_select25,.horo_image_select26,.horo_image_select27,.horo_image_select28,.horo_image_select29,.horo_image_select30,.horo_image_select31,.horo_image_select32,.horo_image_select33,.horo_image_select34,.horo_image_select35,.horo_image_select36,.horo_image_select37,.horo_image_select38,.horo_image_select39,.horo_image_select40,.horo_image_select41,.horo_image_select42,
.daisi_image_select0,.daisi_image_select1,.daisi_image_select2,.daisi_image_select3,.daisi_image_select4,.daisi_image_select5,.daisi_image_select6,.daisi_image_select7,.daisi_image_select8,.daisi_image_select9,.daisi_image_select10,.daisi_image_select11,.daisi_image_select12,.daisi_image_select13,.daisi_image_select14,.daisi_image_select15,.daisi_image_select16,.daisi_image_select17,.daisi_image_select18,.daisi_image_select19,.daisi_image_select20,.daisi_image_select21,.daisi_image_select22,.daisi_image_select23,.daisi_image_select24,.daisi_image_select25,.daisi_image_select26,.daisi_image_select27,.daisi_image_select28,.daisi_image_select29,.daisi_image_select30,.daisi_image_select31,.daisi_image_select32,.daisi_image_select33,.daisi_image_select34,.daisi_image_select35,.daisi_image_select36,.daisi_image_select37,.daisi_image_select38,.daisi_image_select39,.daisi_image_select40,.daisi_image_select41,.daisi_image_select42,.daisi_image_select43,.daisi_image_select44,.daisi_image_select45{
    display: inline-block;
    height: 50px;
    width: 50px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-left: 2px;
	box-sizing: border-box;
}

.type_image_select1{background: url(img/k_type1.gif?mdt180426) 100%/100%;}
.type_image_select2{background: url(img/k_type2.gif?mdt180426) 100%/100%;}
.type_image_select3{background: url(img/k_type3.gif?mdt180426) 100%/100%;}
.type_image_select4{background: url(img/k_type4.gif?mdt180426) 100%/100%;}
.type_image_select5{background: url(img/k_type5.gif?mdt180426) 100%/100%;}
.type_image_select6{background: url(img/k_type6.gif?mdt180426) 100%/100%;}
.type_image_select7{background: url(img/k_type7.gif?mdt180426) 100%/100%;}
.type_image_select8{background: url(img/k_type8.gif?mdt180426) 100%/100%;}
.type_image_select9{background: url(img/k_type9.gif?mdt180426) 100%/100%;}
.type_image_select10{background: url(img/k_type10.gif?mdt180426) 100%/100%;}
.type_image_select11{background: url(img/k_type11.gif?mdt180426) 100%/100%;}
.type_image_select12{background: url(img/k_type12.gif?mdt180426) 100%/100%;}

.opp_image_select1{background: url(img/k_opp1.png?mdt180426) 100%/100%;}
.opp_image_select2{background: url(img/k_opp2.png?mdt180426) 100%/100%;}
.opp_image_select3{background: url(img/k_opp3.png?mdt180426) 100%/100%;}
.opp_image_select4{background: url(img/k_opp4.png?mdt180426) 100%/100%;}
.opp_image_select5{background: url(img/k_opp5.png?mdt180426) 100%/100%;}
.opp_image_select6{background: url(img/k_opp6.png?mdt180426) 100%/100%;}
.opp_image_select7{background: url(img/k_opp7.png?mdt180426) 100%/100%;}
.opp_image_select8{background: url(img/k_opp8.png?mdt180426) 100%/100%;}
.opp_image_select9{background: url(img/k_opp9.png?mdt180426) 100%/100%;}
.opp_image_select10{background: url(img/k_opp10.png?mdt180426) 100%/100%;}
.opp_image_select11{background: url(img/k_opp11.png?mdt180426) 100%/100%;}
.opp_image_select12{background: url(img/k_opp12.png?mdt180426) 100%/100%;}
.opp_image_select13{background: url(img/k_opp13.png?mdt180426) 100%/100%;}
.opp_image_select14{background: url(img/k_opp14.png?mdt180426) 100%/100%;}

.horo_image_select1{background: url(img/k_horo1.jpg?mdt180426) 100%/100%;}
.horo_image_select2{background: url(img/k_horo2.jpg?mdt180426) 100%/100%;}
.horo_image_select3{background: url(img/k_horo3.jpg?mdt180426) 100%/100%;}
.horo_image_select4{background: url(img/k_horo4.jpg?mdt180426) 100%/100%;}
.horo_image_select5{background: url(img/k_horo5.jpg?mdt180426) 100%/100%;}
.horo_image_select6{background: url(img/k_horo6.jpg?mdt180426) 100%/100%;}
.horo_image_select7{background: url(img/k_horo7.jpg?mdt180426) 100%/100%;}
.horo_image_select8{background: url(img/k_horo8.jpg?mdt180426) 100%/100%;}
.horo_image_select9{background: url(img/k_horo9.jpg?mdt180426) 100%/100%;}
.horo_image_select10{background: url(img/k_horo10.jpg?mdt180426) 100%/100%;}
.horo_image_select11{background: url(img/k_horo11.jpg?mdt180426) 100%/100%;}
.horo_image_select12{background: url(img/k_horo12.jpg?mdt180426) 100%/100%;}
.horo_image_select13{background: url(img/k_horo13.jpg?mdt180426) 100%/100%;}
.horo_image_select14{background: url(img/k_horo14.jpg?mdt180426) 100%/100%;}
.horo_image_select15{background: url(img/k_horo15.jpg?mdt180426) 100%/100%;}
.horo_image_select16{background: url(img/k_horo16.jpg?mdt180426) 100%/100%;}
.horo_image_select17{background: url(img/k_horo17.jpg?mdt180426) 100%/100%;}
.horo_image_select18{background: url(img/k_horo18.jpg?mdt180426) 100%/100%;}
.horo_image_select19{background: url(img/k_horo19.jpg?mdt180426) 100%/100%;}
.horo_image_select20{background: url(img/k_horo20.jpg?mdt180426) 100%/100%;}
.horo_image_select21{background: url(img/k_horo21.jpg?mdt180426) 100%/100%;}
.horo_image_select22{background: url(img/k_horo22.jpg?mdt180426) 100%/100%;}
.horo_image_select23{background: url(img/k_horo23.jpg?mdt180426) 100%/100%;}
.horo_image_select24{background: url(img/k_horo24.jpg?mdt180426) 100%/100%;}
.horo_image_select25{background: url(img/k_horo25.jpg?mdt180426) 100%/100%;}
.horo_image_select26{background: url(img/k_horo26.jpg?mdt180426) 100%/100%;}
.horo_image_select27{background: url(img/k_horo27.jpg?mdt180426) 100%/100%;}
.horo_image_select28{background: url(img/k_horo28.jpg?mdt180426) 100%/100%;}
.horo_image_select29{background: url(img/k_horo29.jpg?mdt180426) 100%/100%;}
.horo_image_select30{background: url(img/k_horo30.jpg?mdt180426) 100%/100%;}
.horo_image_select31{background: url(img/k_horo31.jpg?mdt180426) 100%/100%;}
.horo_image_select32{background: url(img/k_horo32.jpg?mdt180426) 100%/100%;}
.horo_image_select33{background: url(img/k_horo33.jpg?mdt180426) 100%/100%;}
.horo_image_select34{background: url(img/k_horo34.jpg?mdt180426) 100%/100%;}
.horo_image_select35{background: url(img/k_horo35.jpg?mdt180426) 100%/100%;}
.horo_image_select36{background: url(img/k_horo36.jpg?mdt180426) 100%/100%;}
.horo_image_select37{background: url(img/k_horo37.jpg?mdt180426) 100%/100%;}
.horo_image_select38{background: url(img/w_horo1.jpg?mdt180426) 100%/100%;}
.horo_image_select39{background: url(img/w_horo2.jpg?mdt180426) 100%/100%;}
.horo_image_select40{background: url(img/w_horo3.jpg?mdt180426) 100%/100%;}
.horo_image_select41{background: url(img/w_metal1.jpg?mdt180426) 100%/100%;}
.horo_image_select42{background: url(img/w_metal2.jpg?mdt180426) 100%/100%;}

.daisi_image_select0{background: url(img/k_daisi_original.png?mdt180426) 100%/100%;}
.daisi_image_select1{background: url(img/k_daisi1.png?mdt180426) 100%/100%;}
.daisi_image_select2{background: url(img/k_daisi2_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select3{background: url(img/k_daisi3_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select4{background: url(img/k_daisi4_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select5{background: url(img/k_daisi5_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select6{background: url(img/k_daisi6_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select7{background: url(img/k_daisi7_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select8{background: url(img/k_daisi8_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select9{background: url(img/k_daisi9_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select10{background: url(img/k_daisi10_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select11{background: url(img/k_daisi11_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select12{background: url(img/k_daisi12_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select13{background: url(img/k_daisi13_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select14{background: url(img/k_daisi14_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select15{background: url(img/k_daisi15_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select16{background: url(img/k_daisi16_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select17{background: url(img/k_daisi17_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select18{background: url(img/k_daisi18_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select19{background: url(img/k_daisi19_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select20{background: url(img/k_daisi20_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select21{background: url(img/k_daisi21_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select22{background: url(img/k_daisi22_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select23{background: url(img/k_daisi23_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select24{background: url(img/k_daisi24_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select25{background: url(img/k_daisi25_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select26{background: url(img/k_daisi26_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select27{background: url(img/k_daisi27_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select28{background: url(img/k_daisi28_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select29{background: url(img/k_daisi29_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select30{background: url(img/k_daisi30_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select31{background: url(img/k_daisi31_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select32{background: url(img/k_daisi32_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select33{background: url(img/k_daisi33_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select34{background: url(img/k_daisi34_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select35{background: url(img/k_daisi35_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select36{background: url(img/k_daisi36_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select37{background: url(img/k_daisi37_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select38{background: url(img/k_daisi38_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select39{background: url(img/k_daisi39_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select40{background: url(img/k_daisi40_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select41{background: url(img/k_daisi41_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select42{background: url(img/k_daisi42_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select43{background: url(img/k_daisi43_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select44{background: url(img/k_daisi44_thumb.png?mdt180426) 100%/100%;}
.daisi_image_select45{background: url(img/k_daisi45_thumb.png?mdt180426) 100%/100%;}

.horo_image_area_exp,.opp_image_area_exp,.type_image_area_exp,.daisi_image_area_exp{
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    margin-left: 10px;
}
@media only screen and (max-width: 959px) {
    .horo_image_area_exp,.opp_image_area_exp,.type_image_area_exp,.daisi_image_area_exp{
        width: calc(100% - 64px);
        line-height: normal;
    }
}

.kancho {
    font-size:100%;
	font-weight:bold;
	color:#ff0000;
}
#adrs_modal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 11;
}
#adrs_modal_inner{
	width: 64vw;
	margin: 5vh 15vw;
	padding: 3vh 3vw;
	height: 84vh;
	text-align: center;
	font-size: 140%;
	background: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-x: hidden;
}
@media only screen and (max-width: 959px) {
	#adrs_modal_inner{
		width: 84vw;
		margin: 5vh 5vw;
	}
}
#adrs_modal_close{
    display: block;
    width: 10%;
    min-width: 100px;
    margin: 0 auto;
    padding: 1%;
    background: #bbb;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
}



/******************************/
/*サンクスページ*/
/******************************/
.thanks_box {
    width:95%;
	margin:1% 5% 5% 1%;
	border-top:#BDAC8C solid 1px;
	border-bottom:#BDAC8C solid 1px;
}
.thanks_box h3 {
    font-size:180%;
	margin:15px 0 5px 7.8%;
	font-weight:normal;
	color:#F00;
}
.thanks_box p {
    font-size:140%;
	margin:15px 0 30px 7.8%;
    padding: 2%;
    background: #fff9f9;
    border: 1px solid #222;
    border-radius: 5px;
}



/******************************/
/*問い合わせフォーム*/
/******************************/
.inq_01_btn_wrap{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.inq_01_btn_wrap .btn{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    width: 23%;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}



/*****************************************************/
/* お支払い方法・送料 */
/*****************************************************/
#pay1to,#pay2to,#pay3to,#pay4to,#pay5to,#pay6to,#pay7to,#pay8to,#del1to,#del2to,#del3to,#del4to,#del5to{cursor: pointer;}
#pay1 ul,#pay2 ul,#pay3 ul,#pay4 ul,#pay5 ul,#pay6 ul,#pay7 ul,#pay8 ul{
    margin:5px 10px;
	font-size:130%;
    list-style: decimal;
}



/*****************************************************/
/* らくらく注文 */
/*****************************************************/
.k_wrap{width: 900px;}
@media only screen and (max-width: 1099px) {
    .k_wrap{
	width: auto;
	margin: 0;
    -webkit-overflow-scrolling: touch;
	}
}
.k_wrap img{width: 100%;}
.k_plans h4{
	font-size: 17px;
	color: #fff;
	font-weight: bold;
	margin: 5% 5% 0 5%;
	width: 50%;
/*サイズ別*/
	background: #f1d7d7;
	border-radius: 8px;
	text-align: center;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 1099px){
    .k_plans h4{width: 90%;}
}
.k_plans ul{
	width: 96%;
	margin: 0;
	padding: 1% 2%;
	text-align: center;
}
.k_plans ul li{
	list-style: none;
	width: 22%;
	box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.2);
	cursor: pointer;
	margin: 0 1% 1% 0;
	display: inline-block;
	padding-bottom: 22%;
}
.k_plans ul li img{
	width: 100%;
	height: 100%;
}
.k_plans_btn{background-size: auto 100%;}
#k_size25{background-image:url('img/k_size25.gif?mdt180426');}
#k_size32{background-image:url('img/k_size32.gif?mdt180426');}
#k_size38{background-image:url('img/k_size38.gif?mdt180426');}
#k_size44{background-image:url('img/k_size44.gif?mdt180426');}
#k_size57{background-image:url('img/k_size57.gif?mdt180426');}
#k_size76{background-image:url('img/k_size76.gif?mdt180426');}
#k_size_de{background-image:url('img/k_size_de.gif?mdt180426');}
#k_size_sq{background-image:url('img/k_size_sq.gif?mdt180426');}
#k_type1{background-image:url('img/k_type1.gif?mdt180426');}
#k_type2{background-image:url('img/k_type2.gif?mdt180426');}
#k_type3{background-image:url('img/k_type3.gif?mdt180426');}
#k_type4{background-image:url('img/k_type4.gif?mdt180426');}
#k_type5{background-image:url('img/k_type5.gif?mdt180426');}
#k_type6{background-image:url('img/k_type6.gif?mdt180426');}
#k_type7{background-image:url('img/k_type7.gif?mdt180426');}
#k_type8{background-image:url('img/k_type8.gif?mdt180426');}
#k_type9{background-image:url('img/k_type9.gif?mdt180426');}
#k_type10{background-image:url('img/k_type10.gif?mdt180426');}
#k_type11{background-image:url('img/k_type11.gif?mdt180426');}
#k_type12{background-image:url('img/k_type12.gif?mdt180426');}
#k_opp1{background-image:url('img/k_opp1.png?mdt180426');}
#k_opp2{background-image:url('img/k_opp2.png?mdt180426');}
#k_opp3{background-image:url('img/k_opp3.png?mdt180426');}
#k_opp4{background-image:url('img/k_opp4.png?mdt180426');}
#k_opp5{background-image:url('img/k_opp5.png?mdt180426');}
#k_opp6{background-image:url('img/k_opp6.png?mdt180426');}
#k_opp7{background-image:url('img/k_opp7.png?mdt180426');}
#k_opp8{background-image:url('img/k_opp8.png?mdt180426');}
#k_opp9{background-image:url('img/k_opp9.png?mdt180426');}
#k_opp10{background-image:url('img/k_opp10.png?mdt180426');}
#k_opp11{background-image:url('img/k_opp11.png?mdt180426');}
#k_opp12{background-image:url('img/k_opp12.png?mdt180426');}
#k_opp13{background-image:url('img/k_opp13.png?mdt180426');}
#k_opp14{background-image:url('img/k_opp14.png?mdt180426');}
#k_horo1{background-image:url('img/k_horo1.jpg?mdt180426');}
#k_horo2{background-image:url('img/k_horo2.jpg?mdt180426');}
#k_horo3{background-image:url('img/k_horo3.jpg?mdt180426');}
#k_horo4{background-image:url('img/k_horo4.jpg?mdt180426');}
#k_horo5{background-image:url('img/k_horo5.jpg?mdt180426');}
#k_horo6{background-image:url('img/k_horo6.jpg?mdt180426');}
#k_horo7{background-image:url('img/k_horo7.jpg?mdt180426');}
#k_horo8{background-image:url('img/k_horo8.jpg?mdt180426');}
#k_horo9{background-image:url('img/k_horo9.jpg?mdt180426');}
#k_horo10{background-image:url('img/k_horo10.jpg?mdt180426');}
#k_horo11{background-image:url('img/k_horo11.jpg?mdt180426');}
#k_horo12{background-image:url('img/k_horo12.jpg?mdt180426');}
#k_horo13{background-image:url('img/k_horo13.jpg?mdt180426');}
#k_horo14{background-image:url('img/k_horo14.jpg?mdt180426');}
#k_horo15{background-image:url('img/k_horo15.jpg?mdt180426');}
#k_horo16{background-image:url('img/k_horo16.jpg?mdt180426');}
#k_horo17{background-image:url('img/k_horo17.jpg?mdt180426');}
#k_horo18{background-image:url('img/k_horo18.jpg?mdt180426');}
#k_horo19{background-image:url('img/k_horo19.jpg?mdt180426');}
#k_horo20{background-image:url('img/k_horo20.jpg?mdt180426');}
#k_horo21{background-image:url('img/k_horo21.jpg?mdt180426');}
#k_horo22{background-image:url('img/k_horo22.jpg?mdt180426');}
#k_horo23{background-image:url('img/k_horo23.jpg?mdt180426');}
#k_horo24{background-image:url('img/k_horo24.jpg?mdt180426');}
#k_horo25{background-image:url('img/k_horo25.jpg?mdt180426');}
#k_horo26{background-image:url('img/k_horo26.jpg?mdt180426');}
#k_horo27{background-image:url('img/k_horo27.jpg?mdt180426');}
#k_horo28{background-image:url('img/k_horo28.jpg?mdt180426');}
#k_horo29{background-image:url('img/k_horo29.jpg?mdt180426');}
#k_horo30{background-image:url('img/k_horo30.jpg?mdt180426');}
#k_horo31{background-image:url('img/k_horo31.jpg?mdt180426');}
#k_horo32{background-image:url('img/k_horo32.jpg?mdt180426');}
#k_horo33{background-image:url('img/k_horo33.jpg?mdt180426');}
#k_horo34{background-image:url('img/k_horo34.jpg?mdt180426');}
#k_horo35{background-image:url('img/k_horo35.jpg?mdt180426');}
#k_horo36{background-image:url('img/k_horo36.jpg?mdt180426');}
#k_horo37{background-image:url('img/k_horo37.jpg?mdt180426');}
#k_horo38{background-image:url('img/w_horo1.jpg?mdt180426');}
#k_horo39{background-image:url('img/w_horo2.jpg?mdt180426');}
#k_horo40{background-image:url('img/w_horo3.jpg?mdt180426');}
#k_horo41{background-image:url('img/w_metal1.jpg?mdt180426');}
#k_horo42{background-image:url('img/w_metal2.jpg?mdt180426');}
#k_daisi1{background-image:url('img/k_daisi1.png?mdt180426');}
#k_daisi2{background-image:url('img/k_daisi2.png?mdt180426');}
#k_daisi3{background-image:url('img/k_daisi3.png?mdt180426');}
#k_daisi4{background-image:url('img/k_daisi4.png?mdt180426');}
#k_daisi5{background-image:url('img/k_daisi5.png?mdt180426');}
#k_daisi6{background-image:url('img/k_daisi6.png?mdt180426');}
#k_daisi7{background-image:url('img/k_daisi7.png?mdt180426');}
#k_daisi8{background-image:url('img/k_daisi8.png?mdt180426');}
#k_daisi9{background-image:url('img/k_daisi9.png?mdt180426');}
#k_daisi10{background-image:url('img/k_daisi10.png?mdt180426');}
#k_daisi11{background-image:url('img/k_daisi11.png?mdt180426');}
#k_daisi12{background-image:url('img/k_daisi12.png?mdt180426');}
#k_daisi13{background-image:url('img/k_daisi13.png?mdt180426');}
#k_daisi14{background-image:url('img/k_daisi14.png?mdt180426');}
#k_daisi15{background-image:url('img/k_daisi15.png?mdt180426');}
#k_daisi16{background-image:url('img/k_daisi16.png?mdt180426');}
#k_daisi17{background-image:url('img/k_daisi17.png?mdt180426');}
#k_daisi18{background-image:url('img/k_daisi18.png?mdt180426');}
#k_daisi19{background-image:url('img/k_daisi19.png?mdt180426');}
#k_daisi20{background-image:url('img/k_daisi20.png?mdt180426');}
#k_daisi21{background-image:url('img/k_daisi21.png?mdt180426');}
#k_daisi22{background-image:url('img/k_daisi22.png?mdt180426');}
#k_daisi23{background-image:url('img/k_daisi23.png?mdt180426');}
#k_daisi24{background-image:url('img/k_daisi24.png?mdt180426');}
#k_daisi25{background-image:url('img/k_daisi25.png?mdt180426');}
#k_daisi26{background-image:url('img/k_daisi26.png?mdt180426');}
#k_daisi27{background-image:url('img/k_daisi27.png?mdt180426');}
#k_daisi28{background-image:url('img/k_daisi28.png?mdt180426');}
#k_daisi29{background-image:url('img/k_daisi29.png?mdt180426');}
#k_daisi30{background-image:url('img/k_daisi30.png?mdt180426');}
#k_daisi31{background-image:url('img/k_daisi31.png?mdt180426');}
#k_daisi32{background-image:url('img/k_daisi32.png?mdt180426');}
#k_daisi33{background-image:url('img/k_daisi33.png?mdt180426');}
#k_daisi34{background-image:url('img/k_daisi34.png?mdt180426');}
#k_daisi35{background-image:url('img/k_daisi35.png?mdt180426');}
#k_daisi36{background-image:url('img/k_daisi36.png?mdt180426');}
#k_daisi37{background-image:url('img/k_daisi37.png?mdt180426');}
#k_daisi38{background-image:url('img/k_daisi38.png?mdt180426');}
#k_daisi39{background-image:url('img/k_daisi39.png?mdt180426');}
#k_daisi40{background-image:url('img/k_daisi40.png?mdt180426');}
#k_daisi41{background-image:url('img/k_daisi41.png?mdt180426');}
#k_daisi42{background-image:url('img/k_daisi42.png?mdt180426');}
#k_daisi43{background-image:url('img/k_daisi43.png?mdt180426');}
#k_daisi44{background-image:url('img/k_daisi44.png?mdt180426');}
#k_daisi45{background-image:url('img/k_daisi45.png?mdt180426');}
.k_plan_selected{
	box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.3);
	border: 3px solid #0ff;
	box-sizing: border-box;
	border-radius: 5px;
}
.k_plan_unselect{
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
}
_:-ms-lang(x),.k_plan_unselect{opacity: 0.5;}
#now_horo{margin-bottom: 50px;}
.k_shadow0{
	box-shadow: none !important;
	cursor: default !important;
}
.red_alert_box{background: #fcc!important;}
.range{display: inline-block;}
.k_thumb_wrap{
	width: 20%;
	display: inline-block;
}
.k_thumb_imgs{
    width: 100%;
	background-color: #fff;
}
.k_thumb_imgs p{
	margin: 0;
	position: relative;
	width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.k_thumb_imgs img{
	height: 100%;
	position: absolute;
    cursor: pointer;
}
.k_thumb_multi{
	opacity: 0.9;
	mix-blend-mode: multiply;
    box-sizing: border-box;
    /*サイズ別*/
/*    height: 94%!important;
    margin: 3%;*/
}
_:-ms-lang(x),.k_thumb_multi{opacity:0.6;}
/*サイズ別*/
.k_thumb_multi11,
.k_thumb_multi12,
.k_thumb_multi13,
.k_thumb_multi14,
.k_thumb_multi15,
.k_thumb_multi16,
.k_thumb_multi17,
.k_thumb_multi18,
.k_thumb_multi19,
.k_thumb_multi20,
.k_thumb_multi21,
.k_thumb_multi22{
    opacity: 1;
    mix-blend-mode: normal;
}
.k_thumb_amounts{
	width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 15%;
}
@media only screen and (max-width: 1099px){
    .k_thumb_amounts{padding-bottom: 30%;}
}
.k_thumb_amounts p{
	margin: 0;
	font-size: 17px;
	text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
}
@media only screen and (max-width: 1099px){
    .k_thumb_amounts p{font-size: 3.5vw;}
}
#hyoji_area{
    position: relative;
    display: none;
    margin-bottom: 5em;
}
#hyoji_btn{
    background: #ff6600;
    width: 30%;
    font-size: 100%;
    margin: 3% auto;
    padding: 2% 0;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    box-shadow:  0 1px 3px rgba(0,0,0,0.3);
    cursor: pointer;
}
#hyoji_btn2{
    background: #ff6600;
    width: 74%;
    font-size: 100%;
    margin: 0 0 0 12%;
    padding: 2%;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    box-shadow:  0 1px 3px rgba(0,0,0,0.3);
    cursor: pointer;
}
@media only screen and (max-width: 1099px) {
    #hyoji_btn2{
        margin:4% auto 0;
        width:75.8%;
    }
}
.hyoji_exp{
    position: absolute;
    bottom: -4.5em;
    width: 100%;
    text-align: center;
    background: #ccc;
    border-radius: 5px;
    padding: 2px;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.hyoji_add{
    position: absolute;
    bottom: -2.5em;
    width: 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #ff91c9;
    border: 3px solid #ff55da;
    border-radius: 5px;
    padding: 6px;
    box-sizing: border-box;
    box-shadow:  0 1px 3px rgba(0,0,0,0.3);
    cursor: pointer;
}
@media only screen and (max-width: 1099px){
    #hyoji_btn{width: 80%;}
}
#close{
    color: #717171;
    width: 20%;
    margin: auto;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    background:#d1d1d1;
    padding: 2%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
#k_download{
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 3%;
    font-size: 2vw;
    font-weight: bold;
    color: #fff;
    background: #ff91c9;
    border: 4px solid #ff55da;
    border-radius: 10px;
    cursor: pointer;
}



/*****************************************************/
/* 自動お見積 */
/*****************************************************/
.estimate_base{
	margin: 0 7%;
	margin-bottom: 40px;
	font-size: 130%;
}
.estimate_base select,
.estimate_base input{
	font-size: 105%;
	border-radius: 3px;
	border: 1px solid #ccc;
	max-width: 100%;
}
.estimate_btn_wrap .k_plan_selected{
	box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.3);
	border: 3px solid #0ff;
	box-sizing: border-box;
	border-radius: 5px;
}
.estimate_must{
	display: inline-block;
	margin: 0 0 0 1%;
	color: #f00;
}
.estimate_name,.estimate_amount,.estimate_horo{
    margin: 2% 0 1% 1%;
}
.est_btn_wrap{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 3%;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
@media only screen and (max-width: 1099px){
    .est_btn_wrap{
	display: block;
	text-align: center;
	}
}
#estimate,#For_order1,#For_order2,#For_top{
	padding: 2% 0;
	cursor: pointer;
	font-size: 120%;
	width: 100%
}
#For_order1,#For_order2{
	background: #e05a5a;
    color: #fff;
    font-weight: bold;
    padding: 8% 0;
    border: 1px solid #ccc;
}
.estimate_btn,.forder1_btn,.forder2_btn,.est_top_btn{
	width: 20%;
	text-align: center;
}
@media only screen and (max-width: 1099px){
    .estimate_btn,.forder1_btn,.forder2_btn,.est_top_btn{
	width: 80%;
	margin: 2% auto;
    }
}
.estimate_head p{display: inline-block;}
@media only screen and (max-width: 1099px){
    .estimate_head p{display: block;}
}
.estimate_h2{
	background: none;
	color: #000;
	font-size: 150%;
	background-color: #ddd;
	text-align: center;
    border: none;
    border-radius: 0;
}
#est_custmer{
	font-size: 150%;
	text-align: center;
	border-bottom: 1px solid #000;
	width: 50%;
	margin: 8% auto;
}
@media only screen and (max-width: 1099px){
	#est_custmer{
    width: 70%;
    margin: 0;
    }
}
@media only screen and (max-width: 1099px){
    .estimate_hanko{
	text-align: right;
	margin: 0 0 5% 8%;
    }
}
.estimate_address{margin: 0 0 5% 1%;}
.estimate_tbl{
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
}
.estimate_tbl thead{text-align: center;}
.estimate_tbl tr{border: 1px solid #ccc;}
.estimate_tbl tr:nth-last-child(2),
.estimate_tbl tr:nth-last-child(3){background-color: #ddd;}
.estimate_tbl tr:last-child{
	background-color: #a3e5ff;
	font-weight: bold;
	font-size: 120%;
}
.estimate_tbl td{padding: 2%;}
.estimate_tbl td:nth-child(2),
.estimate_tbl td:nth-child(3){text-align: center;}
.estimate_tbl td:last-child{text-align: right;}



/******************************/
/*　イベント支援　*/
/******************************/
.box02 { 
	margin:0 4% 30px 4%;
	background-color:#FFFFF8;
	border-radius:8px;
	padding:1em 2em;
    box-shadow:rgba(153, 102, 0, 0.227451) 3px 3px 6px 3px;
}
.box02 p {margin:5px 10px;}
.box02 p.name {
    margin:0px 10px;
	font-size:130%;
}
.box02 h3 {
    font-size:180%;
	margin:5px 10px 0 10px;
	font-weight:normal;
}



/******************************/
/*その他サイズ*/
/******************************/
.fixed3 {
	width: 960px;
	position: fixed;
    top: 0;
    z-index: 1000;
    padding: 0;
    margin: 0;
}
.fixed3_dummy {height: 290px;}
.fixed3 .other_base{text-align: center;}
.fixed3 .other_base h2{display: none;}
.fixed3 .other_base .top_05_btn{
    width: 32%;
    margin: 0;
    color: #fff;
    font-weight: bold;
    box-shadow: none;
}
.fixed3 .other_base .top_05_inner img{display: none;}
.fixed3 .other_base #sizesqto span{background: #74ffd0;}
.fixed3 .other_base #sizedeto span{background: #ff74e6;}
.fixed3 .other_base #size25to span{background: #fc7373;}
@media only screen and (max-width: 959px){
    .fixed3 {
	    width: 100%;
	}
}
.other_base {margin:0 5% 40px 5%;}
@media only screen and (max-width:959px){
	.other_base {
		margin-left:5%;
		margin-right: 5%;
	}
}
.other_base h3 {
	font-size:220%;
	font-weight:normal;
	color:#FF6600;
	margin-bottom:0.2em;
}
.other_base p {font-size:140%;}
.other_base .optn_btn p{font-size: 100%;}
.other_btn p{
    position: relative;
    display: inline-block;
    font-size: 100%;
    width: 21%;
    margin: 2%;
    border-radius: 50%;
    padding-bottom: 21%;
    box-sizing: border-box;
    background: #82461b;
    text-align: center;
}
.other_btn p span{
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 140%;
    color: #fff;
}
@media only screen and (max-width:959px){
    .other_btn p span{font-size: 100%;}
}
.other_btn p span a{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
}
.other_btn p span a:hover{text-decoration: none;}
@media only screen and (max-width:959px){
    .other_btn p{
        width: 29%;
        padding-bottom: 29%;
        margin: 2%;
    }
}

.fixed4 .other_btn p span{
    font-size: 100%;
    padding: 7px 0;
}
@media only screen and (max-width:959px){
    .fixed4 .other_btn p span{padding:0;}
}
.fixed4 .other_btn p span a{display: inline-block;}



/******************************/
/*状況確認ページ*/
/******************************/
.khs_overlay_wrap{
    position: relative;
}
#khs_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
}
#khs_overlay p{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 140%;
}
#khs_overlay span{
    position: absolute;
    width: 100%;
    height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    padding-left: calc((150px - 38px) / 2 );
}
.khs_in_wrap{
    display: block;
    width: 100%;
}
.khs_in_wrap span{
    display: block;
    margin-top: 20px; 
    font-size: 120%;
}
#khs_order_in_no,
#khs_status_in_no{
    display: block;
    margin: 10px;
    padding: 7px;
    font-size: 120%;
    border: 1px solid #7a6969;
    border-radius: 5px;
    cursor: pointer;
}
#khsin{
    -webkit-appearance: none;
    display: block;
    margin: 30px 10px;
    padding: 3px 8px;
    font-size: 120%;
    color: #ffffff;
    border: 3px solid #4fc9ff;
    border-radius: 5px;
    background: #a0e2ff;
    cursor: pointer;
}
#khsin:disabled{
    background: #b1b1b1;
    border: 3px solid #707070;
}
.khs_in_exp{
    display: block;
    margin: 10px;
    padding: 2%;
    border: 1px solid #999;
    border-radius: 10px;
    background: #fff9f9;
}
.khs_order_out_wrap{
    font-size: 120%;
    margin: 10px;
    padding: 2%;
    background: #f0faff;
    border: 3px solid #c0eeff;
}
#khs_order_out_no{display: block;}
#khs_order_status{display: block;}
#khs_order_others{
    font-size: 120%;
    margin: 0 10px 10px 10px;
    padding: 0 2% 2% 2%;
    line-height: 2em;
}
#khs_order_others{
    width: calc(96% - 20px);
}
#khs_order_others a{
    display: inline-block;
    width: calc(12% - 4px);
    margin: 2%;
    padding: 1% 2%;
    background: #f0faff;
    border: 2px solid #c0eeff;
    border-radius: 3px;
    text-align: center;
}
#khs_order_others a:hover{
    text-decoration: none;
    color: #222;
}
@media only screen and (max-width:959px){
    #khs_order_others a{width: calc(25% - 4px);}
}
#khs_flow_wrap{
    margin: 3%;
    text-align: center;
    font-size: 120%;
}
#khs_flow_1,
#khs_flow_2,
#khs_flow_2_0,
#khs_flow_3,
#khs_flow_4,
#khs_flow_5,
#khs_flow_6,
#khs_flow_7{
    width: 30%;
    margin: 2% 2% 2% 33%;
}
@media only screen and (max-width:959px){
    #khs_flow_1,
    #khs_flow_2,
    #khs_flow_2_0,
    #khs_flow_3,
    #khs_flow_4,
    #khs_flow_5,
    #khs_flow_6,
    #khs_flow_7{
        width: 42%;
        margin: 2% 2% 2% 29%;
    }
}
#khs_flow_1_inner,
#khs_flow_2_inner,
#khs_flow_2_0_inner,
#khs_flow_3_inner,
#khs_flow_4_inner,
#khs_flow_5_inner,
#khs_flow_6_inner,
#khs_flow_7_inner,
#khs_flow_on,
#khs_flow_done{
    padding: 2%;
    border-radius: 5px;
}
#khs_flow_1_inner,
#khs_flow_2_inner,
#khs_flow_2_0_inner,
#khs_flow_3_inner,
#khs_flow_4_inner,
#khs_flow_5_inner,
#khs_flow_6_inner,
#khs_flow_7_inner,
.khs_flow_sign_undone{background: #c0eeff;}
#khs_flow_on,
.khs_flow_sign_on{background: #ffc0dd;}
#khs_flow_done,
.khs_flow_sign_done{background: #b1b1b1;}
.khs_flow_sign_undone,
.khs_flow_sign_on,
.khs_flow_sign_done{
    margin: 5%;
    padding: 2%;
    border-radius: 3px;
}
.khs_flow_position{
    position: relative;
}
.khs_flow_signs{
    width: 20%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #b1b1b1;
    border-radius: 5px;
}



/******************************/
/*動画ボックス*/
/******************************/
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}
.youtube_video_iframe_wrap{
	width: 100%;
	aspect-ratio: 16 / 9;
}
.movie_box_wrap{
    width: 100%;
    text-align: center;
    margin: 2% 0;
}
.movie_box {
	display: inline-block;
	position: relative;
	overflow: hidden;
    max-width: 320px;
	width: 100%;
	height: 180px;
}
@media only screen and (max-width:959px){
    .movie_box {
        width: 100%;
        height: auto;
    }
}
.movie_box::before {
	position: absolute;
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL5JREFUeNq81sENwyAMBVCwGCAjtJtlk6QbtBO0G2WEjlA2cOwqqBxQCuQ7lixyQP8JxRJ4J8XMF1lG6Sj98t7riisFpD/8K/2epQckMnO5cNgOAsOoYo+GT9LvXowa9iZMT/bchgWO5DVuJ6vC6OAvrcIINKS7GDlsFTE0UsSskBxbrJHv6J+BuDOQaInodXGTvgaj8If0Pd1LwTI8VbAMRyB/w48g1eE9SHN4C9IdniPRKjx/SAzWT6JVgAEAbljZpp8P2xEAAAAASUVORK5CYII=);
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 180px;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	transition: all 0.3s;
    cursor: pointer;
}
.movie_box:hover::before {
	background: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	transition: all 0.3s;
}
.movie_box img{
    width: 100%;
    height: auto;
}
.movie_player{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56%;
}
.movie_player iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/******************************/
/*　レビュー投稿フォーム　*/
/*57のみ*/
/******************************/
.star-rating {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  width: 250px;
  height: 50px;
  overflow: hidden;
  position: relative;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.star-rating i {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.star-rating input {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  width: 20%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
}
.star-rating input:hover + i,
.star-rating input:checked + i {
  opacity: 1;
}
.star-rating i ~ i {
  width: 40%;
}
.star-rating i ~ i ~ i {
  width: 60%;
}
.star-rating i ~ i ~ i ~ i {
  width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i {
  width: 100%;
}



/******************************/
/*　ブログ　*/
/*57のみ*/
/******************************/
.blog_post_list{
    font-size: 140%;
    border: 1px solid;
    margin: 3% 0;
    padding: 3% 2%;
    position: relative;
}
.blog_post_list img{
    display: inline-block;
    width: 28%;
    height: auto;
    vertical-align: top;
}
@media only screen and (max-width:959px){
    .blog_post_list img{
        display: block;
        width: 60%;
        margin: 0 auto;
    }
}
.blog_post_list h2{
    border: none;
    margin: 0;
    padding: 0;
    font-size: 130%;
}
.blog_post_list_link{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.blog_post_list_link:hover{
    background: #fff;
    opacity: 0.3;
    transition:all 0.2s ease-in;
    box-shadow:0 4px 3px #000;
    -webkit-backface-visibility: hidden;
    backface-visibility:hidden;
    will-change: transform;
}
.blog_entry_excerpt_wrap{
    display: inline-block;
    width: 68%;
    margin: 0 0 0 2%;
}
@media only screen and (max-width:959px){
    .blog_entry_excerpt_wrap{
        display: block;
        width: 96%;
    }
}
.blog_entry{font-size: 140%;}
.blog_entry a{color: #00f;}
.blog_entry h3{font-weight: bold;}
@media only screen and (max-width:959px){
    .blog_entry h3{font-size: 160%;}
}
@media only screen and (max-width:959px){
    .blog_entry img{
        display: block;
        margin: 0 auto;
    }
}
.blog_entry_meta{
    display: block;
    margin-top: 8%;
}
.blog_entry_meta time{
    background: #b1b1b1;
    color: #fff;
    padding: 1%;
}

.blog_navi{
    font-size: 140%;
    margin: 5% 0;
}
.blog_new{
    display: block;
    background: #fff;
    border: 1px solid #b1b1b1;
    font-size: 140%;
}
.blog_new li{
    list-style: none;
    margin: 2% 0;
}
.blog_cat{
    border-top: 1px solid #b1b1b1;
    font-size: 140%;
}
.blog_cat p{
    display: block;
    background: #fff8fa;
    border: 1px solid #b1b1b1;
    border-top: none;
    padding: 0;
    margin: 0;
}
.blog_cat p a{
    display: block;
    width: 96%;
    height: auto;
    padding: 2%;
}
.blog_cat p a:hover{
    text-decoration:none;
    color:#222;
}
.blog_chara{
    font-size: 140%;
    margin: 0 2%;
}
.blog_chara_inner{margin: 3% 0;}
.blog_chara_inner img{width: 25%;}
@media only screen and (max-width:959px){
    .blog_chara_inner{margin: 6% 0;}
    .blog_chara_inner img{
        display: block;
        width: auto;
        margin: 0 auto;
    }
}
.blog_chara_exp{
    display: inline-block;
    width: 70%;
    vertical-align: top;
}
@media only screen and (max-width:959px){
    .blog_chara_exp{
        display: block;
        width: 100%;
        vertical-align: initial;
    }
}
.blog_balloon_wrap{
    max-width: 100%;
    overflow: hidden;
}
.blog_balloon_wrap_left{
    display: flex;
    width: 90%;
    align-items: center;
    justify-content: flex-start;
    margin: 0 5%;
}
.blog_balloon2-left {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
    width: 80%;
	min-width: 120px;
 	max-width: 80%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 2px #44dcff;
 	box-sizing: border-box;
    border-radius: 10px;
}
.blog_balloon2-left:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
 	z-index: 2;
}
.blog_balloon2-left:after{
	content: "";
	position: absolute;
	top: 50%;
	left: -29px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #44dcff;
 	z-index: 1;
}
.blog_balloon2-left p {
	margin: 0;
	padding: 0;
}
.blog_balloon_person_left{width: 20%;}
.blog_balloon_person_left img{
    width: 100%;
    height: 100%;
}
.blog_balloon_wrap_right{
    display: flex;
    width: 90%;
    align-items: center;
    justify-content: flex-end;
    margin: 0 5%;
}
.blog_balloon2-right {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 15px 1.5em 0;
	padding: 7px 10px;
    width: 80%;
	min-width: 120px;
 	max-width: 80%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 2px #ff92b4;
 	box-sizing: border-box;
    border-radius: 10px;
}
.blog_balloon2-right:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
 	z-index: 2;
}
.blog_balloon2-right:after{
	content: "";
	position: absolute;
	top: 50%;
	right: -29px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #ff92b4;
 	z-index: 1;
    
}
.blog_balloon2-right p {
	margin: 0;
	padding: 0;
}
.blog_balloon_person_right{width: 20%;}
.blog_balloon_person_right img{
    width: 100%;
    height: 100%;
}

.blog_balloon2-left-gr {border: solid 2px #3be1a6;}
.blog_balloon2-left-gr:after{border-right: 14px solid #3be1a6;}
.blog_balloon2-right-or {border: solid 2px #ffae56;}
.blog_balloon2-right-or:after{border-left: 14px solid #ffae56;}



/******************************/
/*　ブログ記事一覧　*/
/******************************/
#blog_wrap{
    margin-bottom: 3%;
    border: 1px solid #222;
    border-radius: 10px;
}
#blog_wrap ul{
    display: block;
    margin: 0;
    padding: 0 3%;
    list-style: none;
}
#blog_wrap li{
    position: relative;
    display: block;
    width: 100%;
    margin: 1% 0;
}
#blog_wrap .titleWrap a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#blog_wrap .titleWrap a:hover{
    background: #fff;
    opacity: 0.5;
}
.titleWrap{margin-bottom: 0;}
.titleWrap .title{
    margin: 0 1% 0 0;
    font-size: 130%;
}
.titleWrap .cat,
.titleWrap .date{margin: 0 1%;}
#blog_wrap .text{
    display: inline-block;
    margin: 1% 2%;
}
#blog_wrap .text p{margin: 0;}
.top_blog_btn{
    display: inline-block;
    margin: 0 0 2% 2%;
}
@media only screen and (max-width:959px){
    #blog_wrap ul{padding: 0 5%;}
}



/******************************/
/*　閲覧履歴　*/
/******************************/
#rireki{
	width: 100%;
	padding: 0 1% 1% 1%;
	box-sizing: border-box;
}
@media only screen and (max-width:959px){
	#rireki{
		width: 98%;
		float: none;
		margin: 0 1%;
	}
}
.rireki_h{
	font-size: 110%;
	margin: 0;
	padding: 1% 4% 0;
	font-weight: bold;
	color: #222;
}
#rireki_del{
	display: block;
	float: right;
	margin-top: 1%;
	padding: 5px;
	background: #ddd;
	border-radius: 3px;
	cursor: pointer;
}
#rireki ul{
	display: block;
	padding: 0 0 0 10%;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	list-style: none;
}
@media only screen and (max-width:959px){
	#rireki ul{
		padding: 0% 3% 0% 8%;
	}
}
#rireki ul li{
	padding: 1% 0 1% 20px;
	background: url(img/favicon.gif) no-repeat;
	background-position: left;
	border-bottom: 1px solid #ccc;
}
#rireki ul li:last-child{border-bottom:none;}
@media only screen and (max-width:959px){
	#rireki ul li{
		padding: 3% 0 3% 20px;
	}
}



/******************************/
/*　新フォーム　*/
/******************************/



/******************************/
/*　フッター　*/
/******************************/
.footer2 {
    position: relative;
    clear:both;
    width:100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0.03em;
}
.footer2 h4 {
    color:#FFF;
    font-size:125%;
    pointer-events: none;
}
.footer2 ul {
    padding:0px 10px;
    margin-top:-8px;
    margin-bottom:8px;
}
.footer2 li {
    list-style:none;
    display: block;
    color:#FFF;
    margin:8px;
    font-size:100%;
}
.footer2 li a {color:#FFF;}
.ftul {
	background: linear-gradient(#555, #333);
	padding:0 5px 0 40px;
    width:24%;
    border:0;
    display: inline-block;
    overflow-y: auto;
}
.ftul2 {
	background: linear-gradient(#555, #333);
	padding:0 0 0 30px;
    width:29%;
    position: relative;
    border:0;
    display: inline-block;
    overflow-y: auto;
}
.ftul3 {
	background: linear-gradient(#555, #333);
	padding:0 0 0 20px;
    width:27%;
    position: relative;
    border:0;
    display: inline-block;
    overflow-y: auto;
}
.ftul4 {
	background: linear-gradient(#555, #333);
	padding:0 0 0 10px;
    width:20%;
    position: relative;
    border:0;
    display: inline-block;
    overflow-y: auto;
}
.ftimg{
	display: block;
	width: 83%;
	height: 0;
	padding-top: calc(42.5/220*100%);
	background: url(img/cartb.png?mdt180426) no-repeat 0 0;
    background-size: 100%;
	position:absolute;
    right:0px;
    bottom:30px;
}
.ftimg:hover{background-position: 0 bottom;}
.ftimg2{
	display: block;
	width: 21%;
	height: 0;
	padding-top: calc(10.5/50*100%);
	background: url(img/priceb.png?mdt180426) no-repeat 0 0;
    background-size: 100%;
	position:absolute;
    left:2%;
    bottom:30px;
}
.ftimg2:hover{background-position: 0 bottom;}
.ftimg3{
	display: block;
	width: 28%;
	height: 0;
	padding-top: calc(10.5/50*100%);
	background: url(img/templateb.png?mdt180426) no-repeat 0 0;
    background-size: 100%;
	position:absolute;
    left:22%;
    bottom:30px;
}
.ftimg3:hover{background-position: 0 bottom;}
.ftimg4{
	display: block;
	width: 21%;
	height: 0;
	padding-top: calc(10.5/50*100%);
	background: url(img/inqb.png?mdt180426) no-repeat 0 0;
    background-size: 100%;
	position:absolute;
    left:52%;
    bottom:30px;
}
.ftimg4:hover{background-position: 0 bottom;}
.ftimg5{
	display: block;
	width: 21%;
	height: 0;
	padding-top: calc(10.5/50*100%);
	background: url(img/telb.png?mdt180426) no-repeat 0 0;
    background-size: 100%;
	position:absolute;
    left:75%;
    bottom:30px;
}
.ftimg5:hover{background-position: 0 bottom;}
.ftimg6{
	display: block;
	width: 100px;
	height: 100px;
	background: url(img/topb.png?mdt180426) no-repeat 0 0;
    position:absolute;
    right:0px;
    bottom:10px;
}
.ftimg6:hover{background-position: 0 bottom;}
.ftimg7{
	display: block;
	position:absolute;
    left:36%;
    bottom:70px;
    z-index: 500;
}
.ftimg7_txt{
	display: block;
	position:absolute;
    left:378px;
    bottom:86px;
    z-index: 501;
}
.ftimg7_txt1,
.ftimg7_txt2{display: flex;}
.ftimg7_txt p{
    color: #fff;
    font-size: 112%;
    margin: 4px 2px;
}
.ftimg7_txt p a{color: #fff;}
@media only screen and (max-width: 1200px){
    .ftul{padding-bottom: 200px;}
    .ftimg6{margin-bottom: 100px;}
}
@media only screen and (max-width:959px){
	.footer2{display: block;}
    .footer2 h4{
        margin-bottom: 0;
        pointer-events: all;
    }
    .footer2 ul{
        display: none;
        padding-top: 10px;
    }
    .ftul{padding-bottom: 0px;}
    .ftul,.ftul2,.ftul3,.ftul4{
        display: block;
        padding: 0 8%;
        width: 84%;
        background:#333;
    }
    .ftul4{padding-bottom: 10px;}
    .ftimg6{margin-bottom: 0;}
    .ftimg,.ftimg2,.ftimg3,.ftimg4,.ftimg5{display: none;}
    .ftimg7{
        position: static;
        left: auto;
        bottom: auto;
        background: #333;
        width: 94%;
        padding: 0 6% 17% 0;
    }
    .ftimg7 img{width: 100%;}
    .ftimg7_txt{
        left: 11%;
        bottom: 4.5%;
        width: 86%;
        padding: 0 0 17% 0;
    }
    .ftimg7_txt1,
    .ftimg7_txt2{width: 100%;}
    .ftimg7_txt p{
        font-size: 4vw;
        margin: 1% 0 1.6% 1%;
    }
}
.copylight {
    background: #E9E9DE;
    margin:0;
    display: block;
}
@media only screen and (max-width:959px){
    .copylight { margin-bottom:50px;}
}



/*****************************************************/
/*　グローバルナビゲーション　*/
/*****************************************************/
.fixed {
	width: 960px;
	position: fixed;
    top: 0;
    z-index: 1000;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 959px){
.fixed {
	width: calc(100% / 3);
	right: 0;
	background-color:#6c6c6c;
	}
}



/*****************************************************/
/*　サイズナビゲーション　*/
/*****************************************************/
#fixedBox2{display: none;}
#fixedBox2.fixed2{display: block!important;}
#fixedBox2 dt{width: 50%;}
#fixedBox2 dd{margin: 0;}
.fixed2 {
	width: 65px;
	position: fixed;
    top: 0;
	left: 0;
    z-index: 1000;
    padding: 0;
    margin: 0;
}
#side_to{
    display: none;
    visibility: hidden;
    max-width: 0;
    max-height: 0;
}
#fixedBox2.head_size32_tggl,#fixedBox2.head_size38_tggl,#fixedBox2.head_size44_tggl,#fixedBox2.head_size57_tggl,#fixedBox2.head_size76_tggl,#fixedBox2.head_size_other_tggl{
    margin-top: 8px;
}
@media only screen and (max-width: 1200px){
    .fixed2 {
        top: 28px;
        left: -12px;
    }
}
@media only screen and (max-width: 959px){
    #fixedBox2 dt{width: 100%;}
    .fixed2 {
	width: calc(100% / 3);
	top: 0;
    left: 0;
	}
    #side_to{
    max-width: 100%;
    max-height: 100%;
	display: block;
	text-align:left;
	background-color: #9f9f9f;
	padding: 5px;
	color: #fff;
    cursor: pointer;
    visibility: visible;
	}
}


/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
nav div.panel{
display:block !important;
float:left;
width: 100%;
}
a#menu{display:none;}
nav#mainNav{
	clear:both;
	position:relative;
	z-index:200;
}
nav#mainNav ul{
	margin: 0;
	padding: 0;
	letter-spacing: -0.4em;
	height: 0;
	padding-bottom: 5%;
}
nav#mainNav ul li{
	list-style: none;
	width: calc(100% / 7);
	display: inline-block;
	font-size: 120%;
	letter-spacing: normal;
	word-spacing: normal;
	border: 1px solid #b1b1b1;
	border-bottom: 6px solid #b1b1b1;
/*	border-radius: 5px 5px 0 0;*/
	overflow: hidden;
	background-color: #fff;
    box-sizing: border-box;
}
@media all and (-ms-high-contrast: none){
  nav#mainNav ul li{
	width: 14.28%;
  }
}
nav#mainNav ul li a{
	display: block;
	text-align: center;
	color:#333;
	line-height:34px;
}
nav#mainNav ul li a img{width: 100%;}
nav#mainNav ul li a span{}
nav#mainNav ul ul{width:160px;}
nav#mainNav ul li ul{display: none;}
nav#mainNav ul li:hover ul{
display: block;
position: absolute;
top:50px;
left:-2px;
z-index:500;
}
nav#mainNav ul li li{
padding:0 0 0 10px;
margin:0;
float: none;
height:40px;
line-height:40px;
width:160px;
background:#fff1dd;
border:0;
border-bottom:1px dotted #ccc;
}
nav#mainNav ul li li:first-child{border-left:0;}
nav#mainNav ul li li a{
width:100%;
height:40px;
padding:0;
line-height:40px;
font-size:95%;
text-align:left;
}
nav#mainNav ul li li a span{padding:0 10px;}
nav#mainNav ul li:hover ul li:last-child{border:0;}
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:959px){
	nav#mainNav{
	clear:both;
	width:100%;
	margin:0px auto 10px auto;
	background:#6c6c6c;
	}
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:37px;
	line-height:37px;
	font-weight: bold;
	color: #fff;
	text-align:left;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAABCCAMAAABzV0YhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////////VXz1bAAAAAJ0Uk5T/wDltzBKAAAAXUlEQVR42uzUQQrAIAxE0T/3v3S3rY1jiG6EuH0IYsJH5rCPWASLP/7iwCNi8c0BgkWKN2uvLf5QcSpqbGzMIK4JnAhGgFFOkijToag2adS0YEvULONrvHqHHgEGAMCNBmngKpL2AAAAAElFTkSuQmCC) no-repeat -2px 8px;
	}
	nav#mainNav a#menu span{padding-left:30px;font-size: calc(17px * 0.8);}
	nav#mainNav a.menuOpen{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAABCCAMAAABzV0YhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////////VXz1bAAAAAJ0Uk5T/wDltzBKAAAAXUlEQVR42uzUQQrAIAxE0T/3v3S3rY1jiG6EuH0IYsJH5rCPWASLP/7iwCNi8c0BgkWKN2uvLf5QcSpqbGzMIK4JnAhGgFFOkijToag2adS0YEvULONrvHqHHgEGAMCNBmngKpL2AAAAAElFTkSuQmCC) no-repeat -2px -34px;
	}
	nav#mainNav a#menu:hover{cursor:pointer;}
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}
	nav#mainNav ul{margin:0;padding:0;list-style: none;width: 100%;}
	nav#mainNav ul li{
	float: none;
	clear:both;
	height:auto;
	line-height:1.2;
	}
	nav#mainNav ul li li:first-child{border-top:0;}
	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	text-align:left;
	background-color: #9f9f9f;
	padding: 7px 5px;
	color: #fff;
	}
	nav#mainNav ul li a img{width: 100%;}
	nav#mainNav ul li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #ccc;}
	nav#mainNav ul li a span{}
	nav#mainNav ul li li{
	float:left;
	border:0;
	}
	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
    padding-left:40px;
	background:#fff;}
	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
    background:#fff1dd;}
	nav#mainNav ul li li:last-child a{background:#fff;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#fff1dd;}
	nav div.panel{float:none;}
	#mainImg{margin-bottom:20px;}
}




/**********************************/
/***  共通部分を上に書いてあるから   ***/
/***  新たに追加する汎用部分は      ***/
/***      一番下に書くこと         ***/
/**********************************/
#full_loading_overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgb(255 255 255 / 70%);
	z-index: 100000;
}
.full_loading_overlay_text{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 140%;
}
.full_loading_overlay_text p{
	background: #fff;
	padding: 10% 7%;
}
#full_loading_overlay_text_close{
    position: fixed;
    right: 0;
    font-size: 200%;
    margin: 5%;
    cursor: pointer;
}
#full_loading_overlay_ok{
	margin: 0 auto;
    display: block;
    text-align: center;
    width: fit-content;
    padding: 10px;
    background: #0878fd;
	color: #fff;
	cursor: pointer;
	box-shadow: 0 3px 0 #104a8f;
}
.full_loading_overlay_inner{
    position: absolute;
    width: 100%;
    height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    padding-left: calc((150px - 38px) / 2 );
}