@charset "utf-8";
/* ===================================================================
	common.css
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
body,
td,
th,
input,
textarea {
	color: #000000;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

a,
a:link,
a:visited,
a:active,
a:hover,
a:hover img {
	color: #000000;
	text-decoration: underline;
/*
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: .80;
*/
}

a:hover {
	text-decoration: none;
}
a:hover,
a:hover img,
.img_hover:hover {
/*
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: .80;
*/
}

img {
	vertical-align: bottom;
}
.img_ck {
	font-size: 1px;
	line-height: 0;
}

/* clearfix (micro) */
.clearfix:before,
.clearfix:after {
	content: ' ';
	display: table;
}
.clearfix:after {
	clear: both;
}
/* For IE 6/7 only */
.clearfix {
	*zoom: 1;
}

/*---------------------------------------------------------------------------*/
/* margin */
.mar_t0 {
	margin-top: 0 !important;
}
.mar_t5 {
	margin-top: 5px !important;
}
.mar_t10 {
	margin-top: 10px !important;
}
.mar_t15 {
	margin-top: 15px !important;
}
.mar_t20 {
	margin-top: 20px !important;
}
.mar_t25 {
	margin-top: 25px !important;
}
.mar_t30 {
	margin-top: 30px !important;
}
.mar_t35 {
	margin-top: 35px !important;
}
.mar_t40 {
	margin-top: 40px !important;
}
.mar_t45 {
	margin-top: 45px !important;
}
.mar_t50 {
	margin-top: 50px !important;
}

.mar_b0 {
	margin-bottom: 0 !important;
}
.mar_b5 {
	margin-bottom: 5px !important;
}
.mar_b10 {
	margin-bottom: 10px !important;
}
.mar_b15 {
	margin-bottom: 15px !important;
}
.mar_b20 {
	margin-bottom: 20px !important;
}
.mar_b25 {
	margin-bottom: 25px !important;
}
.mar_b30 {
	margin-bottom: 30px !important;
}
.mar_b35 {
	margin-bottom: 35px !important;
}
.mar_b40 {
	margin-bottom: 40px !important;
}
.mar_b45 {
	margin-bottom: 45px !important;
}
.mar_b50 {
	margin-bottom: 50px !important;
}

.mar_l0 {
	margin-left: 0 !important;
}
.mar_l5 {
	margin-left: 5px !important;
}
.mar_l10 {
	margin-left: 10px !important;
}
.mar_l15 {
	margin-left: 15px !important;
}
.mar_l20 {
	margin-left: 20px !important;
}
.mar_l25 {
	margin-left: 25px !important;
}
.mar_l30 {
	margin-left: 30px !important;
}
.mar_l35 {
	margin-left: 35px !important;
}
.mar_l40 {
	margin-left: 40px !important;
}
.mar_l45 {
	margin-left: 45px !important;
}
.mar_l50 {
	margin-left: 50px !important;
}

.mar_r0 {
	margin-right: 0 !important;
}
.mar_r5 {
	margin-right: 5px !important;
}
.mar_r10 {
	margin-right: 10px !important;
}
.mar_r15 {
	margin-right: 15px !important;
}
.mar_r20 {
	margin-right: 20px !important;
}
.mar_r25 {
	margin-right: 25px !important;
}
.mar_r30 {
	margin-right: 30px !important;
}
.mar_r35 {
	margin-right: 35px !important;
}
.mar_r40 {
	margin-right: 40px !important;
}
.mar_r45 {
	margin-right: 45px !important;
}
.mar_r50 {
	margin-right: 50px !important;
}

/* float */
.fl_l {
	float: left !important;
}
.fl_r {
	float: right !important;
}
.fl_n {
	float: none !important;
}

/* font color */
.f_c_red {
	color: #ff0000 !important;
}
.f_c_yellow {
	color: #ffff00 !important;
}
.f_c_blue {
	color: #0000ff !important;
}
.f_c_gray {
	color: #cccccc !important;
}
.f_c_gray_2 {
	color: #999999 !important;
}

