@charset "UTF-8";

h1,h2,h3,h4,h5,p,ul,dl,a{text-shadow:none;}
#suntory_contents{
}
#suntory_contents h1{
font-size:22px;
font-weight:bold;
padding:15px 10px 0px 10px;
text-align:left;
}

/*購入はこちらボタン*/
.toBuy{
text-align:right;
margin:15px 10px;
}
.btnBuy{
}
.btnBuy2{
width:50%;
margin-left:auto;
}
.btnBuy li,
.btnBuy2 li{
position:relative;
overflow:hidden;
border-radius:6px;
background:-webkit-gradient(linear, left top, left bottom, from(#ff866a), color-stop(0.01, #ff866a), color-stop(0.49, #ff4317), color-stop(0.50, #ff0000), color-stop(0.99, #ff481e), to(#ff481e));
box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.3);
}
.btnBuy li .shiny2,
.btnBuy2 li .shiny2{
display:block;
width:38px;
height:100px;
margin-top:7px;
-webkit-transform:rotate(30deg);
-moz-transform:rotate(30deg);
-o-transform:rotate(30deg);
background-image:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
background-image:linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
position:absolute;
left:-60px;
top:-30px;
z-index:30;
}
.btnBuy li a,
.btnBuy2 li a{
display:block;
font-size:16px;
color:#fff !important;
text-align:center;
text-shadow:1px 1px 3px #b00;
border-radius:6px;
padding:12px 0;
}
.btnBuy2 li a{
font-size:18px;
padding:14px 0;
}
.btnBuy li a:hover,
.btnBuy2 li a:hover{
background:rgba(102,102,102,0.5);
}

/*LPO振分け*/
#suntory_contents .lpo,
#suntory_contents #buy .lpo{
}
#suntory_contents .lpo p{
margin:10px 10px -12px 10px;
}
#suntory_contents #buy .lpo p{
margin:10px 10px 0 10px;
}

/*ファーストビュー*/
#firstView{
margin:10px;
}
#firstView .lead{
font-size:20px;
line-height:1.4;
font-weight:bold;
color:#664f00;
margin:0 0 10px 0;
}
#firstView .lead .kometxt{
display:block;
font-size:10px;
font-weight:normal;
}
#firstView #fvTable{
display:table;
width:100%;
margin:0 0 15px;
}
#firstView #fvTable #fvLeft{
display:table-cell;
width:152px;
padding:0 12px 0 0;
vertical-align:top;
}
#firstView #fvTable #fvRight{
display:table-cell;
vertical-align:top;
}
#firstView #fvTable #fvRight p{
font-size:18px;
line-height:1.3;
padding-bottom:10px;
}
#firstView #fvTable #fvRight p em{
font-size:20px;
font-weight:bold;
font-style:normal;
}
#firstView #fvTable #fvRight p span{
font-size:12px;
}
#firstView #fvTable #fvRight .kantan{
font-size:15px;
font-weight:bold;
text-align:center;
color:#FF7A00;
padding-bottom:3px;
}
#firstView ul#spec{
display:table;
width:100%;
margin:0 0 10px;
border:1px solid #333;
border-radius:4px;
}
#firstView ul#spec li{
display:table-cell;
width:50%;
text-align:center;
vertical-align:middle;
font-size:14px;
line-height:1.3;
font-weight:bold;
padding:5px 10px;
}
#firstView ul#spec li:first-child{
border-right:1px solid #333;
}
#firstView ul#spec li em{
color:#ff7a00;
font-style:normal;
}
#firstView ul#notice{
margin:0 0 10px;
}
#firstView ul#notice li{
font-size:10px;
padding-left:1em;
text-indent:-1em;
line-height:1.4;
}
#firstView ul#notice li span{
color:#f33;
}

/*動画を見るボタン*/
.movieBtn{
margin:0 10px 15px;
}

