@charset "utf-8";

*{}

@media screen and (min-width: 768px) {
#main{ margin-bottom:40px; }
#main .title{ padding:10px 0 20px; text-align:center; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#main .image{ margin-bottom:50px; height:420px; background-image:url(../img/img_main_pc.jpg); background-position:center center; background-repeat:no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#main .lead{ font-size:1.2em; line-height:2.5em; text-align:center; }
#awards{ margin-bottom:70px; }
#award-2023{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2022{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2021{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2020{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2019{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2018{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2017{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2016{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2015{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2014{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2013{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2012{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2011{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2010{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2009{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2008{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2007{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2006{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2005{ margin:0 auto; margin-bottom:10px; width:880px; }
#award-2004{ margin:0 auto; width:880px; }
#awards .title-year{ padding-bottom:5px; margin-bottom:15px; border-bottom:solid 1px #969696; font-size:.1em; line-height:0; }
#awards .award-list{ margin-left:80px; overflow:hidden; }
#awards .award-list-inr{ margin-top:-10px; }
#awards .award-list ul li{ padding-bottom:5px; padding-right:30px; margin-top:10px; background:url(../img/parts_dot_line-white_pc.png) left bottom repeat-x; }
#awards .award-list ul li.last{ background-image:none; }
#awards .unit .content{ float:left; padding-top:20px; width:540px; }
#awards .unit .content table td.medal{ width:36px; vertical-align:middle; }
#awards .unit .content table td.text{ font-size:.90em; line-height:2.3em; }
#awards .unit .content table td.text p{ padding-left:20px; }
#awards .unit .bottle-list{ float:right; width:230px; overflow:hidden; }
#awards .unit .bottle-list-inr{ margin-left:-34px; margin-top:-10px; }
#awards .unit .bottle-list p{ float:left; margin-left:34px; margin-top:10px; width:98px; }
#awards .unit .bottle-list p.jh{ width:198px; }
#awards .unit .bottle-list p.bc{ width:198px; }
#awards .unit .bottle-list p.mh{ width:193px; }
#awardbrand-list{ margin:0 auto; margin-bottom:100px; width:810px; }
#awardbrand-list ul li{ float:left; }
#awardbrand-list ul li.isc{ width:148px; }
#awardbrand-list ul li.swsc{ margin-left:50px; width:173px; }
#awardbrand-list ul li.wwa{ margin-left:51px; width:167px; }
#awardbrand-list ul li.iwsc{ margin-left:52px; width:169px; }

.modal-award-contna *{ margin:0; padding:0; font-size:.90em; line-height:1.2em; color:#e9e9e9; text-align:left; font-family:Times New Roman , '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', Hiragino Mincho ProN , 'MSP明朝','MS PMincho','MS 明朝',serif;; -webkit-text-size-adjust:none; } 
.modal-award-contna img{ border:none; }
.modal-award-contna .btn-close{ position:absolute; right:0; top:-40px; }
.modal-award-contna-inr{ padding:30px; width:550px; border:solid 1px #969696; background-color:#000; }
.modal-award-contna-inr h3{ text-align:center; margin-bottom:35px; }
.modal-award-contna-inr p{ margin-bottom:30px; line-height:2.3em;  }
.modal-award-contna-inr p.last{ margin-bottom:0px; }
}

@media screen and (max-width: 768px) {
#main{ margin-bottom:45px; }
#main .title{ margin:0 auto; padding:5px 0 10px; width:62px; font-size:.1em; line-height:0; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#main .image{ margin-bottom:30px; padding-bottom:calc(100%*380/640); background-image:url(../img/img_main_sp.jpg); background-position:center top; background-repeat:no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#main .lead{ margin:0 auto; width:270px; line-height:2.0em; }
#awards{ margin-bottom:40px; }
#award-2023{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2022{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2021{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2020{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2019{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2018{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2017{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2016{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2015{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2014{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2013{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2012{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2011{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2010{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2009{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2008{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2007{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2006{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2005{ margin:0 auto; margin-bottom:10px; width:300px; }
#award-2004{ margin:0 auto; width:300px; }
#awards .title-year{ padding-bottom:5px; margin-bottom:15px; border-bottom:solid 1px #969696; font-size:.1em; line-height:0; }
#awards .title-year span{ display:block; width:25px; }
#awards .award-list{ overflow:hidden; }
#awards .award-list-inr{ margin-top:-15px; }
#awards .award-list ul li{ padding-bottom:5px; margin-top:15px; border-bottom:solid 1px #4b4b4b; }
#awards .award-list ul li.last{ border-bottom:none; padding-bottom:0; }
#awards .unit .content{ float:left; padding-top:5px; width:217px; }
#awards .unit .content table td.medal{ width:25px; vertical-align:middle; }
#awards .unit .content table td.text{ font-size:.80em; line-height:1.8em; }
#awards .unit .content table td.text p{ padding-left:5px; padding-right:5px; }
#awards .unit .bottle-list{ float:right; width:82px; overflow:hidden; }
#awardbrand-list{ margin:0 auto; margin-bottom:50px; width:275px; }
#awardbrand-list ul li{ float:left; width:50%; }
#awardbrand-list ul li a{ display:block; }
#awardbrand-list ul li.isc a{ padding:3px; width:110px; }
#awardbrand-list ul li.swsc a{ padding:3px; width:129px; }
#awardbrand-list ul li.wwa a{ padding:3px; width:124px; }
#awardbrand-list ul li.iwsc a{ padding:3px; width:126px; }

.modal-award-contna *{ margin:0; padding:0; font-size:.90em; line-height:1.2em; color:#e9e9e9; text-align:left; font-family:Times New Roman , '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', Hiragino Mincho ProN , 'MSP明朝','MS PMincho','MS 明朝',serif;; -webkit-text-size-adjust:none; } 
.modal-award-contna img{ border:none; }
.modal-award-contna .btn-close{ position:absolute; right:0; top:-40px; width:25px; }
.modal-award-contna-inr{ padding:10px; width:280px; border:solid 1px #969696; background-color:#000; }
.modal-award-contna-inr h3{ margin:0 auto; margin-bottom:15px; }
.modal-award-contna-inr p{ margin-bottom:20px; line-height:1.8em;  }
.modal-award-contna-inr p.last{ margin-bottom:0px; }
#modal-award-isc h3{ width:248px; }
#modal-award-swsc h3{ width:242px; }
#modal-award-wwa h3{ width:200px; }
#modal-award-iwsc h3{ width:227px; }
}