@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	list-style: none;
	outline : none;
}
html { font-size: 62.5%;}
body {
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	line-height: 0;
	color: #313131;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}
img { border: none;}
a { color: #313131;}
a:hover { text-decoration: none;}
p,li,th,td,h1,h2,h3,h4,h5,dt,dd { text-align: left; line-height: 1.5; font-weight: normal;}
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.mincho { font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif !important; letter-spacing: 0.05em;}
.cl { clear: both!important;}

.t-red { color: #e5478c;}
.t-gray { color: #7d7d7d;}
.mt0 { margin-top: 0px!important;}
.mt20 {margin-top: 20px;}
.mt30 { margin-top: 30px!important;}
.mb30 { margin-bottom: 30px!important;}
.mt50 { margin-top: 50px!important;}
.pt0 { padding-top: 0!important;}
.pb0 { padding-bottom: 0!important;}

.icn-blank { background: url("../images/com_icon_blank.png") right no-repeat; background-size: 11px; padding-right: 15px;}
.icn-link { background: url("../images/com_icon_link.png") right no-repeat; background-size: 11px; padding-right: 15px;font-size: 16px;}

/* ================================================================
common
================================================================ */

#wrapper { width: 700px; margin: 0 auto; position: relative;}

.btn-close { position: absolute; right: 15px; top: 15px;}
header { padding: 40px 0;}
h1 { position: absolute; top: 40px; left: 35px; line-height: 0;}
h2 { text-align: center; line-height: 0;}

.pankuzu { margin-bottom: 25px; display: -webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.pankuzu li { line-height: 1;}
.pankuzu li:before { content:">"; padding: 0 10px;}
.pankuzu li:first-child:before { display: none;}

#container { padding: 0 10px;}
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#sidebar { width: 180px; float: left;}
#sidebar h3 { background: #313131; color: #fff; line-height: 1; padding: 10px 0; text-align: center; font-size: 14px;}
#sidebar h4 { border-left: 5px solid #e5478c; line-height: 1.5; padding-left: 10px; font-weight: bold; margin: 10px 0 5px;}
#sidebar .side-menu {  border: 1px solid #c9c9c9; border-bottom: 0;}
#sidebar .side-menu .side-menu-list { border-bottom: 1px solid #c9c9c9;}
#sidebar .side-menu .side-menu-list span { display: block; cursor: pointer; padding: 10px 25px; line-height: 1.5; background: url("../images/com_sidebar_off.png") 5px center no-repeat;}
#sidebar .side-menu .side-menu-list .on { background: url("../images/com_sidebar_on.png") #e5478c 5px center no-repeat; color: #fff;}
#sidebar .side-menu .side-menu-list ul { display: none; padding: 10px 15px;}
#sidebar .side-menu .side-menu-list ul li { line-height: 1.5; padding: 5px 0;}
#sidebar .side-menu .side-menu-list ul li a { padding-left: 10px; display: block; text-decoration: none; background: url("../images/com_sidebar_arr.png") left center no-repeat;}
#sidebar .side-menu .side-menu-list ul li a:hover { text-decoration: underline;}
#main { width: 480px; float: right; font-size: 12px;}
#main h3 { background: #313131; color: #fff; line-height: 1; padding: 10px; font-size: 18px; border-bottom: 5px solid #e5478c;}
#main .ttl-order { background: url("../images/order_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-delivery { background: url("../images/delivery_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-pay { background: url("../images/pay_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-cancel { background: url("../images/cancel_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-teiki { background: url("../images/teiki_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-mypage { background: url("../images/mypage_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-member { background: url("../images/mypage_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-web { background: url("../images/web_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-faq { background: url("../images/faq_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-contact { background: url("../images/contact_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-mail { background: url("../images/mail_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-present { background: url("../images/present_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-spec { background: url("../images/spec_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-privacy { background: url("../images/privacy_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-rakuraku { background: url("../images/rakuraku_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-spot { background: url("../images/spot_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-number { background: url("../images/number_index_ttl.png") #313131 10px center no-repeat; background-size: 30px; padding-left: 45px;}
footer { margin-top: 20px; text-align: right;}
footer .btt { text-align: right; width: 100%; line-height: 0;}

.tab-box { padding: 10px 20px; background: #eeeeee;}
.tab-box ul { margin: 15px 0 0 -10px; display: -webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.tab-box ul li { min-height: 2em; display: table; white-space: nowrap; vertical-align: middle; line-height: 1.5; margin: 0 0 10px 10px; width: 138px; border: 1px solid #e5478c; background: #fff;}
.tab-box ul li a { display: table-cell; background: url("../images/com_icon02.png") 98% center no-repeat; vertical-align: middle; text-decoration: none; text-align: center;}

.sub-ttl { margin-top: 30px; background: #e5478c; font-size: 18px; font-weight: bold; padding: 5px 10px; color: #fff;}
.sub-ttl span { display: block; border-left: 5px solid #fff; padding-left: 10px; line-height: 1.5;}

.link-list { margin-top: 20px; padding: 0 20px; display: -webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.link-list li { margin-right: 10px;}
.link-list li a { background: url("../images/com_icon05.png") left no-repeat; padding-left: 10px;font-size: 16px;}

.main-txt { padding: 15px 20px 0 20px;font-size: 14px;}

.box1 { margin-top: 30px; padding: 0 20px;}
.box1 dt { border-bottom: 1px solid #313131; font-size: 14px; font-weight: bold; padding: 0 0 0 15px; background: url("../images/com_icon04.png") left center no-repeat;
font-size:18px;}
.box1 dd { padding: 20px 0 0 0;font-size: 14px;}
.box1 dd.mt0 { padding-top: 0;}
.box1 dd ul,.box1 dd p { margin-bottom: 15px;font-size: 14px;}
.box1 dd .ttl { background: url("../images/com_icon03.png") left no-repeat; padding-left: 20px; font-size:16px;color: #e5478c;font-weight: bold;}
.box1 dd .oTxt {
    width: 86.4%;
    text-align: left;
    color: #444;
    margin: 4.333% auto 3.333%;
}
.indent1 { padding-left: 1.2em; position: relative;font-size: 14px;}
.indent1 span { position: absolute; left: 0; top: 0;}
.indent1 p em {
    display: block;
    font-style: normal;
    text-align: right;
    font-size: 10px;
    line-height: 1;
}

.txt-box { padding: 15px 20px 0 20px;}
.txt-box ul,.txt-box p { margin-bottom: 10px;}

/* ================================================================
top
================================================================ */
.top-list  { display: -webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px;}
.top-list dl { width: 232px; border: 1px solid #c9c9c9; box-sizing: border-box; padding: 0 10px 20px; margin: 15px 0 0 15px;}
.top-list dl dt { line-height: 0; margin-bottom: 10px;}
.top-list dl dt span { display: block; font-size: 16px; font-weight: bold; text-align: center; color: #e5478c; line-height: 1.5; height: 2.8em;}
.top-list dl dt .single { height: auto;}
.top-list dl dt img { display: block; margin: 10px auto;}
.top-list dl ul li { font-size: 14px; line-height: 1.5; margin-top: 5px;}
.top-list dl ul li a { padding-left: 8px; display: block; background: url("../images/com_sidebar_arr.png") left center no-repeat;}
.top-list .top-list-pink { border: 1px solid #e5478c; background: #fffbfd;}

/* ================================================================
delivery
================================================================ */
.delivery-table { padding: 20px 20px 0 20px;}
.delivery-table table { background: #c9c9c9; width: 100%;}
.delivery-table table th { background: #eeeeee; padding: 5px; text-align: center;}
.delivery-table table td { background: #fff; padding: 5px;}

/* ================================================================
privacy
================================================================ */
.privacy-table { padding: 15px 20px 0 20px;}
/* ================================================================
review
================================================================ */
.review-thumb{
    overflow: hidden;margin-bottom: 20px;
}
.review-thumb img{
    border:1px solid #ccc;
}
.review-thumb img{float: left; margin-right: 10px; margin-bottom: 10px;}
.box1 dd.review-wrap .ttl{
    border-top:2px solid #d5d5d5;
    border-bottom:1px dotted #d5d5d5;
    margin:20px 0px 15px;
    font-weight: bold;
    padding: 8px 5px;
    background: none;
    color: #313131;
}
.box1 dd.review-wrap dt{
    background: url("../images/com_icon03.png") left no-repeat; padding-left: 20px;
    background-size: 14px 14px;
    padding: 0px 0px 0px 17px;
    border: none;
    color: #e5478c;
    font-size: 16px;
}
.extra{background: #eee;padding: 15px;margin: 25px 20px;}
.extra p{font-size: 14px;}
.extra p.txt{font-size: 14px;margin-bottom: 15px;}
.extra p.center{text-align: center;}
.extra ul{padding-left: 15px;margin-top: 15px;font-size: 13px;}
.extra ul li{list-style: disc;}
.extra .ttl_terms{
    margin-top: 30px;
    font-weight: bold;
    font-size: 13px;
    border-left: 5px solid #313131;
    padding-left: 8px;
    margin-bottom: 10px;
    line-height: 1em;
}
.extra .terms{
    border: 1px solid #a5a5a5;
    background: #fff;
    padding: 10px;
    height: 140px;
    overflow-y:scroll;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 1.4em;
}
.extra .terms::-webkit-scrollbar{
    width: 12px;
}
.extra .terms::-webkit-scrollbar-thumb{
    background: #ccc;
}
.extra .terms::-webkit-scrollbar-track-piece:start{
    background: #f4f4f4;
}
.extra .terms::-webkit-scrollbar-track-piece:end{
    background: #f4f4f4;
}

.resistBtn a{
    display: block;
    width: 300px;
    margin: 0 auto;
    background-color: #f04591;
    border: none;
    color: #fff;
    padding: 16px 2px;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}
.box1 dt.no-border{
    border:none;
}

.resistBtn a:hover {
            background: #f36aa7;
        }
#main .ttl-review { background: url("../images/review_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}
#main .ttl-wishlist { background: url("../images/wishlist_index_ttl.png") #313131 10px center no-repeat; padding-left: 45px;}

.telIcon {
    position: static !important;
    display: inline-block;
    padding-left: 24px;
    background: url(/excludes/info_new/img/icon_tel.png) no-repeat center left;
    background-size: 22px auto;
}