@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

html {
	font-size: 62.5%; /* -> 10px; */
}
body{
	font-size: 1.4em; /* -> 14px; */
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#333333;
	background-color:#ffffff;
	-webkit-text-size-adjust: none;
}
div,span {
	/* box sizing */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all;
}

/* --------- Form fields, general styles first  --------- */

button,
input,
select,
textarea {
	border: 1px solid #888;
	border-radius: 4px;
	font-family: inherit;
	padding: 6px;
	padding: 0.6rem;
	/* box sizing */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"] {
	border: 1px solid #333;
	background-color: #f5f5f5;
}

input:focus,
textarea:focus {
	background-color: #fff;
}

textarea {
	border: 1px solid #333;
	background-color: #f5f5f5;
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* リンク設定
------------------------------------------------------------*/
a {
	font-size: 13px;
	font-size: 1.3rem;
	outline: none;
	color: #777;
	text-decoration: none;
	/* box sizing */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

a:hover {
	text-decoration: underline;
}
a.outsite {
	padding: 0 18px 0 0;
	padding: 0 1.8rem 0 0;
	background: url(../img/outlink.png) no-repeat scroll right 2px;
	border: none;
}

/* assistive-text
------------------------------------------------------------*/
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

aside, footer, header, nav {
    display: block;
}

.assistive-text,
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

/**** Clearfix ****/
nav .panel:after, nav#Globalnavi:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#Globalnavi .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#Globalnavi,.newsTitle,.bg, .post, ul.post li,nav#Globalnavi .inner{zoom: 1;}

/* 調整用 */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;min-height:1%;}
/*\*/* html .clearfix{height:1%;}
.clearfix{display:block;}


/* カラー
------------------------------------------------------------*/
.msg {
	color:#ff0000;
}
.red {
	color:#ff0000;
	font-weight:normal;
}
.blue {
	color:#0000ff;
}
.bold {
	font-weight:bold;
}

/* レイアウト
------------------------------------------------------------*/
.inner {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.center {
    text-align: center;
}

.site-header-area,
.header-image-area,
.main-content-area,
.main-content-wrap,
.main-content-site,
.sidebar-left,
.sidebar-right,
.footer-widget-area,
.widget-area,
.footer-copy-area {
	display: block;
	position: relative;
	overflow: hidden;
}


/* ヘッダー
------------------------------------------------------------*/
/* =Header Layout
-------------------------------------------------------------- */
.site-header-area {
	border-top: solid 10px #096C98;
	background-color: #FFF;
}

.mmenu-load-button {
	display: block;
	position: absolute;
	top: 20px;
	top: 2rem;
	left: 30px;
	left: 3rem;
	line-height: 1;
}

.mmenu-load-button a {
	font-weight: bold;
	font-size: 30px;
	font-size: 3rem;
}
/* --------- Header Title --------- */
#header-title {
	display: block;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #777;
	text-align: center;
	padding: 15px 70px 15px 75px;
	padding: 1.5rem 7rem 1.5rem 7.5rem;
}

/* Header Logo */
#header-title h1 {
	display: block;
	max-width: 300px;
	max-width: 30rem;
	height: auto;
	line-height: 0;
}

#header-title h1 a img {
	display: inline-block;
	max-width: 100%;
}

/* Header Title Text */
#header-title .site-title {
	display: block;
}

#header-title .site-title a {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.3;
	display: inline-block;
	color: #aaa;
	text-decoration: none;
	word-break: normal;
}

#header-title h2 {
	display: none;
	/*padding-top: 12px; 
	display: block;
	padding-top: 1.2rem;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.5;
	font-weight: normal;
	color: #888;
	clear: none;*/
}

/* --------- Header Widget --------- */
#header-widget {
	text-align: center;
	line-height: 1.5;
}

#header-widget a.pccs_link {
	float:right;
	display: block;
	width: 50%;
	border-right: 1px solid #000;
	background-color:#49BCDA;
	color:#fff;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

