@charset "utf-8";
/*
Vision Design Co., Ltd.
This is a reset source code written by CSS3 for various browsers. 
*/

@media (min-width:1200px) {
body{
	margin:0;
	padding:0;
	/*background: url(../img/bg_common.jpg) no-repeat;*//*for coding*/
	/*background-position: center top;*//*for coding*/
	color:#333; /*default:#333*/
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;/* Cambria, Georgia, serif*/
	font-size:15px;
	overflow-x: auto;
}
header, section, footer, hgroup{
	display:block;
	min-width: 1200px;
}
a {
	color:#000000; /*default: #35BFFF*/
	text-decoration:none;
}
a:hover, a:active{
	color:#000000; /*default: #91DCFF*/
	text-decoration: underline;
}

a img {
	border: none;
}


/* clearfix */
.clearfix {
	clear:both;
}


/* header */
.header_line {
	display: block;
	width: 100%;
	height: 26px;
	background: url(../img/header_line.png);
	margin-bottom:0px;
	text-align: right;
}
.logo {
	display: block;
	width: 100%;
	height: 300px; /*default:265px*/
	text-align: center;
	z-index: 99;
	margin: 0 auto;
	background: url(../img/logo.png) no-repeat;
	background-position: center top;
	/*background-color: #eeeeee;*/
	/*opacity: 0.5;*/
}
.logo .header_letters {
	display: block;
	width: 955px;/*100%;*/
	height: 90px;
	text-align: center;
	z-index: 99;
	margin: 0 auto;
	padding-top: 190px;
	/*background-color: #f0f0f0;*/
	/*opacity: 0.5;*/
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1.5px;
	line-height: 26px;
	/*background-position: center top;*/
}

/* container css */
#container {
	width: 1020px;/*1200px;*/
	margin: 0 auto;
	/*background: url(../img/bg_common.jpg);*/
}

/* right_block css */
#container #right_block {
	float: left;
	display: block;
	margin-top: 23px;
	/*margin-left: 141px;*/
	width: 286px;/*right_block width is 672px, so 958px in the container 1020px;*/
	font-size: 12px;
	/*background-color: #eeeeee;*/
	/*opacity: 0.5;*/
}
#container #right_block .menu {
	float: left;
	display: block;
	margin-top: -3px;
	width: 286px;
	height: 757px; /*2023年度まで702px*/ /* 前年＋55 */ /* A */
}
#container #right_block .menu_header {
	float: left;
	display: block;
	width: 286px;
	height: 64px;
	background: url(../img/bg_menu_header.jpg) no-repeat;
}
#container #right_block .menu_interrupt {
	float: left;
	display: block;
	width: 286px;
	height: 812px; /*2023年度まで757px*/ /* A+55 */
	background: url(../img/bg_menu_inerrupt.jpg);
}
#container #right_block .menu_footer {
	float: left;
	display: block;
	width: 286px;
	height: 24px;
	background: url(../img/bg_menu_footer.jpg) no-repeat;
}
#container #right_block .menu ul.triangle {
	list-style-image: url(../img/listmark_triangle1.png);
	margin-top: 5px;
	margin-left: 54px;
}
#container #right_block .menu ul.triangle li {
	line-height: 37px;
	margin-left: 0px;
	font-size: 17px;
}
#container #right_block .comment {
	float: left;
	display: block;
	margin-top: 144px;
	width: 286px;
	height: 300px;
	/*background: #333333;*/
}
#container #right_block .comment_header {
	float: left;
	display: block;
	width: 286px;
	height: 59px;
	background: url(../img/bg_comment_header.jpg) no-repeat;
}
#container #right_block .comment_interrupt {
	float: left;
	display: block;
	margin-top: 0;
	width: 286px;
	height: 208px;
	background: url(../img/bg_comment_interrupt.jpg);
}
#container #right_block .comment p.comment_text {
	display: block;
	width: 250px;
	height:286px;
	margin-top: 15px;
	margin-left: 18px;
	font-size: 16px;
	line-height: 27px;
	letter-spacing: 0.5px;
	/*background: #111111;*/
}
#container #right_block .comment_footer {
	float: left;
	display: block;
	margin-top: 0;
	width: 286px;
	height: 26px;
	background: url(../img/bg_comment_footer.jpg) no-repeat;
}
#container #right_block .urllink {
	clear: both;
	float: left;
	display: block;
	width: 286px;
	height: 49px;
	margin-top: 15px;
}
#container #right_block .urllink img.largeSP {
	display: none;
}
/* end right_block */