.t_align_l {
	text-align: left !important;
}
.t_align_c {
	text-align: center !important;
}
.t_align_r {
	text-align: right !important;
}

.f_weight_bold {
	font-weight: bold !important;
}
.f_weight_normal {
	font-weight: normal !important;
}

/*---------------------------------------------------------------------------*/
/* CMS用 */
.file {
	border-top: 1px dotted #cccccc;
	margin: 15px 0;
	padding: 10px 0 0;
	text-align: left;
}
.file .pdf {
	background: url(../images/cms/pdf.gif) left center no-repeat;
	line-height: 30px;
	padding: 4px 0 0 30px;
}
.file .xls,
.file .xlsx {
	background: url(../images/cms/xls.gif) left center no-repeat;
	line-height: 30px;
	padding: 4px 0 0 30px;
}
.file .doc,
.file .docx {
	background: url(../images/cms/doc.gif) left center no-repeat;
	line-height: 30px;
	padding: 4px 0 0 30px;
}
.top-right {
	float: right;
	margin: 0px 0px 30px 30px;
}
.top-left {
	float: left;
	margin: 0px 30px 30px 0px;
}
.top-center {
	margin: 0px 0px 30px 0px;
	text-align:center;
}
.bottom-right {
	float: right;
	margin: 30px 0px 0px 30px;
}
.bottom-left {
	float: left;
	margin: 30px 30px 0px 0px;
}
.bottom-center {
	margin: 30px 0px 0px 0px;
	text-align:center;
}
.entry-container b {
	font-weight: bold;
}
.entry-container i {
	font-style: italic;
}


