@charset "Shift_JIS";

/*共通の各パーツ*/
@import url("common.css");
/* cat */
/* ----------------------------------------------------- */
.world #bodyPane {
    position: relative;
}
#bigcenter {
    position: relative;
}
#bigcenter_prf {
    position: relative;
}
#bigcenter2 {
    position: relative;
    left: -11px;
}
#bodyPaneInHistory {
    margin: 0px auto;
    width: 698px;
}
#bodyPaneInKiwame {
    margin: 0px auto;
    width: 730px;
}
.class5 {
    text-align: center;
}
#reportNyumon {
    margin: 0px auto;
    width: 650px;
}
#reportHyakka {
    margin: 0px auto;
    width: 650px;
}
#bodyPaneInKiwameTit {
    margin: 0px auto;
    width: 691px;
}
img {
    vertical-align: bottom;
}
#shouhin-image {
    float: left;
    width: 222px;
}
#bodyPane {
    text-align: center;
}
.txtLeft {
    text-align: left;
}
DIV.half {
    margin : 0px 0px 0px 0px;
    padding : 0px 0px 0px 0px;
    background-image : url(../honmirin/images/dotted.gif);
    background-repeat : repeat-y;
    background-position : 223px 0px;
    text-align: left;
}
TABLE.contents {
    margin : 10px 0px 0px 0px;
    background-image : url(../honmirin/images/dotted.gif);
    background-repeat : repeat-x;
    background-position : 0px bottom;
}
TABLE.contents TH, TABLE.contents TD {
    padding : 10px 10px 10px 10px;
    background-image : url(../honmirin/images/dotted.gif);
    background-repeat : repeat-x;
    background-position : 0px 0px;
}
TABLE.contents TD TABLE TD.body IMG {
    margin : 0px 0px 0px 0px;
    padding : 0px 0px 0px 13px;
    background-repeat : no-repeat;
    background-position : 0px 3px;
}
TABLE.contents TD TABLE TD.body P {
    margin : 0px 0px 0px 0px;
    padding : 0px 0px 0px 13px;
    font-size : 0.8em;
}
TABLE.contents TABLE TH, TABLE.contents TABLE TD {
    padding : 0px 0px 0px 0px;
    background-image : none;
}
#bodyPane DIV.link {
    margin : 10px 0px 10px 0px;
}
#bodyPane DIV.link A {
    margin : 0px 16px 10px 0px;
    float: left;
}
.cmn-redbtn {
    width: 120px;
}
.bnr-tsubo {
    width: 215px;
    background-image: url(../images/banner_tsubo_back.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 225px;
    font-size: x-small;
    line-height: 150%;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #333333;
    text-decoration: none;
}
/* つぼ */
/* ----------------------------------------------------- */
#tsubo {
    background-image: url(../tsubo/images/honmirin_image.jpg);
    background-position: 50px 0px;
    background-repeat: no-repeat;
}
#tsubo .detail {
    width: 520px;
    padding-left: 210px;
}
#tsubo .detail h2 {
    background-color: #fe9800;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    font-size: medium;
}
#tsubo .detail h3 {
    margin-top: 10px;
}
#tsubo .detail p {
    padding: 10px 0px 10px 68px;
    background-image: url(../tsubo/images/honmirin_line.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
}
#riyuu {
    width: 780px;
}
#riyuu .one {
    float: left;
    width: 380px;
}
#riyuu .two {
    float: right;
    width: 380px;
}
div.toTop {
    padding : 8px 0px 6px 0px;
    text-align : right;
}
div.toTop a {
    font-size : 0.8em!important;
}
div#all div#main div.contents02 {
    padding: 0;
    width: 780px;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
}
.cen-fact {
    text-align: center;
    width: 780px;
}
/* 本みりんTOP（/honmirin/index.html）2012.2.21 flicks */
/* ----------------------------------------------------- */
/**/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.clearfix {
    display: inline-block;
    min-height: 1%;  /* for IE 7 and MacIE5.5*/
}
/* Hides from IE-mac \*/
*html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* for ie5,6*/


