@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');



/* ==============================================
setting
============================================== */

* {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,p,th,td,dt,dd,li,input,select {
font-family:"Roboto","Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-weight:300;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.5px;
margin:0;
padding:0;
color:#222222;
}
h1,h2,h3,h4,h5,div,table,th,td,dl,dt,dd,ul,li,p,a,strong,span,input,select {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
img {
border:none;
vertical-align:middle;
}
table {
border-collapse:collapse;
border-spacing:0;
}
ul {
list-style:none;
}
sup {
font-size: 10px;
line-height: 10px;
display: inline-block;
vertical-align: top;
margin: 2px 0 0 0;
}
rt {
font-size: 10px;
line-height: 10px;
}
i nput::-ms-expand {
display: none;
}
i nput {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
s elect::-ms-expand {
display: none;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: solid 1px #ebebeb;
padding: 0 40px 0 12px;
background: url("../images/cmn_arwb_m.png") top 15px right 15px no-repeat;
background-size: 12px 6px;
}
ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html ul { display:inline-block; }
*:first-child+html ul { display:inline-block; }

a:link {color:#222222; text-decoration:none;}
a:visited {color:#222222; text-decoration:none;}
a:hover {color:#222222; text-decoration:none;}
a:active {color:#222222; text-decoration:none;}
a{
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
a:hover{
opacity: 0.7;
}



.right{
text-align: right;
}
.sp{
display:none!important;
}



.timer-off{
display: none;
}
.timer-on{
display: block;
}



/* ==============================================
header
============================================== */

header{
position: relative;
height: 160px;
min-width: 1200px;
}
header .logo{
position: absolute;
top:52px;
left: 50px;
z-index: 1;
}
header .logo a{
}
header .logo a img{
width: auto;
height: 52px;
}



header .sns{
position: absolute;
top:37px;
right: 700px;
right: 730px;
right: 860px;
}
header .sns ul{
}
header .sns ul li{
float: left;
}
header .sns ul li a{
display: block;
padding: 0 6px;
}
header .sns ul li a img{
width: auto;
height: 20px;
}



header .banner{
position: absolute;
top:30px;
right: 400px;
right: 370px;
}
header .banner li{
display: inline-block;
}
header .banner li img{
width: auto;
height: 44px;
}



header .search{
position: absolute;
top:30px;
right: 156px;
right: 136px;
border: solid 1px #bbb;
width: 217px;
height: 44px;
}
header .search input{
font-size: 15px;
line-height: 15px;
border: none;
width: 173px;
height: 42px;
padding: 0 0 0 14px;
}
header .search input:hover{
border: none;
}
header .search .block-global-search--submit.btn.btn-default{
position: absolute;
top:0;
right: 0;
width: 42px;
height: 42px;
background: #FFF url("../images/cmn_hd_icn_search.png") top 12px left 12px no-repeat;
background-size: 18px auto;
border: none!important;
}
header .search .block-global-search--submit.btn.btn-default i{
display: none;
}



header .button{
position: absolute;
top:30px;
right: 30px;
}
header .button ul{
}
header .button ul li{
float: left;
margin: 0 0 0 8px;
}
header .button ul li a{
display: block;
border: solid 1px #bbb;
width: 44px;
height: 44px;
border-radius: 22px;
text-align: center;
padding: 5px 0 0 0;
position: relative;
}
header .button ul li span a{
border: solid 1px #00a1e5;
}
header .button ul li a img{
width: auto;
height: 20px;
}
header .button a span{
width: 15px;
height: 15px;
border-radius: 7.5px;
background: #fa5da2;
color: #fff;
font-size: 10px;
line-height: 12px;
text-align: center;
display: block;
position: absolute;
top:-4px;
right: -4px;
padding: 2px 0 0 0;
}
header nav{
position: absolute;
bottom:0;
right: 0;
z-index: 1000;
}
header nav ul{
}
header nav ul li{
float: left;
position: relative;
}
header nav ul li span{
}
header nav ul li span a{
font-size: 16px;
line-height: 16px;
text-align: center;
display: block;
padding: 10px 54px 35px 54px;
background: #FFF;
position: relative;
z-index: 100;
}
header nav ul li:hover span a{
color: #00a1e5 !important;
}
header nav ul li ul{
position: absolute;
top:61px;
left: 0;
background: #FFF;
padding: 14px 0 16px 0;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
display: none;
width: 100%;
}
header nav ul li:hover ul{
display: block;
}
header nav ul li ul li{
float: inherit;
}
header nav ul li ul li a{
font-size: 13px;
line-height: 20px;
display: block;
padding: 4px 20px 4px 20px;
}
header nav ul li ul li span{
font-size: 10px;
line-height: 15px;
display: block;
padding: 4px 20px 4px 20px;
}



header #recommend{
position: fixed;
bottom:90px;
right: 20px;
width: 240px;
height: 240px;
border-radius: 4px;
z-index: 10000;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
display: none;
}
header #recommend .inner{
}
header #recommend .inner a{
}
header #recommend .inner a h2{
position: absolute;
bottom:17px;
left: 20px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
header #recommend .inner a .image{
}
header #recommend .inner a .image img{
width: 240px;
height: 240px;
border-radius: 4px;
object-fit: cover;
}
header #recommend .inner a::before{
content: "";
display: block;
width: 12px;
height: 1px;
background: #c8c8c8;
position: absolute;
bottom:24px;
right: 20px;
}
header #recommend .inner a::after{
content: "";
display: block;
width: 10px;
height: 1px;
background: #c8c8c8;
position: absolute;
bottom:28px;
right: 20px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
header #recommend .inner .close{
position: absolute;
top:0;
right: 0;
width: 44px;
height: 44px;
text-align: center;
font-size: 24px;
line-height: 40px;
font-weight: 100;
opacity: 0.5;
cursor: pointer;
}



/* ==============================================
footer
============================================== */

footer.pane-footer{
position: relative;
background: #FFF!important;
padding: 0 0 160px 0;
min-width: 1200px;
transition: 0.2s ease-out;
}
@media screen and (max-width:1300px) {
footer.pane-footer{
padding: 0 0 290px 0;
}
}
footer:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html footer { display:inline-block; }
*:first-child+html footer { display:inline-block; }

footer #footer_pagetop{
width: 54px;
height: 54px;
border-radius: 27px;
background: #969696;
bottom:40px;
right: 36px;
}
footer #footer_pagetop a::before{
width: 10px;
height: 10px;
top:4px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
footer #footer_pagetop a::after{
display: none;
}



footer h2{
position: absolute;
top:50px;
left: 50px;
}
footer h2 a{
}
footer h2 a img{
width: auto;
height: 52px;
}
footer .language{
position: absolute;
top:132px;
left: 42px;
}
footer .language ul{
}
footer .language ul li{
float: left;
}
footer .language ul li a{
font-size: 14px;
line-height: 14px;
text-align: center;
display: block;
padding: 8px;
}
footer .language ul li:first-child a{
color: #00a1e5;
}
footer nav{
float: right;
}
footer nav div{
float: left;
margin: 0 80px 0 0;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
@media screen and (max-width:1500px) {
footer nav div{
margin: 0 40px 0 0;
}
}
@media screen and (max-width:1300px) {
footer nav div{
margin: 0 56px 0 0;
}
}
footer nav div h3{
font-size: 14px;
line-height: 20px;
font-weight: 500;
padding: 47px 0 16px 0;
}
footer nav div ul{
}
footer nav div ul li{
font-size: 12px;
line-height: 16px;
padding: 8px 0 0 0;
}
footer nav div ul li a{
}
footer nav:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html footer nav { display:inline-block; }
*:first-child+html footer nav { display:inline-block; }

footer .link{
position: absolute;
bottom:60px;
right: 0;
}
footer .link a{
font-size: 14px;
line-height: 14px;
display: block;
width: 266px;
position: relative;
}
footer .link a::before{
content: "";
display: block;
width: 100%;
height: 1px;
background: #c8c8c8;
position: absolute;
bottom:2px;
right: 0;
}
footer .link a::after{
content: "";
display: block;
width: 8px;
height: 1px;
background: #c8c8c8;
position: absolute;
bottom:5px;
right: 0;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}



footer .banner{
position: absolute;
bottom:160px;
left: 50px;
}
footer .banner ul{
width: 315px;
}
footer .banner ul li{
}
footer .banner ul li a{
}
footer .banner ul li a img{
}



footer .sns{
position: absolute;
bottom:110px;
left: 44px;
}
footer .sns ul{
}
footer .sns ul li{
float: left;
}
footer .sns ul li a{
display: block;
padding: 0 5.9px;
}
footer .sns ul li a img{
width: auto;
height: 20px;
}



footer .copy{
position: absolute;
bottom:58px;
left: 50px;
font-size: 11px;
line-height: 16px;
}



/* ==============================================
template
============================================== */

/* h
---------------------------------------------- */
h1.optimaized-h1.container{
position: absolute;
top:0;
left: 0;
width: 100%;
font-size: 10px;
line-height: 10px;
color: #999999;
padding: 10px 0 0 10px;
}
h2 span{
display: inline;
}



/* パンクズ
---------------------------------------------- */
.pane-topic-path{
height: 44px;
background: #fafafa;
}
.pane-topic-path .container{
width: 100%;
}
.pane-topic-path .container .block-topic-path{
padding: 10px 0 0 10px;
}
.pane-topic-path .container .block-topic-path ul{
display: none;
}
.pane-topic-path .container .block-topic-path ul:first-child{
display: inherit;
}
.pane-topic-path .container .block-topic-path ul li{
font-size: 12px;
line-height: 12px;
}



/* クッキー
---------------------------------------------- */
#cookieBox{
position: relative;
z-index: 10002;
}
#cookieBox .block-cookie-consent{
background: rgba(0,161,229,0.8);
}
#cookieBox .block-cookie-consent .block-cookie-consent--text{
padding: 13px 15px;
}
#cookieBox .block-cookie-consent .block-cookie-consent--text a{
color: #FFF;
text-decoration: underline;
}
#cookieBox .block-cookie-consent .block-cookie-consent--btn{
border-radius: 100px;
background: #FFF;
color: #00a1e5;
text-align: center;
}



/* パネル
---------------------------------------------- */

.pane-contents{
padding: 0;
}
.page-mag .pane-contents,
.page-contact .pane-contents,
.page-cart .pane-order-contents{
border-top: solid 1px #ebebeb;
}
.pane-main{
margin: 0;
}
.pane-right-menu{
margin: 0;
}



/* タイトル
---------------------------------------------- */

.h1{
font-size: 30px;
line-height: 40px;
letter-spacing: 2px;
font-weight: 300;
margin: 0;
padding: 75px 0 0 0;
}
h1.block-search-goods--header,
h1.block-mail-news--header,
h1.block-inquiry--heade,
h1.block-member-terms--header,
h1.block-questionnaire--header{
font-size: 30px;
line-height: 40px;
letter-spacing: 4px;
padding: 80px 0 85px 0;
text-align: center;
}



/* 並べ替え
---------------------------------------------- */

.block-goods-list--sort-order-items{
display: inline-block;
float: right;
border: none;
margin: 30px 0 0 0;
padding: 0;
}
.page-genre .block-goods-list--sort-order-items{
margin: -38px 0 0 0;
}
.block-goods-list--sort-order-items dd{
margin: 0;
padding: 0 10px;
}



/* ページ
---------------------------------------------- */

.pager{
clear: both;
display: inline-block;
float: right;
margin: 35px 0 0 0!important;
}
.pager:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .pager { display:inline-block; }
*:first-child+html .pager { display:inline-block; }

.pager-total{
float: left;
margin: 0!important;
padding: 10px 0 0 0;
}
.pager-total span{
font-size: 14px;
font-weight: 300!important;
vertical-align: middle;
}
.pager-total span span{
font-size: 20px;
display: inline-block;
vertical-align: middle;
margin: -2px 5px 0 0;
}
.pagination{
float: left;
margin: 0 0 0 20px;
}
.pagination li{
width: 44px;
height: 44px;
margin: 0 0 0 10px;
padding: 0;
}
.pagination li span{
width: 44px;
height: 44px;
line-height: 44px;
}
.pagination li a{
width: 44px;
height: 44px;
line-height: 42px;
border: solid 1px #ebebeb;
}



/* パーツ
---------------------------------------------- */

.btn{
border-radius: 100px;
}
.btn-default{
background: none;
border: solid 1px #00a1e5;
}
.cart_itemhistory .img-center{
background: #FFF;
border: solid 1px #ebebeb;
padding: 30px;
width: 200px;
height: 200px;
border-radius: 4px;
}



/* アイコン：共通設定
---------------------------------------------- */

.block-icon--src1,
.block-icon--src2,
.block-icon--src3{
position: absolute;
top:0;
left:0;
}
.block-icon--src1 img,
.block-icon--src2 img,
.block-icon--src3 img{
width: 40px;
height: 40px;
}
.block-icon--auto-reservation::after{
content: "予約商品";
font-size: 12px;
line-height: 12px;
color: #fff;
display: block;
text-align: center;
width: 94px;
height: 17px;
border-radius: 9px;
padding: 3px 1px 0 0;
background: #dc0000;
}
.block-icon--auto-reservation img{
display: none;
}



/* 動画
---------------------------------------------- */