/*オススメ*/
#osusume{
background-color:#fff6e5;
border:1px solid #d2cca7;
border-radius:6px;
margin:0 10px 15px;
padding:10px 20px;
}
#osusume p{
font-size:20px;
line-height:1.4;
font-weight:bold;
color:#664e00;
margin-bottom:10px;
}
#osusume li{
font-size:18px;
line-height:1.3;
font-weight:bold;
background:url(../supplement/img/checkbox.png) no-repeat 0 5px;
background-size:20px 19px;
padding:3px 0 4px 30px;
}
#osusume li em{
color:#ff7700;
font-style:normal;
}

/*メインコンテンツ*/
#mainContent{
}
#mainContent h2{
font-size:20px;
font-weight:bold;
line-height:1.4;
color:#62542b;
background:#ffe5b2;
margin:0 0 10px;
padding:10px;
}
#mainContent h3{
font-size:20px;
color:#664f00;
line-height:1.4;
font-weight:bold;
margin:0 10px 10px;
}
#mainContent h3.lineTop{
border-top:2px dotted #664f00;
padding-top:10px;
}
#mainContent h3 .kometxt{
display:block;
font-size:10px;
font-weight:normal;
}
#mainContent h4{
font-size:18px;
color:#404040;
line-height:1.4;
margin:0 10px 10px;
}
#mainContent h4 em {
color:#ff7802;
font-weight:bold;
font-style:normal;
}
#mainContent h5{
font-size:18px;
color:#664f00;
line-height:1.4;
margin:0 10px 10px;
}
#mainContent h5 span{
background-color:#664f00;
font-size:14px;
color:#fff;
line-height:1.4;
margin:0 5px 3px 0;
padding:3px 5px;
-webkit-border-radius:15px;
text-align: center;
display:block;
width:80px;
font-weight:bold;
text-shadow:0 0 0 rgba(0, 0, 0, 0);
}
#mainContent h5 span.green{
width:120px;
background-color:#356400;
}
#mainContent h5 span.oreng{
width:120px;
background-color:#d07c00;
}
#mainContent h5 span.purple{
width:120px;
background-color:#432388;
}
#mainContent h5 span.blue{
width:120px;
background-color:#3464d2;
}
#mainContent .kome{
font-size:11px;
}
#mainContent p{
font-size:18px;
line-height:1.4;
margin:0 10px 10px;
}
#mainContent p em{
color:#ff7a00;
font-style:normal;
font-weight:bold;
}
#mainContent p span.small{
font-size:14px;
}
#mainContent p span.smallTxt{
font-size:12px;
}
#mainContent p .imgRight{
float:right;
padding:0 0 10px 10px;
}
#mainContent p.smallTxt{
font-size:14px;
margin:0 10px 10px;
}
#mainContent p.img{
text-align:center;
font-size:18px;
color:#664f00;
}
#mainContent p.img span{
display: block;
margin: 0 auto;
text-align: left;
width: 200px;
}
#mainContent p.img span.photo250{
width: 250px;
}
#mainContent .img_title{
text-align:center;
font-weight:bold;
color:#664f00;
margin-top:5px;
}
#mainContent .txt_brown{
font-weight:bold;
color:#664f00;
}

#mainContent .pbox{
display:block;
font-size:14px;
color:#fff;
padding:5px 10px;
text-align:center;
border-radius: 12px;
border: 1px solid #ff8999;
font-weight:bold;
background-color:#ff8999;
margin:15px 10px 5px 10px;
}

#mainContent .frame01 span.small,
#mainContent .frame02 span.small,
#mainContent .frame03 span.small,
#mainContent .frame04 span.small{
display:block;
font-size:14px;
line-height:1.4;
margin:10px;
}

#mainContent .frame01{
background-color:#fff8ea;
border:1px dotted #aba792;
-webkit-border-radius:6px;
margin:0 10px 10px;
}
#mainContent .frame01 .qa_q{
color:#664f00;
margin:0 0 10px;
padding:10px;
border-bottom: 1px dotted #aba792;
}
#mainContent .frame01 .qa_a{
color:#fe4200;
line-height:1.5;
}
#mainContent .frame01 .qa_a em{
color:#664f00;
font-style:normal;
}
#mainContent .frame01 .qa_a em.noma{
font-weight:normal;
}
#mainContent .frame01 .qa_a span{
color:#404040;
font-size:11px;
}
#mainContent .frame01 .photo_right{
width:50px;
float:left;
}
#mainContent .frame01 .pm{
margin-right:5px;
margin-bottom:5px;
}