/* color */
.c_red{ color:#CC0000; }
.c_org{color:#F87501;}
.c_blk{	color:#333333;}
.c_blu{ color:#0C68A8; }
.c_gry{	color:#999999;}
.c_grn{ color:#70B42B; }



/*---------------------------------------------------------------------------*/
#container {
	min-width: 1200px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.top_bg {
	left:0;
	position: fixed;
	top: 0;
	width: 100%;
}
.top_bg img {
	height: auto;
	width: 100%;
}

.bottom_bg {
	bottom: 0;
	left:0;
	position: fixed;
	width: 100%;
}
.bottom_bg img {
	height: auto;
	width: 100%;
}

.main_bg {
	padding: 0 0 85px;
	position: relative;
}

#wrapper {
	background-color: #ffffff;
	margin: 30px auto 0;
	padding: 25px 25px 55px;
	width: 1050px;
}

.side_img_01 {
	left: 50%;
	margin: 0 0 0 -750px;
	position: absolute;
	top: 0;
	z-index: 110;
}
.side_img_03 {
	margin: 0 -750px 0 0 ;
	position: absolute;
	right: 50%;
	top: 0;
	z-index: 110;
}

.type_pc {}
.type_sp {
	display: none;
}
.for-sp {
	display: none;
}

@media screen and (max-width:767px){
	img {
		height: auto;
		width: 100%;
	}

	body {
		background: none;
	}

	#container {
		min-width: 320px;
	}

	.top_bg,
	.bottom_bg {
		display: none;
	}

	#wrapper {
		margin: 0 auto;
		padding: 0px;
		width: 100%;
	}

	.main_bg {
		background: url(../images/scd_bg_01.jpg) center top no-repeat;
		background-size: 100% auto;
		min-width: 320px;
		padding: 0;
		z-index: 100;
	}
	.side_img_01 {
		display: none;
	}
	.side_img_03 {
		display: none;
	}

	.type_pc {
		display: none;
	}
	.type_sp {
		display: block;
	}
}

/*---------------------------------------------------------------------------*/
header {
	min-width: 1200px;
	/*overflow: hidden;*/
	position: relative;
	width: 100%;
	z-index: 100;
}
header .header_area {
	margin: 0 auto;
	width: 1200px;
}
header .header_area .logo {
	float: left;
	padding: 7px 0 0;
	width: 440px;
}
header .header_area .logo img {
	height: auto;
	width: 100%;
}
header .header_area .header_info {
	float: right;
	padding: 12px 0 0;
}
header .header_area .header_info .sns_area {
	font-size: 0;
	margin: 0 0 18px;
	text-align: right;
}
header .header_area .header_info .sns_area li {
	color: #ffffff;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 14px;
	line-height: 0;
	margin: 0 0 0 5px;
	vertical-align: middle;
}
header .header_area .header_info .sns_area li.search_box {
	margin: 0 0 0 10px;
	padding: 0 20px 0 0;
}
header .header_area .header_info .sub_navi {
	font-size: 0;
}
header .header_area .header_info .sub_navi li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 12px;
	margin: 0 0 0 12px;
	vertical-align: middle;
}
header .header_area .header_info .sub_navi li a {
	color: #ffffff;
	text-decoration: none;
}
header .header_area .header_info .sub_navi li a:hover {
	text-decoration: underline;
}

header .lang_area {
	left: 50%;
	margin: 0 0 0 322px;
	position: absolute;
	top: 10px;
}
header .lang_area .lang_txt,
header .lang_area .lang_box {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
}
header .lang_area .lang_txt {
	color: #ffffff;
	padding: 0 5px 0 0;
}
header .lang_area .lang_box span img {
	height: auto;
	width: auto;
}

@media screen and (max-width:767px){
	header .clock_area {
		position: absolute;
		top: 15px;
		left: 40%;
		width: 160px;
	}
	header .clock_area dl {
		background-color: #fff;
		border: #1b63db 2px solid;
		border-radius: 10px;
		overflow: hidden;
		width: 160px;
	}
	header .clock_area dl dt {
		background: url(../images/icon_clock.png) no-repeat 20px center #1b63db;
		color: #fff;
		font-size: 14px;
		padding-left: 40px;
	}
	header .clock_area dl dd {
		color: #202a8c;
		font-size: 18px;
		padding: 5px 0;
		text-align: center;
	}
}

@media screen and (min-width:768px){
	header .clock_area {
		display: none;
	}
}

header .navi {
	background-color: #1a8217;
	width: 100%;
}
header .navi .navi_area {
	margin: 0 auto;
	position: relative;
	width: 1200px;
}
header .navi .navi_area .navi_list {
	font-size: 0;
	text-align: center;
}
header .navi .navi_area .navi_list > li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 18px;
	padding: 15px 0;
	position: relative;
	vertical-align:middle;
}
header .navi .navi_area .navi_list > li.fixon {
	display: none;
}
header .navi .navi_area li .second_navi {
	background: #fff;
	border: #157f16 3px solid;
	border-radius: 10px;
	box-sizing: border-box;
	display: none;
	padding: 20px 20px 20px 25px;
	position: absolute;
	top: 48px;
	left: -100%;
	right: -100%;
	margin: auto;
	width: 225px;
}

header .navi .navi_area li .second_navi {
	padding: 20px 20px 20px 20px;
}
header .navi .navi_area li .second_navi::before {
	background: url(../images/arrow_secnavi.png) no-repeat left top;
	content: " ";
	height: 6px;
	position: absolute;
	top: -6px;
	left: 0;
	right: 0;
	margin: auto;
	width: 15px;
	z-index: 100;
}
header .navi .navi_area li .second_navi li {
	font-size: 14px;
	text-align: left;
}
header .navi .navi_area li .second_navi li + li {
	margin-top: 10px;
}
header .navi .navi_area li .second_navi li a {
	background: url(../images/icon_link_01.png) no-repeat left center;
	display: inline-block;
	text-decoration: none;
	padding-left: 20px;
	transition: all 0.3s ease;
}
header .navi .navi_area li.attraction_nav .second_navi li a {
	padding-left: 25px;
}
header .navi .navi_area li.attraction_nav .second_navi li:nth-child(1) a {
	background: url(../images/attr_icon_daily.png) no-repeat left center;
}
header .navi .navi_area li.attraction_nav .second_navi li:nth-child(2) a {
	background: url(../images/attr_icon_01.png) no-repeat left center;
}
header .navi .navi_area li.attraction_nav .second_navi li:nth-child(3) a {
	background: url(../images/attr_icon_02.png) no-repeat left center;
}
header .navi .navi_area li.attraction_nav .second_navi li:nth-child(4) a {
	background: url(../images/attr_icon_03.png) no-repeat left center;
}
header .navi .navi_area li.attraction_nav .second_navi li:nth-child(5) a {
	background: url(../images/attr_icon_04.png) no-repeat left center;
}
header .navi .navi_area li.attraction_nav .second_navi li:nth-child(6) a {
	background: url(../images/attr_icon_05.png) no-repeat left center;
}
header .navi .navi_area li.attraction_nav .second_navi li:nth-child(7) a {
	background: url(../images/attr_icon_06.png) no-repeat left center;
}
header .navi .navi_area li.attraction_nav .second_navi li:nth-child(8) a {
	background: url(../images/attr_icon_07.png) no-repeat left center;
}

header .navi .navi_area li .second_navi li a:hover {
	color: #157f16;
}
header .menu_box {
	display: none;
}

header .menu {
	display: none;
}

header.fixed {
	background: #ffffff;
	position: fixed;
	top: -151px;
	z-index: 120;
}
header.fixed .header_area .logo {
	display: none;
}
header.fixed .header_area .header_info {
	float: right;
	display: none;
	padding: 16px 0 0;
}
header.fixed .header_area .header_info .sns_area {
	display: none;
}
header.fixed .header_area .header_info .sub_navi {
	font-size: 0;
	margin: 0 50px 0 0;
}
header.fixed .header_area .header_info .sub_navi li a {
	color: #000000;
}
header.fixed .lang_area {
	display: none;
}
header.fixed .clock_area {
	display: none;
}
header.fixed .navi {
	background: none;
	width: 100%;
}
header.fixed .navi .navi_area {
	margin: 0 auto;
	width: 1200px;
}
header.fixed .navi .navi_area .navi_list {
	font-size: 0;
	padding: 0;
	text-align: center;
}
header.fixed .navi .navi_area .navi_list > li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0;
	padding: 17px 0;
	vertical-align:middle;
}
header.fixed .navi .navi_area .navi_list li.fixon {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
}
header.fixed .navi .navi_area .navi_list > li > a {
	border-right: 1px dotted #cfcfcf;
	display: block;
}
header.fixed .navi .navi_area .navi_list > li:first-child > a {
	border-left: 1px dotted #cfcfcf;
}
header.fixed .navi .navi_area li .second_navi {
	top: 110px;
}
header .weather_sp {
	display: none;
}

