@charset "utf-8";

.content-asset { /* 基本のフォントサイズを移行前のサイズに合わせる */
	font-size: 16px;
}

.description-content {
    min-width: 280px;
    max-width: 720px;
    width: 100%;
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
    clear: both;
}

.images-content {
    min-width: 240px;
    max-width: 720px;
    width: 100%;
    display: block;
    margin: 0 auto 30px;
    box-sizing: border-box;
}

.images-content-teiki-pict {
    margin: 20px auto;
}

.description-content a {
    display: block;
    margin: 0 auto;
}

.description-content ul li {
    list-style: none outside;
}


@charset "utf-8";
/*
================================================================================
Last Up Date	2012.1
copyright (c) Rohto Pharmaceutical Co., Ltd. all rights reserved.
================================================================================
*/
/*--------------------------------------------*/
/*商品詳細 #mainGoods*/
#goodsDetail {
}

#mainGoods h1 {
    background: url(../img/rohto/title_kazari360.gif) no-repeat;
    padding: 20px 0 0 0;
    font-size: 1em;
    line-height: 130%;
    font-weight: bold;
}

#mainGoods p.introGC2 {
    font-size: 0.85em;
    line-height: 140%;
    margin: 20px 0;
}

#mainGoods p.introGC2 strong {
    font-weight: bold;
}

.goodsLeft {
    float: left;
    width: 300px;
    margin: 0 0 15px 0;
}

.goodsLeft .goodsPht {
    display: block;
    margin: 0 0 20px 0;
}

.goodsLeft p {
    clear: both;
}

.goodsLeft p:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.goodsLeft .goodsIcon {
    display: block;
}

.goodsLeft .goodsIcon + .goodsIcon {
    margin-top: 15px;
}

.goodsRight {
    float: right;
    width: 360px;
    margin: 0 0 15px 0;
}

div.propatyPrice {
    padding: 20px 0 5px 0;
    background: url(../img/rohto/kugiri360.gif) no-repeat 0 0;
}

/**/
div.snsBtn {
    height: 55px;
    background: url(../img/rohto/kugiri360.gif) no-repeat 0 0;
}

div.snsBtn iframe {
    width: 120px;
    height: 21px;
    overflow: hidden;
    border: none;
}

div.snsBtn div.tweet {
    float: left;
    padding: 15px 0 0 0;
    width: 120px;
}

div.snsBtn div.fb {
    float: left;
    padding: 15px 0 0 0;
    width: 112px;
}

/**/
table.propaty {
    clear: both;
    width: 100%;
}

table.propaty th {
    width: 100px;
    padding: 3px 0;
    font-size: 0.8em;
}

table.propaty td {
    padding: 3px 0 3px 10px;
    font-size: 0.8em;
    line-height: 140%;
}

div.propatyPrice table.propaty th {
    vertical-align: middle;
}

div.propatyPrice table.propaty td {
    font-size: 150%;
    vertical-align: middle;
    line-height: 100%;
}

/**/
div.propatyPrice2 {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    background: url(../img/rohto/kugiri360.gif) no-repeat 0 100%;
}

div.propatyPrice2 table.propaty th {
    vertical-align: middle;
    width: 100px;
}

div.propatyPrice2 table.propaty td {
    font-size: 100%;
    vertical-align: middle;
    line-height: 100%;
}

/**/
#goodsDetail p.seibun {
    margin: 20px 0;
}

#goodsDetail p.seibun a {
    border: 1px dotted #999999;
    background: url(../img/rohto/linkicon4.gif) no-repeat 0 50%;
    padding: 8px 10px 8px 25px;
    font-size: 0.8em;
}

#goodsDetail .cart {
    text-align: center;
    margin: 20px 0;
    padding: 5px; /*20131004 add*/
    background: url(../img/rohto/back_ptn1.gif);
}

#goodsDetail .cart form, #goodsDetail .cart .cartInnr {
    margin: 10px auto;
    text-align: center;
    vertical-align: middle;
}

#goodsDetail .cart input {
    margin-left: 5px;
    vertical-align: middle;
}

/*商品詳細：コメント*/
#goodsDetail div.comment1 {
    clear: both;
    /*font-size:0.8em;
    line-height:140%;*/
}