#mainContent .frame02{
background-color:#fff8ea;
border:1px solid #aba792;
-webkit-border-radius:6px;
margin:0 10px 10px;
}
#mainContent .frame02 .bg{
background-color:#bab177;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
margin:0 0 10px;
padding:10px;
color:#fff;
font-weight:bold;
text-shadow:0 0 0 rgba(0, 0, 0, 0);
}
#mainContent .frame02 .bg2{
background-color:#bab177;
margin:0 0 10px;
padding:10px;
color:#fff;
font-weight:bold;
text-shadow:0 0 0 rgba(0, 0, 0, 0);
}

#mainContent .frame03{
background-color:#fff;
border:1px solid #aba792;
-webkit-border-radius:6px;
margin:0 10px 10px;
}
#mainContent .frame03 h4{
padding:10px;
margin:0 0 10px;
color:#958839;
border-bottom: 1px dotted #bec1a6;
}
#mainContent .frame03 h4.pink{
color:#b51f44;
}
#mainContent .frame03 h4.oren{
color:#ca5f3b;
}
#mainContent .frame03 h4.gren{
color:#2c782a;
}
#mainContent .frame03 p{
color:#614C00;
}

#mainContent .frame04{
background-color:#ffffff;
border:1px solid #aba792;
-webkit-border-radius:6px;
margin:0 10px 10px;
}
#mainContent .frame04 h4{
margin:10px;
}

#mainContent h5.htl_red{
color:#CC0000;
}

#mainContent .pbox{
display:block;
font-size:14px;
color:#fff;
padding:5px 10px;
text-align:center;
border-radius: 12px;
border: 1px solid #ff8999;
font-weight:bold;
background-color:#ff8999;
margin:15px 10px 5px 10px;
}
#mainContent .photoBlk{
margin: 15px 10px 0 10px;
font-size:16px;
line-height:1.4;
font-weight:bold;
}
#mainContent .photoBlk:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}
#mainContent .photoBlk .photo_right{
display:block;
width: 86px;
float:left;
margin: 0 5px 5px 0;
}
#mainContent .photoBlk span{
display:block;
font-size:18px;
line-height:1.4;
margin:10px;
}

#mainContent .orenge_answer{
font-weight:bold;
color:#ff7802;
}

#mainContent .column02{
background-color:#fff8ea;
border:1px dotted #aba792;
-webkit-border-radius:6px;
margin:0 10px 10px;
}
#mainContent .column02 h3{
font-size:14px;
line-height:1.4;
color:#664f00;
margin:0 10px 10px 10px;
}
#mainContent .column02 h4{
margin:10px 0 10px;
padding:0 10px 10px 10px;
border-bottom: 1px dotted #aba792;
color:#664f00;
}
#mainContent .column02 .make{
margin:0 0 10px 10px;
padding:10px 0 0 0;
}
#mainContent .column02 .make span{
font-size:11px;
color:#fff;
padding:5px 10px;
text-align:center;
border-radius: 10px;
border: 2px solid #b4ad79;
font-weight:bold;
background-color:#b4ad79;
}
#mainContent .column02 h4.makeh{
color:#664f00;
margin-bottom:10px;
}
#mainContent .column02 p{
font-size:18px;
line-height:1.4;
margin:10px 10px 10px 10px;
}
#mainContent .column02 p:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}
#mainContent .column02 p strong{
font-size:16px;
}
#mainContent .column02 .photo_right{
width:80px;
float:left;
}
#mainContent .column02 .photo_left{
width:80px;
float:right;
}
#mainContent .column02 .pm{
margin-right:5px;
margin-bottom:5px;
}

#mainContent .developer{
margin:0 0 10px 10px;
padding:10px 0 0 0;
}
#mainContent .developer span{
font-size:16px;
color:#664f00;
padding:5px 10px;
text-align:center;
border-radius: 16px;
border: 2px solid #664f00;;
font-weight:bold;
background-color:#fff;
}