/* ---上段大きいタイトル部分--- */
#top_title_area {
    margin-top: 10px;
    margin-bottom: 5px;
}
/* ---その下、コンテンツ部分--- */

#contents #etc_area {
    background: #FDF4D9 url(../images/product_top/bg_01_top.gif) no-repeat left top;
}
#contents #etc_area .inner {
    width: 740px;
    background: url(../images/product_top/bg_01_btm.gif) no-repeat left bottom;
    padding: 15px 20px 20px;
}
/*- 商品情報 -*/

#etc_area .inner #info .navi {
    padding-left: 8px;
    padding-top: 10px;
    padding-bottom: 15px;
}
#etc_area .inner #info .navi li {
    float: left;
    padding-right: 7px;
}
/*- 商品情報2 -*/

#etc_area .inner #info .navi.nav2 {
	padding-left: 8px;
	background: url("../images/product_top/dot_01.gif") repeat-x left bottom;
	padding: 0px 16px 15px!important;
}
#etc_area .inner #info .navi.nav2 li {
    padding: 4px;
    margin-bottom: 10px;
}
#etc_area .inner #info .navi.nav2 li:nth-child(even) {
	float: right;
}
/* ---下段お楽しみ＆おすすめ--- */
#etc_area .inner .column-2 {
    background: url(../images/product_top/dot_01.gif) repeat-y center top;
    margin-top: 15px;
    padding-bottom: 7px;
}
/*- お楽しみコンテンツ -*/
#etc_area .inner .column-2 .column.left {
    float: left;
    width: 363px;
}
#etc_area .inner .column-2 .column.left li {
    padding-left: 5px;
    padding-top: 8px;
}
/*- お楽しみコンテンツ -*/
#etc_area .inner .column-2 .column.right {
    float: right;
    width: 353px;
    padding-left: 15px;
}
#etc_area .inner .column-2 .column.right p {
    padding-left: 5px;
    padding-top: 8px;
    padding-bottom: 5px;
}
/*- パウチのボタン -*/
#top_title_area h1 {
    position: relative;
}
#top_title_area a.btn_pouch {
    position: absolute;
    left: 113px;
    bottom: 13px;
    background-color: #fff;
}
#top_title_area a:hover.btn_pouch img {
    opacity: 0.6;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity: 0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    zoom: 1;
}
/*===2014.07 和食バナー===*/
#washoku_box {
    background: #FDFBDB url(../honmirin/images/bg_washoku_01.gif) no-repeat;
    margin-top: 10px;
}
#washoku_box ul {
    background: url(../honmirin/images/bg_washoku_02.gif) no-repeat left bottom;
    padding: 15px 0px;
    text-align: center;
}
#washoku_box ul #bnr_washoku {
    margin-bottom: 11px;
}
/*- お酒のチカラでもっとおいしくバナー -*/
#chikara {
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
	background: url("../images/product_top/dot_01.gif") repeat-x left bottom;
}
#chikara p {
    text-align: center;
    margin-top: 1em;
}
/*  SP表示
 ************************************************** */

#etc_area .inner h2 img {
    display: inline;
}

@media screen and (max-width: 767px) {
#top_title_area img {
    width: 100%!important;
}
#top_title_area a.btn_pouch {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    margin: 0 13%;
    background: none;
}
#contents #etc_area {
    background: #fdf4d9;
    border-radius: 12px;
    padding: 5% 2%;
}
#contents #etc_area .inner {
    background: none;
    background-image: none;
    padding: 0px;
}
/*- 商品情報 -*/

#etc_area .inner h2 {
    text-align: center;
    margin-bottom: 0.5em;
}
#etc_area .inner h2 img.pc_obj {
    display: none;
}
#etc_area .inner h2 span {
    color: #fd4f1c;
    padding: 0 2%;
    text-align: left;
}
#etc_area .inner #info .navi {
    padding-left: 8px;
    padding: 0%;
    overflow: hidden;
    padding-bottom: 5%;
}
#etc_area .inner #info .navi li {
    padding: 1%;
    width: 48%!important;
}
#etc_area .inner #info .navi li img {
    width: 100%!important;
    max-width: 200px;
}
/*- 商品情報2 -*/