@media screen and (max-width:767px){
	header {
		min-width: 320px;
		position: static;
	}
	header .header_area {
		width: 100%;
	}
	header .header_area .logo {
		padding: 2px 0 0 4px;
		width: 248px;
	}
	header .header_area .logo img {
		height: auto;
		width: 100%;
	}
	header .header_area .header_info {
		display: none;
	}
	header .header_area .header_info .sub_navi {
		display: none;
	}
	header .navi {
		display: none;
	}

	header .menu_box {
		background: #1180ce;
		 -moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		display: block;
		height: 28px;
		right: 10px;
		position: fixed;
		top: 10px;
		width: 28px;
		z-index: 110;
	}
	header .menu_box .menu_btn {
		height: 14px;
		margin: 0 auto;
		margin: 6px auto 0;
		position: relative;
		width: 18px;
	}
	header .menu_box .menu_btn span {
		background: #ffffff;
		 -moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	 display: block;
		font-size: 0;
		height: 2px;
		left: 0;
		line-height: 1;
		opacity: 1;
		position: absolute;
		-webkit-transition: all 0s ease 0s, all 0.35s ease 0s;
		transition: all 0s ease 0s, all 0.35s ease 0s;
		width: 18px;
	}
	header .menu_box .menu_btn span:nth-child(1) {
		top: 0px;
	}
	header .menu_box .menu_btn span:nth-child(2) {
		top: 6px;
	}
	header .menu_box .menu_btn span:nth-child(3) {
		top: 12px;
	}
	header .menu_box .menu_btn.on span:nth-child(1) {
		opacity: 1;
		-moz-transform: translateY(6px) rotate(225deg);
		-webkit-transform: translateY(6px) rotate(225deg);
		-o-transform: translateY(6px) rotate(225deg);
		-ms-transform: translateY(6px) rotate(225deg);
		transform: translateY(6px) rotate(225deg);
	}
	header .menu_box .menu_btn.on span:nth-child(2) {
		opacity: 0;
	}
	header .menu_box .menu_btn.on span:nth-child(3) {
		opacity: 1;
		-moz-transform: translateY(-6px) rotate(-225deg);
		-webkit-transform: translateY(-6px) rotate(-225deg);
		-o-transform: translateY(-6px) rotate(-225deg);
		-ms-transform: translateY(-6px) rotate(-225deg);
		transform: translateY(-6px) rotate(-225deg);
	}


	header .lang_area {
		background: #1a8217;
		height: 27px;
		left: 0;
		margin: 0;
		padding: 10px 0;
		position: static;
		text-align: center;
		top: 0;
	}
	header .lang_area .lang_txt,
	header .lang_area .lang_box {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		vertical-align: middle;
	}
	header .lang_area .lang_txt {
		color: #ffffff;
		padding: 0 5px 0 0;
	}
	header .lang_area .lang_box span img {
		height: auto;
		width: auto;
	}

	header .clock_area {
		position: static;
		padding: 5px 0;
		width: 100%;
	}
	header .clock_area dl {
		border-radius: 20px;
		display: table;
		margin: 0 auto;
		width: 95%;
	}
	header .clock_area dl dt {
		background: url(../images/icon_clock.png) no-repeat 10px center #1b63db;
		display: table-cell;
		font-size: 12px;
		padding-left: 30px;
	}
	header .clock_area dl dd {
		font-size: 15px;
		display: table-cell;
		width: 60%;
	}

	header .menu {
		background: #ffffff;
		display: none;
		height: 100%;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 102;
	}
	header .menu .menu_data {
		height: 100%;
		overflow: auto;
	}
	header .menu .btn_menu {
		border-top: #d9d9d9 1px solid;
		font-size: 0;
		margin-top: 50px;
		text-align: center;
	}
	header .menu .btn_menu li {
		border-bottom: #d9d9d9 1px solid;
		box-sizing: border-box;
		display: inline-block;
		padding: 10px 1%;
		width: 31%;
		width: calc(100% / 3);
	}
	header .menu .btn_menu li:nth-of-type(3n+1){
		padding-left: 2%;
		padding-right: 0;
	}
	header .menu .btn_menu li:nth-of-type(3n){
		padding-left: 0;
		padding-right: 2%;
	}
	header .menu .menu_list li:last-child {
		/*padding: 15px;*/
	}
	header .menu .btn_menu li img {
		border-left: #d9d9d9 1px solid;
	}
	header .menu .btn_menu li:nth-of-type(3n) img {
		border-right: #d9d9d9 1px solid;
	}
	header .menu .menu_list {
		font-size: 0;
	}
	header .menu .menu_list li {
		border-bottom: #d9d9d9 1px solid;
		box-sizing: border-box;
		display: inline-block;
		width: 49%;
	}
	header .menu .menu_list li:nth-of-type(odd) {
		border-right: #d9d9d9 1px solid;
	}
	header .menu .menu_list li a {
		background: url(../images/icon_link_02.png) 3px center no-repeat;
		background-size: 5px auto;
		display: block;
		font-size: 10px;
		padding: 10px 0 10px 15px;
		text-decoration: none;
	}
}