/*声*/
.copy{
font-weight:bold;
color:#ea0f57;
}
#voices{
}
#voices h4{
font-size:18px;
line-height:1.4;
font-weight:bold;
border-top:2px dotted #999;
margin:0 10px 10px;
padding:15px 0 5px 35px;
}
#voices h4.male{
color:#0f709f;
background:url(../supplement/img/voice_male.png) no-repeat left center;
background-size:28px 28px;
-webkit-background-size:28px 28px;
}
#voices h4.female{
color:#ff5b91;
background:url(../supplement/img/voice_female.png) no-repeat left center;
background-size:28px 28px;
-webkit-background-size:28px 28px;
}
#voices h4.voice_dog {
background:url(../supplement/img/voice_dog.png) no-repeat left center;
background-size:28px 28px;
-webkit-background-size:28px 28px;
}
#voices h4.voice_cat {
background:url(../supplement/img/voice_cat.png) no-repeat left center;
background-size:28px 28px;
-webkit-background-size:28px 28px;
}
#voices h4.noborder{
border-top:none;
}
#voices p{
font-size:18px;
line-height:1.4;
}
#voices p span{
font-weight:bold;
color:#675329;
}
#voices p em{
color:#fe0202;
font-style:normal;
font-weight:normal;
}
#voices .txt_male,
#voices .txt_female{
font-size:18px;
display:block;
}
#voices .txt_male{
color:#0f709f;
}
#voices .txt_female{
color:#ff5b91;
}
#voices .tovoice{
text-align:right;
margin:0 10px 10px;
}
#voices .tovoice li a{
font-size:12px;
text-decoration:underline;
}
#voices .tovoice li a span{
color:#0066AA;
background:url(../supplement/img/icon_arrow.png) no-repeat scroll left center transparent;
padding-left:10px;
}
#voices .tovoice li a:hover{
background:rgba(102,102,102,0.2);
}

/*ご使用方法*/
#howto{
}
#howto h2{
padding:0;
}
#howto h2 .open,
#howto h2 .close{
display:block;
padding:10px;
}
#howto h2 .open{
background:url(../img/btn_open.png) no-repeat 96% center;
background-size:14px 14px;
}
#howto h2 .close{
background:url(../img/btn_close.png) no-repeat 96% center;
background-size:14px 14px;
}
#howto h2 .open:hover{
background:url(../img/btn_open.png) no-repeat 96% center,rgba(102,102,102,0.2);
background-size:14px 14px;
}
#howto h2 .close:hover{
background:url(../img/btn_closen.png) no-repeat 96% center,rgba(102,102,102,0.2);
background-size:14px 14px;
}
#howto p{
padding:10px 10px 0;
}
#howto dl {
margin:10px;
}
#howto dt {
width:25px;
height:25px;
font-size:18px;
line-height:1.4;
font-weight:bold;
text-align:center;
color:#fff;
float:left;
background-color:#0076c2;
-webkit-border-radius:20px;
margin:0 5px 10px 0;
}
#howto dd {
font-size:18px;
line-height:1.4;
overflow:auto;
margin:0 0 10px; 0;
}
#howto dd em {
font-style:normal;
color:#558ed5;
}

/*内容量・成分*/
#detail{
}
#detail h2{
padding:0;
}
#detail h2 .open,
#detail h2 .close{
display:block;
padding:10px;
}
#detail h2 .open{
background:url(../img/btn_open.png) no-repeat 96% center;
background-size:14px 14px;
}
#detail h2 .close{
background:url(../img/btn_close.png) no-repeat 96% center;
background-size:14px 14px;
}
#detail h2 .open:hover{
background:url(../img/btn_open.png) no-repeat 96% center,rgba(102,102,102,0.2);
background-size:14px 14px;
}
#detail h2 .close:hover{
background:url(../img/btn_closen.png) no-repeat 96% center,rgba(102,102,102,0.2);
background-size:14px 14px;
}
#detail h3{
padding-bottom:3px;
color:#9C903E;
border-bottom:1px dotted #9C903E;
}
#detail dl{
margin:0 10px 10px;
}
#detail dl dt{
font-size:18px;
line-height:1.4;
font-weight:bold;
color:#9C903E !important;
margin:10px 0 5px;
}
#detail dl dd{
clear:both;
font-size:18px;
line-height:1.4;
}
#detail dl dd img{
float:left;
padding:0 15px;
}
#detail dl dd em{
font-style:normal;
color:#ff7802;
font-weight:bold;
}
#detail dd span{
font-size:12px;
}
#detail dl dd .mt {
border-top:2px dotted #999;
margin:10px 0 0;
padding:10px 0 0;
}