#etc_area .inner #info .navi.nav2 {
	padding-left: 8px;
	background: url("../images/product_top/dot_01.gif") repeat-x left bottom;
	padding: 0px 10px 15px 6px!important;
    text-align: center;
}
#etc_area .inner #info .navi.nav2 li {
	float: none!important;
    width: 100%!important;
    margin-bottom: 16px;
}

#etc_area .inner #info .navi.nav2 li img {
    max-width: 340px!important;
}
/* ---下段お楽しみ＆おすすめ--- */
    
#etc_area .inner .column-2 .column.left {
    background: url(../images/product_top/dot_01.gif) repeat-x left bottom;
    padding: 0%;
    padding-bottom: 5%;
    margin-bottom: 5%;
}
#etc_area .inner .column-2 {
    background: none;
}
#etc_area .inner .column-2 ul li img {
    margin-left: auto;
    margin-right: auto;
}
#etc_area .inner .column-2 ul li {
    margin-bottom: 1em;
}
/*- お楽しみコンテンツ -*/
#etc_area .inner .column-2 .column.right {
    float: none;
    padding-left: 0px;
}
#etc_area .inner .column-2 .column.right p {
    padding-left: 5px;
    padding-top: 8px;
    padding-bottom: 5px;
    text-align: center;
}
/*- 和食バナー -*/
#washoku_box {
    background: #FDFBDB;
    border-radius: 12px;
    border: solid 2px #bf371c;
    text-align: center;
}
#washoku_box ul {
    background: none;
    padding: 5% 2%!important;
}
/* つぼ */
/* ----------------------------------------------------- */
#tsubo {
    background-image: url(../tsubo/images/honmirin_image.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 129px 168px;
    padding-top: 182px!important;
}
#tsubo .detail {
    width: 520px;
    padding-left: 0px;
}
#tsubo .detail h2 {
    text-align: center;
}
#tsubo .detail h3 .sp_obj {
    font-size: 112%!important;
}
#tsubo .detail h3 .num {
    color: #e73f07;
    margin-right: 0.3em;
    font-size: 105%!important;
}
#tsubo .detail p {
    padding: 0.5em 0 1em;
    background-image: none;
    border-bottom: #CBCBCB 1px dotted;
}
.tsubokara_top {
    margin-bottom: 12px;
}
/* ----------------------------------------------------- */
/*  おいしい理由                            */
/* ----------------------------------------------------- */  
#all.riyuu h1 {
    margin-bottom: 8px;
    width: 100%!important;
} 
#all.riyuu h1 img {
    width: 100%!important;
}
#all.riyuu .leader img {
    margin-bottom: 12px;
}
#all.riyuu .leader p {
    margin-bottom: 12px;
}
#all.riyuu .kome {
    text-indent: -1em;
    margin-left: 1em;
}
#all.riyuu .size-small {
    font-size: 86%;
}
#riyuu .one, #riyuu .two {
    float: none;
    width: 100%;
    padding: 0 3% 12px;
}
/* ----------------------------------------------------- */
/*  おいしい理由2                          */
/* ----------------------------------------------------- */    
#bodyPane {
    text-align: left;
}    
#bodyPane p {
    margin-bottom: 1em;
}      
#bodyPane h2 {
    margin-bottom: 1em;
    padding-top: 0;
}          
#bodyPane h3 {
    margin-bottom: 0;
    color: #ff3f00;
}     
#bodyPane .sono {
    border: #ffc366 2px solid;
    padding: 3%;
    border-radius: 12px;
    margin-bottom: 1em;
}    
#bodyPane .kakomi {
    background: #fffbd4;
    padding: 1em;
    padding-bottom: 0.1em;
    color: #ff7108;
    border-radius: 12px;
    margin-bottom: 1em;
}    
#bodyPane .line-up h2 {
    background: #e50000;
    text-align: center;
    color: #fff;
    padding: 0.4em;
}     
/* ----------------------------------------------------- */
/*  おいしい理由 酒                        */
/* ----------------------------------------------------- */     
#bodyPane P.txt {
    text-align : left;
    padding: 0;
}   
    
}