/* start left_block */

#container #left_block {
	float: left;
	display: block;
	width: 672px;
	margin: 23px 0 0 29px;
	/*background-color: #123456;*/
	/*opacity: 0.5;*/
}
#container #left_block h2.store_name {
	display: block;
	float: left;
	margin: 37px 0 0 109px;
	width: 375px;
	height: 30px;
	/*background-color: #999999;*/
	font-size: 24px;
	font-weight: bold;
}
#container #left_block .store_telephone {
	display: block;
	float: right;
	margin: 37px 15px 0 0;
	width: 110px;
	height: 15px;
	/*background-color: #999999;*/
	font-size: 13px;
	text-align: right;
}
#container #left_block .store_address {
	display: block;
	float: right;
	margin: 0 15px 0 0;
	width: 150px;
	height: 15px;
	/*background-color: #999999;*/
	font-size: 13px;
	text-align: right;
}
#container #left_block h2.store_name_interrupt {
	display: block;
	float: left;
	margin: 24px 0 0 109px;
	width: 375px;
	height: 30px;
	/*background-color: #999999;*/
	font-size: 24px;
	font-weight: bold;
}
#container #left_block .store_telephone_interrupt {
	display: block;
	float: right;
	margin: 24px 15px 0 0;
	width: 110px;/*110*/
	height: 15px;
	/*background-color: #999999;*/
	font-size: 13px;
	text-align: right;
}
#container #left_block .store_address_interrupt {
	display: block;
	float: right;
	margin: 0 15px 0 0;
	width: 150px;
	height: 15px;
	/*background-color: #999999;*/
	font-size: 13px;
	text-align: right;
}
#container #left_block h2.store_name_interrupt_sake {
	display: block;
	float: left;
	margin: 24px 0 0 109px;
	width: 300px; /*375px*/
	height: 30px;
	/*background-color: #999999;*/
	font-size: 24px;
	font-weight: bold;
}
#container #left_block .store_telephone_interrupt_sake {
	display: block;
	float: right;
	margin: 24px 15px 0 0;
	width: 110px;/*110*/
	height: 15px;
	/*background-color: #999999;*/
	font-size: 13px;
	text-align: right;
}
#container #left_block .store_address_interrupt_sake {
	display: block;
	float: right;
	margin: 0 15px 0 0;
	width: 225px; /*150px*/
	height: 15px;
	/*background-color: #999999;*/
	font-size: 13px;
	text-align: right;
}
#container #left_block .details {
	float: left;
	display: block;
	width: 604px;
	height: 205px;
	margin-left: 25px;
	margin-top: 24px;
	/*background: #666;*/
}
#container #left_block .details .picture img.ForPC {
	float: left;
	display: block;
	width: 205px;
	height: 205px;
	text-align: center;
	margin-top: 0px;
	/*background: #333333;*/
}
#container #left_block .details .picture img.largeSP {
	display: none;
}
#container #left_block h3.award {
	float: left;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 12px 0 0 37px;
	width: 288px;
	height: 20px;
	text-align: left;
	color: #4d4d4d;
	/*background-color: #999999;*/
}
#container #left_block .details .text {
	float: left;
	display: block;
	width: 355px;
	height: 160px;
	margin: 12px 0 0 35px;
	/*background: #333333;*/
}
#container #left_block .details .text ul{
	display: block;
	width: 355px;
}
#container #left_block .details .text ul li{
	clear: both;
	margin: 0 0 0 4px;
	font-size: 14px;
	text-align: left;
	line-height: 23px;
	list-style-type: disc;
}

#container #left_block .details .text ul li span {
	color: #000;
}