/*購入*/
#buy{
margin:20px 0 0 0;
}
#buy h2{
font-size:20px;
font-weight:bold;
color:#62542b;
background:#ffe5b2;
margin:0 0 15px;
padding:10px;
}
#buy .img{
margin:0 10px 10px;
}
#buy .regiTxt{
font-size:10px;
margin:0 10px 10px;
}
#buy .buyBox{
border:1px solid #aba792;
border-radius:6px;
margin:0 10px 10px;
padding:0;
overflow: hidden;
}
#buy .buyBox .buyHead{
background-color:#ffe5b2;
padding: 0 10px 10px 10px;
}
#buy .buyBox .buyHead em{
display:inline-block;
font-size:11px;
font-style:normal;
color:#fff;
text-shadow:none;
background-color:#ff7a00;
padding:3px 5px;
margin:10px 0 -5px 0;
border-radius:6px;
}
#buy .buyBox .buyHead h4{
font-size:20px;
line-height:1.4;
color:#664f00;
margin:0;
padding:10px 0 0 0;
}
#buy .buyBox .buyHead h4.noLine{
border-top:none;
}
#buy .buyBox .buyHead p{
font-size:13px;
line-height:1.4;
margin-top:5px;
}
#buy .buyBox h5{
position:relative;
font-size:20px;
line-height:1.1;
color:#ff7a00;
border-bottom:2px solid #ff7a00;
margin:10px 10px 12px;
padding-bottom:8px;
border-top:none;
}
#buy .buyBox h5 span{
font-size:15px;
}
#buy .buyBox .shinyBox{
position:absolute;
top:0;
right:0;
}
#buy .buyBox .shinyWrapper{
margin:2px 0 0 0;
padding:5px 6px;
font-size:12px;
font-weight:normal;
color:#fff;
position:relative;
overflow:hidden;
display:inline-block;
background-color:#f00;
border-radius:4px;
text-shadow:none;
}
#buy .buyBox .shiny1{
display:block;
width:38px;
height:95px;
margin-top:7px;
-webkit-transform:rotate(30deg);
-moz-transform:rotate(30deg);
-o-transform:rotate(30deg);
background-image:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
background-image:linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
position:absolute;
left:-60px;
top:-50px;
z-index:30;
}
#buy .buyBox .plice{
font-size:19px;
font-weight:bold;
margin:0 10px 6px;
}
#buy .buyBox .plice:after{
content:".";
display:block;
height:0; 
font-size:0;
clear:both;
visibility:hidden;
}
#buy .buyBox .plice .float{
float:left;
}
#buy .buyBox .plice .float2{
float:left;
}
#buy .buyBox .plice .tax{
font-size:13px;
font-weight:normal;
margin:0 0 0 2px;
}
#buy .buyBox .plice .iconPostage{
font-size:11px;
font-weight:bold;
color:#3093aa;
display:inline-block;
border:1px solid #3093aa;
padding:5px 4px;
margin:0 0 0 6px;
vertical-align:top;
}
#buy .buyBox .plice .iconOff{
font-size:11px;
font-weight:bold;
color:#ff0000;
display:inline-block;
border:1px solid #ff0000;
padding:5px 4px;
margin:0 0 0 6px;
vertical-align:top;
}
#buy .buyBox .otoku{
font-size:12px;
line-height:1.4;
margin:0 10px 10px;
}
#buy .buyBox .otoku span{
font-size:15px;
font-weight:bold;
color: #ff0000;
}
#buy .buyBox .otoku2{
font-size:15px;
font-weight:bold;
color:#fe4200;
margin:0 10px 10px;
}
#buy .buyBox .matome{
font-size:15px;
line-height:1.4;
margin:0 10px;
}
#buy .buyBox .tokuten{
background-color:#ffeeee;
border:1px solid #ffcccc;
border-radius:6px;
margin:0 10px 5px 10px;
padding:0;
}
#buy .buyBox .tokuten .toggle{
display:block;
font-size:14px;
font-weight:bold;
text-align:center;
padding:10px;
}
#buy .buyBox .tokuten .toggle:hover{
background:rgba(102,102,102,0.2);
}
#buy .buyBox .tokuten .open span{
color:#0066cc;
background:url(../supplement/img/tokuten_open.png) no-repeat right center;
background-size:12px 7px;
padding-right:16px;
}
#buy .buyBox .tokuten span{
color:#0066cc;
background:url(../supplement/img/tokuten_close.png) no-repeat right center;
background-size:12px 7px;
padding-right:16px;
}
#buy .buyBox .tokuten .tokutenInner{
margin:0 10px;
padding:0 0 10px 0;
}
#buy .buyBox .tokuten .tokutenInner ol{
background:#fff;
border:3px solid #ff0000;
border-radius:6px;
margin:0 0 10px 0;
padding:10px 0 10px 10px;
}
#buy .buyBox .tokuten .tokutenInner ol li{
font-size:18px;
line-height:1.3;
font-weight:bold;
margin-bottom:5px;
}
#buy .buyBox .tokuten .tokutenInner ol li em{
color:#ff0000;
font-style:normal;
}
#buy .buyBox .tokuten .tokutenInner ol li.pre{
text-indent:1.2em;
background:url(../img/icon_pre.png) no-repeat left top;
background-size:20px;
-webkit-background-size:20px;
}
#buy .buyBox .tokuten .tokutenInner .notice{
font-size:16px;
line-height:1.3;
font-weight:bold;
}
#buy .buyBox .tokuten .tokutenInner .notice em {
color:#ff0000;
font-style:normal;
}
#buy .buyBox .tokuten .tokutenInner .faq{
margin-top:5px;
}
#buy .buyBox .tokuten .tokutenInner .faq li{
text-align:right;
}
#buy .buyBox .tokuten .tokutenInner .faq li a{
font-size:16px;
font-weight:bold;
padding:0;
}
#buy .buyBox .tokuten .tokutenInner .faq li a:hover{
background:rgba(102,102,102,0.2);
}
#buy .buyBox .table{
display:table;
width:100%;
padding:0 0 10px;
}
#buy .buyBox .table.bottomLine{
border-bottom:1px solid #d7d3c6;
}
#buy .buyBox .table .tableLeft{
display:table-cell;
width:130px;
padding:0 0 0 10px;
}
#buy .buyBox .table .ui-btn-inner{
height:22px;
padding-right:10px;
}
#buy .buyBox .table .ui-btn-inner .ui-btn-text{
padding-top:2px;
}
#buy .buyBox .table .ui-btn-inner .ui-icon{
top:20px;
}
#buy .buyBox .table .tableLeft .plice{
margin:0;
}
#buy .buyBox .table .tableLeft .plice .float2{
padding-top:10px;
}
#buy .buyBox .table .tableLeft .plice .iconPostage{
margin:0;
}
#buy .buyBox .table .tableRight{
display:table-cell;
padding:0 10px 0 0;
vertical-align:top;
}
#buy .buyBox .table .tableRight .btnCart{
margin:7px 0 0 5px;
}
#buy .buyBox .table .tableRight .btnCart li{
position:relative;
overflow:hidden;
text-align:center;
border-radius:6px;
background:-webkit-gradient(linear, left top, left bottom, from(#ff866a), color-stop(0.01, #ff866a), color-stop(0.49, #ff4317), color-stop(0.50, #ff0000), color-stop(0.99, #ff481e), to(#ff481e));
box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4);
margin-top:0;
}
#buy .buyBox .table .tableRight .btnCart li .shiny2{
display:block;
width:38px;
height:100px;
margin-top:7px;
-webkit-transform:rotate(30deg);
-moz-transform:rotate(30deg);
-o-transform:rotate(30deg);
background-image:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
background-image:linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
position:absolute;
left:-60px;
top:-30px;
z-index:30;
}
#buy .buyBox .table .tableRight .btnCart li a{
display:block;
font-size:16px;
line-height:1;
font-weight:bold;
color:#fff;
padding:7px 0 6px 0;
text-shadow:1px 1px 3px #b00;
}
#buy .buyBox .table .tableRight .btnCart li a:hover{
background:rgba(102,102,102,0.2);
}
#buy .buyBox .table .tableRight .btnCart li a span{
font-size:12px;
}
#buy .btnCartBtm{
position:relative;
overflow:hidden;
text-align:center;
border-radius:6px;
background:-webkit-gradient(linear, left top, left bottom, from(#ff866a), color-stop(0.01, #ff866a), color-stop(0.49, #ff4317), color-stop(0.50, #ff0000), color-stop(0.99, #ff481e), to(#ff481e));
box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4);
margin:0 10px 10px;
}
#buy .btnCartBtm .shiny3{
display:block;
width:38px;
height:100px;
margin-top:7px;
-webkit-transform:rotate(30deg);
-moz-transform:rotate(30deg);
-o-transform:rotate(30deg);
background-image:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
background-image:linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
position:absolute;
left:-60px;
top:-30px;
z-index:30;
}
#buy .btnCartBtm a{
display:block;
font-size:16px;
line-height:1;
font-weight:bold;
color:#fff;
padding:10px 0;
text-shadow:1px 1px 3px #b00;
}
#buy .btnCartBtm a:hover{
background:rgba(102,102,102,0.2);
}
#buy .buyBox .favorite{
background-color:#fff8ea;
text-align:center;
margin:10px 0 0 0;
padding:10px;
}
#buy .buyBox .favorite .favorite_before{
width:190px;
margin:0 auto;
}
#buy .buyBox .favorite .favorite_before li{
background:-webkit-gradient(linear, center top, center bottom, from(#fff), to(#dedcd1));
border:1px solid #aca793;
border-radius:6px;
text-align:center;
}
#buy .buyBox .favorite .favorite_before li a{
display:block;
font-size:18px;
font-weight:bold;
color:#675329;
padding:10px 0;
}
#buy .buyBox .favorite .favorite_before li a:hover{
background:rgba(102,102,102,0.2);
}
#buy .buyBox .favorite .favorite_before li a span{
background:url(../img/menu_icon_03.png) no-repeat 0 center;
background-size:17px 14px;
padding:0 0 0 21px;
}
#buy .buyBox .favorite .favorite_done{
width:220px;
background:#faf9f7;
border:solid #aca793 1px;
box-shadow:0px 0px 6px #ebe4c8;
text-align: center;
margin:0 auto;
padding:10px 2px;
display:none;
}
#buy .buyBox .favorite .favorite_done p{
font-size:14px;
color:#675329;
padding:0;
}
#buy .buyBox .favorite .favorite_done p span{
background:url(../img/menu_icon_03.png) no-repeat 0 center;
background-size:17px 14px;
padding:0 0 0 20px;
}
#buy .buyBox .favorite .favorite_done ul{
width:100px;
margin:10px auto 0 auto;
}
#buy .buyBox .favorite .favorite_done ul li{
background:-webkit-gradient(linear, center top, center bottom, from(#fff), to(#dedcd1));
border:1px solid #aca793;
border-radius:6px;
text-align:center;
}
#buy .buyBox .favorite .favorite_done ul li a{
display:block;
font-size:14px;
font-weight:bold;
color:#675329;
padding:8px 0;
}
#buy .buyBox .favorite .favorite_done ul li a:hover{
background:rgba(102,102,102,0.2);
}
#buy .buyBox .favorite .favorite_after{
width:240px;
background:#fff;
border:1px solid #aca793;
border-radius:6px;
margin:0 auto;
padding:10px 0;
display:none;
}
#buy .buyBox .favorite .favorite_after p{
font-size: 13px;
font-weight: bold;
color: #675329;
text-align:center;
}