.youtube {
clear: both;
position: relative;
height: 0;
overflow: hidden;
margin: auto;
}
.youtube.l {
width: 100%;
padding-bottom: 56.25%;
}
.youtube.m {
width: 75%;
padding-bottom: 42.25%;
}
.youtube.s {
width: 50%;
padding-bottom: 28.00%;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* イベント一覧
---------------------------------------------- */
.block-event-page--goods{
margin: -68px 0 0 0;
margin: 0;
}



#event{
padding: 0;
}
#event h1{
font-size: 12px;
line-height: 20px;
letter-spacing: 2px;
text-align: center;
}
#event h1 span{
font-size: 40px;
line-height: 50px;
letter-spacing: 4px;
text-align: center;
display: block;
margin: 0 0 10px 0;
}
#event h1 img{
}
#event p{
padding: 35px 0 0 0;
}
#event .image{
text-align: center;
padding: 60px 0 0 0;
}
#event .image img{
}
#event .note{
font-size: 12px;
line-height: 20px;
}
#event ul{
padding: 20px 0 0 0;
}
#event ul li{
float: left;
width: 50%;
}
#event ul.l3 li{
float: left;
width: 33.33333%;
}
#event ul + .note{
padding: 10px 0 0 30px;
}
#event ul li img{
}
#event .button{
text-align: center;
padding: 40px 0 0 0;
}
#event .button a{
display: inline-block;
font-size: 16px;
line-height: 20px;
letter-spacing: 1px;
font-weight: 400;
color: #fff;
background: #00a1e5;
height: 60px;
border-radius: 30px;
margin: auto;
padding: 20px 40px 0 40px;
}



#coupon{
padding: 0 0 70px 0;
}
#coupon h1{
}
#coupon h1 img{
}
#coupon p{
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #444;
padding: 16px 0 0 0;
}
#coupon h2{
background: #00a1e5;
padding: 8px 8px 8px 8px;
width: 420px;
margin: 40px auto 0 auto;
}
#coupon h2 span{
display: block;
font-size: 20px;
line-height: 30px;
letter-spacing: 1px;
font-weight: 500;
text-align: center;
color: #00a1e5;
border-radius: 4px;
background: #fff;
padding: 4px 0 6px 0;
}
#coupon .note{
font-size: 12px;
line-height: 20px;
font-weight: 400;
color: #00a1e5;
text-align: center;
width: 480px;
margin: auto;
padding: 10px 0 0 0;
}
#coupon .js-clipboard{
padding: 10px 0 0 0;
}
#coupon .js-clipboard textarea{
display: none;
}
#coupon .js-clipboard button{
-webkit-appearance: none;
font-size: 16px;
line-height: 20px;
letter-spacing: 0;
font-weight: 400;
color: #fff;
width: 280px;
height: 44px;
border-radius: 22px;
background: #00a1e5;
border: none;
display: block;
margin: auto;
padding: 0 0 1px 0;
cursor: pointer;
}



.page-event .vsm-slider{
margin: 0 0 -50px 0;
}