#goodsDetail div.comment2 {
    margin: 0 0 20px 0;
}

#goodsDetail div.comment3 {
    clear: both;
    width: 700px;
    /*text-align:center;
    font-size:0.85em;
    line-height:140%;*/
}

/*主に、コメント欄3の旧レイアウトをセンター揃えするため*/
div.c580 {
    margin: 30px auto;
    margin-bottom: 0;
    width: 580px;
    font-size: 0.85em;
    line-height: 140%;
}

#goodsDetail div.comment3 h2 {
    margin: 30px 0 10px 0;
}

#goodsDetail div.comment3 dl.naked {
    width: 680px;
    padding: 10px;
    margin: 20px 0 0;
    border: 1px dotted #999999;
}

#goodsDetail div.comment3 dl.naked dt {
    padding: 5px;
    margin: 0 0 5px 0;
    color: #3e3e3e;
    background: #eff5f6;
    font-size: 0.8em;
    line-height: 140%;
}

#goodsDetail div.comment3 dl.naked dd {
    margin: 5px 7px;
    font-size: 0.8em;
    line-height: 140%;
    padding: 5 0 0;
}

#goodsDetail div.comment3 dl.naked dd ul.kome li {
    font-size: 0.9em;
}

#goodsDetail div.comment4 {
    clear: both;
    margin: 30px 0;
    padding: 0 0 10px 0;
    max-width: 700px;
    width: 100%;
    border: 1px dotted #999999;
}

#goodsDetail div.comment4 dl {
    margin: 10px;
}

#goodsDetail div.comment4 dl + dl {
    margin-top: 15px;
}

#goodsDetail div.comment4 dt {
    padding: 6px 8px;
    margin: 0 0 5px 0;
    color: #3e3e3e;
    background: #eff5f6;
    font-size: 0.95em;
    line-height: 100%;
    font-weight: bold;
}

#goodsDetail div.comment4 dd {
    margin: 8px;
    font-size: 0.85em;
    line-height: 160%;
}

#goodsDetail div.comment4 dd span.sub, #goodsDetail div.comment4 dd sub {
    font-size: 80%;
    line-height: 1;
}

#goodsDetail div.comment4 ul {
    margin: 0 20px;
}

#goodsDetail div.comment4 ul.kome li {
    margin: 0 0 0 0;
}

#goodsDetail div.comment4 p {
    font-size: 0.8em;
    line-height: 140%;
    margin: 20px;
}

#goodsDetail div.comment4 p strong {
    display: block;
    margin: 20px 0 0 0;
    padding: 5px;
    color: #3e3e3e;
    background: #eff5f6;
}

#goodsDetail div.comment5 {
    clear: both;
    font-size: 80%;
    line-height: 130%;
}

#goodsDetail div.comment5 .prod_tit {
    background: #FFE8E8;
    font-size: 110%;
    font-weight: bold;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    margin-top: 5px;
    padding-left: 5px;
}

#goodsDetail div.comment5 .prod_contents {
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin-bottom: 5px;
}

#goodsDetail div.comment7 ul.styleDisc {
    margin-left: 0;
}

#goodsDetail .comment9 img {
    margin-right: 5px;
}

#goodsDetail .name {
    text-align: right;
    font-size: 80%;
    color: #f08719;
    margin: 0;
}

#goodsDetail .accessory_list {
    clear: both;
    margin: 50px auto;
    margin-bottom: 0;
}

#goodsDetail .accessory_list h2 {
    /*height:16px;
    margin:0 0 5px 0;
    font-size:100%;
    background:url(../image/h2_back.gif) no-repeat left center;
    padding:3px 0 0 19px;
    border:0;*/
    margin-bottom: 0;
}

#goodsDetail .accessory_list .block {
    line-height: 150%;
    padding: 10px 0 0 0;
    margin-bottom: -20px;
}

#goodsDetail .wrapGoodsDetailBsc {
    clear: both;
    margin: 0 0 60px 0;
}

#goodsDetail .wrapGoodsDetailBsc sup {
    font-size: 11px;
}

#goodsDetail .wrapGoodsDetailBsc .howtoMovie {
    margin: 40px auto 0;
    background: #fdf5f2;
    padding: 40px 0;
    text-align: center;
}

