@charset "utf-8";

@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(//use.fontawesome.com/releases/v5.0.6/css/all.css);

/*
	font-family:"FontAwesome";
	font-family:"Font Awesome 5 Free";
*/


/*========================================
 Base／固定
========================================*/
#header_group, #footer_group {min-width:1080px;}
#special_content *, #top-wrap * {box-sizing:border-box;}
#special_content {margin:0 auto;}
#top-wrap section {background:transparent;}
.mainBanner img {vertical-align:bottom;}
.note{
	width:1080px;
	line-height:1.4;
}

/* SP用 */
#top-wrap {font-size:var(--14px);}
#top-wrap section{
    width:100%;
    margin:0;
}
#top-wrap section#corner_sphone_banner {width:100%;}
div.sphone_banner img{
    width:100%;
    vertical-align:bottom;
}
#product-detail-wrap {font-size:var(--14px);}
#product-detail-wrap p{
    margin:1rem 0;
    padding:0;
 }


/*===== display:none =====*/
/* PC用 */
#special_content .title, .nav_separate, #special_content title_in, .pagetop {display:none;}
.special_contents_wrap + br, #top-wrap #corner_main_text h2, #special_content .spOnly {display:none;}

/* SP用 */
#corner_name, #corner_sub_text_title p a + br, #top-wrap .pcOnly {display:none;}


/*===== 商品情報 =====*/
#related_products ul.product_horizontal_list{
	width:1000px;
    margin:0 auto;
}
#related_products ul.product_horizontal_list li{
	background:#fff;
    width:calc((100% - 60px )/ 4);
    height:auto !important;
    margin:30px 20px 20px 0;
    padding:0.5rem 1rem;
	border:1px solid #e8e8e8; /*商品 枠色*/
}
#related_products ul li:nth-of-type(4n) {margin-right:0;}
.product_horizontal_list li{
    background:#fff;
    border:1px solid #e8e8e8;
}
#special_content .fltCheckboxItem{
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#related_products ul li .item_list_class{
	top:-30px;
	left:0;
    width:100%;
}
#related_products ul li .item_list_thumb{
    height:auto;
    margin:0 auto;
}
#related_products ul li h3{
    font-size:var(--15px);
    font-weight:normal;
    line-height:1.6;
    /* 3点リーダー */
    overflow:hidden;
    display:-webkit-box;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
#related_products ul li .price{
	margin:0.5rem 0;
    font-size:var(--15px);
}
#related_products ul li .item_list_status, #related_products ul li .release {font-size:var(--13px);}

.item_checkbox {cursor:pointer;}
#special_content .item_checkbox {top:346px !important;}
.v_checkbox:checked + .item_checkbox:before{
	position:relative;
    top:-2px;
    right:-2px;
}


/* 商品リストの間マージン */
#special_content .sec_sub {margin-bottom:4em;}
#special_content .sec_sub:last-of-type {margin-bottom:3em;}


/*====== 〇〇ページへ ======*/
.add_cart_btn_bulk {border-radius:5px;}

/* SP用 */
#top-wrap .itemsList {margin:0 0 20%;}
#top-wrap .itemsList:last-of-type {margin:0 0 8%;}
#top-wrap .itemsList li{
    background:#fff;
	margin:1rem auto;
    padding:0.5rem;
    border:1px solid #eee;
}
#top-wrap .itemsList li div{
    width:100%;
    height:100%;
    padding-left:150px !important;
    box-sizing:border-box !important;
}
#top-wrap .itemsList li .img{
    width:140px;
    margin:0 5px 0 0 !important;
    border:1px solid #f0f0f0;
}
#top-wrap .itemList li .img span{
    width:auto;
    height:auto;
}
#top-wrap .itemsList li .img img {max-width:130px;}
#top-wrap .itemsList li div > span{
    font-size:var(--12px);
	line-height:1.2;
}
#top-wrap .itemsList li div > a{
    margin:0 0 0.5rem;
    font-size:var(--13px);
    line-height:1.4;
    /* 3点リーダー */
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.itemsList li {border:1px solid #eee !important;}
#top-wrap .item_checkbox{
    bottom:.5rem;
    right:.5rem;
}

#top-wrap .itemsList li > a + div > a + span{
    font-size:var(--15px);
    color:#d55454;
}


/*====== このグループの商品を全て選択するボタン ======*/
#top-wrap .chkSelCorner {padding:0 1rem;}
.btnSelCorner {margin-left:2.6em !important;}
#top-wrap .btnSelCorner {margin-left:1.3em !important;}