#header-widget a.pccs_link:hover {
	background-color:#0AA8D0;
	text-decoration:none;
}
#header-widget a.contact {
	float:right;
	display: block;
	width: 50%;
	background-color:#fff;
	color:#98999B;
	text-align:center;
	font-size:12px;
	line-height:36px;
	font-weight:bold;
}
#header-widget a.contact:hover {
	color:#000;
	text-decoration:none;
}


/* main
------------------------------------------------------------*/
#main {
	border-top: 1px solid #888;
	width: 100%;
	height: auto;
	line-height: 1;
}

/* visual_wrap
------------------------------------------------------------*/
.visual_wrap {
	position: relative;
}

/* content
------------------------------------------------------------*/
#content {
	position: relative;
	z-index: 2;
	width:100%;
	margin: -30px auto 0;
	padding: 30px 0 60px;
	text-align:left;
}
/* bonus
------------------------------------------------------------*/
#bonus {
	width:100%;
}
#bonus .ttl{
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	margin:10px 10px 5px;
	padding:10px;
	background-color:#F6F5F0;
	color:#666666;
}
#bonus .sub_txt{
	margin:10px 10px 5px;
	padding:0 10px;
	font-size:12px;
	line-height:16px;
}
#bonus .sub_txt h3{
	margin:10px 0;
	padding:0 10px;
	font-size:18px;
	line-height:20px;
	border-left:5px solid #D42A2A;
	padding-left:3px;
}


/* game_list
------------------------------------------------------------*/
#game_list{
	width:100%;
}
#game_list .game_box{
	float:left;
	margin-bottom:20px;
	width:100%;
	text-align:center;
}
#game_list .game_box img{
	margin:0 auto 5px;
	width:90%;
}
#game_list .game_box a p{
	text-align:center;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
}
#game_list .game_box a p span{
	padding: 0 0 0 14px;
	padding: 0 0 0 1.4rem;
	background: url(../img/icon_arrow_red.png) no-repeat scroll left 6px;
}

/* game_top
------------------------------------------------------------*/
#game_top {
	width:100%;
	text-align:center;
}

/* top_news_box
------------------------------------------------------------*/
#top_news_box {
	width:100%;
}
#top_news_box .ttl{
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	margin:10px 10px 5px;
	padding:10px;
	background-color:#F6F5F0;
	color:#666666;
}


/* submit_box
------------------------------------------------------------*/
#submit_box {
	width:100%;
	text-align:center;
}
#submit_box a,
#submit_box input[type=submit]{
	text-align: center;
	margin: 0 auto 20px;
	width: 30%;
	padding: 8px 20px;
	font-size: 30px;
	border-radius: 10px;
	background-color: #096C98;
	color: #fff;
	text-decoration:none;
}
#submit_box a:hover,
#submit_box input[type=submit]:hover{
	background-color: #5DC2DE;
	color: #fff;
}

/*************
テーブル
*************/
table.table {
    /*width: 500px;*/
    width: 90%;
	margin:10px auto 5px;
	padding:10px;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}
 
table.table th,
table.table td {
    padding: 10px;
}
 
table.table th {
    background: #12719C;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}
table.table tr.err_bg th {
    background: #DD4F43;
}

table.table th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #12719C;
    border-width: 10px;
    margin-top: -10px;
}
table.table tr.err_bg th:after {
    border-color: rgba(211, 79, 67, 0);
    border-left-color: #DD4F43;
}

/* firefox */
@-moz-document url-prefix() {
    table.table th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #12719C 10px solid;
        margin-top: -10px;
    }
}
table.table td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}
table.table tr.err_bg td {
    background: #ffd0d0;
}
table.table tr.err_bg td .esg{
    color:#ff0000;
    line-height:14px;
}

.inp20p{
	width: 20%!important;
}
.inp30p{
	width: 30%!important;
}
.inp45p{
	width: 45%!important;
}
.inp50p{
	width: 50%!important;
}
.inp75p{
	width: 75%!important;
}