/* イベント一覧内ランキング
※要素に独自classがないので、イベント一覧内に他アクセサリを設置した場合にも適応されます
---------------------------------------------- */
.page-event .block-event-page--accessory .block-top-event--header{
margin: 70px 0 0 0;
}
.page-event .block-event-page--accessory .block-top-event--header a{
padding: 0;
pointer-events: none;
}
.page-event .block-event-page--accessory .block-top-event--header::after{
display: none;
}
.page-event .block-event-page--accessory .block-pickup-list-p--items{
display:flex;
flex-wrap:wrap;
width: calc(100% + 40px);
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li{
float: left;
width: calc(20% - 40px);
margin: 30px 40px 0 0;
position: relative;
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li:nth-child(5n){
margin: 30px 0 0 0;
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li:nth-child(n+6) {
display: none;
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li::before {
content: "";
position: absolute;
top:40px;
left: 10px;
width: 30px;
height: 30px;
border-radius: 15px;
font-size: 14px;
color: #fff;
padding: 2px 0 0 0;
text-align: center;
background: #00a1e5;
z-index: 1;
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li:nth-child(1)::before {
content: "1";
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li:nth-child(2)::before {
content: "2";
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li:nth-child(3)::before {
content: "3";
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li:nth-child(4)::before {
content: "4";
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li:nth-child(5)::before {
content: "5";
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li:nth-child(6)::before {
content: "6";
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li:nth-child(7)::before {
content: "7";
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li:nth-child(8)::before {
content: "8";
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li:nth-child(9)::before {
content: "9";
}
.page-event .block-event-page--accessory .block-pickup-list-p--items li:nth-child(10)::before {
content: "10";
}
.page-event .block-event-page--accessory .block-pickup-list-p--item-body{
display: block;
width: 100%;
margin: 30px 0 0 0;
padding: 0 0 75px 0;
}
.page-event .block-event-page--accessory .block-icon{
display: none;
}
.page-event .block-event-page--accessory .block-pickup-list-p--item-description{
display: block;
padding: 0;
}
.page-event .block-event-page--accessory .block-pickup-list-p--comment{
display: none;
}
.page-event .block-event-page--accessory .block-pickup-list-p--goods-name{
font-size: 14px;
line-height: 20px;
margin: 15px 0 0 0;
}
.page-event .block-event-page--accessory .block-pickup-list-p--price{
font-size: 12px!important;
line-height: 20px!important;
position: absolute;
bottom: 45px;
right: 0;
}
.page-event .block-event-page--accessory .block-pickup-list-p--add-cart{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.page-event .block-event-page--accessory .block-pickup-list-p--add-cart .block-list-add-cart-btn{
display: block;
width: 100%!important;
}



/* 記事一覧
---------------------------------------------- */

.page-pagecategory .h1{
margin: 0 0 -77px 0;
}
.block-pagecategory-page-list--frame{
clear: both;
padding: 20px 0 0 0;
}
.block-pagecategory-page-list--page{
width: 22.3333333333%;
margin: 55px 3.5% 0 0;
position: relative;
}
.block-pagecategory-page-list--page:nth-child(4n){
margin: 55px 0 0 0;
}
.block-pagecategory-page-list--page-image{
overflow: hidden;
border-radius: 4px;
}
.block-pagecategory-page-list--date{
font-size: 16px;
line-height: 16px;
font-weight: 500;
padding: 20px 0 0 0;
}
.page-pagecategory .block-pagecategory-page-list--date{
overflow: hidden;
width: 100px;
height: 35px;
}
.block-pagecategory-page-list--auto-new{
position: absolute;
top:0;
left: 0;
width: 60px;
height: 60px;
background: url("../images/cmn_icn_new.png") no-repeat;
background-size: 60px auto;
}
.block-pagecategory-page-list--auto-new img{
display: none;
}
.block-pagecategory-page-list--page-caption{
font-size: 14px;
line-height: 22px;
padding: 15px 0 0 0;
}



/* 商品一覧
---------------------------------------------- */

.block-category-list--header-img{
padding: 80px 0 5px 0;
}
.block-category-list .outline{
font-size: 15px;
line-height: 28px;
padding: 30px 0 0 0;
text-align: center;
}
.block-category-list p.banner{
padding: 40px 0 0 0;
text-align: center;
}
.block-category-list ul.banner{
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 35px 0 0 0;
font-size: 0;
line-height: 0;
}
.block-category-list ul.banner li{
width: 100%;
position: relative;
margin: 0 2% 0 0;
}
.block-category-list ul.banner li:last-child{
margin: 0;
}
.block-category-list ul.banner li a img{
width: 100%;
height: auto;
}
.block-promotion-freespace{
padding: 40px 0 0 0;
}
.block-promotion-freespace a img{
width: 100%;
}
.block-category-list--goods{
margin: 0;
}
.block-pickup-list-p{
clear: both;
margin: 0!important;
}
.block-pickup-list-p--items li{
margin: 0;
}
.block-pickup-list-p--item-body{
width: 47.5%;
margin: 60px 5% 0 0;
position: relative;
}
.block-pickup-list-p--item-body:nth-child(2n){
margin: 60px 0 0 0;
}
.block-pickup-list-p--image{
width: 200px;
}
.block-pickup-list-p--image figure{
background: #FFF;
border: solid 1px #ebebeb;
padding: 30px;
width: 200px;
height: 200px;
border-radius: 4px;
}
.block-pickup-list-p--item-description{
padding: 0 0 0 30px;
}
.block-pickup-list-p--goods-name{
font-size: 16px;
line-height: 24px;
margin: 0;
}
.block-pickup-list-p--comment{
font-size: 12px;
line-height: 20px;
margin: 0;
padding: 10px 0 20px 0;
}
.block-pickup-list-p--item-description .block-icon{
margin: -5px 0 -15px 4px;
}
.block-pickup-list-p--price{
font-size: 16px!important;
line-height: 24px!important;
font-weight: 300!important;
}
.block-pickup-list-p--price span{
display: inline-block;
font-size: 12px;
vertical-align: middle;
margin: -1px 0 0 -4px;
}
.block-pickup-list-p--add-cart{
margin: -30px 0 0 0;
}
.block-list-add-cart-btn{
color: #FFF!important;
border-radius: 100px;
padding: 2px 0!important;
width: 170px!important;
}
.block-list-add-cart-btn:hover{
color: #FFF!important;
}
.block-genre-page--goods{
border: none;
}



/* セール表示 */
.block-icon--auto-on-sales{
display: none!important;
}
.block-pickup-list-p--scomment{
color: #dc2828;
font-size: 12px;
line-height: 14px;
font-weight: 500;
margin: 12px 0 -4px 0;
}
.block-pickup-list-p--scomment + .block-pickup-list-p--price-items .block-pickup-list-p--price{
font-size: 24px!important;
line-height: 28px!important;
font-weight: 500!important;
letter-spacing: 0;
color: #dc2828;
}
.block-pickup-list-p--scomment + .block-pickup-list-p--price-items .block-pickup-list-p--price span{
margin: 2px 0 0 -4px;
}
.default-price{
font-size: 12px!important;
font-weight: 300;
margin: -8px 0 0 0;
}



/* 最近見た商品
---------------------------------------------- */

.block-recent-item{
border-top: solid 1px #ebebeb;
padding: 0;
margin: 70px 0 0 0;
}
.block-recent-item--header{
font-size: 24px;
line-height: 36px;
margin: 0;
padding: 35px 0 0 0;
}
.block-recent-item--header::after{
display: none;
}
.block-recent-item--empty-message{
padding: 30px 0 0 0;
}
.block-recent-item--history-message{
text-align: center;
padding: 30px 0 0 0;
}
.block-thumbnail-h{
}
.block-thumbnail-h li{
margin: 60px 45px 0 0;
}
.block-thumbnail-h li:nth-child(5n){
margin: 60px 0 0 0;
}
.block-thumbnail-h li dl{
width: 200px;
}
.block-thumbnail-h li dl dt{
}
.block-thumbnail-h li dl dt figure{
background: #FFF;
border: solid 1px #ebebeb;
padding: 30px;
border-radius: 4px;
}
.block-thumbnail-h li dl .block-thumbnail-h--goods-name{
font-size: 14px;
line-height: 22px;
}
.block-thumbnail-h li dl .block-thumbnail-h--price{
font-size: 14px;
line-height: 22px;
font-weight: 300;
}



/* 最近見た商品（カート）
---------------------------------------------- */

.block-cart-recent-item{
}
.block-cart-recent-item--header{
font-size: 24px;
line-height: 36px;
margin: 0;
padding: 75px 0 35px 0;
}
.block-cart-recent-item--header::after{
display: none;
}
.block-goods-list-c--items li figure{
background: #FFF;
border: solid 1px #ebebeb;
padding: 30px;
border-radius: 4px;
}



/* 商品詳細-関連商品
---------------------------------------------- */

.block-accessory-list{
margin: 0;
}
.block-accessory-list h2{
font-size: 24px;
line-height: 36px;
margin: 0;
padding: 120px 0 0 0;
display: none;
}
.block-accessory-list h2::after{
display: none;
}
.block-accessory-list h3{
font-size: 20px;
line-height: 30px;
border: solid 1px #ebebeb;
text-align: center;
padding: 12px 0 15px 0;
margin: 60px 0 0 0;
}



/* 一緒に見られているアイテム
---------------------------------------------- */

#recommend{
background: #fafafa;
margin: 120px 0 0 0;
}

#recommend h3{
font-size: 24px;
line-height: 36px;
margin: 0;
padding: 40px 0 0 0;
text-align: center;
}
#recommend .item-lineup{
padding: 0 0 40px 40px;
}
#recommend .item-lineup:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #recommend .item-lineup { display:inline-block; }
*:first-child+html #recommend .item-lineup { display:inline-block; }

#recommend .item-lineup dl{
width: 200px;
float: left;
margin: 40px 40px 0 0;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
#recommend .item-lineup dl:hover{
opacity: 0.7;
}
#recommend .item-lineup dl:nth-last-child(5n){
margin: 60px 0 0 0;
}
#recommend .item-lineup dl dd{
width: 200px;
height: 200px;
padding: 2px 40px 40px 40px;
background: #FFF;
border-radius: 4px;
}
#recommend .item-lineup dl dd img{
width: 100%;
}
#recommend .item-lineup dl dt{
font-size: 14px;
line-height: 22px;
font-weight: 300;
padding: 20px 0 0 0;
}



/* 商品詳細
---------------------------------------------- */



.block-goods-detail{
grid-template-columns: none;
position: relative;
margin: 0;
}
.block-goods-detail--promotion-freespace{
margin: 0;
}
.block-goods-detail--promotion-freespace .block-promotion-freespace{
padding: 10px 5px 18px 5px;
padding: 0 5px 0 5px;
}
.block-goods-detail--promotion-freespace .block-promotion-freespace u{
text-decoration: none;
}
.block-goods-detail--promotion-freespace .block-promotion-freespace u font b a{
display: block;
text-align: center;
border: solid 1px #00a1e5;
padding: 12px;
color: #00a1e5;
}
.pane-goods-left-side{
width: 1200px;
margin: 20px 0 0 0;
position: relative;
}
.pane-goods-left-side .bx-wrapper .bx-prev {
background: none;
width: 50px;
height: 50px;
margin: auto;
top:0;
bottom: 0;
left: 0;
}
.pane-goods-left-side .bx-wrapper .bx-prev::after {
content: "";
display: block;
width: 30px;
height: 30px;
border-radius: 15px;
background: url("../images/cmn_arwl_l.png") center no-repeat rgba(255,255,255,0.8);
background-size: 6px auto;
border: solid 1px #f0f0f0;
position: absolute;
top:0;
bottom: 0;
left: 10px;
margin: auto;
}
.pane-goods-left-side .bx-wrapper .bx-next {
background: none;
width: 50px;
height: 50px;
margin: auto;
top:0;
bottom: 0;
right: 0;
}
.pane-goods-left-side .bx-wrapper .bx-next::after {
content: "";
display: block;
width: 30px;
height: 30px;
border-radius: 15px;
background: url("../images/cmn_arwr_l.png") center no-repeat rgba(255,255,255,0.8);
background-size: 6px auto;
border: solid 1px #f0f0f0;
position: absolute;
top:0;
bottom: 0;
right: 10px;
margin: auto;
}



.pane-goods-right-side{
position: absolute;
top:0;
right: 0;
width: 525px;
padding: 5px 0 0 0;
}



/* ブランドロゴ*/
.pane-goods-left-side .block-src-c{
position: absolute;
top:8px;
right: 0;
width: 525px;
}
.pane-goods-left-side .block-src-c figure{
}
.pane-goods-left-side .block-src-c figure img{
display: inline-block;
width: auto;
height: 52px;
}



/* 商品名 */
.pane-goods-right-side .block-goods-name{
order: 10;
}
.pane-goods-right-side .block-goods-name h1{
font-size: 24px;
line-height: 36px;
letter-spacing: 1px;
font-weight: 300;
margin: 0;
padding: 80px 0 0 0;
}



/* 品種容量 */
.pane-goods-right-side .block-goods-spec{
position: relative;
order: 20;
margin: 0;
padding: 10px 0 0 0;
}
.pane-goods-right-side .block-goods-spec dt{
display: none;
}
.pane-goods-right-side .block-goods-spec dd{
font-size: 14px;
line-height: 24px;
padding: 0;
}



/* 商品説明文 */
.pane-goods-right-side .block-goods-spec + .block-goods-spec dd{
padding: 20px 0 0 0;
}



/* 送料無料 */
.free{
display: none;
position: absolute;
bottom:-90px;
right: 0;
font-size: 12px;
line-height: 15px;
letter-spacing: 0px;
font-weight: 700;
color: #dc0000;
text-align: center;
}



/* アイコン */
.pane-goods-right-side .block-icon{
order: 30;
height: 0;
margin: 0;
}
.pane-goods-right-side .block-icon--src1,
.pane-goods-right-side .block-icon--src2,
.pane-goods-right-side .block-icon--src3{
top:30px;
left:-670px;
}
.pane-goods-right-side .block-icon--src1 img,
.pane-goods-right-side .block-icon--src2 img,
.pane-goods-right-side .block-icon--src3 img{
width: 60px;
height: 60px;
}
/* アイコン：予約商品 */
.pane-goods-right-side .block-icon--auto-reservation{
position: relative;
}
.pane-goods-right-side .block-icon--auto-reservation::after{
position: absolute;
top:94px;
left: 70px;
z-index: 100;
}
.pane-goods-right-side .block-icon--auto-reservation img{
}



/* 価格 */
.pane-goods-right-side .block-goods-price{
order: 40;
margin: 0 0 0 -4px;
padding: 60px 0 0 0;
text-align: right;
}
.pane-goods-right-side .block-goods-price .block-goods-price--price{
font-family:"Roboto","Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-size: 44px;
font-weight: 100;
}
.pane-goods-right-side .block-goods-price .block-goods-price--price span{
display: inline-block;
font-size: 14px;
letter-spacing: 2px;
font-weight: 400;
vertical-align: middle;
margin: 10px -9px 0 -2px;
}
/* セール表示 */
.block-goods-price--on-sales-comment{
font-weight: 700;
color: #dc2828;
margin: 0 0 -8px 0;
}
.block-goods-price--on-sales-comment + .block-goods-price--price{
font-weight: 500!important;
color: #dc2828;
}
.block-goods-price--on-sales-comment + .block-goods-price--price + .default-price{
margin: -8px 0 -9px 0;
}



/* JAN CODE */
.pane-goods-right-side .block-goods-code{
order: 50;
margin: -58px 0 0 0;
}
.pane-goods-right-side .block-goods-code dt{
display: none;
}
.pane-goods-right-side .block-goods-code dd::before{
content: "JAN CODE :";
display: inline-block;
margin: 0 4px 0 0;
}
.pane-goods-right-side .block-goods-code dd{
font-size: 12px;
padding: 0;
}



/* 在庫 */
.pane-goods-right-side .block-goods-stock{
margin: -6px 0 0 0;
padding: 0;
order: 60;
}
.pane-goods-right-side .block-goods-stock dt{
font-size: 14px;
letter-spacing: 1px;
font-weight:300;
padding:0;
width: 50px;
}
.pane-goods-right-side .block-goods-stock dt::before{
display: none;
}
.pane-goods-right-side .block-goods-stock dd{
font-size: 14px;
letter-spacing: 0.5px;
font-weight:300;
padding:0;
position: relative;
}
.pane-goods-right-side .block-goods-stock dd::before{
content: "";
width: 1px;
height: 14px;
background: #ccc;
position: absolute;
top:6px;
left: -12px;
}



/* 最大購入個数 */
.pane-goods-right-side .block-goods-first-limited-order{
order: 70;
}



/* この商品について問い合わせる */
.pane-goods-right-side .block-contact-about-goods{
width: 240px;
text-align: right;
margin: 30px 0 0 285px;
order: 70;
position: static;
z-index: 100;
}
.pane-goods-right-side .block-contact-about-goods a{
width: 240px;
font-size: 14px;
letter-spacing: 0;
font-weight: 300;
padding: 0;
padding: 8px 0 8px 0;
text-align: center;
border: solid 1px #ebebeb;
}
.pane-goods-right-side .block-contact-about-goods a::after{
content: "";
background: url("../images/cmn_arwr_m.png") no-repeat;
background-size: 6px auto;
width: 6px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin: -5px 0 0 5px;
}



/* 選択されたカラー */
.pane-goods-right-side .block-variation{
order: 80;
padding: 0;
margin: -97px 0 0 0;
position: relative;
}
.pane-goods-right-side .block-variation--name{
display: none;
}
.pane-goods-right-side .block-variation--item-list{
padding: 28px 0 0 0;
margin: 0;
}
.pane-goods-right-side .block-variation--item{
width: 40px;
padding: 0;
margin: 0 4px 0 0;
}
.pane-goods-right-side .block-variation--item-term{
width: 40px;
height: 40px;
border-radius: 20px;
padding: 0;
margin: 0;
border: solid 1px #fff!important;
}
.pane-goods-right-side .active .block-variation--item-term{
border: solid 1px #ddd!important;
}
.pane-goods-right-side .block-variation--item-term figure{
width: 32px;
height: 32px;
padding: 0;
margin: 0;
top:3px;
left: 3px;
}
.pane-goods-right-side .block-variation--item-term figure img{
border-radius: 16px;
}
.pane-goods-right-side .block-variation--item-description{
display: none;
}
.pane-goods-right-side .block-variation .block-variation--selected-item{
font-size: 14px!important;
position: absolute;
top:0;
left: 0;
}



/*  */
.pane-goods-right-side .block-goods-release-dt{
order: 70;
margin: -5px 0 0 0;
padding: 0 0 0 0;
}
.pane-goods-right-side .block-goods-release-dt dt{
font-size: 14px;
padding: 0;
font-weight: 300;
width: 50px;
}
.pane-goods-right-side .block-goods-release-dt dt::before{
display: none;
}
.pane-goods-right-side .block-goods-release-dt dd{
font-size: 14px;
padding: 0;
}



/*  */
.pane-goods-right-side .block-outside-sales-period{
order: 50;
}
.pane-goods-right-side .block-outside-sales-period--message{
background: none;
border: none;
margin: 0;
padding: 0 0 0 0;
color: #444;
font-size: 14px;
letter-spacing: 0.5px;
text-align: left;
}



/*  */
.block-common-alert{
background: none;
border: none;
margin: 0;
padding: 0 0 140px 0;
}
.block-common-alert--message{
text-align: center;
padding: 160px 0 30px 0;
}
.block-common-alert--link{
font-size: 16px;
line-height: 16px;
border: 1px solid #e6e6e6;
text-decoration: none;
padding: 18px 0 20px 0;
border-radius: 50px;
text-align: center;
margin: auto;
display: block;
width: 240px;
}



/*  */
.pane-goods-right-side .block-size--item{
width: auto;
}
.pane-goods-right-side .block-size--item .block-size--item-term{
width: auto;
padding: 3px 16px;
border: none!important;
background: #f5f5f5;
}
.pane-goods-right-side .block-size--item.active .block-size--item-term {
background: #888;
}
.pane-goods-right-side .block-size--item .block-size--item-term span{
height: auto;
}



/* 商品特長 */
.block-goods-comment1{
}



/* 買い物かごへ入れる */
.pane-goods-right-side .block-add-cart{
position: fixed;
bottom:40px;
right: 110px;
width: 280px;
z-index: 999;
}
.pane-goods-right-side .block-add-cart button{
width: 300px;
border-radius: 100px;
padding: 8px 25px 10px 0;
}
.pane-goods-right-side .block-add-cart::after{
content: "";
position: absolute;
top:15px;
left: 170px;
right: 0;
margin: auto;
background:url("../images/cmn_icn_cart_w.png") no-repeat;
background-size: 20px auto;
width: 20px;
height: 20px;
}



/* 非表示 */
.pane-goods-right-side .block-goods-color{
display: none;
}
.pane-goods-right-side .block-goods-size{
display: none;
}
.pane-goods-right-side .block-no-stock{
display: none;
}
.pane-goods-right-side .block-goods-sns{
display: none;
}
.pane-goods-right-side .block-goods-release-dt{
display: none;
}
.pane-goods-right-side .block-goods-sales-start-dt{
display: none;
}
.pane-goods-right-side .block-goods-sales-end-dt{
display: none;
}
.block-accessory-list{
display: none;
}
.pane-goods-right-side .block-goods-comment{
display: none;
}
.pane-goods-right-side .block-goods-item-code{
display: none;
}
.pane-goods-right-side .block-goods-item-code3{
display: none;
}



/* 外部サイト購入ボタン */
#store{
padding: 46px 0 0 0;
}
#store.off{
display: none;
}
#store ul{
text-align: center;
}
#store ul li{
display: inline-block;
width: 240px;
margin: 0 5px;
}
#store ul li.off{
display: none;
}
#store ul li a{
display: block;
text-align: center;
height: 60px;
border-radius: 30px;
font-size: 17px;
line-height: 20px;
font-weight: 400;
letter-spacing: 0;
padding: 19px 0 0 0;
color: #fff!important;
}
#store ul li.pdc a{
background: #00a1e5;
}
#store ul li.amazon a{
background: #ec9900;
}
#store ul li.rakuten a{
background: #bf0000;
}
#store ul li.qoo10 a{
background: #1262ae;
}
#store ul li#pdc a{
background: #00a1e5;
}
#store ul li#amazon a{
background: #ec9900;
}
#store ul li#rakuten a{
background: #bf0000;
}
#store ul li#qoo10 a{
background: #1262ae;
}
#store ul li a br{
display: none;
}



/* 外部クチコミボタン */
#kuchikomi{
}
#kuchikomi.off{
display: none;
}
#kuchikomi ul{
text-align: center;
padding: 40px 0 0 0;
}
#kuchikomi ul li{
display: inline-block;
width: 280px;
margin: 0 5px;
}
#kuchikomi ul li.off{
display: none;
}
#kuchikomi ul li a{
font-weight: 400;
display: block;
height: 44px;
border-radius: 22px;
padding: 7px 0 0 0;
text-align: center;
}
#kuchikomi ul li.cosme a{
background: #ebf7f6;
}
#kuchikomi ul li.lips a{
background: #fdf2f4;
}
#kuchikomi ul li#cosme a{
background: #ebf7f6;
}
#kuchikomi ul li#lips a{
background: #fdf2f4;
}
#kuchikomi ul li a::before{
content: "";
width: 28px;
height: 28px;
display: inline-block;
vertical-align: middle;
margin: -0px 8px 0 0;
}
#kuchikomi ul li.cosme a::before{
background:url("../images/cmn_rvw_icn-cosme.png") no-repeat;
background-size: 28px 28px;
}
#kuchikomi ul li.lips a::before{
background:url("../images/cmn_rvw_icn-lips.png") no-repeat;
background-size: 28px 28px;
}
#kuchikomi ul li a::after{
content: "";
background:url("../images/cmn_rvw_icn.png") no-repeat;
background-size: 12px 12px;
width: 12px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin: -3px 0 0 8px;
}