/*---------------------------------------------------------------------------*/
.coupon_btn {
	position: fixed;
	right: 0;
	top: 252px;
	z-index: 130;
}

@media screen and (max-width:767px){
	.coupon_btn {
		display: none;
	}
}

/*---------------------------------------------------------------------------*/
footer {
	background: #f2fbe7;
	border-bottom: 16px solid #5db330;
	min-width: 1200px;
	position: relative;
	width: 100%;
}
footer .pagetop {
	bottom: 0;
	display: none;
	position: fixed;
	right: 0;
}
footer .footer_area {
	margin: 0 auto;
	padding: 42px 0 16px;
	width: 1200px;
}
footer .footer_area .link_area {
	border-bottom: 1px solid #d4d4d4;
	padding: 0 0 42px;
}
footer .footer_area .link_area .link_box {
	float: left;
	width: 200px;
}
footer .footer_area .link_area .link_box .link_list li {
	background: url(../images/icon_link_01.png) left center no-repeat;
	margin: 0 0 15px;
	padding: 0 0 0 12px;
}
footer .footer_area .link_area .link_box .link_list li a {
	font-size: 13px;
	text-decoration: none;
}
footer .footer_area .link_area .link_box .link_list li a:hover {
	text-decoration: underline;
}
footer .footer_area .link_area .link_bnr {
	float: right;
}
footer .footer_area .link_area .link_bnr .link_bnr_list li {
	margin: 0 0 15px;
}

