/* ----------------------------------------- */ /* ----------------------------------------- */ /* */ /* COMMON /* */ /* ----------------------------------------- */ /* ----------------------------------------- */ #detail_template_header { clear:both; } #detail_template_content { clear:both; } #detail_template_footer { clear:both; } #detail_title { line-height:1.25em; font-weight:bold; color:#1A429A; } #detail_category { } #detail_category dt { display:block; font-weight:bold; color:#1A429A; line-height:1.25em; } #detail_category dd { display:block; } #detail_category dd span { display:inline-block; padding:0 5px 0 0; } #detail_category dd span img { width:100%; } #detail_tag_amano { } #detail_tag_beer { } #detail_tag_drink { } #detail_tag_calpis { } #detail_tag_holdings { } #detail_tag_afh { } #detail_tag_wakodo { } #detail_tag_elbee { } #detail_tag_nikka { } #detail_info_related { display:table; clear:both; line-height:1.75em; color:#808080; } #detail_info_related dt { display:table-cell; vertical-align:top; } #detail_info_related dd { display:table-cell; vertical-align:top; } #detail_info_related dd span { display:block; } #detail_info_category { display:table; clear:both; line-height:1.75em; color:#808080; } #detail_info_category dt { display:table-cell; vertical-align:middle; } #detail_info_category dd { display:table-cell; vertical-align:middle; line-height:0em; } #detail_info_category dd span { display:inline-block; } #detail_info_category dd img { width:100%; } #detail_info_date { display:block; clear:both; line-height:1.75em; color:#808080; } #detail_info_sns { display:block; clear:both; line-height:1.75em; } #detail_recommend { } #detail_recommend_inner { background-color:#FFF; box-sizing:border-box; } #detail_recommend_title { } #detail_recommend_title span { display:inline-block; } #detail_recommend_title span img { width:100%; } #detail_recommend_panels { } .detail_recommend_panel { position:relative; top:0; left:0; width:100%; } .detail_recommend_panel_bg { position:absolute; top:0; left:0; } .detail_recommend_panel_bg a { position:absolute; top:0; left:0; text-decoration:none; } .detail_recommend_panel_bg a { background-color:#009; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; } .detail_recommend_panel_info { position:absolute; left:0; } .detail_recommend_panel_photo { top:0; left:0; } .detail_recommend_panel_title { position:relative; top:0; padding:0 0 5px 0; line-height:1.25em; color:#1A429A; } .detail_recommend_panel_caption { position:relative; top:0; padding:0 0 5px 0; line-height:1.25em; color:#1A429A; } .detail_recommend_panel_genru { letter-spacing:-0.4em; } .detail_recommend_panel_genru span { display:inline-block; } .detail_recommend_panel_genru img { width:100%; } .detail_recommend_panel_icon { text-align:right; } .detail_recommend_panel_icon img { width:100%; } .detail_recommend_panel_icon_osake { display:inline-block; } .detail_recommend_panel_icon_link { display:inline-block; } #detail_backnumber { } #detail_backnumber_inner { } #detail_backnumber_title { position:relative; } #detail_backnumber_breakline { } #detail_backnumber_name { position:relative; color:#0f41a4; } #detail_backnumber_icon { position:absolute; overflow:hidden; } #detail_backnumber_icon { top:35px; right: 12px; width:48px; height:48px; } #detail_backnumber_icon a { position:absolute; top:0; left:0; } .open #detail_backnumber_icon a { position:absolute; top:-48px; left:0; } #detail_backnumber_list { position:absolute; overflow:hidden; } #detail_backnumber_list a { position:absolute; text-indent:-9999px; } #detail_backnumber_panels { } .detail_backnumber_panel { line-height:1em !important; overflow:hidden; float:left; } .detail_backnumber_panel_bg { letter-spacing:normal; } .detail_backnumber_panel_bg a { position:absolute; text-decoration:none; top:0; left:0; } .detail_backnumber_panel_bg a { background-color:#009; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; } .detail_backnumber_panel_info { position:absolute; left:0; } .detail_backnumber_panel_img { } .detail_backnumber_panel_img img { width:100%; } .detail_backnumber_panel_title { line-height:1.25em; font-weight:bold; color:#1A429A; } .detail_backnumber_panel_caption { line-height:1.25em; font-weight:bold; color:#1A429A; } .detail_backnumber_panel_date { line-height:1.25em; color:#808080; } .detail_backnumber_panel_genru { letter-spacing:-0.4em; } .detail_backnumber_panel_genru span { display:inline-block; } .detail_backnumber_panel_genru img { width:100%; } .detail_backnumber_panel_icon { text-align:right; } .detail_backnumber_panel_icon img { width:100%; } .detail_backnumber_panel_icon_osake { display:inline-block; } .detail_backnumber_panel_icon_link { display:inline-block; } .detail_subtitle { line-height:1.25em; color:#1A429A; font-weight: bold; display:block; clear:both; } .detail_text { line-height:1.80em; color:#000000; text-align:justify; } .detail_photo { } .detail_photo img { width:100%; } .detail_blocktitle { background-color:#0F40A4; color:#FFFFFF; line-height:1.75em; } .detail_bluecircle { list-style:none; } .detail_bluecircle li { list-style:none; color: #0040a4; } .detail_linetitle { padding:0 0 5px 0; color: #0040a4; } .detail_question { } .detail_question dt { line-height:1.25em; color:#0040a4; font-weight:bold; } .detail_question dd { } .detail_answer_1 { line-height:1.25em; color:#0040a4; font-weight:bold; padding:0 0 10px 0; } .detail_answer_2 { } .detail_mainphoto { width:auto; } .detail_mainphoto img { width:100%; } .detail_interview { } .detail_blue { color:#1A429A; } .detail_template_01_01 { clear:both; } .detail_template_01_02 { } .detail_template_01_03 { clear:both; } .detail_template_04_01 { clear:both; } .detail_template_04_02 { clear:both; } .topImg { } #detail_template_author { display:table; width:100%; clear:both; line-height:1.75em; } #detail_template_author dt { display:table-cell; vertical-align:top; } #detail_template_author dd { display:table-cell; vertical-align:top; } #detail_template_author span { display:block; } #detail_template_blockquote { display:table; width:100%; clear:both; line-height:1.75em; } #detail_template_blockquote dt { display:table-cell; vertical-align:top; } #detail_template_blockquote dd { display:table-cell; vertical-align:top; } #detail_template_blockquote span { display:block; } .detail_line { border: 1px solid #1A429A; } #detail_template_02_02 .detail_subtitle { padding-bottom: 0 } #detail_template_02_03 li { list-style: none } #detail_template_02_03 .detail_item { display: table; padding: 0 0 9px; width: 100%; } #detail_template_02_03 .detail_item .detail_item{ padding: 0; } #detail_template_02_03 .detail_item:last-child{ padding-bottom: 0; } #detail_material .detail_item{ line-height: 1.4em; margin-bottom: 11px; padding: 0; } #detail_material .detail_bluetitle{ margin-bottom: 10px; line-height: 1.4em; } .detail_material_subtitle{ margin-top: 15px; margin-bottom: 10px; line-height: 1.4em; } .detail_attention{ margin-top: 10px; line-height: 1.4em; } .detail_headeing { display: table-cell; vertical-align: top; text-align: left; } .detail_data { display: table-cell; vertical-align: top; text-align: right; /* font-size: 0.9em; */ } .detail_bluetitle { color: #0040a4; font-weight: bold; } #detail_point{ margin-bottom: 10px; margin-top: 5px; } .detail_howto li { overflow: hidden; padding: 14px 0; border-bottom: 1px solid #d8d8d8; list-style-type: none; } .detail_howto li:last-child{ border-bottom: none; } .detail_howto li .list_num { display: block; float: left; color: #1A429A; vertical-align: top; text-align: right; font-weight: bold; } .detail_sub h3 { padding: 6px 0 4px 7px; background-color: #0F40A4; color: #FFFFFF; font-weight: bold; line-height: 1.0em; font-size: 1.17em; } .detail_sub .detail_sub_contents { padding: 5px 10px 5px 10px; padding-left: 10px; border: 1px solid #d8d8d8; border-top: none; } .detail_sub table { border: 1px solid #d8d8d8; border-collapse: collapse; border-top: none; width: 100%; } .detail_sub table td { padding: 5px 10px 5px 10px; border: 1px solid #d8d8d8; vertical-align: top; } .detail_sub table th { padding: 5px 10px 5px 10px; width: 100px; border: 1px solid #d8d8d8; background: #f3f3fa; color: #0040a4; vertical-align: top; text-align: left; } .detail_howto .list_text_contents { display: block; margin-left: 1.3em; } #related_liquor h3{ font-size: 1.17em; font-weight: bold; color: #0040a4; } #related_liquor ul { margin-left: -15px; font-weight: bold; color: #0040a4; } #detail_point h3 { background: #e7e8f5; color: #0040a4; text-align: center; font-size: 1.17em; } #detail_template_02_02 .note{ margin-left: 2em; } #detail_template_02_02 .note span{ display: block; text-indent: -1em; } #use_item{ text-align: center; } #use_item h3 { background: #e7e8f5; color: #0040a4; font-size: 1.0em; } #use_item{ text-align: center } #related_liquor li { padding: 6px 0; border: 1px solid #d8d8d8; position: relative; } #related_liquor li a{ background-color: #ffffff; -ms-filter: "alpha( opacity=0 )"; filter: alpha( opacity=0 ); opacity: 0.0; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; } #related_liquor li a:hover { background-color:#ffffff; -ms-filter:"alpha( opacity=25 )"; filter:alpha( opacity=25 ); opacity:0.25; } /* ----------------------------------------- */ /* ----------------------------------------- */ /* */ /* screen_width < 950 /* */ /* ----------------------------------------- */ /* ----------------------------------------- */ #detail_template_header { padding:2px 0; border-top: 4px solid #0f41a4; } #detail_template_content { padding: 0 24px 30px 24px; } #detail_template_footer { padding: 0 24px 30px 24px; } #detail_title { border-top:2px solid #0f41a4; font-size:4.0em; padding: 30px 24px 5px 24px; } #detail_category { padding: 0 24px 30px 24px; } #detail_category dt { float:none; font-size:2.5em; padding:0 5px 15px 0; font-weight: bold; } #detail_category dd { float:none; font-size:2.5em; padding:0 10px 5px 0; } #detail_tag_amano { width:150px; } #detail_tag_beer { width:200px; } #detail_tag_drink { width:158px; } #detail_tag_calpis { width:150px; } #detail_tag_holdings { width:400px; } #detail_tag_afh { width:378px; } #detail_tag_wakodo { width:120px; } #detail_tag_elbee { width:126px; } #detail_tag_nikka { width:224px; } #detail_info_related { padding: 0 0 5px 0; font-size:2.5em; } #detail_info_related dt { padding:0 10px 0 0; } #detail_info_related dd { display:inline-block; } #detail_info_related dd span { padding:0 0 0 10px; background:url(/express/common/img/icon_related.gif) no-repeat left center; } #detail_info_category { padding: 0 0 5px 0; font-size:2.5em; } #detail_info_category dt { padding:5px 10px 0 0; } #detail_info_category dd { } #detail_info_category dd span { width:200px; } #detail_info_date { padding: 0 0 5px 0; font-size:2.5em; } #detail_info_sns { padding: 5px 0; } #detail_recommend { padding:0 0 20px 0; } #detail_recommend_inner { border:10px solid #0f41a4; } #detail_recommend_title { padding:20px; text-align:left; border-bottom:2px solid #d1dbdc; padding-left: 14px;} #detail_recommend_title span { width:206px; height:34px; } #detail_recommend_panels { padding:0 0 20px 0; } .detail_recommend_panel { width:620px; height:180px; border-bottom:2px solid #d1dbdc; } .detail_recommend_panel_bg { width:620px; height:180px; } .detail_recommend_panel_bg a { width:620px; height:180px; top:0; } .detail_recommend_panel_bg a:hover { } .detail_recommend_panel_info { width:580px; left: 14px; top:20px; } .detail_recommend_panel_photo { position:absolute; width:206px; } .detail_recommend_panel_photo img { width:100%; } .detail_recommend_panel_title { left:240px; width:340px; font-size:2.4em; } .detail_recommend_panel_caption { left:240px; width:340px; font-size:2.2em; } .detail_recommend_panel_genru { width:580px; position:absolute; bottom:0; left: 14px; line-height:0em; } .detail_recommend_panel_genru span { width:80px; } .detail_recommend_panel_genru img { width:80px; height:10px; } .detail_recommend_panel_icon { width:580px; position:absolute; bottom:5px; right:20px; line-height:0em; } .detail_recommend_panel_icon_osake { width:40px; height:40px; } .detail_recommend_panel_icon_link { width:16px; height:14px; } #detail_backnumber { padding: 0 0 21px 0; } #detail_backnumber_inner { height:120px; overflow:hidden; border:10px solid #0f41a4; } #detail_backnumber_inner.open { height:auto; } #detail_backnumber_title { border-top:none; border-bottom:2px solid #0f41a4; padding: 20px 12px 20px 12px; height:150px; padding-left: 12px;} #detail_backnumber_breakline { display:block; } #detail_backnumber_name { font-size:3.2em; line-height:1.25em; font-weight: bold;} #detail_backnumber_icon { display:block; } #detail_backnumber_list { width:88px; height:37px; right:20px; top:120px; } #detail_backnumber_list a { background:url(/express/common/img/responsive/backnumber_bt_smp.gif) left top no-repeat; } #detail_backnumber_list a { width:88px; height:37px; left:0; top:0; } #detail_backnumber_panels { letter-spacing:-0.40em; width:640px; overflow:hidden; padding:0 0 20px 0; } .detail_backnumber_panel { width:620px; height:180px; } .detail_backnumber_panel_bg { width:620px; height:178px; position:relative; border-bottom:2px solid #d2dbdb; } .detail_backnumber_panel_bg a { width:620px; height:180px; position:absolute; } .detail_backnumber_panel_bg a:hover { } .detail_backnumber_panel_info { position:relative; left:0; left:0; } .detail_backnumber_panel_img { width:206px; height:116px; position:absolute; top:20px; left:20px; } .detail_backnumber_panel_title { position:relative; top:20px; left:260px; } .detail_backnumber_panel_title { width:330px; height:auto; font-size:2.4em; } .detail_backnumber_panel_caption { position:relative; top:24px; left:260px; } .detail_backnumber_panel_caption { width:330px; height:auto; font-size:2.0em; } .detail_backnumber_panel_date { position:relative; top:29px; left:260px; } .detail_backnumber_panel_date { width:330px; height:auto; font-size:1.8em; } .detail_backnumber_panel_genru { width:580px; position:absolute; bottom:0; left:20px; line-height:0em; } .detail_backnumber_panel_genru span { width:80px; } .detail_backnumber_panel_genru img { width:80px; height:10px; } .detail_backnumber_panel_icon { width:580px; position:absolute; bottom:5px; right:20px; line-height:0em; } .detail_backnumber_panel_icon_osake { width:40px; height:40px; } .detail_backnumber_panel_icon_link { width:16px; height:14px; } .detail_subtitle { font-size:3.5em; padding: 0 10px 25px 10px; } .detail_text { font-size:2.6em; padding:0 0 25px 0; } .detail_photo { padding:0 0 60px 0; } .detail_blocktitle { font-size:3.2em; padding:0 10px; } .detail_bluecircle { padding:20px 0 40px 0; } .detail_bluecircle li { font-size:3.0em; line-height:1.25em; } .detail_bluecircle li { padding:0 0 15px 25px; background:url(/express/detail/img/responsive/blue_circle_smp.gif) no-repeat 5px 12px; } .detail_linetitle { font-size:2.9em; line-height:1.25em; } .detail_linetitle { border-bottom:2px solid #0F40A4; } .detail_question { border-bottom:2px solid #D4D4D4; padding:25px 0; } .detail_question dt { font-size:3.5em; padding:0 0 10px 0; } .detail_question dd { } .detail_answer_1 { font-size:4.2em; } .detail_answer_2 { font-size:2.6em; line-height:1.75em; padding:0 0 10px 0; } .detail_interview { font-size:2.6em; line-height:1.75em; padding: 0 0 20px 0; clear:both; } .detail_interview_name { color: #1A429A; } .detail_interview_2 { font-size:3.0em; line-height:1.75em; color:#1A429A; font-weight:bold; } .detail_interview_2 { padding: 0 0 20px 0; clear:both; } .detail_template_01_01 { padding: 0 0 10px 0; width:auto; float:none; } .detail_template_01_02 { padding: 0 0 10px 0; width:auto; float:none; } .detail_template_01_03 { padding: 0 0 10px 0; width:auto; float:none; } .detail_template_04_01 { padding: 0 0 10px 0; width:auto; float:none; } .detail_template_04_02 { padding:0 10px 20px 10px; width:auto; float:none; } #detail_template_author { padding:5px 10px 5px 10px; font-size:2.5em; } #detail_template_author dt { width:60px; } #detail_template_blockquote { padding: 5px 0 5px 0; font-size:2.5em; } #detail_template_blockquote dt { width:100px; } .topImg { padding:0 0 35px 0; } .detail_line { margin-bottom: 20px; padding: 29px; } #detail_category{ padding-bottom: 17px; } #detail_template_02_01 { /* padding: 0 10px */} #detail_template_02_01 img { width: 100%; height: auto; } #detail_template_02_02 { float: none; width: auto; margin-top: 12px; /* padding: 0 10px */} #detail_template_02_02 h2{ padding-left: 0; } #detail_template_02_02 h2 br.text_break_point{ display: none; } #detail_point .detail_point_thumb { width: 100%; height: auto; } .detail_sub h3 { padding: 9px 0 9px 13px } .floattxt { float: none; width: auto; } .floatimage { display: block; float: none; margin: 0 auto; margin-bottom: 10px; width: 548px; } #use_item{ padding: 14px; } #use_item h3 br.text_break_point { display: none; } .detail_sub table th { width: 200px } #related_liquor ul { margin-left: 0; margin-top: 10px; } #related_liquor li:first-child { border-top: 1px solid #d8d8d8 } #related_liquor li { display: table; float: none; height: 179px; margin-bottom: 0; margin-left: 0; border-top: none; text-align: left; } #related_liquor li img { vertical-align: middle } #related_liquor .related_liquor_thumb { display: table-cell; width: 220px; vertical-align: middle; text-align: center; } #related_liquor li img { width: 100%; height: auto; } #related_liquor li p { display: table-cell; width: 408px; vertical-align: middle; } #related_liquor li p br.text_break_point { display: none } #detail_template_02_03 { float: none; width: auto; padding: 0;} /* ----------------------------------------- */ /* ----------------------------------------- */ /* */ /* 950 < screen_width /* */ /* ----------------------------------------- */ /* ----------------------------------------- */ @media screen and (min-width:950px) { .no_line { border-bottom:none !important; } #detail_template_header { padding:0 0 20px 0; border-top:none; } #detail_template_content { padding:0 0 10px 0; } #detail_template_footer { padding:0; } #detail_title { padding:0 0 5px 0; font-size:2.8em; border-top:none; } #detail_category { padding:0 0 30px 0; } #detail_category dt { float:left; font-size:2.0em; padding:0 5px 0 0; } #detail_category dd { float:left; font-size:2.0em; padding:0 5px 0 0; } #detail_tag_amano { width:75px; } #detail_tag_beer { width:100px; } #detail_tag_drink { width:79px; } #detail_tag_calpis { width:75px; } #detail_tag_holdings { width:200px; } #detail_tag_afh { width:189px; } #detail_tag_wakodo { width:60px; } #detail_tag_elbee { width:63px; } #detail_tag_nikka { width:112px; } #detail_info_related { padding:0 0 2px 0; font-size:1.4em; } #detail_info_related dt { padding:0 10px 0 0; } #detail_info_related dd { } #detail_info_related dd span { padding:0 0 0 10px; background:url(/express/common/img/icon_related.gif) no-repeat left center; } #detail_info_category { padding:0 0 2px 0; font-size:1.4em; } #detail_info_category dt { padding:0 10px 0 0; } #detail_info_category dd { } #detail_info_category dd span { width:100px; } #detail_info_date { padding:0 0 2px 0; font-size:1.4em; } #detail_info_sns { padding:5px 0; } #detail_recommend { padding:0 0 10px 0; } #detail_recommend_inner { border:5px solid #0f41a4; } #detail_recommend_title { padding:10px 0 5px 0; text-align:center; border-bottom:1px solid #d1dbdc; } #detail_recommend_title span { width:103px; height:17px; } #detail_recommend_panels { padding:0; } .detail_recommend_panel { width:202px; height:200px; border-bottom:1px solid #d1dbdc; } .detail_recommend_panel_bg { width:202px; height:200px; } .detail_recommend_panel_bg a { width:202px; height:200px; top:0px; } .detail_recommend_panel_bg a:hover { opacity:0.05; filter:alpha(opacity=5); -ms-filter:"alpha(opacity=5)"; } .detail_recommend_panel_info { width:185px; left:9px; top:10px; } .detail_recommend_panel_photo { position:relative; width:185px; } .detail_recommend_panel_title { left:0; width:185px; font-size:1.2em; } .detail_recommend_panel_caption { left:0; width:185px; font-size:1.2em; } .detail_recommend_panel_genru { position:absolute; bottom:10px; left:9px; line-height:0em; width:185px; } .detail_recommend_panel_genru span { width:80px; } .detail_recommend_panel_genru img { width:80px; height:6px; } .detail_recommend_panel_icon { position:absolute; bottom:10px; right:9px; line-height:0em; width:185px; } .detail_recommend_panel_icon_osake { width:21px; height:21px; } .detail_recommend_panel_icon_link { width:8px; height:7px; } #detail_backnumber { clear:both; padding:20px 0 0 0; } #detail_backnumber_inner { height:auto; border:none; } #detail_backnumber_inner.open { height:auto; } #detail_backnumber_title { border-top:1px solid #0f41a4; border-bottom:none; padding:20px 0; height:auto; } #detail_backnumber_breakline { display:none; } #detail_backnumber_name { font-size:2.0em; line-height:1.25em; } #detail_backnumber_icon { display:none; } #detail_backnumber_list { width:56px; height:30px; right:0; top:15px; } #detail_backnumber_list a { background:url(/express/common/img/responsive/backnumber_bt_pc.gif) left top no-repeat; } #detail_backnumber_list a { width:56px; height:60px; left:0; top:0; } #detail_backnumber_list a:hover { left:0; top:-30px; } #detail_backnumber_panels { letter-spacing:-0.40em; width:990px; overflow:hidden; padding:0 0 10px 0; } .detail_backnumber_panel { width:495px; height:110px; } .detail_backnumber_panel_bg { width:445px; height:89px; position:relative; border-bottom:1px solid #d2dbdb; } .detail_backnumber_panel_bg a { width:445px; height:90px; position:absolute; } .detail_backnumber_panel_bg a:hover { opacity:0.05; filter:alpha(opacity=5); -ms-filter:"alpha(opacity=5)";} .detail_backnumber_panel_info { position:relative; top:0; left:0; } .detail_backnumber_panel_img { width:130px; height:73px; position:absolute; top:0; left:0; } .detail_backnumber_panel_title { position:relative; top:0; left:140px; } .detail_backnumber_panel_title { width:300px; font-size:1.4em; padding:0 0 5px 0; } .detail_backnumber_panel_caption { position:relative; top:0; left:140px; } .detail_backnumber_panel_caption { width:300px; font-size:1.2em; padding:0 0 5px 0; } .detail_backnumber_panel_date { width:300px; position:relative; top:0; left:140px; font-size:1.1em; } .detail_backnumber_panel_genru { width:445px; position:absolute; bottom:0; left:0; line-height:0em; } .detail_backnumber_panel_genru span { width:80px; } .detail_backnumber_panel_genru img { width:80px; height:6px; } .detail_backnumber_panel_icon { width:445px; position:absolute; bottom:5px; right:0; line-height:0em; } .detail_backnumber_panel_icon_osake { width:21px; height:21px; } .detail_backnumber_panel_icon_link { width:8px; height:7px; } .detail_subtitle { font-size:2.2em; padding:0 0 15px 0; } .detail_text { font-size:1.4em; padding:0 0 15px 0; } .detail_photo { padding:0; } .detail_blocktitle { font-size:1.7em; padding:0 10px; } .detail_bluecircle { padding:10px 0 10px 0; } .detail_bluecircle li { font-size:1.6em; line-height:1.75em; } .detail_bluecircle li { padding:0 0 5px 20px; background:url(/express/detail/img/responsive/blue_circle_pc.gif) no-repeat 5px 12px; } .detail_linetitle { font-size:1.7em; line-height:1.75em; } .detail_linetitle { border-bottom:1px solid #0F40A4; } .detail_question { border-bottom: 1px solid #D4D4D4; padding:20px 0 15px 0; } .detail_question dt { font-size:2.0em; padding:0 0 5px 0; } .detail_question dd { } .detail_answer_1 { font-size:4.0em; } .detail_answer_2 { font-size:1.4em; line-height:1.75em; padding:0 0 5px 0; } .detail_interview { font-size:1.6em; line-height:1.75em; color:#000000; font-weight:bold; } .detail_interview { font-size:1.6em; line-height:1.75em; padding:0 0 10px 0; clear:both; } .detail_interview_name { color: #1A429A; } .detail_interview_2 { font-size:1.6em; line-height:1.75em; color:#1A429A; font-weight:bold; } .detail_interview_2 { padding: 0 0 10px 0; clear:both; } .detail_template_01_01 { padding:0 0 10px 0; width:450px; float:left; } .detail_template_01_02 { padding:0 0 10px 0; width:230px; float:right; } .detail_template_01_03 { padding:0 0 10px 0; width:auto; float:none; } .detail_template_04_01 { padding:0 0 10px 0; width:auto; float:none; } .detail_template_04_02 { padding:0 0 30px 0; width:auto; float:none; } .topImg { padding:0 0 15px 0; } #detail_template_author { padding:0 0 10px 0; font-size:1.4em; } #detail_template_author dt { width:30px; } #detail_template_blockquote { padding:0 0 10px 0; font-size:1.4em; } #detail_template_blockquote dt { width:55px; } .detail_line { margin-bottom: 10px; padding: 10px 16px; } #detail_category{ padding-bottom: 30px; } .detail_star img{ width: 42px; height: auto; } .detail_sub table th { width: 100px; } #detail_point .detail_point_thumb{ width: 196px; height: auto; } #detail_template_content { padding: 0 0 30px 0 } #detail_template_02_01 { padding: 0 0 20px 0 } #detail_template_02_02 { float: left; padding: 0 0 10px 0; width: 450px; margin-top: 0; } #detail_template_02_02 h2 br.text_break_point{ display: block; } #detail_template_02_03 { float: right; padding: 0 0 10px 0; width: 230px; } .detail_sub h3 { padding: 6px 0 4px 7px } .detail_howto { padding: 0; margin-bottom: 30px; } .floattxt { float: left; width: 210px; } #use_item{ padding: 8px; } #use_item h3{ margin-bottom: 20px; line-height: 1.3em; font-size: 1.17em; padding: 4px 0 4px 0; text-align: center; } #use_item h3 br.text_break_point { display: block; } #use_item img{ width: 200px; height: auto; } #related_liquor p{ margin-bottom: 10px; } #related_liquor li { display: block; float: left; overflow: hidden; margin-bottom: 15px; margin-left: 15px; width: 138px; height: 126px; border: 1px solid #d8d8d8; text-align: center; } #related_liquor ul { margin-left: -15px; margin-top: 0; border-top: none; } #related_liquor li img { vertical-align: top; width: 110px; height: auto; } #related_liquor .related_liquor_thumb { display: block; width: auto; height: auto; vertical-align: middle; text-align: center; } #related_liquor li p { display: block; margin-top: 5px; width: auto; height: auto; font-size: 0.9em; line-height: 1.2em; padding: 0 5px; } #related_liquor li p br.text_break_point { display: block } .floatimage { display: inline-block; float: right; width: 230px; height: auto; margin-bottom: 0; } }