/* 連続バナー */
.block-goods-comment1 #banner{
padding: 25px 0 0 0;
}
.block-goods-comment1 #banner ul{
text-align: center;
margin: 0 -8px;
}
.block-goods-comment1 #banner.line2 ul{
margin: 0;
}
.block-goods-comment1 #banner ul li{
margin: 20px 8px 0 8px;
display: inline-block;
width: 384px;
}
.block-goods-comment1 #banner ul li a{
}
.block-goods-comment1 #banner ul li a img{
}



#landing .review{
padding: 80px 0 0 0;
}
#landing .review a{
font-size: 16px;
line-height: 16px;
text-align: center;
color: #FFF!important;
display: block;
background: #2db0a5!important;
width: 280px;
margin: auto;
border-radius: 100px;
padding: 20px 0 22px 0;
}
#landing .review a::after{
content: "";
display: inline-block;
background: url("../images/cmn_icn_review.png");
background-size: 16px 15px;
width: 16px;
height: 15px;
vertical-align: middle;
margin: -3px 0 0 5px;
}



#landing .block-pagecategory-page-list--date{
font-size: 16px;
line-height: 16px;
font-weight: 500;
padding: 20px 0 0 0;
}
#landing .block-pagecategory-page-list--page-caption{
font-size: 14px;
line-height: 22px;
padding: 15px 0 0 0;
}



#landing .cart{
position: fixed;
bottom:24px;
right: 84px;
margin: auto;
z-index: 10000;
padding: 0;
display: none;
}
#landing .cart a{
background:#00a1e5 url("../images/cmn_icn_cart_w.png") top 10px right 20px no-repeat;
background-size: 20px auto;
color: #FFF!important;
border-radius: 100px;
border: none;
padding: 7px 45px 9px 20px;
cursor: pointer;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
display: block;
}



/* 買い物かご
---------------------------------------------- */

.page-cart h1{
font-size: 30px;
line-height: 40px;
letter-spacing: 4px;
padding: 80px 0 30px 0;
text-align: center;
}
.page-cart .js-enhanced-ecommerce-item{
position: relative;
}
.page-cart .js-enhanced-ecommerce-item .block-icon{
margin: 0 0 -10px 0;
}
.page-cart .img-center{
background: #FFF;
border: solid 1px #ebebeb;
padding: 30px;
border-radius: 4px;
}
.page-estimate .information{
padding: 0 0 60px 0;
}
.page-cart .block-cart--infomation{
background: rgba(200,0,0,0.05);
border: none;
margin: 0;
padding: 12px 0 12px 0;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 22px;
color: #dc0000;
}
.page-estimate .block-order-estimate h3{
height: 40px;
}
.page-estimate .block-order-estimate h3 a{
padding: 0px 5px;
}
.page-estimate .block-order-estimate--return-agree{
display: block;
margin: 10px 0;
padding: 10px 2px 10px 10px;
font-size: 14px;
}
.block-order-method--payment-method-select li .help-block {
vertical-align: top;
}



/* ノベルティ
---------------------------------------------- */

.block-order-estimate--novelty{
margin: 0 0 20px 0;
padding: 0 40px 40px 40px;
}
.block-order-estimate--novelty .block-order-estimate--novelty-content h3{
margin: 0;
padding: 35px 0 0 0;
font-size: 20px;
line-height: 30px;
font-weight: 300;
}
.block-order-estimate--novelty .block-order-estimate--novelty-list{
padding: 20px 0 0 0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.block-order-estimate--novelty .block-order-estimate--novelty-list li{
margin: 35px 5% 0 0;
width: 30%;
display: block;
z-index: 100;
}
.block-order-estimate--novelty .block-order-estimate--novelty-list li:nth-child(3n){
margin: 35px 0 0 0;
}
.block-order-estimate--novelty .block-order-estimate--novelty-item{
margin: 0;
display: block;
cursor: pointer;
}
.block-order-estimate--novelty .block-order-estimate--novelty-item-image{
display: block;
width: 100%;
height: 240px;
border: solid 1px #ebebeb;
border-radius: 4px;
padding: 40px 0 0 0;
}
.block-order-estimate--novelty .block-order-estimate--novelty-none-item-image{
height: 240px;
}
.block-order-estimate--novelty .block-order-estimate--novelty-item-image figure{
background: none;
width: 160px;
height: 160px;
margin: auto;
}
.block-order-estimate--novelty .block-order-estimate--novelty-item-goods{
padding: 0 0 0 24px;
display: block;
position: relative;
}
.block-order-estimate--novelty .block-order-estimate--novelty-item-goods input{
display: block;
position: absolute;
top:0;
left: 0;
}
.block-order-estimate--novelty .block-order-estimate--novelty-item-goods-name{
margin: 15px 0 0 0;
display: block;
font-size: 14px;
line-height: 20px;
}



.block-order-estimate--promotion-novelty-helper{
border: 1px solid #00a1e5;
margin: 0 0 20px 0;
display: none;
}
.block-order-estimate--promotion-novelty-helper .block-order-estimate--promotion-novelty-content{
padding: 14px 0 15px 0;
}
.block-order-estimate--promotion-novelty-helper .block-order-estimate--promotion-novelty-info{
color: #00a1e5;
font-size: 16px;
}



/* カレンダー

---------------------------------------------- */

#calendar{
width: auto;
max-width: none;
max-height: none;
overflow-x: inherit;
padding: 40px 0 0 0;
}
#calendar .block-calendar-title{
font-size: 24px;
line-height: 32px;
font-weight: 300;
}
#calendar .block-calendar-slide-area-wrapper{
width: 100%!important;
max-width: none;
max-height: none;
overflow-x: inherit;
margin: 35px 0 0 0;
border-left: solid 1px #ebebeb;
}
#calendar .block-calendar-prev{
display: none;
}
#calendar .block-calendar-next{
display: none;
}
#calendar .block-calendar-month{
font-size: 12px;
padding: 20px 0 0 0;
display: block;
}
#calendar .block-calendar-month b{
font-family:"Roboto","Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-weight:300;
font-size: 30px;
}
#calendar .block-calendar-slide-area{
padding: 0 30px;
border: solid 1px #ebebeb;
border-left: none;
height: 360px;
}
#calendar .block-calendar-slide-area table{
table-layout: fixed;
margin: 8px 0 0 0;
}
#calendar .block-calendar-slide-area table tr{
border: none;
}
#calendar .block-calendar-slide-area table td{
height: 36px;
vertical-align: middle;
}
#calendar .block-calendar-slide-area table td span{
width: 28px;
height: 28px;
border-radius: 14px;
font-size: 14px;
line-height: 25px;
}
#calendar .block-calendar-slide-area table td .closed{
border: none;
padding: 0;
margin: 0;
line-height: 29px;
color: #ff5050;
background: rgba(255,80,80,0.1);
}
#calendar p{
padding: 5px 0 0 0;
}
#calendar p span{
color: #ff5050;
margin: 0 5px 0 0;
}
#calendar p br{
display: none;
}



/* 休業のお知らせ
---------------------------------------------- */

.closed{
border: solid 1px #ebebeb;
padding: 0 40px 36px 40px;
margin: 0 0 35px 0;
}
.closed h2{
font-size: 16px;
font-weight: 500;
padding: 36px 0 0 0;
}
.closed p{
padding: 5px 0 0 0;
}
.closed .image{
padding: 35px 0 0 0;
}
.closed .center{
text-align: center;
}



/* お電話でのお問い合わせ
---------------------------------------------- */

.contact{
border: solid 1px #ddd;
padding: 0 40px 40px 40px;
margin: 0 0 35px 0;
}
.contact h2{
font-size: 21px;
line-height: 29px;
font-weight: 500;
text-align: center;
padding: 25px 0 0 0;
}
.contact p{
text-align: center;
padding: 10px 0 0 0;
}
.contact p strong{
font-size: 17px;
line-height: 25px;
font-weight: 500;
color: #00a1e5;
}
.contact .note{
font-size: 13px;
line-height: 21px;
padding: 0;
}
.contact div{
background: #f5f5f5;
margin: 25px 0 0 0;
padding: 0 20px 18px 20px;
}
.contact div + div{
margin: 8px 0 0 0;
}
.contact div h3{
font-size: 14px;
line-height: 22px;
font-weight: 500;
padding: 16px 0 0 0;
}
.contact div ul{
padding: 4px 0 0 0;
}
.contact div ul li{
font-size: 13px;
line-height: 21px;
text-indent: -13px;
margin: 0 0 0 13px;
}



/* アンケート
---------------------------------------------- */

.block-questionnaire--freespace-top{
text-align: center;
}



/* メールマガジン
---------------------------------------------- */

.block-mail-news--header + p{
text-align: center;
margin: -30px 0 70px 0;
font-size: 16px;
line-height: 28px;
}



/* ログイン
---------------------------------------------- */

.page-login{
}
.page-login .pane-order-contents{
border-top: solid 1px #ebebeb;
}
.page-login h1{
font-size: 30px;
line-height: 40px;
letter-spacing: 8px;
padding: 80px 0 80px 0;
text-align: center;
}
.page-login .information{
border: solid 4px #fa5da2;
border-radius: 4px;
margin: 0 0 40px 0;
}
.page-login .information a{
font-size: 18px;
display: block;
text-align: center;
color: #fa5da2!important;
padding: 20px 0 24px 0;
text-decoration: none;
}



.page-login .block-login--body{
position: relative;
}
.block-login--body:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .block-login--body { display:inline-block; }
*:first-child+html .block-login--body { display:inline-block; }



.page-login .block-common-alert-list{
float: left;
width: 60%;
margin: 0 0 40px 0;
border: solid 1px #ebebeb;
}
.page-login .block-common-alert-list--message{
font-size: 14px;
line-height: 24px;
text-indent: -14px;
margin: 0 0 0 14px;
}
.page-login .block-common-alert-list--items li{
font-size: 14px;
line-height: 24px;
padding: 0 0 0 14px;
color: #c80000;
}



.page-login .block-login--member{
margin: 0;
}
.page-login .block-login--member-frame{
width: 100%;
border: solid 10px #f5f5f5;
padding: 0 280px 40px 280px;
margin: 0;
}
.page-login .common_headline2_area_{
padding: 60px 0 0 0;
margin: 0;
}
.page-login .common_headline2_area_ span{
font-size: 24px;
}
.page-login .common_headline2_area_ span::after{
display: none;
}
.page-login .block-login--member-message{
display: none;
}
.page-login .block-login--input-items{
margin: 35px 0 0 0;
}
.page-login .form-label{
width: 160px;
padding: 28px 0 0 20px!important;
}
.page-login .form-control{
padding: 20px 0 20px 20px;
}
.page-login .form-control input{
width: 100%;
border: solid 1px #ebebeb;
}
.page-login .block-login--ask-password {
text-align: right;
}
.page-login .action-buttons {
margin: 20px 0 0 0;
}
.page-login .block-login--login-state-saving {
margin: 0;
}
.page-login .block-login--login-state-saving input {
width: 20px;
height: 20px;
margin: -2px 5px 0 0;
}



.page-login .block-login--first-time{
border: none;
background: #fafafa;
margin: 40px 0 0 0;
padding: 0 40px 80px 40px;
height: 100%;
}
.page-login .block-login--first-time-header {
padding: 70px 0 0 0;
margin: 0;
}
.page-login .block-login--first-time-header span::after{
display: none;
}
.page-login .block-login--first-time-body {
background: none;
}
.page-login .block-login--first-time-message {
text-align: center;
padding: 30px 0 10px 0;
margin: 0;
}



/* マイページ
---------------------------------------------- */

.page-menu h1,
.page-custdest h1,
.page-askpass h1,
.page-contact h1{
font-size: 30px;
line-height: 40px;
letter-spacing: 2px;
font-weight: 300;
margin: 0;
padding: 75px 0 70px 0;
text-align: center;
}
.page-history h1,
.page-customer h1,
.page-cardedit h1,
.page-mailchange h1,
.page-passchange h1,
.page-withdrawal h1,
.page-logout h1{
font-size: 30px;
line-height: 40px;
letter-spacing: 2px;
font-weight: 300;
margin: 0;
padding: 75px 0 20px 0;
text-align: center;
}



.block-mypage--customer-status{
background: #00a1e5;
border-radius: 0;
}
.block-mypage--sign{
border: none;
}
.block-mypage--logout a{
color: #FFF!important;
margin: 0 5px;
}
.block-icon-image{
display: inline-block;
vertical-align: middle;
margin: -3px 10px 0 0;
opacity: 0.6;
}



/* ランディングページ
---------------------------------------------- */

.block-landingpage-login--member-header span,
.block-landingpage-login--first-time-header span,
.block-landingpage-form--method-title{
display: block;
font-size: 24px;
line-height: 36px;
font-weight: 400;
text-align: center;
margin: 55px 0 25px 0;
}