/**/
#goodsDetail .wrapGoodsDetailBsc div.wrapCaution {
    margin: 40px 0;
    padding: 30px;
    border: 5px solid #ffc5c5;
    border-radius: 8px;
    background: #f9dcdc;
    text-align: center;
}

#goodsDetail .wrapGoodsDetailBsc div.wrapCaution p {
    margin: 0 0 10px 0;
    text-align: center;
}

#goodsDetail .wrapGoodsDetailBsc div.wrapCaution ul {
    display: inline-block;
    text-align: center;
}

#goodsDetail .wrapGoodsDetailBsc div.wrapCaution li {
    display: inline-block;
    padding: 0 5px;
    text-align: center;
    font-size: 0.95em;
}

#goodsDetail .wrapGoodsDetailBsc div.wrapCaution li.newwin a {
    padding: 0 0 0 15px;
    background: url(/shop/image/medical/dotest/icon_newwin.png) no-repeat 0 50%;
}

#goodsDetail .wrapGoodsDetailBsc div.wrapCaution li.pdf a {
    padding: 0 0 0 20px;
    background: url(/shop/image/medical/dotest/icon_pdf.png) no-repeat 0 50%;
}

#goodsDetail .wrapGoodsDetailBsc div.wrapCaution p.naked.dyn {
    margin: 20px 0 0 0;
    text-align: left;
    font-size: 0.85em;
}

/*--------------------------------------------*/
/*商品のリスト表示「T」タイプ：商品詳細のレコメンド：「この商品の関連商品」*/
#goodsDetail .itemGStT {
    clear: both;
    padding: 0 0 0 30px;
}

#goodsDetail .itemGStT dl {
    float: left;
    width: 130px;
    color: #3e3e3e;
    margin: 0 30px 0 0;
}

#goodsDetail .itemGStT dl:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#goodsDetail .itemGStT dd.thum {
    margin: 20px 0 0 0;
}

#goodsDetail .itemGStT dd.thum img {
    height: 86px;
}

#goodsDetail .itemGStT dd.thum a {
    display: block;
    padding: 2px 0;
    background: url(../img/rohto/rec_goods_back.gif) no-repeat;
    text-decoration: none;
    text-align: center;
}

#goodsDetail .itemGStT dd.thum a:hover {
    background: url(../img/rohto/rec_goods_back_ov.gif) no-repeat;
}

#goodsDetail .itemGStT dt {
    font-size: 0.8em;
    line-height: 120%;
    padding: 4px 0;
    min-height: 3.5em;
}

#goodsDetail .itemGStT dt a {
    color: #4c88d2;
    line-height: 140%;
}

#goodsDetail .itemGStT dt a:hover {
    color: #273865;
}

#goodsDetail .itemGStT dd.price {
    font-size: 0.8em;
    line-height: 140%;
    height: 5em;
}

#goodsDetail .itemGStT dd.price span.small {
    font-size: 80%;
}

/*--------------------------------------------*/
/*商品のリスト表示「I」タイプ：新製品*/
div.itemGStI table.wrap {
}

div.itemGStI td.thum {
    padding: 15px 15px 15px 0;
    width: 100px;
    border-bottom: 1px dotted #dddddd;
}

div.itemGStI td.goodsEle {
    padding: 15px 0;
    width: 600px;
    border-bottom: 1px dotted #dddddd;
    vertical-align: middle;
}

div.itemGStI td.goodsEle p.gName {
    font-size: 150%;
    margin: 0 10px 5px 0;
    font-size: 0.95em;
    line-height: 140%;
}

div.itemGStI td.goodsEle p.gName a {
    line-height: 140%;
}

div.itemGStI td.goodsEle p.comment {
    margin: 0 10px 10px 0;
    font-size: 0.75em;
    line-height: 140%;
}

div.itemGStI td.goodsEle table.inner {
    width: 100%;
}

div.itemGStI td.goodsEle table.inner td.kago {
    width: 170px;
    vertical-align: middle;
}

div.itemGStI div.price span {
    font-size: 70%;
}

div.itemGStI div.icon img {
    display: block;
    margin: 5px 0 0 0;
}

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


