@charset "UTF-8";

/* --------------------------------------------------------------------
	font
--------------------------------------------------------------------- */
/* 日本語フォント */
@font-face {
font-family: 'Noto Sans Japanese';
src: url('/cms/fonts/NotoSansJP-Black.woff');
font-weight: 900;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans Japanese';
src: url('/cms/fonts/NotoSansJP-Bold.woff');
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans Japanese';
src: url('/cms/fonts/NotoSansJP-Light.woff');
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans Japanese';
src: url('/cms/fonts/NotoSansJP-Medium.woff');
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans Japanese';
src: url('/cms/fonts/NotoSansJP-Regular.woff');
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans Japanese';
src: url('/cms/fonts/NotoSansJP-Thin.woff');
font-weight: 100;
font-display: swap;
}

/* 欧文フォント */
@font-face {
font-family: 'Inter';
src: url('/cms/fonts/Inter.woff');
font-display: swap;
}
@font-face {
font-family: 'Public Sans';
src: url('/cms/fonts/Public_Sans.woff');
font-display: swap;
}
@font-face {
font-family: 'Lora';
src: url('/cms/fonts/Lora.woff');
font-display: swap;
}
@font-face {
font-family: 'Roboto Slab';
src: url('/cms/fonts/Roboto_Slab.woff');
font-display: swap;
}
@font-face {
font-family: 'DM Serif Display';
src: url('/cms/fonts/DMSerifDisplay-Regular.woff');
font-display: swap;
}