/*====== チェックした商品をカートに入れるボタン ======*/
.fa.fa-flip-horizontal.fa-shopping-cart, #top-wrap .fa-flip-horizontal {padding-left:.5em;}
.fltArea {bottom:0 !important;}


/*===== コピーライト＆topへ戻るボタン =====*/
#FooterCopyright{
    padding-bottom:2rem;
    text-align:center;
}


/*====== topへ戻る ======*/
.pagetop, #special_content #page_top {display:none !important;}
#top-wrap #page_top{
	position:fixed;
    display:none;
    background:#325fab;
	bottom:10px;
	right:10px;
    width:40px;
    height:40px;
    padding:0;
    text-indent:-9999px;
    border-radius:100%;
    cursor:pointer;
    z-index:800;
}
#top-wrap #page_top a {display:block;}
#top-wrap #page_top::after{
    font-family:"FontAwesome";
    content:"\f106";
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    font-size:40px;
    color:#fff;
    text-align:center;
    line-height:35px;
    text-indent:0;
}


/*===== FontSize 早見表(必要なもののみ残す) 　※ 16pxは1remで記載 ※ =====*/
html {
    --12px:calc(12 / 16 * 1rem);
    --13px:calc(13 / 16 * 1rem);
    --14px:calc(14 / 16 * 1rem);
    --15px:calc(15 / 16 * 1rem);
    --18px:calc(18 / 16 * 1rem);
    --26px:calc(26 / 16 * 1rem);
    --28px:calc(28 / 16 * 1rem);
    --34px:calc(34 / 16 * 1rem);
}




/*========================================
 カスタム用 ／PC&SP
========================================*/

/*===== 背景変更する場合 =====*/
#layouts, #top-wrap{
    background:url("../images/bg.jpg") center top repeat-y fixed;
    background-size:cover;
}
#special_content{
	position:relative;
    width:1080px;
}
#special_content, #top-wrap {font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}


/*===== SNS位置修正 =====*/
#special_content .share{
	position:absolute;
	top:0;
	left:-86px;
	width:auto;
	z-index:50;
}


/*===== header下ナビボタン =====*/
.detail_info > a, #corner_sub_text_title {display:none;}


/*===== サブテキスト コンテンツ =====*/
.search-h2 {display:none;}


/* header */
#SaleShop{
    background:#d76d0e;
    width:calc(100% - 12px);
    margin:30px auto;
    padding:10px 0 8px;
    font-size:var(--28px);
    font-weight:bold;
    color:#fff;
    text-align:center;
    outline:6px solid #262626;
    border:6px solid #fff;
}
#corner_main_text #product-detail-wrap > p {display:none;}
#top-wrap #SaleShop{
    width:100%;
    margin-top:0;
    padding:10px 0 8px;
    font-size:var(--15px);
    border:none;
    border-top:4px solid #fff;
    border-bottom:4px solid #fff;
    outline:none;
}
#Header ul{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:90%;
    margin:0 auto;
    padding:0;
}
#top-wrap #Header ul{
    display:block;
    margin-bottom:2em;
}
#Header li{
    width:calc(100% / 2 - 30px);
    margin:0 0 2em;
    font-size:var(--26px);
    font-weight:bold;
    text-align:center;
    list-style:none;
}
#top-wrap #Header li{
    width:80%;
    margin:0 auto 1em;
    font-size:var(--14px);
}
#Header li a{
    display:block;
    background:#fff;
    padding:12px 0 10px;
    color:#ef2a6f;
    border:4px solid #ef2a6f;
    border-radius:7px;
    text-decoration:none;
    transition:1s;
}
#Header li a::before{
    font-family:"FontAwesome";
    content:"\f101";
    margin-right:1em;
}
#special_content #Header li a:hover{
    background:#f0c8d1;
    transition:0.4s;
}