/* ==============================================
goods-detail
============================================== */

.block-goods-detail #seibun{
}
.block-goods-detail #seibun h2{
text-align: center;
font-size: 24px;
letter-spacing: 2px;
padding: 85px 0 0 0;
}
.block-goods-detail #seibun table{
width:100%;
border-top:solid 1px #ebebeb;
border-left:solid 1px #ebebeb;
margin: 35px 0 0 0;
}
.block-goods-detail #seibun table th{
display: none;
}
.block-goods-detail #seibun table td:first-child{
border-right:none;
background:#fafafa;
width: 20%;
}
.block-goods-detail #seibun table td{
border-right:solid 1px #ebebeb;
border-bottom:solid 1px #ebebeb;
padding:5px 8px 5px 8px;
font-size: 12px;
line-height: 16px;
}
.block-goods-detail #seibun table td.stitle01{
background:#f0f0f0;
}
.block-goods-detail #seibun table td.stitle02{
background:#f5f5f5;
}



/* ==============================================
#shopping
============================================== */

#shopping{
max-width: 1200px;
margin: auto;
}



#shopping #title{
}
#shopping #title h2{
}
#shopping #title .inner{
border-top: solid 1px #00a1e5;
border-left: solid 1px #00a1e5;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin: 0 0 0 0;
}
#shopping #title .inner:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #shopping #title .inner { display:inline-block; }
*:first-child+html #shopping #title .inner { display:inline-block; }

#shopping #title .inner div{
border-right: solid 1px #00a1e5;
border-bottom: solid 1px #00a1e5;
float: left;
width: 33.33333%;
}
#shopping #title .inner div a{
display: block;
padding: 50px 0;
}
#shopping #title .inner div h3{
text-align: center;
letter-spacing: 1px;
font-weight: 400;
color: #00a1e5;
}
#shopping #title .inner div h3 img{
display: block;
margin: 0 auto 15px auto;
width: auto;
height: 50px;
}
#shopping #title .inner div p{
margin: 0;
font-size: 14px;
line-height: 24px;
padding: 10px 0 0 0;
text-align: center;
color: #00a1e5;
}
#shopping #title .inner div .note{
font-size: 12px;
line-height: 20px;
padding: 0;
}



#shopping{
}
#shopping .article{
position: relative;
}
#shopping .article #shopping-01,
#shopping .article #shopping-02,
#shopping .article #shopping-03,
#shopping .article #shopping-04{
position: absolute;
top:160px;
left: 0;
}
#shopping .article .inner{
}
#shopping .article .inner h3{
font-size: 30px;
line-height: 40px;
color: #444;
padding: 70px 0 0 0;
}
#shopping .article .inner h4{
font-size: 20px;
line-height: 30px;
font-weight: 400;
padding: 30px 0 0 0;
}
#shopping .article .inner h5{
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding: 20px 0 0 0;
}
#shopping .article .inner p{
padding: 25px 0 0 0;
}
#shopping .article .inner h4 + p{
padding: 15px 0 0 0;
}
#shopping .article .inner h5 + p{
padding: 5px 0 0 0;
}
#shopping .article .inner .note{
font-size: 12px;
line-height: 20px;
padding: 5px 0 0 0;
}
#shopping .article .inner ul{
padding: 15px 0 0 0;
}
#shopping .article .inner h4 + ul{
padding: 5px 0 0 0;
}
#shopping .article .inner h5 + ul{
padding: 5px 0 0 0;
}
#shopping .article .inner ul li{
line-height: 24px;
text-indent: -12px;
margin: 10px 0 0 12px;
}
#shopping .article .inner ul li::before{
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 3px;
background: #444;
vertical-align: middle;
margin: -4px 6px 0 0;
}
#shopping .article .inner ul li strong{
font-weight: 500;
}
#shopping .article .inner a{
text-decoration: underline;
}



#shopping .article .inner .step{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding: 40px 0 0 0;
}
#shopping .article .inner .step:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #shopping .article .inner .step { display:inline-block; }
*:first-child+html #shopping .article .inner .step { display:inline-block; }

#shopping .article .inner .step div{
background: #f5f5f5;
padding: 0 40px 40px 40px;
margin: 0 20px 0 0;
float: left;
width: calc(50% - 10px);
}
#shopping .article .inner .step div:last-child{
margin: 0;
}
#shopping .article .inner .step div h4{
font-size: 18px;
color: #444;
font-weight: 400;
padding: 40px 0 0 0;
}
#shopping .article .inner .step div h4 span{
display: inline-block;
width: 24px;
height: 24px;
border-radius: 12px;
line-height: 12px;
background: #666;
font-size: 13px;
color: #fff;
text-align: center;
padding: 6px 0 0 2px;
vertical-align: middle;
margin: -4px 8px 0 -2px;
}
#shopping .article .inner .step div p{
padding: 15px 0 0 30px;
}
#shopping .article .inner .step div p img{
display: inline-block;
vertical-align: middle;
margin: -3px 4px 0 4px;
}
#shopping .article .inner .step div p strong{
font-weight: 500;
}
#shopping .article .inner .step div .note{
padding: 5px 0 0 30px;
}
#shopping .article .inner .step div .note li{
font-size: 12px;
line-height: 20px;
text-indent: 0;
margin: 0;
}
#shopping .article .inner .step div .note li::before{
display: none;
}



#shopping #step .inner div{
border: solid 1px #ddd;
padding: 0 36px 36px 36px;
border-radius: 12px;
margin: 40px 0 0 0;
position: relative;
}
#shopping #step .inner div::after{
content: "";
width: 1px;
height: 40px;
background: #ddd;
position: absolute;
bottom:-41px;
left: 0;
right: 0;
margin: auto;
}
#shopping #step .inner div:last-child::after{
display: none;
}
#shopping #step .inner h5{
padding-left: 24px;
}
#shopping #step .inner p{
padding-left: 24px;
}



#shopping #contact{
border: solid 1px #ddd;
margin: 80px 0 40px 0;
}
#shopping #contact .inner{
padding: 0 40px 40px 40px;
}
#shopping #contact .inner ul{
padding: 25px 0 0 0;
}
#shopping #contact .inner ul li{
margin: 15px 0 0 0;
font-size: 16px;
font-weight: 400;
}
#shopping #contact .inner ul li a{
}
#shopping #contact .inner ul li img{
display: inline-block;
vertical-align: middle;
margin: -3px 8px 0 0;
}
#shopping #contact .inner p{
padding: 0 0 0 32px;
}
#shopping #contact .inner p strong{
font-size: 15px;
font-weight: 500;
}
#shopping #contact .inner p strong span{
}



/* ==============================================
old : goods-detail
============================================== */

#brand-detail{
max-width: 900px;
margin: auto;
}



#brand-detail #about .language{
position: relative;
}
#brand-detail #about .language .tab{
position: absolute;
top:-40px;
right: 0;
}
#brand-detail #about .language .tab li{
display: block;
border: 1px solid #e6e6e6;
font-size: 11px;
line-height: 27px;
text-decoration: none;
border-radius: 50px;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
float: left;
margin: 0 0 0 10px;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
#brand-detail #about .language .tab li:hover{
background: #00a1e5;
border: 1px solid #00a1e5;
color: #FFF;
}
#brand-detail #about .language .tab li.active{
background: #e6e6e6;
}
#brand-detail #about .language .tab li.active:hover{
background: #00a1e5;
border: 1px solid #00a1e5;
color: #FFF;
}



#brand-detail #about .text{
text-align: left;
padding: 70px 0 0 0;
font-size: 15px;
line-height:32px;
}
#brand-detail #about .text .image{
padding:0 0 50px 0;
}
#brand-detail #about .text .image img{
width: 100%;
}
#brand-detail #about .text h3{
font-weight: 300;
font-size: 21px;
line-height: 36px;
padding: 0 0 0 0;
margin: 0 0 24px 0;
}
#brand-detail #about .text p{
margin: -24px 0 0 0;
}
#brand-detail #about .text .language .tabBox p.price{
margin: 0 0 24px 0;
display: none;
}
#brand-detail #about .text .language .tabBox h4{
font-size: 17px;
font-weigh:bold;
padding: 0 0 0 0;
margin: 0 0 20px 0;
}
#brand-detail #about .text .caption {
font-size: 12px;
line-height: 14px;
display: block;
padding: 15px 0 0 0;
}
#brand-detail #about .text .image{
padding:0 0 50px 0;
}
#brand-detail #about .text .banner{
margin: 20px 0 0 0;
text-align: center;
}



#brand-detail #movie{
margin: 54px 0 0 0;
}
#brand-detail .movie-wrap {
position: relative;
padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
height: 0;
overflow: hidden;
}
#brand-detail .movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#brand-detail #movie{
text-align: center;
}
#brand-detail #movie p{
margin:0 0 20px 0;
font-size:20px;
text-align: center;
padding: 20px;
font-weight: 500;
}
#brand-detail #movie p{
color:#222222;
font-size:20px;
text-align: center;
background: none;
border: none;
display: inline-block;
font-weight: 500;
margin: 0 0 30px 0;
padding:0 0 2px 0;
}
#brand-detail #movie p span{
background:linear-gradient(transparent 60%, #ffff66 60%);
}



#brand-detail #check{
background: #f5f5f5;
margin: 54px 0 0 0;
}
#brand-detail #check h3{
font-weight: 300;
font-size: 21px;
line-height: 36px;
text-align: center;
padding: 30px 0 0 0!important;
margin: 0!important;
}
#brand-detail #check ul{
display:flex;
padding: 30px 0 0 4.5%!important;
}
#brand-detail #check ul:last-of-type{
padding: 0 0 37px 4.5%!important;
}
#brand-detail #check ul li{
line-height: 22px;
width: 47%;
margin: 0 1% 1% 0;
float: left;
padding: 12px 20px 15px 50px;
background: #FFF url(../images/cmn_icn_check.png) 17px 17px no-repeat;
background-size: 17px auto;
}
#brand-detail #check ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #brand-detail #check ul { display:inline-block; }
*:first-child+html #brand-detail #check ul { display:inline-block; }



#brand-detail #tab{
padding: 60px 0 0 0;
}
#brand-detail #tab ul{
}
#brand-detail #tab ul li{
background: #999999;
font-size: 17px;
line-height: 17px;
padding: 16px 0 21px 0;
text-align: center;
color: #FFF;
border-radius: 10px 10px 0 0;
width: 49.5%;
margin: 0 1% 0 0;
float: left;
cursor: pointer;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
#brand-detail #tab ul li:hover{
opacity: 0.7;
}
#brand-detail #tab ul li:last-child{
margin: 0;
}
#brand-detail #tab ul li.select{
background: #00a1e5;
}
#brand-detail #tab ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #brand-detail #tab ul { display:inline-block; }
*:first-child+html #brand-detail #tab ul { display:inline-block; }

#brand-detail .article{
}
#brand-detail .article.none{
display: none;
}



#brand-detail #feature{
}
#brand-detail #feature .bg{
background-size: 100% auto;
padding:0 0 5% 0;
width: 100%!important;
max-width:inherit;
margin-top: 0;
}
#brand-detail #feature .frame{
background-image: none!important;
background-color: #ffffff;
width:90%!important;
padding:0 8%;
margin:0 auto!important;
}
#brand-detail #feature p.title{
width:100%;
margin: 0;
}
#brand-detail #feature p.title img{
width:100%;
}
#brand-detail #feature ul{
width:90%!important;
margin:0 auto 20px auto;
text-align: center;
}
#brand-detail #feature ul li{
max-width:375px;
width: 100%;
display:inline-block;
float:inherit;
text-align: center;
margin: 0 2px 5px 4px;
}
#brand-detail #feature ul li img{
width:100%;
}
#brand-detail #feature ul li:last-child{
}
#brand-detail #feature dl{
margin:0;
background:none;
padding:50px 0 40px 0;
border-bottom: 1px solid #d7d7d7;
}
#brand-detail #feature dl:last-child{
border: none;
}
#brand-detail #feature dl dt{
background-image:none;
font-size:18px;
font-weight:500;
color:#222222;
padding:0;
margin: 0 0 40px 0;
}
#brand-detail #feature dl dd.image{
float:none;
margin:0 auto 40px auto;
text-align:center;
}
#brand-detail #feature dl dd{
letter-spacing:normal!important;
}
#brand-detail #feature dl dd.link{
padding: 20px 0 0 0;
}
#brand-detail #feature dl dd.link a{
display: block;
line-height: 24px;
background: #f5f5f5;
text-decoration: none;
border-radius: 10px;
color: #222!important;
position: relative;
padding: 20px 40px 25px 150px;
}
#brand-detail #feature dl dd.link a img{
position: absolute;
top:10px;
left: 25px;
height: 88px;
}
#brand-detail #feature .banner{
padding: 60px 0 0 0;
text-align: center;
}