footer .footer_area .bnr_area {
	border-bottom: 1px solid #d4d4d4;
	padding: 28px 0;
}
footer .footer_area .bnr_area .bnr_list {
	text-align: center;
}
footer .footer_area .bnr_area .bnr_list li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 10px;
	vertical-align:middle;
}

footer .foot_sns_area {
	display: none;
}

footer .footer_area .footer_txt {
	padding: 30px 0 0;
}
footer .footer_area .footer_txt .footer_info {
	float: left;
}
footer .footer_area .footer_txt .footer_info .footer_address {
	font-size: 12px;
	line-height: 20px;
}
footer .footer_area .footer_txt .footer_info .footer_address span {
	font-size: 14px;
	font-weight: bold;
}
footer .footer_area .footer_txt .copyright {
	font-size: 11px;
	float: right;
	padding: 42px 0 0;
}

@media screen and (max-width:767px){
	footer {
		border-bottom: none;
		min-width: 320px;
		position: relative;
	}
	footer .pagetop {
		bottom: 24px;
		position: absolute;
		right: 0;
		width: 81px;
	}
	footer .footer_area {
		padding: 0;
		width: 100%;
	}
	footer .footer_area .link_area {
		border-bottom: none;
		padding: 14px 3% 0;
	}
	footer .footer_area .link_area .link_box {
		display: none;
	}
	footer .footer_area .link_area .link_bnr {
		float: none;
	}
	footer .footer_area .link_area .link_bnr .link_bnr_list {
		font-size: 0;
		text-align: center;
	}
	footer .footer_area .link_area .link_bnr .link_bnr_list li {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		margin: 0;
		vertical-align: top;
		width: 48.5%;
	}
	footer .footer_area .link_area .link_bnr .link_bnr_list li + li {
		margin: 0 0 0 3%;
	}

	footer .footer_area .bnr_area {
		display: none;
	}

	footer .foot_sns_area {
		display: block;
		padding: 35px 0 53px;
	}
	footer .foot_sns_area .foot_sns_list {
		font-size: 0;
		text-align: center;
	}
	footer .foot_sns_area .foot_sns_list li {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		margin: 0 12px;
		vertical-align: middle;
	}

	footer .footer_area .footer_txt {
		padding: 0;
	}
	footer .footer_area .footer_txt .footer_info {
		float: none;
		padding: 0 3% 10px;
	}
	footer .footer_area .footer_txt .footer_info .footer_address {
		font-size: 10px;
		line-height: 15px;
	}
	footer .footer_area .footer_txt .footer_info .footer_address span {
		font-size: 10px;
		font-weight: bold;
	}
	footer .footer_area .footer_txt .copyright {
		background: #5db330;
		box-sizing: border-box;
		color: #ffffff;
		font-size: 10px;
		float: none;
		height: 24px;
		line-height: 1;
		padding: 7px 0;
		text-align: center;
	}
}