#container #left_block .store1 {
	float: left;
	display: block;
	width: 655px;
	height: 305px;
	background: url(../img/bg_store_top.png) no-repeat;
	margin-bottom: 0px;
}
#container #left_block .store2 {
	clear: both;
	float: left;
	display: block;
	width: 655px;
	height: 292px;
	background: url(../img/bg_store_interrupt.png) no-repeat;
	margin-bottom: 0px;
}
#container #left_block .store3 {
	float: left;
	display: block;
	width: 655px;
	height: 292px;
	background: url(../img/bg_store_interrupt.png) no-repeat;
	margin-bottom: 0px;
}
#container #left_block .store4 {
	float: left;
	display: block;
	width: 655px;
	height: 292px;
	background: url(../img/bg_store_interrupt.png) no-repeat;
	margin-bottom: 0px;
}
#container #left_block .store5 {
	float: left;
	display: block;
	width: 655px;
	height: 292px;
	background: url(../img/bg_store_interrupt.png) no-repeat;
	margin-bottom: 1px;
}

/* footer */
.foot_btnToHome {
	display: none;
}
.footer_line {
	display: block;
	width: 100%;
	height: 72px;
	line-height: 18px;
	background: url(../img/footer_line.png);
	margin-top:27px;
	color: #000000;
	text-align: center;
	font-size: 12px;
	/*background-color: #eeeeee;*/
}
.footer_line a {
	color: #000000;
	text-decoration: none;
}
.footer_line a:hover {
	color: #000000;
	text-decoration: underline;
}
.footer_linex {
	display: block;
	bottom:0;
	position: absolute;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #87CEEB;
	color: #ffffff;
	text-align: center;
}
.footer_linex a {
	color: #ffffff;
	text-decoration: none;
}
.footer_linex a:hover {
	color: #ffffff;
	text-decoration: underline;
}
}/*1200px以上*/







@media (max-width:1199px) {
body{
	margin:0;
	padding:0;
	/*background: url(../img/bg_common.jpg) no-repeat;*//*for coding*/
	/*background-position: center top;*//*for coding*/
	color:#333; /*default:#333*/
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;/* Cambria, Georgia, serif*/
	font-size:15px;
	overflow-x: auto;
}
header, section, footer, hgroup{
	display:block;
	min-width: 750px;
}
a {
	color:#000000; /*default: #35BFFF*/
	text-decoration:none;
}
a:hover, a:active{
	color:#000000; /*default: #91DCFF*/
	text-decoration: underline;
}

a img {
	border: none;
}


/* clearfix */
.clearfix {
	clear:both;
}


/* header */
.header_line {
	display: block;
	width: 100%;
	height: 30px;
	background: url(../img/header_line_largeSP.png);
	margin-bottom:0px;
	text-align: right;
}
.logo {
	display: block;
	width: 100%;
	height: 312px; /*default:265px*/
	text-align: center;
	z-index: 99;
	background: url(../img/logo_largeSP.png) no-repeat;
	background-position: center top;
	/*background-color: #eeeeee;*/
	/*opacity: 0.5;*/
}
.logo .header_letters {
	display: block;
	width: 750px;/*100%;*/
	height: 120px;
	text-align: center;
	z-index: 99;
	margin: 0 auto;
	padding-top: 180px;
	/*background-color: #f0f0f0;*/
	/*opacity: 0.5;*/
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 1.9px;
	line-height: 37px;
	/*background-position: center top;*/
}

/* container css */
#container {
	width: 750px;/*1020px;*/
	margin: 0 auto;
	/*background: url(../img/bg_common.jpg);*/
}