/* shoplist
------------------------------------------------------------*/
#shoplist {
	width:100%;
	padding:5px;
	margin:0 auto;
	text-align:left;
}
#shoplist .ttl{
	text-align:center;
	margin:0 auto 20px;
	width:80%;
	padding:8px;
	font-size:18px;
	border-radius: 10px;
	background-color:#096C98;
	color:#fff;
}
#shoplist .seach_box{
	margin:0 auto 20px;
	width:75%;
	padding:6px 12px;
	font-size:16px;
	border:1px solid #000;
	border-radius: 5px;
	text-align:center;
}
#shoplist .seach_box input, 
#shoplist .seach_box select{
	padding: 2px 6px;
	margin:3px;
	padding: 0.2rem 0.6rem;
}
#shoplist .result_box{
	margin:0 auto;
}
/* result_box
------------------------------------------------------------*/
.result_box dl{
	padding:15px 0;
}
.result_box dl dt{
	clear:both;
	margin:10px 5px;
	width:80%;
	font-size:20px;
	line-height:26px;
	font-weight:bold;
	border-left:10px solid #F6A802;
	padding-left:3px;
}
.result_box dl dd{
	width:100%;
	border:1px solid #000;
	margin-bottom:20px;
}
.result_box dl dd .shop_data_top{
	background-color:#000;
	overflow: hidden;
}
.result_box dl dd .shop_data_top h4{
	float:left;
	width:72%;
	padding:10px 0 10px 10px;
	color:#fff;
}
.result_box dl dd .shop_data_top .sns_box{
	float:right;
	width:25%;
	text-align:right;
	padding:10px 5px 10px 0;
}
.result_box dl dd .shop_data_top .sns_box a{
	background: url(../img/icon_tw.png) no-repeat;
	background-position: left -5px;
	background-size: 25px auto;
	padding-left:30px;
	color:#4AA0EC;
}
.result_box dl dd .shop_data_bottom{
	clear:both;
	overflow:hidden;
	border-top:1px solid #000;
}
.result_box dl dd .addr_box{
	padding:10px;
}
.result_box dl dd .shop_data_bottom .tel_box{
	width:100%;
	padding:10px;
	border-bottom:1px solid #000;
}
.result_box dl dd .shop_data_bottom .hp_box{
	width:100%;
	padding:10px;
	border-bottom:1px solid #000;
}
.result_box dl dd .shop_data_bottom .map_box{
	padding:10px;
	width:100%;
	text-align:center;
}
.result_box dl dd .shop_data_bottom .ttl_box{
	width:100%;
	background-color:#000;
	padding:10px;
	color:#fff;
}
.result_box dl dd .shop_data_bottom .lst_box{
	width:100%;
	padding:10px;
}
/* more_info
------------------------------------------------------------*/
#shoplist .more_info{
	clear:both;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
	padding-top:30px;
}

/* footer
-------------------------------------------------------------- */
#footer {
	display: block;
	clear:both;
	position: relative;
	overflow: hidden;
	line-height: 1;
	padding: 20px 0;
	padding: 2rem 0;
	background-color: #F6F5F0;
}

#footer address {
	text-align:center;
	word-break: break-all;
	line-height: 1.5;
	font-weight: normal;
	color: #000;
	margin:15px 0;
	font-size:10px;
}
#footer .footer_supported {
	text-align:center;
	color: #fff;
	box-sizing: border-box;
	padding-left:10px;
}
#footer .footer_supported img{
	width:160px;
}


.swiper-slide img{
	width: 100%;
}	

@media screen and (min-width: 600px) {
	.swiper-slide{
		width: 33.3%;
	}	
}

/* Minimum width of 786 pixels.
 *
 * Width including the scroll bar of the browser.
 */