/*---------------------------------------------------------------------------*/
#main_ttl {
	background: #cccccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-bottom: 30px;
	padding: 10px 20px;
}
#main_ttl h2 {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
}
#main_ttl h2 strong {
	font: 100 36px HelveticaNeue-Thin, Helvetica Neue Thin, Helvetica Neue, Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
	padding-right: 10px;
}

#contents_main {
	float: left;
	margin-left: 20px;
	width: 790px;
}

@media screen and (max-width:767px){
	#main_ttl {
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		margin-bottom: 1em;
		padding: 5px 2%;
	}
	#main_ttl h2 {
		color: #ffffff;
		font-size: 14px;
		line-height: 1;
	}
	#main_ttl h2 strong {
		display: block;
		font: 100 30px HelveticaNeue-Thin, Helvetica Neue Thin, Helvetica Neue, Helvetica, Arial, sans-serif;
		letter-spacing: 0.1em;
		padding-right: 10px;
	}

	#contents_main {
		float: none;
		margin-left: 0px;
		width: 100%;
		padding-bottom: 20px;
	}
}

/*---------------------------------------------------------------------------*/
#side {
	float: right;
	margin-right: 10px;
	width: 200px;
}

@media screen and (max-width:767px){
	#side {
		float: none;
		margin-right: 0px;
		width:100%;
	}
}

/*---------------------------------------------------------------------------*/
#side #side_menu {
	border-top: 1px dotted #cccccc;
	margin-bottom: 20px;
}
#side #side_menu a {
	color: #333333;
	text-decoration: none;
}
#side #side_menu a:hover {
	color: #0879c8;
	text-decoration: underline;
}
#side #side_menu li {
	border-bottom: 1px dotted #cccccc;
	font-size: 14px;
}
#side #side_menu li a {
	background: url(../images/side_icon.png) no-repeat 10px center;
	display: block;
	padding: 15px 15px 15px 22px;
}

@media screen and (max-width:767px){
	#side #side_menu li {
		font-size: 10px;
	}
}

/*---------------------------------------------------------------------------*/
#side .s_frame {
	border: 3px solid #ededed;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-bottom: 10px;
}
#side .s_frame .ttl {
	background-color: #ededed;
	border-bottom: 3px solid #ededed;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}
#side .s_frame .wrap {
	padding: 10px 14px;
}
#side #side_today .wrap {
	font-size: 14px;
	text-align: center;
}
#side #side_today .wrap a {
	color: #cc3300;
	text-decoration:none;
}
#side #side_today .wrap a:hover {
	text-decoration: underline;
}
#side #side_info .tel {
	border-top: 1px dotted #cccccc;
	margin-top: 6px;
	padding-top: 6px;
}

/*---------------------------------------------------------------------------*/
#side #side_banner {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #cccccc;
}
#side #side_banner li {
	margin-bottom: 10px;
}

#side #side_banner li.separate {
	margin-top: 60px;
}

@media screen and (max-width:767px){
	#side .s_frame,
	#side #side_banner {
		display:none;
	}
}



@media print{

	.top_bg,
	.bottom_bg,
	.coupon_btn{
		display: none !important;
	}

	#container {
		min-width:1100px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	#wrapper {
		margin: 20px auto 0;
		padding: 25px 0px 55px;
		width: 1050px;
	}

}