#brand-detail #use{
padding: 50px 0 0 0;
}
#brand-detail #use p{
}
#brand-detail #use p.image {
float: none;
text-align: center;
margin: 15px 0 0 0;
}
#brand-detail #use p.image.top {
margin:0 0 15px 0;
}
#brand-detail #use h3{
text-align: center;
font-size:20px;
letter-spacing: 2px;
border: 1px solid #dddddd;
padding: 16px 0 20px 0;
margin: 10px 0 40px 0;
}
#brand-detail #use h4{
text-align: center;
font-size:20px;
margin: 0 0 45px 0;
}
#brand-detail #use dl.step{
margin: 0 0 30px 0;
display: table;
}
#brand-detail #use dl.step:last-child{
margin: 0;
}
#brand-detail #use dl.step dt{
display: table-cell;
padding: 0 40px 0 0;
margin: 0;
}
#brand-detail #use dl.step dt img{
width: 315px;
border: 1px solid #dddddd;
}
#brand-detail #use dl.step dd{
display: table-cell;
vertical-align: middle;
}
#brand-detail #use .link{
}
#brand-detail #use .link a{
display: block;
background: #f5f5f5;
text-decoration: none;
border-radius: 10px;
color: #222!important;
position: relative;
padding: 30px 40px 35px 150px;
}
#brand-detail #use .link a img{
position: absolute;
top:15px;
left: 25px;
height: 88px;
}
#brand-detail #use .link a .note{
font-size: 12px;
}
#brand-detail #use .movie{
position: relative;
height: 0;
overflow: hidden;
background: #ddd;
width: 100%;
padding-bottom: 56.2%;
margin: 40px auto 44px auto;
}
#brand-detail #use .movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



#brand-detail #feature p.caption{
text-align:left;
font-size:10px;
line-height:1.4em;
padding:3px 0 0 0;
max-width:100%;
margin: auto;
letter-spacing: normal;
}



#brand-detail #faq{
}
#brand-detail #faq h3{
font-size: 21px;
line-height: 28px;
font-weight: 300;
letter-spacing: 5px;
text-align: center;
padding: 60px 0 35px 0;
}
#brand-detail #faq div{
}
#brand-detail #faq div dl{
border: 1px solid #e6e6e6;
border-bottom: none;
}
#brand-detail #faq div:last-child dl{
border-bottom: 1px solid #e6e6e6;
}
#brand-detail #faq div dt{
line-height: 22px;
cursor: pointer;
position: relative;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
padding: 15px 40px 19px 50px;
}
#brand-detail #faq div dt:hover{
color: #00a1e5;
}
#brand-detail #faq div dt.open{
background: #f5f5f5;
}
#brand-detail #faq div dt::before{
content: "Q";
display: block;
color: #00a1e5;
font-family: "BahnsChrift";
font-size: 30px;
line-height: 30px;
font-weight: 300;
position: absolute;
top:13px;
left: 15px;
margin: auto;
}
#brand-detail #faq div dt::after{
content: " ";
display: block;
width: 6px;
height: 11px;
background: url(../images/cmn_arwr_m.png)no-repeat;
background-size: 6px auto;
position: absolute;
top:0;
bottom: 0;
right: 20px;
margin: auto;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
#brand-detail #faq div dt:hover::after{
background: url(../images/cmn_arwr_m_blue.png)no-repeat;
background-size: 6px auto;
}
#brand-detail #faq div dt.open::after{
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
#brand-detail #faq div dd{
padding: 15px 20px 20px 50px;
}


/* ==============================================
old : brand
============================================== */

.brand{
}



.brand h3{
font-size:15px;
line-height:15px;
letter-spacing: 1px;
text-align: center;
position: inherit;
top:inherit;
left: inherit;
width: 100%;
height: inherit;
}
.brand h3 span{
font-family: "BahnsChrift";
font-weight: 300;
font-size: 21px;
line-height: 21px;
letter-spacing: 6px;
display: block;
margin: 18px auto 10px auto;
}
.brand h3::before{
content: " ";
display: block;
width: 40px;
height: 40px;
background: -moz-linear-gradient(top, #78d1ef, #b7e6f6);
background: -webkit-gradient(linear, left top, left bottom, from(#78d1ef), to(#b7e6f6));
background: -ms-linear-gradient(top, #78d1ef, #b7e6f6); 
border-radius: 50px;
margin: auto;
}
.brand #make-up h3::before{
content: " ";
display: block;
width: 40px;
height: 40px;
background: -moz-linear-gradient(top, #ffaaaa, #ffd3d3);
background: -webkit-gradient(linear, left top, left bottom, from(#ffaaaa), to(#ffd3d3)); 
background: -ms-linear-gradient(top, #ffaaaa, #ffd3d3);
border-radius: 50px;
margin: auto;
}



.brand p{
}
.brand p a{
font-size: 15px;
line-height: 15px;
display: block;
border: solid 1px #e6e6e6;
text-align: center;
text-decoration: none;
border-radius: 50px;
padding: 15px 0 18px 0;
margin: 40px auto 0 auto;
width: 278px;
}



.brand div{
max-width: 1200px;
margin: auto;
padding: 0 0 75px 0;
}
.brand div ul{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.brand div ul li{
float: left;
width: 30.6%;
margin: 60px 4% 0 0;
}
.brand div ul li:nth-child(3),
.brand div ul li:nth-child(6),
.brand div ul li:nth-child(9),
.brand div ul li:nth-child(12),
.brand div ul li:nth-child(15),
.brand div ul li:nth-child(18),
.brand div ul li:nth-child(21),
.brand div ul li:nth-child(24),
.brand div ul li:nth-child(27),
.brand div ul li:nth-child(30){
margin: 60px 0 0 0;
}
.brand div ul li a{
font-size: 14px;
line-height: 24px;
text-decoration: none;
display: block;
}
.brand div ul li a:hover{
opacity: 0.7;
}
.brand div ul li a img{
display: block;
width: 100%;
border-radius: 4px;
}
.brand div ul li a img:nth-child(2){
width: auto;
height: 16px;
border-radius: 0;
margin: 20px auto 0 auto;
}
.brand div ul li a strong{
display: block;
font-size: 15px;
font-weight: 500;
margin: 15px auto 10px auto;
text-align: center;
}
.brand div ul li a span{
display: block;
font-size: 10px;
line-height: 18px;
margin: 2px 0 0 0;
}



/* ==============================================
old : common
============================================== */

#contents{
position: relative;
}
#contents .site-root{
height: 44px;
background: #fafafa;
padding: 16px 0 0 16px;
font-size: 12px;
line-height: 12px;
}
#contents .site-root-bottom{
display: none;
}



#contents h2{
font-size: 30px;
line-height: 40px;
letter-spacing: 4px;
padding: 80px 0 85px 0;
text-align: center;
}
#contents h2 span{
font-size:24px;
line-height:32px;
letter-spacing: 4px;
}
#contents h2 img{
display:none;
}
#contents h3{
font-size:20px;
line-height: 30px;
letter-spacing: 2px;
}



#contents a.arrow{
background-image:url(../../common/images/cmn_arw_blue.gif);
background-repeat:no-repeat;
background-position:0 7px;
padding:0 0 0 10px;
text-decoration: none;
}



#contents table{
width:100%;
border-top:solid 1px #ebebeb;
border-left:solid 1px #ebebeb;
}
#contents table th{
border-right:solid 1px #ebebeb;
border-bottom:solid 1px #ebebeb;
background:#fafafa;
padding:12px 20px 15px 20px;
text-align:left;
}
#contents table td{
border-right:solid 1px #ebebeb;
border-bottom:solid 1px #ebebeb;
padding:12px 20px 15px 20px;
}



/* ==============================================
old : aboutpdc_index
============================================== */

.about{
max-width: 1200px;
margin: auto;
padding: 80px 0 0 0;
}
.about p{
text-align:center;
}
.about #message{
border:solid 10px #F7F7F7;
position:relative;
text-align:center;
padding:0 0 60px 0;
}
.about #message h2{
font-size:0;
line-height:0;
letter-spacing: 0;
text-align: center;
position: inherit;
top:inherit;
left: inherit;
width: inherit;
height: inherit;
padding:60px 0 0 0;
border-bottom:none;
}
.about #message h2 span{
display: none;
}
.about #message h2 img{
display:inherit;
margin: auto;
}
.about #message h3{
text-align: center;
padding: 40px 0 30px 0;
}
.about #message p{
line-height:30px;
}
.about #message p.image{
display: none;
}
.about #ideal{
text-align:center;
}
.about #ideal h3{
padding: 60px 0 0 0;
text-align: center;
}
.about #ideal p strong{
font-size:21px;
font-weight:300;
display: block;
padding: 30px 0 0 0;
}
.about .company{
padding: 50px 0 0 0;
}
.about .company a{
font-family: "BahnsChrift" ,"NotoSansCJKjp";
font-size: 15px;
line-height: 15px;
font-weight: 300;
border: 1px solid #e6e6e6;
text-decoration: none;
display: block;
padding: 15px 0 16px 0;
border-radius: 50px;
text-align: center;
margin: auto;
position: relative;
width:300px;
}
.about .company a::before{
content: "";
position: absolute;
right:31px;
top:22px;
width:10px;
height:1px;
background: #fff;
transition: 0.5s;
}
.about .company a::after{
content: "";
position: absolute;
right: 30px;
top:20px;
width: 4px;
height: 4px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.5s;
}
.about .company a:hover{
background: #00a1e5;
border: 1px solid #00a1e5;
color: #FFF!important;
opacity: 1;
}
.about .company a:hover::before{
right: 20px;
}
.about .company a:hover::after{
right: 20px;
}



/* ==============================================
old : aboutproduct_index
============================================== */

.persistence{
max-width: 720px;
margin: auto;
}
.persistence h2{
text-align:center;
margin:0;
padding:0 0 50px 0;
}
.persistence p{
text-align:center;
padding:0 0 25px 0;
}
.persistence #p01{
margin:0 0 40px 0;
}
.persistence #p01 p{
float:left;
width:232px;
text-align:left;
margin:5px 0 0 0;
}
.persistence #p01 dl{
float:left;
width:488px;
}
.persistence #p01 dl dt{
float:left;
margin:0 20px 20px 0;
}
.persistence #p01 dl dd{
margin:5px 0 0 0;
}
.persistence #p01 dl dd strong{
color:#00A2E6;
font-size:17px;
font-weight:normal;
display: block;
margin: 0 0 -20px 0;
}
.persistence #p02{
margin:0 0 40px 0;
}
.persistence #p02 p{
float:right;
width:232px;
text-align:right;
margin:5px 0 0 0;
}
.persistence #p02 dl{
float:right;
width:488px;
}
.persistence #p02 dl dt{
float:right;
margin:0px 0 20px 20px;
}
.persistence #p02 dl dd{
margin:5px 0 0 0;
}
.persistence #p02 dl dd strong{
color:#00A2E6;
font-size:17px;
font-weight:normal;
display: block;
margin: 0 0 -20px 0;
}
.persistence #p03{
margin:0 0 40px 0;
}
.persistence #p03 p{
float:left;
width:232px;
text-align:left;
margin:5px 0 0 0;
}
.persistence #p03 dl{
float:left;
width:488px;
}
.persistence #p03 dl dt{
float:left;
margin:0 20px 20px 0;
}
.persistence #p03 dl dd{
margin:5px 0 0 0;
}
.persistence #p03 dl dd strong{
color:#00A2E6;
font-size:17px;
font-weight:normal;
display: block;
margin: 0 0 -20px 0;
}
.persistence #p04{
border-top:solid 1px #f0f0f0;
padding:50px 0 0 0;
}
.persistence #p04 dl dt{
color:#00A2E6;
font-size:17px;
font-weight:normal;
margin:0;
padding:0;
}
.persistence #p04 dl dt img{
margin:0 0 32px 0;
}
.persistence #p04 dl dd{
padding:5px 0 0 0;
margin:0;
}
.persistence .frame:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .persistence .frame { display:inline-block; }
*:first-child+html .persistence .frame { display:inline-block; }



/* ==============================================
old : customer_index
============================================== */

.scr{
max-width: 720px;
margin: auto;
}
.scr .top{
}
.scr .top h2{
}
.scr .top p{
}
.scr .top p img{
margin: 0 0 25px 0;
}
.scr .top .category-menu{
margin:30px -20px 0 0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.scr .top .category-menu a{
float:left;
width:350px;
background:url(../../customer/img/scr_tp_frm_bg.gif) left bottom no-repeat;
margin:20px 20px 0 0;
text-decoration: none;
}
.scr .top .category-menu dl dd{
line-height: 28px;
padding:12px 20px 20px 20px;
}
.scr .top .category-menu:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .scr .top .category-menu { display:inline-block; }
*:first-child+html .scr .top .category-menu { display:inline-block; }

.scr .top .caution{
clear: both;
border: 1px solid #444444;
margin: 35px auto 0 auto;
width:90%;
text-align: center;
}
.scr .top .caution a{
padding:5px 0;
display: block;
text-decoration: none;
background: none;
width:auto;
float:inherit;
margin:0;
}
.scr ul#support-menu{
border-left:solid 1px #e6e6e6;
}
.scr ul#support-menu li{
float:left;
font-size:0;
line-height:0;
border-right:solid 1px #e6e6e6;
}
.scr ul#support-menu:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .scr ul#support-menu { display:inline-block; }
*:first-child+html .scr ul#support-menu { display:inline-block; }



/* ==============================================
old : customer_faq
============================================== */