/* right_block css */
#container #right_block {
	float: left;
	display: block;
	margin-top: 0px;
	/*margin-left: 141px;*/
	width: 286px;/*right_block width is 672px, so 958px in the container 1020px;*/
	font-size: 12px;
	/*background-color: #eeeeee;*/
	/*opacity: 0.5;*/
}
#container #right_block .bn_vote {
	display: none;
}
#container #right_block .menu {
	float: left;
	display: block;
	margin-top: 0px;
	width: 750px;
	height: 2089px; /*2023年度まで1979px*/ /*前年度+110*/
}
#container #right_block .menu_header {
	float: left;
	display: block;
	width: 750px;
	height: 181px;
	background: url(../img/bg_menu_header_largeSP.png) no-repeat;
}
#container #right_block .menu_interrupt {
	float: left;
	display: block;
	width: 750px;
	height: 1838px; /*2022年度まで1728px*/ /*前年度+110*/
	background: url(../img/bg_menu_interrupt_largeSP.png);
}
#container #right_block .menu_footer {
	float: left;
	display: block;
	width: 750px;
	height: 70px;
	background: url(../img/bg_menu_footer_largeSP.png) no-repeat;
}
#container #right_block .menu ul.triangle {
	list-style-image: url(../img/listmark_triangle1_largeSP.png);
	margin-top: 5px;
	margin-left: 54px;
}
#container #right_block .menu ul.triangle li {
	line-height: 90px;
	margin-left: 160px;
	font-size: 26px;
}
#container #right_block .comment {
	float: left;
	display: block;
	margin-top: 0;
	width: 750px;
	height: 395px;
	/*background: #333333;*/
}
#container #right_block .comment_header {
	float: left;
	display: block;
	width: 750px;
	height: 132px;
	background: url(../img/bg_comment_header_largeSP.png) no-repeat;
}
#container #right_block .comment_interrupt {
	float: left;
	display: block;
	margin-top: 0;
	width: 750px;
	height: 191px;
	background: url(../img/bg_comment_interrupt_largeSP.png);
}
#container #right_block .comment p.comment_text {
	display: block;
	width: 570px;
	height: 191px;
	margin-top: 15px;
	margin-left: 90px;
	font-size: 22px;
	line-height: 42px;
	letter-spacing: 0.5px;
	/*background: #111111;*/
}
#container #right_block .comment_footer {
	float: left;
	display: block;
	margin-top: 0;
	width: 750px;
	height: 71px;
	background: url(../img/bg_comment_footer_largeSP.png) no-repeat;
}
#container #right_block .urllink {
	clear: both;
	float: left;
	display: block;
	width: 750px;
	height: 120px;
	margin-top: 25px;
}
#container #right_block .urllink img.ForPC {
	display: none;
}

/* end right_block */



/* start left_block */