/* --------------------------------------------------------------------
	リセット
--------------------------------------------------------------------- */
html {
	color:#000;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

/* --------------------------------------------------------------------
	common
--------------------------------------------------------------------- */
html {
    width: 100%;
    height: 100%;
    font-size: 62.5%;
}

body{
    min-width: 1200px;
    font-size: 100%;
    font-weight: 400;
    color: #000;
    line-height: 1.8;
    font-family: 'inter', 'Noto Sans Japanese', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
}

body.drawer_on{
    position: static;
    cursor: pointer;
    overflow: hidden;
    overflow-y: hidden;
    height: 100%;
    width: 100%;    
}

h1,
h2,
h3,
h4{
    text-align: center;
    padding-bottom: 40px;
}

h1{font-size: 26px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 16px;}

/* Inter */
/*body.font-inter h1,*/
body.font-inter h2,
body.font-inter h3,
body.font-inter h4{font-family: 'Inter', 'Noto Sans Japanese';}

/* Public Sans */
/*body.font-public-s h1,*/
body.font-public-s h2,
body.font-public-s h3,
body.font-public-s h4{font-family: 'Public Sans', 'Noto Sans Japanese';}

/* Lora */
/*body.font-lora h1,*/
body.font-lora h2,
body.font-lora h3,
body.font-lora h4{font-family: 'Lora', 'Noto Sans Japanese';}

/* Roboto Slab */
/*body.font-roboto-sb h1,*/
body.font-roboto-sb h2,
body.font-roboto-sb h3,
body.font-roboto-sb h4{font-family: 'Roboto Slab', 'Noto Sans Japanese';}

/* Roboto Slab */
/*body.font-dm-serif h1,*/
body.font-dm-serif h2,
body.font-dm-serif h3,
body.font-dm-serif h4{font-family: 'DM Serif Display', 'Noto Sans Japanese';}

strong {font-weight: 500;}
a{text-decoration: none;}
a,
a:link,
a:visited{color: #000;}

a:visited {text-decoration: none;}

a:hover{
    transition: .4s;
    color: #c0c0c0;
    text-decoration: none;
}

table.temp-tbl{
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
    word-break: break-word; 
}

table.temp-tbl tr{display: flex;}

table.temp-tbl th,
table.temp-tbl td{
    padding: 8px;
    text-align: center;
    font-size: 2.1rem;
    line-height: 1.6;
    flex: 1;
}


table.temp-tbl th a,
table.temp-tbl td a{color: #841480!important;}

div.wrapper_{
	width: 100%;
    overflow: hidden;	
}

body>.container {
    min-width: 320px;
    max-width: 1600px;
    margin: 0 auto;
}

div.contents_{float: none;}
div.mainframe_{float: none;}

@media only screen and (max-width: 768px) {
    h3{width: auto!important;}

    table.temp-tbl{
        table-layout:auto;
        word-break:normal;
    }    
}

/* --------------------------------------------------------------------
	 ページトップに戻る
--------------------------------------------------------------------- */
.common-footer-page-top{
    position: fixed;
    top: auto;
    bottom: 10px;
    right: 50%;
    margin-right: -700px;
    display: none;
    z-index: 50;
} 

.common-footer-page-top a {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../../img/common/footer/pagetop.svg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
}

@media only screen and (max-width: 768px) {
    .common-footer-page-top{
        right: 8px;
        margin-right: 0;
    }
    .common-footer-page-top a {
        width: 44px;
        height: 44px;
        -webkit-background-size: 44px 44px;
        background-size: 44px 44px;
    }
}

/* --------------------------------------------------------------------
	 パンくず
--------------------------------------------------------------------- */
.breadcrumb-inner{background: #fff;}
.breadcrumb{
    width: 1200px;
    padding: 28px 0 70px 0;
    margin: 0 auto 0 auto;   
}

.breadcrumb span,
.breadcrumb span a{font-size: 1.1rem;} 

/* --------------------------------------------------------------------
	 common header
--------------------------------------------------------------------- */
.common-header .common-header-logo{
    background: #fff;
    position: relative;
    text-align: center;
    padding: 19px 0;
}
.common-header .common-header-logo h1{padding-bottom: 0;}
.common-header .common-header-logo img{
    width: 160px;
    vertical-align: middle;
}
.common-header .common-header-menu{
    position: relative;
    background: #F6F6F6;
    height: 50px;
}

.common-header .common-header-menu-inner{
    width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;    
}

.common-header .common-header-menu-inner .common-header-menu-lt{
    display: flex;
}

.common-header .common-header-menu .common-header-menu-lt > ul > li > a{
    position: relative;
    font-size: 1.2rem;
    display: block;
    padding: 0 25px;    
    transition: 0.2s ease-in-out;
}

.common-header .common-header-menu .common-header-menu-lt > ul > li.common-header-globalnav-more > a{padding: 0 50px 0 25px;}
.common-header .common-header-menu .common-header-menu-lt > ul > li.common-header-globalnav-corp > a{padding: 0 25px 0 50px;}

.common-header .common-header-menu .common-header-menu-lt > ul > li:last-child a:after{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background: #000;
}

.common-header .common-header-menu .common-header-menu-lt > ul > li:first-child a{padding: 0 25px 0 0;}
.common-header .common-header-menu .common-header-menu-lt ul li a:hover{color: #c0c0c0;}
.common-header .common-header-menu .common-header-menu-lt ul li a:hover img{
    opacity: .7;
    transition: 0.2s ease-in-out;
}

.common-header .common-header-menu .common-header-menu-lt > ul{
    display: flex;
}

.common-header .common-header-menu .common-header-menu-lt > ul > li{
    cursor: pointer;
    display: flex;
    align-items: center;
}

.common-header .common-header-menu .common-header-menu-lt > ul > li.common-header-globalnav-corp .common-header-globalnav-menu a:after{display: none;}

.common-header .common-header-menu .common-header-menu-rt{position: relative;}
.common-header .common-header-menu .common-header-menu-rt > ul{
    display: flex;
    padding-top: 7px;
    align-items: center;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li{
    text-align: center;
    padding-bottom: 7px;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li figure{
    height: 18px;
    padding: 0;
    margin: 0;
}
.common-header .common-header-menu .common-header-menu-rt > ul > li a{
    padding: 0 11px;
    display: block;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li.common-header-menu-contact > a{padding: 0 0 0 13px;}
.common-header .common-header-menu .common-header-menu-rt > ul > li.common-header-menu-search > a{padding: 0 17px 0 16px;}
.common-header .common-header-menu .common-header-menu-rt > ul > li.common-header-menu-cart > a{padding: 0 21px 0 14px;}
.common-header .common-header-menu .common-header-menu-rt > ul > li.common-header-menu-favorite > a{padding: 0 10px 0 7px;}
.common-header .common-header-menu .common-header-menu-rt > ul > li.common-header-menu-login > a,
.common-header .common-header-menu .common-header-menu-rt > ul > li.common-header-menu-mypage > a{padding: 0 10px 0 0;}

.common-header .common-header-menu .common-header-menu-rt > ul > li > a > div{
    width: 22px;
    height: 22px;
    margin: 0 auto;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li > a > div.icon-mypage{
    background: url(../../img/common/header/icon_mypage.png) no-repeat center;
    background-size: 15px 18px;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li > a > div.icon-favorite{
    background: url(../../img/common/header/icon_favorite.png) no-repeat center;
    background-size: 22px 18px;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li > a > div.icon-cart{
    background: url(../../img/common/header/icon_cart.png) no-repeat center;
    background-size: 22px 18px;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li > a > div.icon-search{
    background: url(../../img/common/header/icon_search.png) no-repeat center;
    background-size: 18px 18px;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li > a > div.icon-contact{
    background: url(../../img/common/header/icon_contact.png) no-repeat center;
    background-size: 18px 18px;
}

/* オンマウス */
.common-header .common-header-menu .common-header-menu-rt > ul > li > a:hover > div.icon-mypage{
    background: url(../../img/common/header/icon_mypage_on.png) no-repeat center;
    background-size: 15px 18px;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li > a:hover > div.icon-favorite{
    background: url(../../img/common/header/icon_favorite_on.png) no-repeat center;
    background-size: 22px 18px;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li > a:hover > div.icon-cart{
    background: url(../../img/common/header/icon_cart_on.png) no-repeat center;
    background-size: 22px 18px;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li > a:hover > div.icon-search{
    background: url(../../img/common/header/icon_search_on.png) no-repeat center;
    background-size: 18px 18px;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li > a:hover > div.icon-contact{
    background: url(../../img/common/header/icon_contact_on.png) no-repeat center;
    background-size: 18px 18px;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li > a:hover span{color: #c0c0c0;}

.common-header .common-header-menu .common-header-menu-rt > ul > li figure img{
    max-height: 18px;
}

.common-header .common-header-menu .common-header-menu-rt > ul > li span{
    font-size: 10px;
    display: block;
    transform: scale(0.9);
    transform-origin: center;
    margin-top: -2px;
}

/* ログイン前 */
.common-header .common-header-menu .common-header-menu-rt > ul > li.common-header-menu-login,
.common-header .common-header-menu .common-header-menu-rt > ul > li.common-header-menu-mypage{display: none;}

/* --------------------------------------------------------------------
	 corporate header
--------------------------------------------------------------------- */
.corporate-header-inner{border-bottom: solid 1px #E8E8E8;}
.corporate-header{
    margin: 0 auto;
    max-width: 1200px;
}

.corporate-header-wrap{height: 154px;}
.corporate-header .corporate-header-logo{
    text-align: center;
    padding: 40px 0;
    transition: 0.3s;
}
.corporate-header .corporate-header-logo img{
    max-width: 250px;
    margin-top: 2px;
    transition: 0.3s;
}

.corporate-nav-area{text-align: center;}
.corporate-nav-area ul{display: flex;}
.corporate-nav-area ul li{
    width: calc(100% / 6);
    position: relative;
}

.corporate-nav-area ul li.corporate-nav-active a:after,
.corporate-nav-area ul li:hover a:after{
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: solid 1px #C0C0C0;    
}

.corporate-nav-area ul li.corporate-nav-active a,
.corporate-nav-area ul li.corporate-nav-active a:visited,
.corporate-nav-area ul li.corporate-nav-active a:active{color: #c0c0c0;}

.corporate-nav-area ul li a{
    position: relative;
	padding: 15px 0 15px 0;
    display: block;
    font-size: 1.4rem;
}

.corporate-header-wrap.corporate-header-fixed .corporate-header-follow{
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    margin: 0 auto;
    z-index: 2;
}

.corporate-header-wrap.corporate-header-fixed .corporate-header-follow .corporate-header{padding: 15px 0 0;}
.corporate-header-wrap.corporate-header-fixed .corporate-header-follow .corporate-header .corporate-header-logo{
    position: relative;
    z-index: -1;
    height: 0;
    padding: 0;
}

.corporate-header-wrap.corporate-header-fixed .corporate-header-follow .corporate-header .corporate-header-logo img{opacity: 0;}
.corporate-header-wrap.corporate-header-fixed .corporate-header-follow .corporate-nav-area ul li a{padding: 0 50px 15px 50px;}


/* --------------------------------------------------------------------
	 brand header
--------------------------------------------------------------------- */
.brand-header-inner{
    border-bottom: solid 1px #E8E8E8;
    background: #fff;
}

.brand-header{
	padding: 40px 0 0;
    display: flex;
    margin: 0 auto;
    width: 1200px;
}

/* .brand-header-wrap{height: 94px;} */

.brand-header .brand-header-logo{
    margin-right: 50px;
    width: 250px;
    padding: 0;
}
.brand-header .brand-header-logo img{
    max-width: 250px;
    margin-top: 2px;
    transition: all .6s ease;
}

.brand-nav-area{text-align: center;}
.brand-nav-area ul{
    display: flex;
    justify-content: center;
}

.brand-nav-area ul li a{
	padding: 15px 50px 15px 50px;
    display: block;
    font-size: 1.4rem;
}

.brand-header-wrap.brand-header-fixed .brand-header-inner{
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    margin: 0 auto;
    z-index: 2;
}

.brand-header-wrap.brand-header-fixed .brand-header-follow .brand-header{padding: 15px 0 0;}
.brand-header-wrap.brand-header-fixed .brand-header-follow .brand-header .brand-header-logo img{max-width: 120px;}
.brand-header-wrap.brand-header-fixed .brand-header-follow .brand-nav-area ul li a{padding: 0 50px 15px 50px;}
.brand-header-wrap.brand-header-fixed{height: auto;}

/* --------------------------------------------------------------------
	 online header
--------------------------------------------------------------------- */
.online-header-inner{
    border-bottom: solid 1px #E8E8E8;
    background: #fff;
    text-align: center;

}
.online-header-inner .online-header{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 94px;
    transition: all .3s ease;
}
.online-header-inner .online-header-logo{padding-top: 7px;}
.online-header-inner .online-header-logo a{display: block;}
.online-header-inner .online-header-logo img{
    max-width: 160px;
    transition: all .3s ease;
}
.online-header-wrap{height: 95px;}
.online-header-wrap.online-header-fixed .online-header-follow{
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    margin: 0 auto;
    z-index: 3;
}

.online-header-wrap.online-header-fixed .online-header-follow .online-header{height: 55px;}
.online-header-wrap.online-header-fixed .online-header-follow .online-header .online-header-logo img{max-width: 120px;}
.online-header-wrap.online-header-fixed .online-header-follow .online-nav-area ul li a{padding: 0 50px 15px 50px;}

@media only screen and (max-width: 768px) {
    .online-head{height: 51px;}
    .online-header-wrap{height: auto;}
    .online-header-wrap.online-header-fixed .online-header-follow .online-header{height: 50px;}
    .online-header-inner .online-header{height: 50px;}
    .online-header-inner .online-header-logo img{width: 80px;}
}


/* ドロワーメニュー */
.common-header .common-header-drawer{
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -12px;
}
.common-header .common-header-drawer .common-header-drawer-icon{
    width: 18px;
    height: 24px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    margin: 0 auto;
}

.common-header .common-header-drawer .common-header-drawer-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #222;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.common-header .common-header-drawer .common-header-drawer-icon span:nth-child(1) {top: 2px;}
.common-header .common-header-drawer .common-header-drawer-icon span:nth-child(2) {top: 9px;}
.common-header .common-header-drawer .common-header-drawer-icon span:nth-child(3) {top: 16px;}

.common-header .common-header-drawer.open .common-header-drawer-icon span:nth-child(1) {
    top: 9px;
    transform: rotate(135deg);
}

.common-header .common-header-drawer.open .common-header-drawer-icon span:nth-child(2) {
    opacity: 0;
    left: 0;
}

.common-header .common-header-drawer.open .common-header-drawer-icon span:nth-child(3) {
    top: 9px;
    transform: rotate(-135deg);
}

.block-nav-contents{
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: -100%;
    overflow: auto;
    background: #fff;
    z-index: 2;
    transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);     
}

.drawer_on .block-nav-contents{right: 0;}

.block-nav-contents-inner{
    position: relative;
    overflow: hidden;
}

.block-nav-contents-close{
    width: 30px;
    height: 23px;
    margin: 10px 10px;
    position: relative;    
}

.block-nav-contents-close span{
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;    
}

.block-nav-contents-close span:nth-child(1){
    top: 9px;
    transform: rotate(135deg);   
}

.block-nav-contents-close span:nth-child(2){
    top: 9px;
    transform: rotate(-135deg); 
}


/* --------------------------------------------------------------------
	nav

--------------------------------------------------------------------- */
.common-header .common-header-globalnav-menu{
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 50px;
    left: 0;
    padding: 30px 0 20px;
    text-align: left;
    z-index: 10;            
}

.common-header .js-anime-common-header-hover.common-header-globalnav-corp .common-header-globalnav-menu{padding-bottom: 80px;}
.common-header .common-header-menu .common-header-menu-rt > ul > li.js-anime-common-header-hover > a{pointer-events: none}

.common-header .common-header-globalnav-menu-inner{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: baseline;
}


.common-header .cetegory-item .cetegory-item-ttl{
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 7px;
    cursor: default;
}

.common-header .cetegory-item .cetegory-item-ttl.cetegory-item-ttl-spce{margin-top: 20px;}

/* カテゴリ */
.common-header .cetegory-item{width: 190px;}
.common-header .common-header-globalnav-menu a{font-size: 1.3rem;}
.common-header .cetegory-item ul li{margin-bottom: 3px;}

/* ブランド */
.common-header .brand-item ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 0;
}

.common-header .brand-item ul li{
    width: 150px;
    box-sizing: border-box;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.common-header .brand-item ul li:nth-child(n + 8){margin-top: 50px;}*/

.common-header .brand-item ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-header .brand-item ul li a img{
    max-width: 120px;
    max-height: 70px;
}

/* ニュース */
.common-header .news-list ul{
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-header .news-list ul li{
    width: 200px;
}

.common-header .news-list ul li a{
    display: block;
}

.common-header .common-header-globalnav-menu-inner .news-list a p{font-weight: 500;}
.common-header .news-list ul li span{
    display: block;
    font-size: 0.9rem;
    font-weight: 400;
}

/* もっと見る */
.common-header .more-item ul li{
    min-width: 110px;
    padding: 0 60px 0 0;
    box-sizing: border-box;
    margin-bottom: 2px;
}

/* コーポレート */
.common-header .corp-item ul{
    display: flex;
    align-items: center;
    justify-content: center;   
}

.common-header .corp-item ul li{
    width: 160px;
}

/* ログイン＆新規登録 */
.common-header .common-header-menu .common-header-globalnav-info{
    display: none;
    position: absolute;
    background-color: #F6F6F6;
    opacity: 0.98;
    width: 350px;
    top: 50px;
    right: 45px;
    padding: 13px 50px 38px;
    box-sizing: border-box;
    text-align: left;
    z-index: 10;
    /*height: auto!important;*/
}

/* お問合せ */
.common-header .common-header-menu .common-header-menu-contact .common-header-globalnav-info{right: 0;}

/* ログイン */
.common-header .common-header-menu .common-header-menu-login .common-header-globalnav-info{right: 75px;}

.common-header .common-header-menu .common-header-globalnav-info ul{display: block;}
.common-header .common-header-menu .common-header-globalnav-info .common-header-globalnav-info-inner > ul > li{margin-top: 24px;}
.common-header .common-header-menu .common-header-globalnav-info ul li a{
    display: block;
    align-items: center;
    width: 250px;
    padding: 14px 0 13px 0;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    transition: 0.2s ease-in-out;    
}

.common-header .common-header-menu .common-header-globalnav-info ul li a:hover{opacity: .7;}

/* 検索 */
.common-header .common-header-menu .common-header-globalnav-info.common-header-globalnav-info-search{
    width: 450px;
    right: 0;
    box-sizing: border-box;
    padding: 14px 50px 38px;
}

.common-header .common-header-menu .common-header-globalnav-info.common-header-globalnav-info-search li{margin-top: 24px;}

.common-header .common-header-menu .common-header-globalnav-info .search-box{
    display: flex;
	flex-wrap: wrap;
    align-items: flex-end;
}

.common-header .common-header-menu .common-header-globalnav-info .search-box dl{
    border-bottom: solid 1px #000;
    width: calc(100% - 34px);
    display: flex;
    align-items: center;
    margin-right: 16px;
    margin-bottom: 10px;
}

.common-header .common-header-menu .common-header-globalnav-info .search-box dl dt{
    font-size: 1.3rem;
    width: 20%;
}

.common-header .common-header-menu .common-header-globalnav-info .search-box dl dd{width: 80%;}
.common-header .common-header-menu .common-header-globalnav-info .search-box dl dd input{
    appearance: none;
    border: none;
    background: transparent;
    outline: 0;
}

.common-header .common-header-menu .common-header-globalnav-info .search-box dl dd input[type=text]{
    width: 100%;
    padding: 10px 5px;
    text-align: right;
    font-size: 1.3rem;
    box-sizing: border-box;
}

.common-header .common-header-menu .common-header-globalnav-info .search-box dl dd input.search-btn{display: none;}
.common-header .common-header-menu .common-header-menu-search .common-header-globalnav-info ul{width: 100%;}
.common-header .common-header-menu .common-header-menu-search .common-header-globalnav-info ul li a{width: auto;}
.common-header .common-header-menu .common-header-globalnav-info .search-box .search-box-ac{
    display: flex;
    width: 100%;
}

.common-header .common-header-menu .common-header-globalnav-info .search-box .search-box-ac > form{
    display: flex;
    align-items: center;
    width: 100%;
}

.common-header .common-header-menu .common-header-globalnav-info .search-box .search-box-ac > form .search-box-submit-btn button{
    cursor: pointer;
    width: 34px;
    height: 34px;
    background: url(../../img/common/header/ac_icon_search.png) no-repeat center center #000;
    background-size: 14px 14px;
    border: none;
}

.common-header .common-header-menu .common-header-globalnav-info .search-box .search-box-ac > form .search-box-submit-btn button:hover{opacity: .7;}

@media only screen and (min-width: 769px) {
    .common-header-drawer.sp-only{display: none;}
}

/* --------------------------------------------------------------------
	ハンバーガー
--------------------------------------------------------------------- */
.block-nav-contents-ac-content ul{
    background: #F6F6F6;
}

.block-nav-contents-ac-content ul li{
    border-top: solid 1px #e8e8e8;
} 

.block-nav-contents-ac-content ul li a{
    display: block;
    font-size: 1.3rem;
    padding: 12px 0 12px 70px;
}

.block-nav-contents-sub-ttl{
    border-top: solid 1px #e8e8e8;    
}

.block-nav-contents-sub-ttl a,
.block-nav-contents-sub-ttl span{
    display: block;
    font-size: 1.3rem;
    padding: 12px 0 12px 30px;
}

.block-nav-contents-line{
    border-bottom: solid 1px #eee;
}

.block-nav-contents-line .block-nav-contents-ttl{
    font-size: 1.3rem;
    padding: 10px 10px 10px 10px;
    border-top: solid 1px #eee;
}

.block-nav-contents-line .block-nav-contents-ttl.ac-list{
    cursor: pointer;
    position: relative;
    border-top: solid 1px #e8e8e8; 
}

.block-nav-contents-line .block-nav-contents-ttl.ac-list::before,
.block-nav-contents-line .block-nav-contents-ttl.ac-list::after{
    position: absolute;
    content: "";
    top: 50%;
    width: 13px;
    height: 1px;
    background: #808080;
    right: 25px;
    transition: 0.2s ease-in-out;
}

.block-nav-contents-line .block-nav-contents-ttl.ac-list::before{transform:rotate(0deg);}
.block-nav-contents-line .block-nav-contents-ttl.ac-list::after{transform:rotate(90deg);}
.block-nav-contents-line .block-nav-contents-ttl.ac-list.ac-open::after{
    display: none;
}

.block-nav-contents .block-nav-contents-ac-content{display: none;}

/* --------------------------------------------------------------------
	footer
--------------------------------------------------------------------- */
.common-footer .footer-top{background: #eeeeee;}
.common-footer .footer-top .common-footer-inner{
    width: 1200px;
    margin: 0 auto;
    padding: 70px 0 58px;
} 

.common-footer .footer-top .footer-main-nav{display: flex;}
.common-footer .footer-top .footer-main-nav .footer-main-nav-line{
    margin-right: 60px;
    min-width: 256px;
}

.common-footer .footer-top .footer-main-nav > .footer-main-nav-line:last-child{margin-right: 0;}
.common-footer .footer-top .footer-main-nav .footer-main-nav-brand{padding-top: 18px;}
.common-footer .footer-top .footer-main-nav .footer-main-nav-brand li a{
    display: block;
    margin-bottom: 1px;
    font-size: 1.3rem;
}

.common-footer .footer-top .footer-main-nav .footer-main-nav-shop .footer-main-nav-shop-item a{
    font-size: 1.4rem;
    display: block;
    border-bottom: solid 1px #C0C0C0;
    padding: 42px 0 16px;
    font-weight: 500;
}

.common-footer .footer-top .footer-main-nav .footer-main-nav-corp-list ul{margin-bottom: 40px;}
.common-footer .footer-top .footer-main-nav .footer-main-nav-corp-list{padding: 18px 0 0;}
.common-footer .footer-top .footer-main-nav .footer-main-nav-corp-list ul li{margin-bottom: 8px;}
.common-footer .footer-top .footer-main-nav .footer-main-nav-corp-list ul li a{
    display: block;
    font-size: 1.3rem;
}

.common-footer .footer-top .footer-main-nav .footer-main-nav-contact .footer-main-nav-contact-ttl{
    font-size: 1.4rem;
    border-bottom: solid 1px #C0C0C0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-weight: 500;
}

.common-footer .footer-top .footer-main-nav .footer-main-nav-contact a{
    font-size: 1.4rem;
    display: block;
    color: #fff;
    margin-bottom: 12px;
    background: #000;
    text-align: center;
    padding: 15px 0;
}

.common-footer .footer-top .footer-main-nav .footer-main-nav-contact a:hover{
    opacity: .7;
    transition: 0.2s ease-in-out;
}
.common-footer .footer-top  .footer-main-nav-level{padding: 18px 0 0;}
.common-footer .footer-top  .footer-main-nav-level .footer-main-nav-sub-ttl{
    display: block;
    font-size: 1.3rem;
    margin-bottom: 10px;
}

.common-footer .footer-top  .footer-main-nav-level ul{
    margin-left: 10px;
    margin-bottom: 15px;
}

.common-footer .footer-top  .footer-main-nav-level ul li{
    margin-bottom: 5px;
    font-size: 1.2rem;
}

.common-footer .footer-top .footer-main-nav .footer-main-nav-ttl{
    font-size : 14px;
    font-weight: 500;
    padding: 0 0 15px;
    border-bottom: solid 1px #C0C0C0;
}

.common-footer .footer-bottom{
    padding: 75px 0 60px;
    background: #fff;
}
.common-footer .footer-bottom ul{
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
}
.common-footer .footer-bottom ul li{
    padding: 0 30px;
    border-right: solid 1px #E8E8E8;
}
.common-footer .footer-bottom ul li a{font-size: 1.3rem;}
.common-footer .footer-bottom .footer-copyright{
    text-align: center;
    font-size: 1.2rem;
}

/* --------------------------------------------------------------------
	スマホ
--------------------------------------------------------------------- */
/* 共通 */
@media screen and (max-width: 768px) {
    body{min-width: 100%;}
    .common-header{min-width: 100%;}
    .common-header .common-header-menu .common-header-menu-inner{
        display: block;
        padding: 9px 0 5px 0;
    }
    .common-header .common-header-menu .common-header-menu-rt > ul{padding-top: 0;}
    .common-header .common-header-logo{padding: 12px 0;}
    .common-header .common-header-logo img{width: 130px;}
    .common-header .common-header-menu-inner{width: 100%;}
    .common-header .common-header-menu .common-header-menu-lt{display: none;}
    .common-header .common-header-menu .common-header-menu-rt ul li{width: calc(100% / 5);}
    .common-header .common-header-menu .common-header-menu-rt > ul > li a{padding: 0 11px!important;}
    .common-header .common-header-menu .common-header-menu-rt > ul > li span{word-break: keep-all;}
    .common-header .common-header-menu .common-header-menu-rt > ul > li.common-header-menu-favorite a span{margin-left: 3px;}

    /* ナビゲーション */
    .common-header .common-header-menu .common-header-globalnav-info.common-header-globalnav-info-search{
        width: 100%;
        top: 47px;
        height: calc(100vh - 96px);
        /*background-color: #fff;*/
        padding: 85px 10px 20px;
        box-sizing: border-box;
    }
    
    .common-header .common-header-menu .common-header-globalnav-info .search-box dl dt{padding-left: 7px;}
    .common-header .common-header-menu .common-header-menu-rt .common-header-globalnav-info .search-box{display: block;}
    .common-header .common-header-menu .common-header-globalnav-info .search-box .search-box-ac > form{line-height: 0;}
    .common-header .common-header-menu .common-header-menu-rt .common-header-globalnav-info ul{
        display: block;
        margin-bottom: 100px;
    }
    .common-header .common-header-menu .common-header-menu-rt .common-header-globalnav-info ul li{width: auto;}
    .common-header .common-header-menu .common-header-menu-rt .common-header-globalnav-info .search-box dl{
        margin-left: 0;
        margin-bottom: 80px;    
    }
    .common-header .common-header-menu .common-header-globalnav-info ul li a{width: 100%;}

    .common-header .common-header-menu .common-header-menu-contact .common-header-globalnav-info ul,
    .common-header .common-header-menu .common-header-menu-login .common-header-globalnav-info ul,
    .common-header .common-header-menu .common-header-menu-mypage .common-header-globalnav-info ul,
    .common-header .common-header-menu .common-header-menu-search .common-header-globalnav-info ul{margin-bottom: 50px;}

    /* お問合せ&ログイン */
    .common-header .common-header-menu .common-header-menu-contact .common-header-globalnav-info ul li a,
    .common-header .common-header-menu .common-header-menu-login .common-header-globalnav-info ul li a,
    .common-header .common-header-menu .common-header-menu-search .common-header-globalnav-info ul li a,
    .common-header .common-header-menu .common-header-menu-mypage .common-header-globalnav-info ul li a{
        width: auto;
        padding: 13px 11px!important;
    }

    .common-header .common-header-menu .common-header-menu-contact .common-header-globalnav-info,
    .common-header .common-header-menu .common-header-menu-login .common-header-globalnav-info,
    .common-header .common-header-menu .common-header-menu-mypage .common-header-globalnav-info{
        width: auto;
        left: 0;
        right: 0;
        top: 41px;
        padding: 13px 10px 38px; 
    }

    .common-header .common-header-menu .common-header-menu-search .common-header-globalnav-info{
        top: 41px;
        height: auto;
        padding: 13px 10px 38px;    
    }

    .common-header .common-header-menu .common-header-menu-rt .common-header-menu-search .common-header-globalnav-info .search-box dl{margin-bottom: 0;}

    /* パンくず */
    .breadcrumb{
        width: auto;
        margin: 0 auto 0 auto;
        padding: 12px 1em 12px 1em;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;   
    }

    .breadcrumb span,
    .breadcrumb a{font-size: 1.0rem;}

    /* コーポレートヘッダー */
    .corporate-header{
        padding: 0;
        display: block;
        width: auto;
    }
    .corporate-header-inner{border-bottom: none;}
    .corporate-header .corporate-header-logo{
        width: auto;
        margin: 0;
        padding: 25px 11px 15px 11px;
    }

    .corporate-header .corporate-header-logo img{
        max-width: 250px;
        transition: none;    
    }

    .corporate-nav-area{padding: 8px 0 0 0;}

    .corporate-nav-area ul{
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .corporate-nav-area ul li{
        display: inline-block;
        width: calc(100% / 3);
        border-bottom: solid 1px #E8E8E8;
    }

    .corporate-nav-area ul li:hover a:after{opacity: 1;}

    .corporate-nav-area ul li a{
        padding: 8px 0 ;
        font-size: 1.4rem;
    }

    .corporate-nav-area ul li:nth-child(1) a,
    .corporate-nav-area ul li:nth-child(4) a{padding: 8px 0 8px 10px;}
    .corporate-nav-area ul li:nth-child(3) a,
    .corporate-nav-area ul li:nth-child(6) a{padding: 8px 10px 8px 0;}        

    .corporate-header-wrap{height: 150px;}
    .corporate-header-follow.corporate-header-fixed .corporate-header,
    .corporate-header-follow.corporate-header-fixed .corporate-nav-area ul li a{padding: 0;}
    .corporate-header-follow.corporate-header-fixed .corporate-header .corporate-header-logo img{max-width: 100px;}
    .corporate-header-wrap.corporate-header-fixed .corporate-header-follow .corporate-nav-area ul li a{padding: 8px 0;}
    .corporate-header-wrap.corporate-header-fixed .corporate-header-follow .corporate-nav-area,
    .corporate-header-wrap.corporate-header-fixed .corporate-header-follow .corporate-header{padding: 0;}

    .corporate-nav-area ul li.corporate-nav-active:nth-child(1) a:after,
    .corporate-nav-area ul li:nth-child(1):hover a:after,
    .corporate-nav-area ul li:nth-child(4):hover a:after{width: calc(100% - 10px);left: 10px;}
    .corporate-nav-area ul li:nth-child(3):hover a:after,
    .corporate-nav-area ul li:nth-child(6):hover a:after{width: calc(100% - 10px);right: 10px;}

    /* ブランドヘッダー */
    .brand-header{
        padding: 0;
        display: block;
        width: auto;
    }
    .brand-header-inner{border-bottom: none;}

    .brand-header .brand-header-logo{
        width: auto;
        margin: 0;
        border-bottom: solid 1px #E8E8E8;
        height: 45px;
        display: flex;
        align-items: center;
        padding-left: 11px;
    }

    .brand-header .brand-header-logo img{
        max-width: 100px;
        transition: none;    
    }
    .brand-header-wrap.brand-header-fixed .brand-header-follow .brand-header .brand-header-logo img{max-width: 100px;}
    .brand-header-wrap.brand-header-fixed .brand-header-follow .brand-header{padding: 0;}

    .brand-nav-area{
        padding: 8px 11px 6px 11px;
        border-bottom: solid 1px #E8E8E8;
    }

    .brand-nav-area ul{justify-content: space-between;}
    .brand-nav-area ul li{display: inline-block;}
    .brand-nav-area ul li a{
        padding: 0;
        font-size: 1.1rem;
    }
    .brand-header-wrap{
        height: auto;
        background: #fff;
    }
    .brand-header-follow.brand-header-fixed .brand-header,
    .brand-header-follow.brand-header-fixed .brand-nav-area ul li a{padding: 0;}
    .brand-header-follow.brand-header-fixed .brand-header .brand-header-logo img{max-width: 100px;}
    .brand-header-wrap.brand-header-fixed .brand-header-follow .brand-nav-area ul li a{padding: 0;}

    /* フッター */
    .common-footer .footer-top{
        padding-bottom: 10px;
        background: #eee;
    }
    .common-footer .footer-top .common-footer-inner{
        width: auto;
        padding: 0;
    }

    .common-footer .footer-top .footer-main-nav .footer-main-nav-line{
        margin-right: 0;
        min-width: atuo;
        width: 100%;   
    }

    .common-footer .footer-top .footer-main-nav{display: block;}
    .common-footer .footer-top .footer-main-nav-contact-btn{margin: 0 10px;}
    .common-footer .footer-top .footer-main-nav .footer-main-nav-ttl{
        font-size: 1.4rem;
        font-weight: 500;
        padding: 18px 10px;
        margin-bottom: 0;
        background:#fff;
    }

    .common-footer .footer-bottom ul{padding: 0 10px;}
    .common-footer .footer-bottom{padding: 20px 0;}

    .common-footer .footer-bottom ul{
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 10px; 
    }

    .common-footer .footer-bottom ul li{
        width: 50%;
        margin-bottom: 10px;
        padding: 0;
        border-right: none;
    }    

    .common-footer .footer-bottom ul li a{font-size: 1.2rem;}
    .common-footer .footer-bottom .footer-copyright{font-size: 1.1rem;}


    /* アコーディオン */
    .common-footer .footer-top .footer-main-nav .footer-main-nav-ttl{
        cursor: pointer;
        padding: 18px 10px;
        margin-bottom: 0;
        border-bottom: solid 1px #ddd;
        font-weight: 500;
        background: #eee;
    }

    .common-footer .footer-top .footer-main-nav .footer-main-nav-ttl.footer-acd{
        background: url(../../img/common/footer/plus.png) no-repeat 98% center #eee;
        background-size: 16px 16px;
    }    

    .common-footer .footer-top .footer-main-nav .footer-main-nav-ttl.footer-acd.acd-on{
        background: url(../../img/common/footer/minus.png) no-repeat 98% center #eee;
        background-size: 16px 16px;
    }

    .common-footer .footer-top .footer-main-nav .footer-main-nav-ttl.footer-acd + div{
        display: none;
        background: #e8e8e8;
    }
    
    .common-footer .footer-top .footer-main-nav .footer-main-nav-shop-item{background: #eee;}
    .common-footer .footer-top .footer-main-nav .footer-main-nav-brand,
    .common-footer .footer-top .footer-main-nav .footer-main-nav-corp-list,
    .common-footer .footer-top .footer-main-nav .footer-main-nav-level{padding-top: 0;}

    .common-footer .footer-top .footer-main-nav .footer-main-nav-corp-list ul,
    .common-footer .footer-top .footer-main-nav .footer-main-nav-corp-list ul li,
    .common-footer .footer-top .footer-main-nav-level .footer-main-nav-sub-ttl{margin-bottom: 0;}

    .common-footer .footer-top .footer-main-nav .footer-main-nav-brand ul li a,
    .common-footer .footer-top .footer-main-nav .footer-main-nav-corp-list ul li a{
        padding: 8px 10px 8px 30px;
        border-bottom: solid 1px #ddd;
    }

    .common-footer .footer-top .footer-main-nav-level .footer-main-nav-sub-ttl{
        font-weight: 500;;
        padding: 8px 10px 8px 10px;
        border-bottom: solid 1px #ddd;        
    }
    
    .common-footer .footer-top .footer-main-nav-level ul{
        margin-left: 0;
        margin-bottom: 0;    
    }

    .common-footer .footer-top .footer-main-nav-level ul li{margin-bottom: 0;}
    .common-footer .footer-top .footer-main-nav-level ul li a{
        display :block;
        font-size: 1.3rem;
        padding: 8px 10px 8px 30px;
        border-bottom: solid 1px #ddd;
    }    
    
    .common-footer .footer-top .footer-main-nav .footer-main-nav-shop .footer-main-nav-shop-item a{
        border-bottom: solid 1px #ddd;
        padding: 18px 10px; 
        font-weight: 500;   
    }

    .common-footer .footer-top .footer-main-nav .footer-main-nav-contact .footer-main-nav-contact-ttl{
        border-bottom: none;
        padding: 18px 10px;
        margin-bottom: 0;
        font-weight: 500; 
    }
	.block-nav-contents-line .block-nav-contents-ttl a{display: block;}
}

/* --------------------------------------------------------------------
	テンプレート
--------------------------------------------------------------------- */
br[clear=both]{display: none;}

.template-style-wrap h2 a,
.template-style-wrap h3 a,
.template-style-wrap h4 a{
    display: inline-block;
    margin-top:-65px;
    padding-top:65px;    
}

.template-box{
    margin-left: auto;
    margin-right: auto;
}

.template-style-basic-text{
    font-size: 1.6rem;
    padding-bottom: 25px;
}

.template-style-basic-text.sp-template-style-basic-text-cen{text-align: center;}

.template-style-basic-text p{padding-bottom: 15px;}
.template-style-basic-text a{text-decoration: underline;}
.template-style-basic-text table a{text-decoration: none;}
.template-style-basic-text.template-style-basic-text-cen p{text-align: center;}

.template-box p.line-ht18{line-height: 1.8;}
.template-box p.line-ht17{line-height: 1.7;}
.template-box p.line-ht16{line-height: 1.6;}
.template-box p.line-ht15{line-height: 1.5;}
.template-box p.line-ht14{line-height: 1.4;}

/* 画像 */
.template-style-basic-img{
    padding-bottom: 30px;
    overflow: hidden;
}

/* レイアウト */
.template-style-2col a,
.template-style-3col a,
.template-style-profile a{text-decoration: underline;}

.template-style-2col,
.template-style-3col{padding-bottom: 40px;}

.template-style-2col figure,
.template-style-3col figure{margin: 0;}

.template-style-2col.template-style-2col-lt-txt,
.template-style-2col.template-style-2col-rt-txt,
.template-style-2col.template-style-2col-img,
.template-style-3col.template-style-3col-img{
    display: flex;
    align-items: flex-start;
}

/* 画像（左）＋テキスト */
.template-style-2col.template-style-2col-lt-txt,
.template-style-2col.template-style-2col-rt-txt{
    display: block;
    font-size: 0;
}

.template-style-2col.template-style-2col-lt-txt .template-style-2col-lt{
    width: 485px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
}

.template-style-2col.template-style-2col-lt-txt .template-style-2col-lt img{max-width: 485px;}
.template-style-2col.template-style-2col-lt-txt .template-style-2col-rt{
    width: 485px;
    display: inline-block;
    vertical-align: middle;
	font-size: 1.6rem;
}

.template-style-2col.template-style-2col-lt-txt p,
.template-style-2col.template-style-2col-rt-txt p{font-size: 1.6rem;}

/* 画像（右）＋テキスト */
.template-style-2col.template-style-2col-rt-txt .template-style-2col-lt{
    width: 485px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
	font-size: 1.6rem;
}

.template-style-2col.template-style-2col-rt-txt .template-style-2col-rt{
    width: 485px;
    display: inline-block;
    vertical-align: middle;
}

.template-style-2col.template-style-2col-rt-txt .template-style-2col-rt img{max-width: 485px;}

/* 画像2カラム */
.template-style-2col.template-style-2col-img > div{width: calc(100% / 2 - 15px);}
.template-style-2col.template-style-2col-img > div:nth-child(1){padding-right: 15px;}
.template-style-2col.template-style-2col-img > div:nth-child(2){padding-left: 15px;}
.template-style-2col.template-style-2col-img > div:nth-child(1) img,
.template-style-2col.template-style-2col-img > div:nth-child(2) img{
    max-width: 100%;
    height: auto;
}

.template-style-2col.template-style-2col-img p{
    padding-top: 30px;
    font-size: 1.5rem;
}
.template-style-2col.template-style-2col-img.template-style-2col-img-center{align-items: center;}
.template-style-2col.template-style-2col-img.template-style-2col-img-center > div{
    display: flex;
    align-content: center;
    justify-content: center; 
    flex-wrap: wrap;   
}

/* 画像3カラム */
.template-style-3col.template-style-3col-img > div{width: calc(100% / 3 - 15px);}
.template-style-3col.template-style-3col-img > div:nth-child(1){padding-right: 15px;}
.template-style-3col.template-style-3col-img > div:nth-child(2){padding: 0 15px;}
.template-style-3col.template-style-3col-img > div:nth-child(3){padding-left: 15px;}
.template-style-3col.template-style-3col-img > div img{
    max-width: 100%;
    height: auto;
}
.template-style-3col.template-style-3col-img p{
    padding-top: 30px;
    font-size: 1.5rem;
}

/* プロフィール */
.template-style-profile{padding-bottom: 40px;}
.template-style-profile dl{
    display: flex;
    align-items: center;    
}

.template-style-profile dl dt{
    margin-right: 30px;
}

.template-style-profile dl dt img{max-width: 500px;}

.template-style-profile dl dd{font-size: 1.5rem;}

/* 商品リスト */
.template-style-goods-list-api{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    text-align: center;    
}

.template-style-goods-list-api ul{
    display: flex;
    flex-wrap: wrap;
}

.template-style-goods-list-api li.item{
    width: 250px;
    margin-right: 125px;
    margin-bottom: 30px;
}

.template-style-goods-list-api li.item figure{
    width: 250px;
    margin: 0;
}

.template-style-goods-list-api li.item a{
    transition: 0.2s ease-in-out;
    display: block;
}
.template-style-goods-list-api li.item a:hover{opacity: .7;}

.template-style-goods-list-api li.item .pic{padding: 0 0 15px 0;}
.template-style-goods-list-api li.item .name{font-size: 14px;}
.template-style-goods-list-api .search-result-box li.item .variation,
.template-style-goods-list-api li.item .variation{
    font-size: 10px;
    font-weight: 400;
}

.template-style-goods-list-api li.item .price{
    font-size: 18px;
    font-weight: normal;
}

.template-style-goods-list-api li.item .price .price-tax{font-size: 10px;}
.template-style-goods-list-api li.item:nth-child(3n){margin-right: 0;}
.template-style-goods-list-api li.item img{
    max-width: 250px;
    max-height: 187px;
}

/* セール */
.template-style-goods-list-api .goods-price-inner{margin-top: 2px;}

.template-style-goods-list-api .goods-default-price{
    text-decoration: line-through;
    font-weight: bold;
    color: #333;
    font-size: 10px;
}

.template-style-goods-list-api .goods-default-price .price-tax{font-size: 9px;}
.template-style-goods-list-api .goods-sale-scomment{
    color: #FF0000;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}

.template-style-goods-list-api .goods-price.sale-price{
    color: #FF0000;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.0;
    margin-top: 8px;    
}

.template-style-goods-list-api .goods-price.sale-price span.price-tax{
    font-size: 12px;
    font-weight: 500;
    padding-left: 1px;
}

@media screen and (max-width: 768px) {
    .template-style-goods-list-api .goods-price.sale-price{
        font-size: 14px;
        margin-top: 5px;
    }
    .template-style-goods-list-api .goods-price.sale-price span.price-tax{font-size: 10px;}
    .template-style-goods-list-api .goods-sale-scomment{
        margin-bottom: 8px;
        display: block;
    }
    .template-style-goods-list-api .goods-price.sale-price span.price-tax{font-weight: 400;}
}    

/* ボタン */
.template-style-btn{
    padding-bottom: 30px;
    text-align: center;
}

.template-style-btn > div{display: inline-block;}

.template-style-btn a{
    min-width: 400px;
    min-height: 30px;
    font-size: 1.4rem;
    display: flex;
    padding: 10px 15px;
    align-items: center;
    justify-content: center;
}

.template-style-btn a:hover{opacity: .7;}

/* スライダー */
.template-style-carousel{padding-bottom: 30px;}

.template-style-carousel .slick-dots {
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    margin-top: 10px;
}

.template-style-carousel .slick-dots {
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    margin-top: 10px;
}

.template-style-carousel .slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
}

.template-style-carousel .slick-dots li button {
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;

}

.template-style-carousel .slick-dots li button:before {
    font-family: 'slick';
    font-size: 24px;
    line-height: 20px;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 8px;
    height: 8px;
    content: '';
    text-align: center;
    background: #C5C5C5;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 2;
}

.template-style-carousel .slick-dots li.slick-active button:before {background: #333;}

/* 区切り線 */
.template-style-border{
    padding-bottom: 40px;
    border-top: solid 1px #000;
}

.template-style-movie{padding-bottom: 30px;}
.template-style-movie iframe{
    width: 800px;
    height: 450px;   
}

/* テーブル（1列） */
.template-style-list_1column{padding-bottom: 40px;}
.template-style-list_1column ul .row {
    display: table;
    table-layout: auto;
    width: 100%;
}
    
.template-style-list_1column ul .col{
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
    padding: 12px 10px;
}
    
.template-style-list_1column ul li .row > div{width: 100%;}

/* テーブル（2列） */
.template-style-list_2column{padding-bottom: 40px;}
.template-style-list_1column ul li,
.template-style-list_2column ul li{border-bottom: solid 1px #e8e8e8;}
.template-style-list_2column ul .row {
    display: table;
    table-layout: auto;
    width: 100%;
}
 
.template-style-list_1column ul .col,
.template-style-list_2column ul .col{
    display: table-cell;
    vertical-align: top;
    font-size: 1.6rem;
    padding: 12px 10px;
}

.template-style-list_1column ul .head-ttl.row .col,
.template-style-list_2column ul .head-ttl.row .col{font-weight: bold;}
    
.template-style-list_2column ul li .row > div:nth-child(1){width: 50%;}
.template-style-list_2column ul li .row > div:nth-child(2){width: 50%;}
.template-style-basic-tbl table td{
	padding: 5px;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
    h1{font-size: 18px;}
    h2{
        font-size: 18px;
        font-weight: 500;
    }
    h3{
        font-size: 16px;
        margin-bottom: 26px;
        font-weight: 500;
    }
    h4{font-size: 15px;}

    img{
        max-width: 100%;
        height: auto;
    }
    .template-box{
        width: auto!important;
        margin: 0 auto;
    }
	.template-box h1,
	.template-box h2,
	.template-box h3,
	.template-box h4{padding: 0 10px;}
	.template-box h3{margin-bottom: 0;}

    .template-style-basic-text{
        padding-left: 10px;
        padding-right: 10px;        
        font-size: 1.5rem;
        padding-bottom: 0;
    }

    .template-style-basic-text p{
        text-align: left;
        padding-bottom: 40px;
    }

    .template-style-basic-img{padding-bottom: 40px;}

    .template-style-basic-img,
    .template-style-2col.template-style-2col-lt-txt .template-style-2col-rt{width: 100%;}

    .template-style-2col,
    .template-style-3col,
    .template-style-profile{
        padding: 0 10px;
        box-sizing: border-box;        
    }

    .template-style-2col.template-style-2col-rt-txt .template-style-2col-rt{width: 100%;}

    .template-style-2col.template-style-2col-rt-txt .template-style-2col-lt{
        width: 100%;
        margin-right: 0;
        padding-top: 20px;
    }
    .template-style-2col.template-style-2col-rt-txt .template-style-2col-rt{order: 10;}
    .template-style-2col.template-style-2col-rt-txt .template-style-2col-lt{order: 20;}


    .template-style-2col.template-style-2col-img > div:nth-child(1),
    .template-style-2col.template-style-2col-img > div:nth-child(2),
    .template-style-3col.template-style-3col-img > div:nth-child(1),
    .template-style-3col.template-style-3col-img > div:nth-child(2),
    .template-style-3col.template-style-3col-img > div:nth-child(3){
        padding: 0;
        width: 100%;
    }

    .template-style-2col.template-style-2col-lt-txt .template-style-2col-lt img,
    .template-style-2col.template-style-2col-rt-txt .template-style-2col-rt img,
    .template-style-2col.template-style-2col-img > div:nth-child(1) img,
    .template-style-2col.template-style-2col-img > div:nth-child(2) img,
    .template-style-3col.template-style-3col-img > div img{
        max-width: 100%;
        width: 100%;
    }
    
    .template-style-2col.template-style-2col-lt-txt,
    .template-style-2col.template-style-2col-rt-txt,
    .template-style-2col.template-style-2col-img,
    .template-style-3col.template-style-3col-img{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .template-style-2col.template-style-2col-img > div,
    .template-style-3col.template-style-3col-img > div{width: 100%;}
    .template-style-2col.template-style-2col-lt-txt .template-style-2col-lt{
        width: 100%;
        margin-right: 0;
        padding-bottom: 20px;
    }

    .template-style-2col.template-style-2col-img > div:nth-child(1){padding-bottom: 20px;}
    .template-style-3col.template-style-3col-img > div:nth-child(1){padding-bottom: 20px;}
    .template-style-3col.template-style-3col-img > div:nth-child(2){padding-bottom: 20px;}

    .template-style-2col.template-style-2col-img.template-style-2col-txt > div:nth-child(1),    
    .template-style-3col.template-style-3col-img.template-style-3col-txt > div:nth-child(1),
    .template-style-3col.template-style-3col-img.template-style-3col-txt > div:nth-child(2){padding-bottom: 30px;}    

    .template-style-2col.template-style-2col-lt-txt,
    .template-style-2col.template-style-2col-rt-txt{padding-bottom: 40px;}
    .template-style-2col.template-style-2col-img,
    .template-style-3col.template-style-3col-img{padding-bottom: 40px;}
    .template-style-2col.template-style-2col-img p{padding-top: 20px;}
    .template-style-2col.template-style-2col-lt-txt .template-style-2col-rt{font-size: 1.5rem;;}
    
    .template-style-profile dl{display: block;}
    .template-style-profile dl dt{
        text-align: center;
        margin: 0 auto 20px auto;
		overflow: hidden;
    }

    .template-style-profile dl dt img{max-width: 100%;}
    .template-style-3col.template-style-3col-img p{padding-top: 20px;}
    .template-style-profile dl{padding-bottom: 40px}

    /* 商品リスト */
    .template-style-goods-list-api{width: 100%;}

    .template-style-goods-list-api ul{
        display: flex;
        flex-wrap: wrap;
    }

    .template-style-goods-list-api li.item{
        width: calc(50% - 20px);
        margin-right: 0;
        margin-bottom: 20px;
        padding: 0 10px;            
    }

    .template-style-goods-list-api li.item .pic{
        padding: 0 0 15px 0;
    }

    .template-style-goods-list-api li.item .name{font-size: 12px;}
    .template-style-goods-list-api li.item .variation{font-size: 9px;}
    .template-style-goods-list-api li.item .price{font-size: 12px;}
    .template-style-goods-list-api li.item .price .price-tax{font-size: 9px;}
    .template-style-goods-list-api li.item:nth-child(2n){margin-right: 0;}
    .template-style-goods-list-api li.item img{max-width: 100%;}
    .template-style-goods-list-api li.item figure{width: 100%;}

    /* ボタン */
    .template-style-btn{
        width: auto;
        padding: 0 10px 30px 10px;
    }

    .template-style-btn > div{display: block;}
    .template-style-btn a{
        min-width: auto;
        font-size: 1.2rem;
    }
 
    /* スライダー */
    .template-style-carousel{
        width: 100%!important;
        margin-left: auto;
        margin-right: auto;        
    }

    /* 動画 */
    .template-style-movie{
        padding-bottom: 30px;
        width: auto;
    }

    .template-style-movie .template-style-movie-inner{
        width: calc(100% - 20px);
        left: 10px;
        position: relative;
        padding-top: 54.5%;    
    }

    .template-style-movie iframe{
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        right: 0;    
    }
    .template-style-list_1column,
    .template-style-list_2column{margin: 0 10px;}
    .template-style-list_1column ul .col,
    .template-style-list_2column ul .col{
        font-size: 1.5rem;
        padding: 13px 10px;    
    }

    table.temp-tbl{width: 100%!important;}
    table.temp-tbl th,
    table.temp-tbl td{
        padding: 8px;
        text-align: center;
        line-height: 1.6;
        font-size: 1.5rem;
    }

    .template-style-basic-text.sp-template-style-basic-text-lt br{display: block;}
    .template-style-basic-text.sp-template-style-basic-text-cen br{display: none;}
    .template-style-basic-text.sp-template-style-basic-text-cen{text-align: left;}
	.template-style-basic-tbl{margin: 0 10px;}
	.template-style-basic-tbl table{width:100%!important;}
	.template-style-basic-tbl table td{font-size: 12px;}
}

/* --------------------------------------------------------------------
	ページャー
--------------------------------------------------------------------- */
.navipage_.bottom_ center{
    margin-bottom: 70px;
    padding-top: 150px;    
}
.navipage_.top_{display: none;}
.navipage_ center{
    display: flex;
    justify-content: center;
    align-items: center;    
}

.navipage_ center > a,
.navipage_ center > span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0 10px;
    background: #fff;
    border-radius: 50%;
    font-size: 1.4rem;
    cursor: pointer;
}

.navipage_ center > span.navipage_now_{background: #eee;}

.navipage_ .navipage_reverse_{padding-right: 20px;}
.navipage_ .navipage_forward_{padding-left: 20px;}

.navipage_ .navipage_reverse_ .navipage_first_,
.navipage_ .navipage_forward_ .navipage_last_{display: none;}

.navipage_ .navipage_reverse_ .navipage_prev_,
.navipage_ .navipage_forward_ .navipage_next_{
    position: relative;
    text-indent: -9999px;
    display: block;
}

.navipage_ .navipage_reverse_ .navipage_prev_ a,
.navipage_ .navipage_forward_ .navipage_next_ a{
    display: block;
    width: 30px;
    height: 30px;
}

.navipage_ .navipage_reverse_,
.navipage_ .navipage_forward_{background: transparent;}

.navipage_ .navipage_reverse_ .navipage_prev_:after{
    position: absolute;
    top: 10px;
    left: 12px;
    content: "";
    width: 10px;
    height: 10px;
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
    z-index:1;    
    transform: rotate(45deg);
}

.navipage_ .navipage_forward_ .navipage_next_:after{
    position: absolute;
    top: 10px;
    left: 6px;
    content: "";
    width: 10px;
    height: 10px;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    z-index:1;    
    transform: rotate(-45deg);
    pointer-events: none;
}


@media screen and (max-width: 768px) {
    .navipage_.bottom_ center{
        margin-bottom: 35px;
        padding-top: 100px;
    }
    .navipage_ center{flex-wrap: wrap;}
    .navipage_ center > a,
    .navipage_ center > span{
        width: 27px;
        height: 27px;
        margin: 0 7.5px;
    }
    .navipage_ .navipage_reverse_{padding-right: 10px;}
    .navipage_ .navipage_forward_{padding-left: 10px;}
}

/* --------------------------------------------------------------------
	 年号リンク
--------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    .wrapper_ .block-blog-archive-year--list li a{
        font-size: 1.4rem;
        padding: 13.5px 0 14.5px calc(20 / 375 * 100vw);
    }
    .wrapper_ .block-blog-archive-year--list li a::after{
        width: 8px;
        height: 8px;
    }
}

/* --------------------------------------------------------------------
	 検索
--------------------------------------------------------------------- */
.common-articles-filter{
    width: 1000px;
    margin: 0 auto 70px auto;
    border-bottom: solid 1px #F6F6F6;
    box-sizing: border-box;
}

.common-articles-filter .common-articles-filter-inner{padding: 0 0 30px;}

/* チェックボックス */
.common-articles-filter .common-articles-filter-inner .caption{display: none;}
.common-articles-filter .common-articles-filter-inner ul.master_node{
    margin-bottom: 30px;
    padding: 25px 25px 0;
}

.common-articles-filter .common-articles-filter-inner .master_node .root_genre_item{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.common-articles-filter .common-articles-filter-inner .master_node .root_genre_item > li{
    width: 50%;
    margin-bottom: 5px;
}

.common-articles-filter .common-articles-filter-inner .master_node .root_genre_item > li{
	font-size: 14px;
    position: relative;
}
.common-articles-filter .common-articles-filter-inner .root_genre_item > li input[type=checkbox] + label{
    cursor: pointer;
    padding-left: 8px;
}

.common-articles-filter .common-articles-filter-inner .root_genre_item > li input[type=checkbox]{
    cursor: pointer;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    margin-right: 12px;
    padding-left: 15px;
    appearance: none;
}

.common-articles-filter .common-articles-filter-inner .root_genre_item > li input[type=checkbox]:before,
.common-articles-filter .common-articles-filter-inner .root_genre_item > li input[type=checkbox]:after{
    content: "";
    display: block; 
    position: absolute;
}

.common-articles-filter .common-articles-filter-inner .root_genre_item > li input[type=checkbox]:before{
    background-color: #fff;
    border-radius: 0%;
    border: 2px solid #C0C0C0;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    top: 50%;
    left: 5px;
    /*margin-top: -5px;*/
}

.common-articles-filter .common-articles-filter-inner .root_genre_item > li input[type=checkbox]:after{
    border-bottom: 2px solid #aaa;
    border-left: 2px solid #aaa;
    opacity: 0;
    height: 4px;
    width: 8px;
    transform: rotate(-45deg);
    top: 9px;
    left: 9px;
}

.common-articles-filter .common-articles-filter-inner .root_genre_item > li input[type=checkbox]:checked::after{opacity: 1;}
.common-articles-filter .common-category-articles-filter-submit{text-align: center;}
.common-articles-filter .common-category-articles-filter-submit input[name=cmdArticleSearch]{
    width: 248px;
    height: 45px;
    border-radius: 0;
    background: #fff;
    border: solid 1px #000;
    font-size: 1.4rem;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    -webkit-appearance: none;
	color: #000;
}

.common-articles-filter .common-category-articles-filter-submit input[name=cmdArticleSearch]:hover{opacity: .7;}

@media screen and (max-width: 768px) {
    .common-articles-filter{
        width: auto;
        margin: 0 0 43px;
    }
    .common-articles-filter .common-articles-filter-inner .root_genre_item > li input[type=checkbox]:before{border: 1px solid #C0C0C0;}
    .common-articles-filter .common-articles-filter-inner .master_node .root_genre_item > li{width: 100%;}
    .common-articles-filter{
        border: none;
        margin: 0 10px 43px;
    }
    .common-articles-filter .common-articles-filter-inner ul.master_node{padding: 20px 20px 0;}
	.common-articles-filter .common-articles-filter-inner .root_genre_item > li input[type=checkbox]:after{left: 8px;}
}

/* --------------------------------------------------------------------
	 管理画面系
--------------------------------------------------------------------- */
.cke_tpl_list{height: 500px!important;}

/* --------------------------------------------------------------------
	 サイト内検索
--------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
	.mainframe_ #section_search_result .search_result_body{margin-bottom: 50px;}
}

/* ------------- ヘッダーajaxカート------------------------------------ */
.common-header .common-header-menu .common-header-menu-rt ul li.common-header-menu-cart{position: relative;}
.common-header .common-header-menu .common-header-menu-rt ul li.common-header-menu-cart .block-headernav--cart-count{
	top: -5px;
	right: 12px;
	position: absolute;
	width: 17px;
	height: 17px;
	line-height: 17px;
	font-size: 10px;
	background-color: #3C3C3C;
	color: #fff;
	border-radius: 10px;
	z-index: 2;
}

@media screen and (max-width: 768px) {
	.common-header .common-header-menu .common-header-menu-rt ul li.common-header-menu-cart .block-headernav--cart-count{
		width: 18px;
		height: 18px;
		line-height: 18px;
		top: -5px;
		left: 50%;
		right: auto;
		margin-left: 5px;
	}
}

/* -------------共通ヘッダーバナー------------------------------------ */
.online-header-bar-hover:hover {
	opacity: 0.8;
	transition: .4s;
}
.online-header-bar {
	background-repeat: repeat-x;
	background-position: center;
	text-align: center;
}

.online-header-bar img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
	height: auto;
}

@media screen and (max-width: 768px) {
	.online-header-bar {
		width: 100%;
		text-align: center;
	}
}

/*フッターアコーディオンメニュー 20240522*/
@media screen and (min-width: 768px) {
    .footer-acc-ttl {
        position: relative;
        margin-top: 50px;
    }
    .footer-acc-ttl::before,
    .footer-acc-ttl::after {
        content: '';
        position: absolute;
        top: 50%;
        background-color: #000;
    }
    .footer-acc-ttl::before {
        width: 1px;
        height: 13px;
        right: 16px;
        margin-top: -6px;
    }
    .footer-acc-ttl::after {
        width: 13px;
        height: 1px;
        right: 10px;
    }
    .footer-acc-ttl.footer_open_::before {
        display: none;
    }
    .footer-acc-list {
        display: none;
    }
    .footer-acc-list h4:nth-child(1) {
        margin-top: 0px;
    }
    .footer-acc-list h4 {
        margin: 18px 0;
        padding-bottom:0px;
        text-align:left;
        font-size:14px;
    }
}
@media screen and (max-width: 767px) {
    .footer-acc-list h4 {
        padding: 18px 10px;
        font-weight: 500;
        font-size: 14px;
        background-color: #eee;
        text-align:left;
    }
}