@charset "utf-8";
/* CSS Document */
/************************/
/*____ 基礎 ____*/
h2{height: auto;line-height: 1.2;}
#LP-foot{margin-bottom:40px;}
.spMargin{ margin:0 1rem;}
.spMargin-L{ margin:0;}

a.cmBtn {
	font-size: 0.8rem;
    background-color: #000;
    color: #fff;
    line-height: 1.0rem;
    padding: 0.8rem 0;
  	margin: 0.5rem 0rem 0;
}
a.cmBtn:before {
    content: "";

}
.logoWrapper img{max-width:90%;}
.cmTxt{
	font-weight: 200;
}
.backlink {
	display: none;
}
#LP-html img{max-width: unset !important;}
#LP-html .disp_pc {display:none !important;}

#totop {
	width: 55px;
    height: 55px;
    background: #000;
    border-radius: 3px;
    position: fixed;
    bottom: 75px;
    right: 20px;
    z-index: 100;
    border: 1px solid #000;
    opacity: 0.7;
}
#totop a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 0;
}
#totop a i {
	font-size: 20px;
	color: #fff;
}
#totop a span {
	display: block;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	color: #fff;
}
img {
    width: 100%;
    max-height: 100%;
    vertical-align: bottom;
}

/************************/
/*____ 本店header流用楽天yahoo ____*/
#headerMdb {
    background-color: #191919;
    padding: 5px;
    text-align: center;
}
#header_menu-logo img {
    vertical-align: middle;
    width: auto;
}
#headerMdb > div {
    display: inline-block;
    line-height: 30px;
    margin: auto 0;
}
#headerMdb .bt_back {
    left: 0;
    position: absolute;
    top: 5px;
}
.bt_left {
    display: block;
    margin: 0;
    padding: 0 0 0 10px !important;
    width: 60px !important;
}

.bt_left a::before {
    background-color: #4c8ab3;
    background-image: linear-gradient(to bottom, #275a86 0%, #4c8ab3 10%, #79a7c6 100%);
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    content: " ";
    display: block;
    float: left;
    height: 15px;
    margin-left: -5px;
    transform: skew(-35deg);
    width: 10px !important;
}
.bt_left a::after {
    background-color: #3a729c;
    background-image: linear-gradient(to bottom, #3a729c 0%, #2c5278 90%, #8da2b6 100%);
    border-left: 1px solid #8da2b6;
    content: " ";
    display: block;
    height: 15px;
    margin-left: -5px;
    margin-right: auto;
    margin-top: -15px;
    position: relative;
    transform: skew(35deg);
    width: 10px !important;
}
.bt_left a {
    background-color: #4c8ab3;
    background-image: linear-gradient(to bottom, #275a86 0%, #4c8ab3 5%, #79a7c6 49%, #3a729c 50%, #2c5278 95%, #8da2b6 100%);
    border-radius: 6px;
    border-right: 1px solid #31628b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-indent: -10px;
    text-shadow: 0 1px 1px #000;
    width: auto !important;
}
/************************/
/*____ footer流用楽天yahoo ____*/
footer {
    margin-bottom: 10px;
    padding: 10px;
}
footer .backlink {
    height: 50px;
    position: relative;
}
.clear {
    clear: both;
}
footer .pagetop {
    float: right;
    font-size: 12px;
    margin: 10px 0;
}
ul::after, dl::after, .btn_search::after, .pageBox::after, .swipeBox::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
footer #f_navi_style {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    clear: both;
    margin-bottom: 10px;
}
footer #f_navi_style li {
    background-color: #fff;
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #ccc;
    height: 33px;
}
footer #f_navi_style li a:after {
	content:"＞　";
	float:right;
}
li {
    list-style: outside none none;
}
footer #f_navi_style li a {
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    padding-left: 5px;
    text-decoration: none;
	position:relative;
}