#notes{
}
#notes p,
p.notes{
font-size:16px;
line-height:1.4;
margin:0 10px 10px;
}
#notes p span,
p.notes span{
color:#f33;
}
#notes p a{
text-decoration:underline;
}
#notes p a:hover,
p.notes a:hover{
background:rgba(102,102,102,0.2);
}

#brands{
margin:0 10px 20px;
border:1px solid #aba792;
border-radius:3px;
overflow:hidden;
}
#brands h4{
background:-webkit-gradient(linear, center top, center bottom, from(#f8f7f2), to(#edebdf));
margin:0 0 10px;
padding:10px;
font-size:18px;
}
#brands ul{
margin:0 10px 10px;
}
#brands ul li{
}
#brands ul li a{
font-size:14px;
}
#brands ul li a:hover{
background:rgba(102,102,102,0.2);
}
#brands ul li a span{
background:url(../img/icon_pc.png) no-repeat left center;
background-size:15px 14px;
padding:0 0 0 18px;
}
#brands p,
#brands .img{
line-height:1.4;
margin:0 10px 10px;
}

#sns{
margin:0 0 10px;
}
#sns #snsbtn{
background-color:#eeeeee;
}
#sns #snsbtn h2{
font-size:20px;
font-weight:bold;
color:#333;
text-align:center;
padding:10px;
}