@media screen and (min-width: 960px) {

	.sp_only{
		display:none;
	}

	/* =Header Layout
	-------------------------------------------------------------- */
	.site-header-area {
		border-top: none;
	}
	#header-menu-button {
		display: none;
	}

	/* --------- Header Title --------- */
	#header-title {
		border: none;
		float: left;
		text-align: left;
		padding: 5px 10px 5px 0;
		padding: 0.5rem 1rem 0.5rem 0;
		width: 65%;
	}
	#header-title h1 img{
		height:70px;
		margin-right: 15px;
		margin-right: 1.5rem;
		margin-bottom: 5px;
		margin-bottom: 0.5rem;
		float: left;
	}
	#header-title h2 {
			display: block;
			padding-top: 3px;
			padding-top: 0.3rem;
			font-size: 11px;
			font-size: 1.1rem;
			line-height: 1.5;
			font-weight: normal;
			color: #888;
			clear: none;
	}
	/* --------- Header Widget --------- */
	#header-widget {
		float: right;
		width: 34%;
		text-align: right;
		margin-top: 0;
		padding-top: 5px;
		padding-top: 0.5rem;
		padding-right: 5px;
		padding-right: 0.5rem;
	}
	#header-widget a.pccs_link {
		float:right;
		display: block;
		width: 190px;
		padding:0 10px;
		border-right: 0px;
		color:#fff;
		font-size:16px;
		font-weight:bold;
	}
	#header-widget a.pccs_link:hover {
		text-decoration:none;
	}
	#header-widget a.contact {
		float:right;
		display: block;
		width: 120px;
		margin-left:10px;
		line-height:48px;
		padding:0 10px;
		background-color:#fff;
		color:#98999B;
		text-align:left;
		font-size:16px;
		font-weight:bold;
	}
	#header-widget a.contact:hover {
		color:#000;
		text-decoration:none;
	}


	/* グローバルナビ
	------------------------------------------------------------*/
	#header-nav-area {
		clear:both;
		background-color: #F6F5F0;
		margin-top: 0;
		/* box-shadow */
		-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	}
	#site-navigation > ul {
		display: inline-block !important;
		width: 100%;
	}

	#site-navigation > ul > li {
		background: url("../img/border_nav.png") no-repeat left center;
		display: inline-block !important;
		text-align: center;
	}

	#site-navigation > ul > li:last-child {
		background: url("../img/border_nav.png") no-repeat left center , url("../img/border_nav.png") no-repeat right center;
	}

	#site-navigation > ul > li > a {
		display: inline-block !important;
		padding: 17px 25px;
		padding: 1.7rem 2.5rem;
		margin-left: 1px;
	}

	#site-navigation > ul > li > a {
		margin-right: -5px;
	}

	#site-navigation > ul > li:last-child a {
		margin-left: 1px;
		margin-right: 1px;
	}

	#site-navigation ul {
		border-left: none;
		margin: 0;
		text-indent: 0;
	}

	#site-navigation li {
		border-right: none;
		position: relative;
		text-align: left;
	}

	#site-navigation li a,
	#site-navigation li {
		display: inline-block;
		text-decoration: none;
		color:#000;
	}

	#site-navigation li a {
		padding: 8px 10px;
		padding: 0.8rem 1rem;
	}

	#site-navigation li a:hover,
	#site-navigation li:hover {
		color: #fff;
		background: #5C5C5C;
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
	}

	#site-navigation li ul {
		z-index: -500;
		display: block;
		opacity: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		left: 0;
		/* box-shadow */
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	}

	#site-navigation li ul ul {
		top: -1px;
		left: 100%;
	}

	#site-navigation ul li:hover > ul {
		z-index: 500;
		opacity: 1;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}

	#site-navigation li ul li a {
		background: #CCCCCC;
		line-height: 1.7;
		padding: 13px 10px;
		padding: 1.3rem 1rem;
		width: 190px;
		width: 19rem;
	}

	#site-navigation li ul li a:hover {
		background: #5C5C5C;
		color: #fff;
	}

	#site-navigation li ul li {
		border-top: 1px solid #777;
	}

	#site-navigation .current-menu-item > a,
	#site-navigation .current-menu-ancestor > a,
	#site-navigation .current_page_item > a,
	#site-navigation .current_page_ancestor > a {
		font-weight: bold;
	}

	#site-navigation .children .children li a,
	#site-navigation .sub-menu .sub-menu li a {
		color: #333;
		background: #eee;
		text-shadow: none;
	}

	#site-navigation .children .children li a:hover,
	#site-navigation .sub-menu .sub-menu li a:hover {
		background: #ddd;
	}

	#site-navigation .children .children li,
	#site-navigation .sub-menu .sub-menu li {
		border-top: 1px solid #777;
	}


	/* --------- main --------- */
	#main {
		overflow: hidden;
		margin-top: 0;
		border: none;
		/*padding-top: 25px;
		padding-top: 2.5rem;*/
	}

	/* --------- visual_wrap --------- */
	.visual_wrap .main_visual img {
		margin-top:10px;
	}
	.swiper-slide img{
		width: 100%;
	}	
	/* --------- content --------- */
	#content {
		width:1160px;
		margin-top: -88px;
		padding: 100px 0 60px;
	}
	/* --------- bonus --------- */
	#bonus {
		width:1160px;
		padding:0 20px;
		margin:0 auto 20px;
	}
	#bonus .ttl{
		font-size:40px;
		line-height:44px;
	}
	#bonus .sub_txt{
		font-size:16px;
		line-height:22px;
	}
	
	/* --------- back2lst --------- */
	.back2lst {
		text-align:right;
	}
	.back2lst a{
		background-color:#666666;
		color:#fff;
		padding:3px 5px;
		font-size:16px;
		display: inline-block;
		text-align:center;
	}
	.back2lst a:hover{
		background-color:#000;
		text-decoration:none;
	}
	
	/* --------- game_list --------- */
	#game_list{
		padding-left:35px;
	}
	#game_list .game_box{
		width:340px;
		margin-right:35px;
	}
	#game_list .game_box img{
		width:100%;
	}
	
	/* --------- news_list --------- */
	#news_list{
		padding: 0 35px;
	}
	#news_list p{
		margin:10px;
	}
	#news_list dl{
		margin:10px;
	}
	#news_list dl a{
		display: block;
		font-size:16px;
		border-bottom:1px dotted #000;
		margin-bottom:10px;
		padding:15px 5px;
	}
	#news_list dl a:hover{
		background-color:#BFF1FA;
	}
	#news_list dl a dd{
		width:30%;
		display: inline-block;
		vertical-align:middle;
	}
	#news_list dl a dd span{
		background-color:#000;
		color:#fff;
		font-size:10px;
		line-height:14px;
		width:100px;
		display: inline-block;
		text-align:center;
		vertical-align: top;
	}
	#news_list dl a dt{
		width:60%;
		display: inline-block;
	}


	/* --------- shoplist --------- */
	#shoplist {
		padding:0 20px;
		margin:0 auto 20px;
	}
	#shoplist .ttl{
		text-align:center;
		margin:0 auto 20px;
		width:30%;
		padding:8px;
		font-size:30px;
	}
	#shoplist .seach_box{
		text-align:left;
	}
	#shoplist .seach_box br{
		display:none;
	}
	#shoplist .seach_box .t_right{
		text-align:right;
	}
	/* --------- result_box --------- */
	.result_box {
		width:75%;
	}
	.result_box dl{
	}
	.result_box dl dt{
		margin:0px;
		padding:0;
		border:none;
		clear:both;
		float:left;
		width:15%;
		font-size:28px;
		font-weight:normal;
	}
	.result_box dl dd{
		float:right;
		width:84%;
		border:1px solid #000;
		margin-bottom:20px;
	}

	.result_box dl dd .shop_data_top h4{
		width:75%;
		padding:10px;
	}
	.result_box dl dd .shop_data_top .sns_box{
		width:18%;
		padding:10px;
	}
	.result_box dl dd .shop_data_top .sns_box a{
		background-size: 30px auto;
	}
	.result_box dl dd .shop_data_bottom .tel_box{
		float:left;
		width:28%;
		padding:10px;
		border-bottom:none;
		border-right:1px solid #000;
	}
	.result_box dl dd .shop_data_bottom .hp_box{
		float:left;
		width:48%;
		padding:10px;
		border-bottom:none;
		border-right:1px solid #000;
	}
	.result_box dl dd .shop_data_bottom .map_box{
		float:left;
		padding:10px;
		width:20%;
		text-align:center;
	}
	.result_box dl dd .shop_data_bottom .ttl_box{
		float:left;
		padding:10px;
		width:28%;
		background-color:#5F6368;
	}
	.result_box dl dd .shop_data_bottom .lst_box{
		float:left;
		padding:5px;
		width:68%;
	}

	/* --------- top_news_box --------- */
	#top_news_box{
		clear:both;
		width:1160px;
		padding:0 20px;
		margin:0 auto 20px;
	}
	#top_news_box .ttl{
		font-size:40px;
		line-height:44px;
		margin-bottom:10px;
	}
	#top_news_box .site_news_box{
		width:50%;
		float:left;
	}
	#top_news_box .site_news_box .site_news_box_ttl{
		text-align:center;
		font-size:16px;
		background: #c6c6c6;
		margin: 0 14px;
		padding: 5px;
	}
	#top_news_box .site_news_box dl{
		border:1px solid #c6c6c6;
		margin:0 15px 20px;
		padding:10px 5px;
		height:230px;
		overflow:scroll;
		overflow-x: hidden;
	}
	#top_news_box .site_news_box .site_news_box_con{
		border:1px solid #c6c6c6;
		margin:0 15px 20px;
		height:250px;
		overflow:scroll;
		overflow-x: hidden;
	}
	#top_news_box .site_news_box dl a{
		display: block;
		font-size:16px;
		border-bottom:1px dotted #000;
		margin-bottom:10px;
		padding:15px 5px;
	}
	#top_news_box .site_news_box dl a:hover{
		background-color:#BFF1FA;
	}

	#top_news_box .site_news_box dl a dd{
		width:30%;
		display: inline-block;
		vertical-align:middle;
		text-indent: 5px;
	}
	#top_news_box .site_news_box dl a dd span{
		background-color:#000;
		color:#fff;
		font-size:10px;
		line-height:14px;
		width:100px;
		display: inline-block;
		text-align:center;
		vertical-align: top;
	}
	#top_news_box .site_news_box dl a dt{
		width:60%;
		display: inline-block;
	}


	/* --------- footer --------- */
	#footer address {
		text-align:center;
		box-sizing: border-box;
		word-break: break-all;
		line-height: 1.5;
		font-weight: normal;
		font-size:10px;
	}
	#footer .footer_supported {
		text-align:center;
		box-sizing: border-box;
	}
	#footer .footer_supported img{
		width:200px;
	}

}

/* Minimum width of 1218 pixels.
 *
 * Width including the scroll bar of the browser.
 */
@media screen and (min-width: 1218px) {
	/* =Basic structure
	-------------------------------------------------------------- */

	.component-inner,
	.site-header-area .component-inner,
	.header-image-area .component-inner {
		margin: 0 auto;
		max-width: 1200px;
		max-width: 120rem;
		padding: 0 20px 0;
		padding: 0 2rem 0;
	}
	
	/* レイアウト
	-------------------------------------------------------------- */
	.inner {
		margin: 0 auto;
		max-width: 1200px;
		max-width: 120rem;
		padding: 0 20px 0;
		padding: 0 2rem 0;
	}
	/* --------- shoplist --------- */
	#shoplist {
		width:1160px;
	}


}