/*#goodsDetail .itemGStT td.goods{
width:161px;
}
#goodsDetail .itemGStT a{
color:#3e3e3e;
width:135px;
display:block;
background:url(../img/rohto/home_rec_goods_back.gif) no-repeat;
text-decoration:none;
text-align:center;
}
#goodsDetail .itemGStT a:hover{
background:url(../img/rohto/home_rec_goods_back_ov.gif) no-repeat;
text-decoration:underline;
}
#goodsDetail .itemGStT a img{
display:block;
margin:0 auto;
padding:5px 0;
}
#goodsDetail .itemGStT td a strong{
display:block;
font-size:0.7em;
line-height:130%;
padding:5px 0 0 0;
font-weight:normal;
text-align:left;
}*/


/*#goodsDetail .accessory_list form {
width:300px;
margin:0 0 10px 0;
}
#goodsDetail .accessory_list p {
margin:0;
}
#goodsDetail .accessory_list .itemGStT img {
width:100px;
}
#goodsDetail .accessory_list .f-left {
width:110px;
}
#goodsDetail .accessory_list .f-right {
width:190px;
}*/
dl.otherItem dt img {
    margin: 0 0 5px 0;
    display: block;
}

dl.otherItem dd {
    width: 240px;
    font-size: 0.75em;
    line-height: 130%;
    color: #909090;
}

/*--------------------------------------------*/
/*20121031add*/
div.review {
    margin: 20px 0;
}

div.review p {
    margin: 0 0 10px 0;
    padding: 5px 10px;
    display: block;
    background: #f5f1e6;
    text-align: center;
    font-size: 0.8em;
    vertical-align: middle;
}

div.review p a {
    vertical-align: middle;
}

div.review p img {
    padding: 0 5px 0 0;
    vertical-align: middle;
}

/*20131028 旬穀 お客様の声*/
div.userVoice {
    clear: both;
    margin: 30px 0;
    background: url(../img/rohto/voice_back.jpg);
    padding: 0;
}

div.userVoice h3 {
    padding: 10px 0 0 20px;
    height: 25px;
    background: url(../img/rohto/voice_title.gif) no-repeat;
    color: #ffffff;
    font-weight: bold;
}

div.userVoice dl {
    margin: 0 0 10px 0;
    padding: 18px 20px 0;
    font-size: 0.85em;
    line-height: 150%;
}

div.userVoice dl dt {
    font-size: 115%;
    line-height: 100%;
    color: #af3114;
    padding: 2px 20px 2px 30px;
    font-weight: bold;
    background: url(../img/rohto/voice_icon.jpg) 0 50% no-repeat;
    display: inline;
}

div.userVoice dl dd {
    padding: 13px 0 20px;
    border-bottom: 1px solid #cbc5b4;
}

div.userVoice dl dd.userName {
    font-size: 80%;
    line-height: 100%;
    padding: 0;
    color: #898067;
    display: inline;
    border-bottom: none;
}

div.userVoice dl.btm dd {
    border-bottom: none;
}

/*--------------------------------------------*/
/*201808add*/
.wrapGoodsIconVer2 {
    width: 300px;
}

.wrapGoodsIconVer2 li {
    float: left;
    margin: 0 10px 10px 0;
}

.wrapGoodsIconVer2 li img {
    display: block;
}

.wrapGoodsIconVer2 p.note {
    margin: 10px auto 0;
    padding: 0;
    background: none;
    text-align: center;
    font-size: 0.8em;
    color: #3e3e3e;
}

/**/
.wrapIconVer2Info dl {
    margin: 30px 0;
}

.wrapIconVer2Info dl + dl {
    border-top: 1px dotted #555555;
    padding-top: 30px;
}

.wrapIconVer2Info dt {
    float: left;
    width: 230px;
}

.wrapIconVer2Info dd {
    float: right;
    width: 460px;
    font-size: 0.9em;
    line-height: 1.6;
}

/*--------------------------------------------*/
.shippingCp {
    display: block;
    margin: 0 0 15px;
}

.shippingCp.idx {
    margin: 0 0 5px;
}

/*--------------------------------------------*/
/*end*/
.content-asset p{
    font-size: 1.2em;
}

#goodsDetail div.comment4 dt{
    font-size: 1.4em;
}

#goodsDetail div.comment4 dd{
    font-size: 1em;
}

.primary-content dl dt {
    float: none;
}

.primary-content dl dd{
    padding: 0;
}