/*
#sns {
text-align:center;
}
#sns #snsbtn {
background-color:#eeeeee;
margin-bottom:20px;
padding:10px 0;
}
#sns #snsbtn h2 {
text-align:center;
background:-webkit-gradient(linear, center top, center bottom, from(#eee), to(#eee));
color:#333;
border-top:none;
border-bottom:none;
}
#sns dl {
text-align:left;
font-size:16px;
line-height:1.5;
margin:0 10px 20px 10px;
}
#sns #snsbtn .socialbutton_suntory {
display:inline-block;
margin:0 auto;
padding:10px 0;
}
#sns #snsbtn .mailto {
margin-top:10px;
}
*/

#caution{
text-align:left;
font-size:16px;
line-height:1.4;
margin:0 10px 10px;
}
#caution dt,
#caution dd{
margin:0 0 5px;
}

#series h2{
font-size:20px;
font-weight:bold;
line-height:1.4;
color:#62542b;
background:#ffe5b2;
padding:10px;
}
#series p.lead{
font-size:14px;
line-height:1.4;
font-weight:bold;
color:#555;
margin:10px 0 10px 10px;
padding:5px 15px 5px 0;
}
#series p.lead em{
font-style:normal;
color:#FF6500;
}

#linkbox{
border-bottom:1px solid #aeaa95;
}
#linkbox li a{
display:block;
color:#333333;
border-top:1px solid #aeaa95;
position:relative;
padding:10px 35px 10px 10px;
min-height:80px;
}
#linkboxli:first-child a{
border:none;
}
#linkbox li a img{
width:80px;
margin-right:10px;
}
#linkbox li a .img{
float:left;
}
#linkbox li a h3{
font-size:18px;
line-height:1.4;
margin:0 0 5px 0;
color:#0066aa;
font-weight:bold;
}
#linkbox li a p{
overflow:auto;
font-size:16px;
line-height:1.4;
}
#linkbox li a p .kome{
font-size:11px;
}
#linkbox li a:after{
content:"";
position:absolute;
right:12px;
top:50%;
display:block;
width:8px;
height:8px;
margin-top:-5px;
border-top:solid 3px #00afe1;
border-right:solid 3px #00afe1;
-webkit-transform:rotate(45deg);
}

#recommend{
}
#recommend h2{
font-size:20px;
font-weight:bold;
color:#62542b;
background:#ffe5b2;
margin:0;
padding:10px;
}

.tap{
}
.tap:hover{
background-color:rgba(102,102,102,0.2);
}

/*カラー*/
.skincare01 #mainContent h2,
.skincare01 #buy h2,
.skincare01 #buy .buyBox .buyHead{
background:#ffdbe0;
}

.skincare02 #mainContent h2,
.skincare02 #buy h2,
.skincare02 #buy .buyBox .buyHead{
background:#c2e3ef;
}
.skincare02 #osusume,
.skincare02 #mainContent .frame01,
.skincare02 #buy .buyBox .favorite{
background-color:#e8f6f9;
}