.scr #faq h3{
padding: 55px 0 5px 0;
}
.scr #faq{
}
.scr #faq div{
background:url(../../customer/img/cmn_frm_m_bg.gif) left bottom no-repeat;
padding:0 0 5px 0;
margin:20px 0 0 0;
zoom:1;
}
.scr #faq dl{
padding:0 0 0 0;
zoom:1;
}
.scr #faq dl dt{
background:url(../../customer/img/faq_frm_top.gif) left top no-repeat;
padding: 10px 50px 8px 53px;
line-height: 24px;
}
.scr #faq dl dt.open{
background:url(../../customer/img/faq_frm_top_on.gif) left top no-repeat;
}
.scr #faq dl dd{
border-top:dotted 1px #b1b1b1;
margin:4px 2px 0 2px;
padding:25px 25px 25px 50px;
}
.scr #faq div:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .scr #faq div { display:inline-block; }

*:first-child+html .scr #faq div { display:inline-block; }
.scr #faq dl:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .scr #faq dl { display:inline-block; }
*:first-child+html .scr #faq dl { display:inline-block; }



/* ==============================================
old : customer_voice
============================================== */

.voice p.comment{
background:url(../../file/customer/img/vc_frm_bg.gif) left bottom;
text-align:center;
padding:0 0 27px 0;
line-height: 24px;
margin: 60px 0 0 0;
}
.voice p.comment img{
margin:0 0 10px 0;
}
.voice dl{
margin:40px 0 0 0;
}
.voice dl dd.image{
width:290px;
float:left;
margin:0;
}
.voice dl dt{
width:420px;
float:right;
padding:0 0 15px 0;
margin: -14px 0 0 0;
}
.voice dl dd{
width:420px;
float:right;
margin:0 0 10px 0;
}
.voice dl:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .voice dl { display:inline-block; }
*:first-child+html .voice dl { display:inline-block; }



/* ==============================================
old : chinese
============================================== */

.chinese-top{
width:957px;
margin:0 auto;
padding: 20px 0 0 0;
}
.chinese-top h2{
margin:-20px 0 0 0;
padding:0;
}
.chinese-top h2{
text-align: center;
}
.chinese-top h2 span{
display:none;
}
.chinese-top .brand-set{
margin: 30px 0 0 0;
}
.chinese-top .brand-set .brand-title{
clear: both;
padding: 0 0 12px 0;
position: relative;
margin: 0 0 30px 0
}
.chinese-top .brand-set p.logo{
float:left;
margin: 0 18px 0 0;
}
.chinese-top .brand-set p.logo img{
vertical-align: middle;
}
#contents .chinese-top .brand-set h3{
background: none;
font-size: 24px;
padding: 13px 0 15px 0;
line-height: 1.1em;
font-weight: bold;
}
.chinese-top .brand-set h3 span{
color: #333333!important;
font-size:14px;
font-weight: normal;
}
.chinese-top .brand-set p.brand-text{
position: absolute;
top: 47px;
left: 195px;
font-size: 14px;
line-height: 1.2em;
}
.chinese-top .brand-set a{
text-decoration:none;
color:#4d4d4d;
display: block;
}
.chinese-top .brand-set .wrap{
display: -webkit-box; /*Android4.3*/
display: -moz-box;    /*Firefox21*/
display: -ms-flexbox; /*IE10*/
display: -webkit-flex; /*PC-Safari,iOS8.4*/
display: flex;
margin: 0 0 0.3% 0;
clear: both;
}
.chinese-top .brand-set .wrap p.brand-text-sp{
display: none;
}
.chinese-top .brand-set .wrap .item{
width:25%;
margin:0.3%;
border: 1px solid #dddddd;
position:relative;
}
.chinese-top .brand-set .item:last-child{
}
.chinese-top .brand-set .item:hover{
}
.chinese-top .brand-set .item p{
position:absolute;
left: -13px;
z-index:102;
top: -3px;
}
.chinese-top .brand-set .item dl{
padding:20px 20px 20px 20px;
}
.chinese-top .brand-set .item dd.image{
text-align:center;
}
.chinese-top .brand-set .item dd.image img{
padding:0 0 16px 0;
height: 149px;
}
.chinese-top .brand-set .item dt{
color:#00a2e6;
font-weight:300;
margin:16px 0 0 0;
min-height: 39px;
line-height: 24px;
}
.chinese-top .brand-set .item dd{
font-size:12px;
line-height:18px;
padding:4px 0 0 0;
}
.chinese-top .brand-set .item dd.price{
color:#ff7575;
display: none;
}
.chinese-top .brand-set:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .chinese-top .brand-set{ display:inline-block; }
*:first-child+html .chinese-top .brand-set { display:inline-block; }

.chinese-top .brand-set#wafoodmade .brand-title h3{
color: #b9514b;
}
.chinese-top .brand-set#pidite .brand-title h3{
color: #41332a;
}
.chinese-top .brand-set#cuture .brand-title h3{
color: #1f2a66;
}
.chinese-top .brand-set#pmel .brand-title h3{
color: #6b4932;
}
.chinese-top .brand-set#pmeltete .brand-title h3{
color: #222222;
}
.chinese-top .brand-set#liftarna .brand-title h3{
color: #946134;
}
.chinese-top .brand-set#celdie .brand-title h3{
color: #6a4630;
}
.chinese-top .brand-set#otasukecosme .brand-title h3{
color: #222222;
}
.chinese-top .brand-set#directwhitedew .brand-title h3{
color: #093684;
}
.chinese-top .brand-set#bocashu .brand-title h3{
color: #986451;
}
.chinese-top #sns{
display: none;
}



/* ==============================================
old : howto_index
============================================== */

.beginner{
max-width: 960px;
margin: auto;
}
.beginner h2{
text-align:center;
padding:0 0 50px 0;
}
.beginner p{
text-align:center;
padding:0 0 0 0;
}
.beginner span.large{
font-size: 140%;
color: #333333;
font-weight: bold;
}
.beginner .frame{
margin:30px 0 0 0;
}
.beginner .frame p,
.beginner .frame dt,
.beginner .frame dd,
.beginner .frame li {
font-size: 14px;
line-height:24px;
}
.beginner .frame .inner{
position:relative;
}
.beginner .frame dt{
font-weight: 500;
margin: 0 0 5px 0;
font-size: 15px;
}
.beginner .frame dd{
margin-left: 1.5em;
}
.beginner .frame .text{
margin: 0 0 40px 0;
}
.beginner .frame p{
}
.beginner .frame h3{
padding: 0 0 20px 0!important;
color:#00a2e6;
font-weight:500;
}
.beginner .frame h4{
padding: 20px 0 10px 0;
font-size: 15px;
line-height:24px;
font-weight:500;
}
.beginner .frame .text p{
text-align:left;
float:none;
}
.beginner .frame .text strong{
font-weight: 500;
}
.beginner .frame ul li{
margin:0 0 0 15px;
text-indent:-15px;
}
.beginner .frame p img{
height: auto;
padding:10px 0 10px 0;
}
.beginner .frame p.image{
float:right;
font-size: 15px;
line-height: 22px;
color:#00A2E6;
}
.beginner .frame .inner:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .beginner .frame .inner { display:inline-block; }
*:first-child+html .beginner .frame .inner { display:inline-block; }

.beginner .flow{
margin:20px 0 0 0;
width:100%;
}
.beginner .flow dl{
position:relative;
padding:30px;
background: #f9f9f9;
margin:10px 0 0 0;
}
.beginner .flow dl dd.image{
position:absolute;
padding:0;
height:25px;
width:25px;
border-radius:50%;
line-height:25px;
text-align:center;
background: #727171;
color: #ffffff;
}
.beginner .flow dl dt{
font-weight:500;
padding:0 0 0 37px;
}
.beginner .flow dl dd{
padding:20px 0 0 37px;
margin: 0;
}
.beginner .flow dl dd img{
height: auto;
padding: 0 0 5px 0;
}
.beginner .notes{
background:#f2fafe;
margin:40px 0 0 0;
padding:15px 30px 30px 30px;
}
.beginner .notes p{
text-align:left;
padding:10px 0 0 0;
}
.beginner .notes p strong{
font-weight: 500;
}
.beginner .notes p img{
height: auto;
margin:0 10px 0 0;
vertical-align: middle;
}
.beginner .notes p a{
}



/* ==============================================
old : information_privacypolicy
============================================== */

.privacypolicy{
max-width: 1200px;
margin: auto;
}
.privacypolicy h3{
font-weight: 400;
margin: 50px 0 0 0;
}
.privacypolicy h4{
font-size: 18px;
font-weight: 400;
margin: 30px 0 0 0;
}
.privacypolicy h5{
font-weight: 400;
margin: 30px 0 0 0;
}
.privacypolicy p{
margin: 10px 0 0 0;
}
.privacypolicy ul{
}
.privacypolicy ul li{
line-height: 23px;
margin: 10px 0 0 15px;
text-indent: -15px;
}



/* ==============================================
old : information_tradelaw
============================================== */

.tradelaw{
max-width: 1200px;
margin: auto;
}
.tradelaw span.large{
color: #00a1e5;
font-weight: 500;
}
.tradelaw td ul li{
text-indent:-14px;
margin:0 0 0 14px;
}
.tradelaw span.large{
color: #00a1e5;
font-weight: 500;
}



/* ==============================================
monitor-present
============================================== */
.monitor-present{
}
.monitor-present #present{
background:url("../../monitor/img/mp_mv_bg_202203.png") top left repeat;
padding: 50px;
position: relative;
}
.monitor-present #present.mp202501{background:url("../../monitor/img/mp_mv_bg_202501.png") top left repeat;}
.monitor-present #present.mp202502{background:url("../../monitor/img/mp_mv_bg_202502.png") top left repeat;}
.monitor-present #present.mp202503{background:url("../../monitor/img/mp_mv_bg_202503.png") top left repeat;}
.monitor-present #present.mp202504{background:url("../../monitor/img/mp_mv_bg_202504.png") top left repeat;}
.monitor-present #present.mp202505{background:url("../../monitor/img/mp_mv_bg_202505.png") top left repeat;}
.monitor-present #present.mp202506{background:url("../../monitor/img/mp_mv_bg_202506.png") top left repeat;}
.monitor-present #present.mp202507{background:url("../../monitor/img/mp_mv_bg_202507.png") top left repeat;}
.monitor-present #present.mp202508{background:url("../../monitor/img/mp_mv_bg_202508.png") top left repeat;}
.monitor-present #present.mp202509{background:url("../../monitor/img/mp_mv_bg_202509.png") top left repeat;}
.monitor-present #present.mp202510{background:url("../../monitor/img/mp_mv_bg_202510.png") top left repeat;}
.monitor-present #present.mp202411{background:url("../../monitor/img/mp_mv_bg_202411.png") top left repeat;}
.monitor-present #present.mp202412{background:url("../../monitor/img/mp_mv_bg_202412.png") top left repeat;}

.monitor-present #present img.icon{
position: absolute;
top:0;
left: 0;
}
.monitor-present #present div.inner{
background:#ffffff;
padding:0;
-moz-box-shadow: 0 0 30px 10px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 30px 10px rgba(0,0,0,0.1);
-o-box-shadow: 0 0 30px 10px rgba(0,0,0,0.1);
-ms-box-shadow: 0 0 30px 10px rgba(0,0,0,0.1);
max-width: 1200px;
margin: auto;
}
.monitor-present #present div.inner div.text{
display: table-cell;
background: #ffffff;
width:55%;
padding: 50px 20px 50px 50px;
}
.monitor-present #present .image{
display: table-cell;
width:45%;
text-align: center;
background:url("../../monitor/img/mp_mv_item_bg_202203.png") top center repeat;
margin: 0;
vertical-align: middle;
border:10px solid #ffffff;
}
.monitor-present #present.mp202501 .image{background:url("../../monitor/img/mp_mv_item_bg_202501.png") top center repeat;}
.monitor-present #present.mp202502 .image{background:url("../../monitor/img/mp_mv_item_bg_202502.png") top center repeat;}
.monitor-present #present.mp202503 .image{background:url("../../monitor/img/mp_mv_item_bg_202503.png") top center repeat;}
.monitor-present #present.mp202504 .image{background:url("../../monitor/img/mp_mv_item_bg_202504.png") top center repeat;}
.monitor-present #present.mp202505 .image{background:url("../../monitor/img/mp_mv_item_bg_202505.png") top center repeat;}
.monitor-present #present.mp202506 .image{background:url("../../monitor/img/mp_mv_item_bg_202506.png") top center repeat;}
.monitor-present #present.mp202507 .image{background:url("../../monitor/img/mp_mv_item_bg_202507.png") top center repeat;}
.monitor-present #present.mp202508 .image{background:url("../../monitor/img/mp_mv_item_bg_202508.png") top center repeat;}
.monitor-present #present.mp202509 .image{background:url("../../monitor/img/mp_mv_item_bg_202509.png") top center repeat;}
.monitor-present #present.mp202510 .image{background:url("../../monitor/img/mp_mv_item_bg_202510.png") top center repeat;}
.monitor-present #present.mp202411 .image{background:url("../../monitor/img/mp_mv_item_bg_202411.png") top center repeat;}
.monitor-present #present.mp202412 .image{background:url("../../monitor/img/mp_mv_item_bg_202412.png") top center repeat;}

.monitor-present #present .image img{
width:100%;
vertical-align:middle;
}
.monitor-present #present div:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .monitor-present #present div { display:inline-block; }
*:first-child+html .monitor-present div #present { display:inline-block; }