/* タイトル */
.ItemWrap{
    background:rgba(255, 255, 255, 0.8) !important;
    padding:2em;
    outline:6px solid #f09965;
    border-radius:12px;
}
#top-wrap .ItemWrap{
    width:90%;
    margin:0 auto;
    padding:1em 0;
    border:4px solid #f09965;
    outline:none;
}
#top-wrap #GoodsInfo .ItemWrap{
    outline:none;
    border-radius:0;
}
#corner_sub_text_title_2.ItemWrap{
    padding-bottom:0;
    border-bottom:none;
    border-radius:12px 12px 0 0;
}
#corner_sub_text_title_2.ItemWrap + .ItemWrap{
    padding:0.1em 0 0;
    border-top:none;
    border-radius:0 0 12px 12px;
}
.TitBox{
    margin-bottom:0.5em;
    font-size:var(--34px);
    font-weight:bold;
    color:#000;
    text-align:center;
}
#top-wrap .TitBox {font-size:var(--18px);}
#top-wrap #Standy .TitBox {margin:1em 0 1.4em;}
.Tit{
    position:relative;
    display:inline-block;
    padding:0 5em;
}
#top-wrap .Tit{
    display:block;
    width:90%;
    margin:0 auto;
    padding:0 1em;
}
.Tit:before, .Tit:after{
    position:absolute;
    top:calc(50% - 3px);
    width:100px;
    height:6px;
    content:"";
    border-top:solid 2px #000;
    border-bottom:solid 2px #000;
}
#top-wrap .Tit:before, #top-wrap .Tit:after{
    position:absolute;
    top:calc(50% - 5px);
    width:30px;
    height:6px;
    content:"";
    border-top:solid 2px #000;
    border-bottom:solid 2px #000;
}
.Tit:before {left:0;}
.Tit:after {right:0;}
.BoxTxt{
    width:96%;
    margin:0 auto 20px;
    padding:0 2em;
    font-size:1em;
    border-radius:8px;
}
#top-wrap .BoxTxt{
    padding:0 1em;
    line-height:1.4em;
}
#collabo li{
    margin-bottom:0.4em;
    font-size:var(--18px);
    font-weight:bold;
    color:#ef2a6f;
    list-style:none;
}
#collabo li:last-of-type {margin-bottom:0;}
#collabo li a{
    color:#ef2a6f;
    text-decoration:none;
    transition:0.4s;
}
#collabo li a::before{
    font-family:"FontAwesome";
    content:"\f101";
    margin-right:0.6em;
    font-weight:900;
}
#collabo li a:hover {color:#999;}
#collabo .BoxTxt {margin-bottom:0;}
#collabo .BoxTxt ul {margin-top:2em;}


/* グッズ情報 */
#special_content #GoodsInfo .TitBox + p {margin-left:0.4em;}
#top-wrap #GoodsInfo .TitBox + p {margin-left:1em;}
#top-wrap .itemsList li:first-of-type {margin-top:0;}


/* スタンディ設置店舗 */
#Standy {margin-bottom:70px;}
#Standy dl{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    background:rgba(254,230,0,0.2);
    width:100%;
    margin:1em 0;
    padding:1em 3em 0.4em;
    line-height:1;
}
#Standy dt{
    margin-bottom:0.6em;
    padding-right:1em;
}
#top-wrap #Standy dt{
    width:calc(60% - 1em);
    text-align:left;
    padding:0 1em;
}
#Standy dd:first-of-type {margin-right:6em;}
#Standy dd{
    margin:0 0 0.6em;
    padding-left:1em;
}
#top-wrap #Standy dd {width:calc(40% - 1em);}
#Standy dd:nth-child(2n) {border-left:1px solid #262626;}
#Standy .BoxTxt + .TitBox {margin-top:2em !important;}
#top-wrap #Standy .BoxTxt + .TitBox {margin:3em 0 1em !important;}
#Standy .BoxTxt + .TitBox + .BoxTxt dl {justify-content:center;}
#top-wrap #Standy .BoxTxt + .TitBox + .BoxTxt dl {
    display: block;
    padding:5% 5% 1%;
    text-align: center;
}
#Standy .BoxTxt + .TitBox + .BoxTxt dt {padding-right:0.6em;}
#top-wrap #Standy .BoxTxt + .TitBox + .BoxTxt dt{
    width:100%;
    padding:6px 0;
    text-align:center;
    border:1px solid #000;
}
#top-wrap #Standy .BoxTxt + .TitBox + .BoxTxt dd{
    width:100%;
    border:none;
    margin-bottom:1em;
    padding-left:0;
}
#Standy .BoxTxt p {margin-top:1em;}


/* グッズ */
#top-wrap #GoodsInfo + p{
    margin:0;
    padding-top:0.1em;
}


/* Footer */
#FooterWrap {text-align:center;}
#FooterWrap p{
    display:inline-block;
    background:rgba(255, 255, 255, 0.7);
    margin-bottom:2em;
    padding:0.8em 5em;
    border-radius:50vw;
}
#top-wrap #FooterWrap{
    width:90%;
    margin:0 auto;
    padding-bottom:1em;
    border-radius:12px;
}
#top-wrap #FooterWrap p{
    display:block;
    padding:0.8em 2em;
}