#container #left_block {
	float: left;
	display: block;
	width: 750px;
	margin: 0 0 0 0;
	/*background-color: #123456;*/
	/*opacity: 0.5;*/
}
#container #left_block h2.store_name {
	display: block;
	float: left;
	margin: 41px 0 0 130px;
	width: 319px;/*245*/
	height: 30px;
	/*background-color: #999999;*/
	font-size: 21px;
	font-weight: bold;
}
#container #left_block .store_telephone {
	display: block;
	float: right;
	margin: 41px 45px 0 0;
	width: 170px;/*180*/
	height: 30px;
	/*background-color: #eeeeee;*/
	font-size: 21px;
	text-align: right;
}
#container #left_block .store_address {
	display: block;
	float: right;
	margin: 41px 5px 0 0;
	width: 80px; /*4文字対応 120px*/ /*3文字対応 90px*/
	height: 30px;
	/*background-color: #999999;*/
	font-size: 21px;
	text-align: right;
}
#container #left_block .store_address span {
	display: none;
}
#container #left_block h2.store_name_interrupt {
	display: block;
	float: left;
	margin: 35px 0 0 130px;
	width: 319px;/*245*/
	height: 30px;
	/*background-color: #999999;*/
	font-size: 21px;
	font-weight: bold;
}
#container #left_block .store_telephone_interrupt {
	display: block;
	float: right;
	margin: 35px 45px 0 0;
	width: 170px;/*180*/
	height: 30px;
	/*background-color: #eeeeee;*/
	font-size: 21px;
	text-align: right;
}
#container #left_block .store_address_interrupt span {
	display: none;
}
#container #left_block .store_address_interrupt {
	display: block;
	float: right;
	margin: 35px 5px 0 0;
	width: 80px; /*4文字対応 120px*/ /*3文字対応 90px*/
	height: 30px;
	/*background-color: #999999;*/
	font-size: 21px;
	text-align: right;
}
#container #left_block h2.store_name_interrupt_sake {
	display: block;
	float: left;
	margin: 35px 0 0 130px;
	width: 319px;/*245*/
	height: 30px;
	/*background-color: #999999;*/
	font-size: 21px;
	font-weight: bold;
}
#container #left_block .store_telephone_interrupt_sake {
	display: block;
	float: right;
	margin: 35px 45px 0 0;
	width: 170px;/*180*/
	height: 30px;
	/*background-color: #eeeeee;*/
	font-size: 21px;
	text-align: right;
}
#container #left_block .store_address_interrupt_sake span {
	display: none;
}
#container #left_block .store_address_interrupt_sake {
	display: block;
	float: right;
	margin: 35px 5px 0 0;
	width: 80px; /*4文字対応 120px*/ /*3文字対応 90px*/
	height: 30px;
	/*background-color: #999999;*/
	font-size: 21px;
	text-align: right;
}
#container #left_block .details {
	float: left;
	display: block;
	width: 750px;
	height: 228px;
	margin-left: 36px;
	margin-top: 25px;
	/*background: #666;*/
	
}
#container #left_block .details .picture img.ForPC {
	display: none;
}
#container #left_block .details .picture img.largeSP {
	float: left;
	display: block;
	width: 225px;
	height: 225px;
	/*text-align: center;*/
	margin-top: 0;
	/*background: #333333;*/
}
#container #left_block h3.award {
	float: left;
	display: block;
	font-size: 22px;
	font-weight: bold;
	margin: 12px 0 0 30px;
	width: 288px;
	height: 30px;
	text-align: left;
	color: #4d4d4d;
	/*background-color: #999999;*/
}
#container #left_block .details .text {
	float: left;
	display: block;
	width: 430px;
	height: 180px;
	margin: 12px 0 0 30px;
	/*background: #333333;*/
}
#container #left_block .details .text ul{
	display: block;
	width: 430px;
}
#container #left_block .details .text ul li{
	clear: both;
	margin: 0;
	font-size: 16px;
	text-align: left;
	line-height: 26px;
	list-style-type: disc;
}


#container #left_block .details .text ul li span {
	color: #000;
}

#container #left_block .store1 {
	float: left;
	display: block;
	width: 750px;
	height: 346px;
	background: url(../img/bg_store_top_largeSP.png) no-repeat;
	margin-bottom: 0px;
}
#container #left_block .store2 {
	clear: both;
	float: left;
	display: block;
	width: 750px;
	height: 346px;
	background: url(../img/bg_store_interrupt_largeSP.png) no-repeat;
	margin-bottom: 0px;
}
#container #left_block .store3 {
	float: left;
	display: block;
	width: 750px;
	height: 346px;
	background: url(../img/bg_store_interrupt_largeSP.png) no-repeat;
	margin-bottom: 0px;
}
#container #left_block .store4 {
	float: left;
	display: block;
	width: 750px;
	height: 346px;
	background: url(../img/bg_store_interrupt_largeSP.png) no-repeat;
	margin-bottom: 0px;
}
#container #left_block .store5 {
	float: left;
	display: block;
	width: 750px;
	height: 346px;
	background: url(../img/bg_store_interrupt_largeSP.png) no-repeat;
	margin-bottom: 1px;
}

/* footer */
.foot_btnToHome {
	display: block;
	width: 100%;
	height: 165px;
	text-align: center;
	margin: 30px 0 30px 0; 
}
.footer_line {
	display: block;
	width: 100%;
	height: 72px;
	line-height: 18px;
	background: url(../img/footer_line.png);
	margin-top:27px;
	color: #000000;
	text-align: center;
	font-size: 12px;
	/*background-color: #eeeeee;*/
}
.footer_line a {
	color: #000000;
	text-decoration: none;
}
.footer_line a:hover {
	color: #000000;
	text-decoration: underline;
}
.footer_linex {
	display: block;
	bottom:0;
	position: absolute;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #87CEEB;
	color: #ffffff;
	text-align: center;
}
.footer_linex a {
	color: #ffffff;
	text-decoration: none;
}
.footer_linex a:hover {
	color: #ffffff;
	text-decoration: underline;
}
}/*750px以上1199px*/