.monitor-present #present div{
padding: 45px 0 0 0;
vertical-align: middle;
}
.monitor-present #present h1{
font-size: 23px;
border-bottom: 2px solid;
line-height:1.8em;
display: inline;
word-wrap: break-all!important;
}
.monitor-present #present span{
font-size: 12px;
}
.monitor-present #present h2{
padding:0 30px 0 0;
position: inherit;
text-align: left;
font-size:26px;
line-height:1.6em;
letter-spacing:2px;
width:auto;
height:auto;
margin: 35px 10px 35px 0;
border-bottom:none;
}
.monitor-present #present p{
margin: 0 50px 15px 0;
}
.monitor-present #present p.button{
padding: 20px 0 0 0;
margin: 0;
}
.monitor-present #present p.button a{
font-size: 15px;
line-height: 15px;
border: 1px solid #e6e6e6;
text-decoration: none;
padding: 12px 0 13px 0;
border-radius: 50px;
width: 320px;
text-align: center;
margin: auto;
display: inline-block;
}
.monitor-present #about{
max-width: 1200px;
margin: auto;
padding:0 0 50px 0;
}
.monitor-present #about h3{
margin:75px 0 35px 0;
font-size:20px;
letter-spacing: 2px;
padding:0;
}
.monitor-present #about dl{
}
.monitor-present #about dl dt{
float:left;
margin: 0 40px 25px 0;
font-weight: 500;
}
.monitor-present #about dl dd{
margin:0;
padding:0;
}
.monitor-present #about dl:last-of-type dt{
margin: 0 40px 65px 0;
}
.monitor-present #about dl dd span{
}
.monitor-present #about dl dd span.red{
color:#c80000;
}
.monitor-present #about dl:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .monitor-present #about dl { display:inline-block; }
*:first-child+html .monitor-present #about dl { display:inline-block; }

.monitor-present #about .flow{
border: 1px solid #e6e6e6;
border-radius: 10px; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding:35px 40px;
margin: 30px 0 0 0;
}
.monitor-present #about .flow h4{
font-size: 15px;
font-weight: 500;
margin: 0 0 20px 0;
}
.monitor-present #about .flow ul li span{
padding:2px 6px;
border-radius:50%;
text-align:center;
background: #727171;
color: #ffffff;
font-size: 10px;
}
.monitor-present #about p.message{
padding: 20px 20px 30px 20px;
text-align: center;
font-size: 13px;
line-height: 22px;
background: #fafafa;
border-radius: 10px; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin: 40px 0 0 0;
}
.monitor-present #about p.button{
text-align:center;
}
.monitor-present #about p.button a{
font-size: 15px;
line-height: 15px;
display: block;
border: none;
text-align: center;
text-decoration: none;
border-radius: 50px;
padding: 20px 0 20px 0;
background: #00a1e5;
color: #FFF!important;
font-family:"NotoSansCJKjp";
font-weight:200;
cursor: pointer;
width:285px;
margin: 40px auto 0 auto;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
.monitor-present #about p.button a:hover{
opacity: 0.7;
}
.monitor-present #members{
margin:30px 0 0 0;
padding:60px 60px 40px 60px;
background: #f5f5f5;
text-align: center !important;
}
.monitor-present #members .inner{
background:#FFF;
padding:50px 120px 60px 120px;
max-width: 1200px;
margin: auto;
}
.monitor-present #members h3{
font-size: 21px;
padding: 0;
margin: 0 0 30px 0;
text-align: center;
}
.monitor-present #members p.button a{
font-size: 15px;
line-height: 15px;
display: block;
text-align: center;
text-decoration: none;
border-radius: 50px;
padding: 20px 0 20px 0;
background: #ffffff;
color: #00a1e5;
border: 2px solid #00a1e5;
width:245px;
margin: 40px auto 0 auto;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
box-sizing: border-box;
}
.monitor-present #members p.link{
text-align: center;
font-size: 16px;
margin: 30px 0 0 0;
}
.monitor-present #members p.link a{
text-decoration: underline;
}
.monitor-present #members p.link a::after{
}



/* ==============================================
old : search
============================================== */

#contents .choice{
padding: 0 0 80px 0;
background: #f4f4f4;
}
#contents .choice h1{
font-size: 30px;
line-height: 40px;
letter-spacing: 4px;
padding: 80px 0 0 0;
text-align: center;
background: #FFF;
}
#contents .choice #keyword{
padding: 80px 0 80px 0;
background: #FFF;
}
#contents .choice #keyword form{
background: #f5f5f5;
border-radius: 50px;
padding: 8px 25px 10px 25px;
display: table;
margin: auto;
}
#contents .choice #keyword form .text{
background: #f5f5f5;
font-family:"NotoSansCJKjp";
font-weight:200;
font-size: 18px;
line-height: 18px;
width: 400px;
margin: 0 10px 0 0;
border: none;
text-align: center;
}
#contents .choice #keyword form .button{
display: inline-block;
width: 18px;
vertical-align: middle;
margin: -4px 0 0 0;
}
#contents .choice #keyword ul{
display: table;
margin: auto;
padding: 10px 46px 0 46px;

}
#contents .choice #keyword ul li{
float: left;
padding: 10px 4px 0 4px;
}
#contents .choice #keyword ul li a{
font-size: 15px;
line-height: 15px;
border: 1px solid #e6e6e6;
text-decoration: none;

display: block;
padding: 11px 15px 12px 15px;
border-radius: 50px;
text-align: center;
margin: auto;
}
#contents .choice #keyword ul li a:hover{
background: #00a1e5;
border: 1px solid #00a1e5;
color: #FFF!important;
opacity: 1;
}
#contents .choice #category{
padding: 0 50px;
}
#contents .choice #category h2{
font-size:24px;
line-height:24px;
letter-spacing: 4px;
position: inherit;
top:inherit;
left: inherit;
width: 100%;
height: inherit;
margin: 0;
padding:80px 0 40px 0;
border-bottom:none;
}
#contents .choice #category ul{
max-width: 900px;
margin: auto;
}
#contents .choice #category ul li{
float: left;
width: 32.66666%;
margin: 0 1% 1% 0;
}
#contents .choice #category ul li:nth-child(3),
#contents .choice #category ul li:nth-child(6),
#contents .choice #category ul li:nth-child(9),
#contents .choice #category ul li:nth-child(12),
#contents .choice #category ul li:nth-child(15),
#contents .choice #category ul li:nth-child(18),
#contents .choice #category ul li:nth-child(21){
margin: 0 0 1% 0;
}
#contents .choice #category ul li a{
display: block;
background: #FFF;
border-radius: 6px;
padding: 20px 0 22px 20px;
text-decoration: none;
}
#contents .choice #category ul li a img{
width: auto;
height: 30px;
margin: 0 10px 0 0;
}
#contents .choice #category ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #contents .choice #category ul { display:inline-block; }
*:first-child+html #contents .choice #category ul { display:inline-block; }

#contents .choice #case{
background: #f4f4f4;
padding: 0 50px;
}
#contents .choice #case h2{
font-size:24px;
line-height:24px;
letter-spacing: 4px;
position: inherit;
top:inherit;
left: inherit;
width: 100%;
height: inherit;
margin: 0;
padding:80px 0 40px 0;
border-bottom:none;
}
#contents .choice #case h2 img{
display:none;
}
#contents .choice #case p{
display: none;
}
#contents .choice #case div:nth-child(2){
position: relative;
max-width: 900px;
margin: auto;
}
#contents .choice #case div:nth-child(3){
position: relative;
max-width: 900px;
margin: 1% auto 0 auto;
}
#contents .choice #case div:nth-child(4){
position: relative;
max-width: 900px;
min-height: 168px;
margin: 1% auto 0 auto;
}
#contents .choice #case h3{
position: absolute;
top:0;
left: 0;
width: 32.66666%;
display: block;
background: #FFF;
border-radius: 6px;
height: 100%;
text-align: center;
padding: 35px 0 0 0;
font-size:13px;
line-height:13px;
letter-spacing: 1px;
font-weight: 400;
}
#contents .choice #case h3 img{
width: auto;
height: 84px;
}
#contents .choice #case h3 span{
font-family: "BahnsChrift";
font-weight: 300;
font-size: 15px;
line-height: 15px;
letter-spacing: 5px;
display: block;
margin: 12px auto 5px auto;
}
#contents .choice #case div:nth-child(2) h3::before{
content: " ";
display: block;
width: 40px;
height: 40px;
background: -moz-linear-gradient(top, #78d1ef, #b7e6f6);
background: -webkit-gradient(linear, left top, left bottom, from(#78d1ef), to(#b7e6f6));
background: -ms-linear-gradient(top, #78d1ef, #b7e6f6); 
border-radius: 50px;
margin: auto;
}
#contents .choice #case div:nth-child(3) h3::before{
content: " ";
display: block;
width: 40px;
height: 40px;
background: -moz-linear-gradient(top, #ffaaaa, #ffd3d3);
background: -webkit-gradient(linear, left top, left bottom, from(#ffaaaa), to(#ffd3d3)); 
background: -ms-linear-gradient(top, #ffaaaa, #ffd3d3);
border-radius: 50px;
margin: auto;
}
#contents .choice #case div:nth-child(4) h3::before{
content: " ";
display: block;
width: 40px;
height: 40px;
background: -moz-linear-gradient(top, #ffc846, #ffe4a3);
background: -webkit-gradient(linear, left top, left bottom, from(#ffc846), to(#ffe4a3)); 
background: -ms-linear-gradient(top, #ffc846, #ffe4a3);
border-radius: 50px;
margin: auto;
}
#contents .choice #case ul{
}
#contents .choice #case ul li{
float: left;
width: 32.66666%;
margin: 0 1% 1% 0;
}
#contents .choice #case ul li:nth-child(1),
#contents .choice #case ul li:nth-child(3),
#contents .choice #case ul li:nth-child(5),
#contents .choice #case ul li:nth-child(7),
#contents .choice #case ul li:nth-child(9){
margin: 0 1% 0 33.66666%;
}
#contents .choice #case ul li:nth-child(2),
#contents .choice #case ul li:nth-child(4),
#contents .choice #case ul li:nth-child(6),
#contents .choice #case ul li:nth-child(8),
#contents .choice #case ul li:nth-child(10){
margin: 0 0 1% 0;
}
#contents .choice #case div:nth-child(2) ul li:nth-child(7){
margin: 0 1% 0 33.66666%;
}
#contents .choice #case div:nth-child(2) ul li:nth-child(8){
margin: 0;
}
#contents .choice #case div:nth-child(3) ul li:nth-child(3){
margin: 0 1% 0 33.66666%;
}
#contents .choice #case ul li a{
display: block;
background: #FFF;
border-radius: 6px;
padding: 20px 0 22px 20px;
text-decoration: none;
}
#contents .choice #case ul li a img{
width: auto;
height: 30px;
margin: 0 10px 0 0;
}
#contents .choice #category p.caption,
#contents .choice #case p.caption{
display:inherit!important;
text-align:right;
padding: 0;
margin: 10px 0 0 0;
font-size: 10px;
}
#contents .choice #case ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #contents .choice #case ul { display:inline-block; }
*:first-child+html #contents .choice #case ul { display:inline-block; }



#search-01 h1,
#search-02 h1,
#search-03 h1{
font-size:15px;
line-height:15px;
letter-spacing: 1px;
text-align: center;
position: inherit;
top:inherit;
left: inherit;
width: 100%;
height: inherit;
padding:80px 0 0 0;
}
#search-01 h1 span,
#search-02 h1 span,
#search-03 h1 span{
font-size: 30px;
line-height: 30px;
font-weight: 300;
letter-spacing: 4px;
display: block;
margin: 18px auto 10px auto;
}
#search-01 h1::before{
content: " ";
display: block;
width: 40px;
height: 40px;
background: -moz-linear-gradient(top, #78d1ef, #b7e6f6);
background: -webkit-gradient(linear, left top, left bottom, from(#78d1ef), to(#b7e6f6));
background: -ms-linear-gradient(top, #78d1ef, #b7e6f6); 
border-radius: 50px;
margin: auto;
}
#search-02 h1::before{
content: " ";
display: block;
width: 40px;
height: 40px;
background: -moz-linear-gradient(top, #ffaaaa, #ffd3d3);
background: -webkit-gradient(linear, left top, left bottom, from(#ffaaaa), to(#ffd3d3)); 
background: -ms-linear-gradient(top, #ffaaaa, #ffd3d3);
border-radius: 50px;
margin: auto;
}
#search-03 h1::before{
content: " ";
display: block;
width: 40px;
height: 40px;
background: -moz-linear-gradient(top, #ffc846, #ffe4a3);
background: -webkit-gradient(linear, left top, left bottom, from(#ffc846), to(#ffe4a3)); 
background: -ms-linear-gradient(top, #ffc846, #ffe4a3);
border-radius: 50px;
margin: auto;
}



/* ==============================================
old : shoplist_index
============================================== */

.shop-list{
padding: 0 0 80px 0;
}
.shop-list h2{
padding: 80px 0 0 0!important;
}
.shop-list p{
text-align: center;
padding: 70px 0 0 0;
}
.shop-list .button{
padding: 40px 0 0 0;
}
.shop-list .button a{
display: block;
width: 280px;
text-align: center;
font-size: 16px;
line-height: 16px;
border: solid 1px #EBEBEB;
border-radius: 4px;
margin: auto;
padding: 19px 0 20px 0;
}