/************************/
/*____ 看板 ____*/
.title_img img{
	width:100%;
}
.title_wrapper{
    margin: 0.5rem 1rem 1rem;
    line-height: 1.2;
    text-align: center;
}
.title_h1{
	font-size: 1.1rem;
	line-height:1.6rem;
	margin:-50px auto 0;
    position: relative;
    top: 0;
    left: 0;
    padding:3.5em 2em 0;
    width:calc( 90% - 4em );
    background-color:rgba(255,255,255,0.5);
    display: block;
}
.title_date{
    font-size: 13px;
    margin: 0.3rem 0;
    text-align: right;
    font-weight: 400;
    color: #999;
}
.title_h1 img{width:100%;}
.title_h1 span{width:calc( 90% - 8px );display:block;font-size:14px;line-height:1.4em;text-align:center;position:absolute;top:1.5em;left:0;right:0;margin:0 auto;background-color:#000;color:#FFF;padding:8px 4px;}

/************************/
/*____ 見出し ____*/
.headLine{margin:100px auto 50px;}
.headLineDeg{margin:0 auto 25px;}

/********************/


section {
    width: 100%;
    margin-bottom: 4rem;
}





/*_____ リンク _____*/

.sns_size {
    margin: 1.5rem auto 2rem;
    width: 95%;
}


.main_h2{font-weight:bold;font-size:1.4em;line-height:1.5em;text-align:center;padding:1em 1em 0;}
.p_style{line-height:1.75em;}
.menu_img{margin:2em auto;display:block;height:30px;}
.menu_btn_img_style_box > div{display:inline-block;width:30%;float:left;margin:0 1.5%;text-align:center;}
.toggle_btn_img{height:30px;}
.menu_btn_img_style_box_text{clear:both;overflow:hidden;border-top:2px solid;}
.menu_btn_img_style_box_text > div{display:inline-block;width:33%;float:left;text-align:center;}
.btn_hover_ac{margin:0 auto;}
.contnt_box_left {float:none;overflow: hidden;}
.contnt_box_right{float:none;overflow: hidden;}
.wid_56{width:100%;margin:0 auto;box-shadow: 0px 10px 5px -5px #adadad}
.wid_40{width:90%;margin:1em auto;padding-top: 0em;}
.content_incontent_left{width:calc( 100% - 4em - 2px );margin-bottom:1em;border: 1px solid #ccc;}
.content_incontent_right{width:46%;margin:0 2%;}
.content_incontent_right ul{margin:0;}
.item_evaluation{font-size:13px;}
.item_evaluation span{width:40%;line-height: 1.2em;margin-bottom: 0.5em;}
.check_btn{width:100%;}
.content_incontent_left_text{font-size:12px;}
.content_box{position:relative;margin:0em auto;overflow:visible;}
.check_btn{width:50%;margin:2em auto 2em;padding: 16px 0;}
.pc_text_right{text-align:center;}
.end_content_box_01 , .end_content_box_02{margin: 2em auto 5em;}
.end_content_box_btn_open{margin:0;}
.end_content_box_btn_contain{width:80%;}
.main_h3 img{height:50px;}
.main_h2 img{height:50px;}
.all_item_btn{margin-top:3em;}

.footer_content{width:auto;height:400px;background-size:auto 400px;background-repeat:no-repeat;background-position:center;margin:80px 0px;background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/mb/article/98/img/per_l_k_sp.jpg");background-attachment:scroll;}
.footer_content_box{position: static;margin: 50px auto !important;width: 80%;}
.footer_content_box p{text-align:left;}

.pan_div{width:90%;margin:0.5em auto;font-size: 11px;}
.sp_break{display:block;}

.end_content_box_03 , .end_content_box_04 , .end_content_box_05{margin: 2em auto;}


.stocking_arch{overflow-y: visible;margin-bottom:2em;}
.content_incontent_left a{width: 45%;display: inline-block;vertical-align: baseline;float: none;margin-right:3%;}
.content_incontent_left a img{width:90%;}
.item_evaluation{width:50%;padding:0;font-size:12px;}
.main_h2 p{margin-top:0;}
.colovari_text{border:none;display:block;background-color:#bfbfbf;color:#FFF;padding:0.3em 0.5em 0.1em;}
.clear_colorvari{clear:both;border-bottom:1px solid #ddd;}
.colorvari_box li{font-size:9px;width: calc(100% / 5 - 0.5em );}
.content_incontent_disc h3{margin:0;}
.stocking_arch_title{margin-top:0;padding: 0 2em;font-size: 1em;}
.content_disc{margin-bottom:4em;}
.stocking_arch_table .menu_btn_img_style{margin-top:1em;}

.all_item_btn {
    margin-top: 3em;
    font-size: 16px;
    min-height: 120px;
    margin: 0 auto;
}

#LP-html .pc_only{display:none;}
#LP-html .sp_only{display:block;}
#LP-html .title_h1 img.pc_only{display:none;}
#LP-html .title_h1 img.sp_only{display:block;}

.colorvari_box_right{justify-content: flex-start;}

.stocking_arch_title span{font-size: 18px;}

.item_name{margin-top: 0 !important;}

.contnet_switch_03 .stocking_arch_table{width:700px;}
.contnet_switch_01 .stocking_arch_table td img{width: 120px;}
.contnet_switch_03 .stocking_arch_table td img{width: 120px;}

.content_incontent_disc{padding-top: 1.5em;}

@media screen and (max-width: 540px) {
	.title_h1 span{font-size:12px;}
}
@media screen and (max-width: 420px) {
	.title_h1 span{font-size:11px;}
}
@media screen and (max-width: 360px) {
	.title_h1 span{font-size:10px;}
}