/*
Theme Name: ふるまい
Description:　ふるまいイベントオフィシャルサイト
*/

@charset "UTF-8";
/*---------------------------------------------------------------------------------------

CSS information
file name  :reset.css
style info :リセット及びbody初期設定

---------------------------------------------------------------------------------------*/
* {
　 margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	height: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	color: #434343;
	word-wrap : break-word;
	overflow-wrap : break-word;
	font-size: 13px;
	line-height: 1;
	font-family: 'avenir light', 'levenim mt', Meiryo, 'Hiragino Kaku Gothic Pro', sans-serif;/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*//*font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
input, textarea, select {
	font-family: 'avenir light', 'levenim mt', Meiryo, 'Hiragino Kaku Gothic Pro', sans-serif;/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*//*font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
}
img {
	display: block;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	transition: all 0.2s ease-out;
}
a:link, a:visited {
	color: #178bcb;
	text-decoration: none;
}
a:hover, a:active {
	color: #666;
	text-decoration: none;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}
.clearfix {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end MacIE5 */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------

CSS information
extend

---------------------------------------------------------------------------------------*/
@font-face {
	font-family: 'h1';
	src: url("font/BRUSN.TTF") format("truetype");
}
#news .news h1, #whatsfullmai .box h1, #branchshop section.wrapper .ttlArea h1.ttl, #event .ttl h1, #vewsmap section.wrapper .ttlArea h1.ttl, #vewsmap .ttl h1, #admissionticket .ttl h1, #trafficaccess .ttl h1, .newWrapper .contentArea h1, .rulesWrapper article .ttlArea h1, .fullmaiWrapper article .fullmaiInfo h1 {
	font-family: 'h1';
	font-size: 60px;
	color: #330000;
}
@font-face {
	font-family: 'ttl';
	src: url("font/logotypejp_mp_m_1.1.ttf") format("truetype");
}
#whatsfullmai .box h2, #whatsfullmai .readtxt, #branchshop .readtxt01, #event .readtxt, #vewsmap .readtxt, #admissionticket .readtxt, #trafficaccess .bus, #trafficaccess .car, #trafficaccess .box .txt01, .rulesWrapper article .ttlArea h1 span, .fullmaiWrapper article .fullmaiInfo h1 span, .fullmaiWrapper article .fullmaiInfo section h2, .fullmaiWrapper article .fullmaiInfo section p, .fullmaiWrapper article .fullmind p {
	font-family: 'ttl';
	font-size: 20px;
}
@font-face {
	font-family: 'icomoon';
	src: url("font/icomoon.eot?h9vdbr");
	src: url("font/icomoon.eot?h9vdbr#iefix") format("embedded-opentype"), url("font/icomoon.ttf?h9vdbr") format("truetype"), url("font/icomoon.woff?h9vdbr") format("woff"), url("font/icomoon.svg?h9vdbr#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-hatebu:before {
	content: "\e901";
}
.icon-facebook:before {
	content: "\e904";
}
.icon-twitter:before {
	content: "\e905";
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

謝罪文

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*管理画面用*/

.apology_admin {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#apology {
	text-align: center;
	margin: 100px auto;
	padding: 50px 50px 30px;
	width: 750px;
	height: 100%;
	border: 5px solid #e6e6e6;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#apology h1 {
	text-align: center;
	margin: 0 0 20px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
#apology .day {
	text-align: right;
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 2;
}
#apology .text {
	text-align: left;
	margin: 0 0 50px;
	font-size: 15px;
	line-height: 2;
}
#apology .text p {
	margin: 0 0 15px;
}
#apology .tel {
	text-align: center;
	margin: 0 0 50px;
	padding: 0;
	font-size: 15px;
	line-height: 1.6;
}

@media screen and (max-width: 768px) {
#apology {
	margin: 30px auto;
	padding: 30px 30px 10px;
	width: 95%;
}
#apology h1 {
	margin: 0 0 20px;
	font-size: 15px;
}
#apology .text {
	font-size: 14px;
	line-height: 1.6;
}
#apology .tel {
	font-size: 14px;
	line-height: 1.6;
}
}
/*謝罪*/


.apology {
	text-align: center;
	margin: 0 auto 20px;
	padding: 0;
	width: 650px;
}
.apology p {
	text-align: center;
	padding: 10px 0;
	margin: 0 0 10px;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
.apology {
	width: 95%;
}
.apology p {
	font-size: 12px;
}
}
/*本日決行*/

.kekko {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	color: #ff0000;
	font-size: 100px;
	font-weight: bold;
	text-shadow: 4px 4px 1px #fff, -4px 4px 1px #fff, 4px -4px 1px #fff, -4px -4px 1px #fff;
}

@media screen and (max-width: 768px) {
.kekko {
	font-size: 50px;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

協賛バナー　（最新）

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#supportbnr {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}
#supportbnr .bnr_big {
	margin: 0 0 20px;
	width: 100%;
	border: 1px solid #ccc;
}
#supportbnr .bnr_big img {
	width: 100%;
}
#supportbnr ul {
}
#supportbnr ul li {
	margin: 0 1px 3px;
	width: 244px;
	border: 1px solid #ccc;
	display: inline-block;
}
#supportbnr ul li img {
	width: 100%;
}
#supportbnr ul li.noimg {
	border: 0px;
}

@media screen and (max-width: 768px) {
#supportbnr {
	width: 95%;
}
#supportbnr ul li {
	width: 32%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

協賛エリア

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
zsponsorship {
	width: 1000px;
	margin: 0 auto;
	background: #ffffff;/** THEME
    ===================================*//* LOADER *//* PAGER *//* DIRECTION CONTROLS (NEXT / PREV) *//* AUTO CONTROLS (START / STOP) *//* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT *//* IMAGE CAPTIONS */
}
#sponsorship .bxslider li.slidWrap {
	padding-bottom: 1px;
}
#sponsorship .bnrList {
	overflow: hidden;
	margin: 0 auto;
}
#sponsorship .bnrList li {
	float: left;
	margin: 0 10px 10px 0;
	width: 190px;
	border: solid 1px #666666;
}
#sponsorship .bnrList li img {
	width: 100%;
}
#sponsorship .bnrList li:nth-child(5n) {
	margin-right: 0;
}
#sponsorship .bnrList li:nth-child(1), #sponsorship .bnrList li:nth-child(6) {
	margin-left: 10px;
}
#sponsorship .bnrList li:nth-child(n+5) {
	margin-bottom: 0;
}
#sponsorship .bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
 *zoom: 1;
}
#sponsorship .bx-wrapper img {
	max-width: 100%;
	display: block;
}
#sponsorship .bx-wrapper .bx-viewport {
	left: -5px;
	background: #fff;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
#sponsorship .bx-wrapper .bx-pager, #sponsorship .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
#sponsorship .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
#sponsorship .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
#sponsorship .bx-wrapper .bx-pager .bx-pager-item, #sponsorship .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}
#sponsorship .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#sponsorship .bx-wrapper .bx-pager.bx-default-pager a:hover, #sponsorship .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #330000;
}
#sponsorship .bx-wrapper .bx-prev {
	left: -77px;
	background: url(img/arrow_sl_l.png) no-repeat 16px;
	background-color: #330000;
}
#sponsorship .bx-wrapper .bx-next {
	right: -77px;
	background: url(img/arrow_sl_r.png) no-repeat 20px;
	background-color: #330000;
}
#sponsorship .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 45%;
	margin-top: -16px;
	outline: 0;
	text-indent: -9999px;
	z-index: 9999;
	border-radius: 50px;
	width: 50px;
	height: 50px;
}
#sponsorship .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
#sponsorship .bx-wrapper .bx-controls-auto {
	text-align: center;
}
#sponsorship .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
#sponsorship .bx-wrapper .bx-controls-auto .bx-start:hover, #sponsorship .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
#sponsorship .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
#sponsorship .bx-wrapper .bx-controls-auto .bx-stop:hover, #sponsorship .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
#sponsorship .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
#sponsorship .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
#sponsorship .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666 \9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
#sponsorship .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
#sponsorship.sp {
	width: 90%;
}
#sponsorship.sp .bx-viewport {
	position: static !important;
}
#sponsorship.sp .bxslider {
	overflow: hidden;
}
#sponsorship.sp .bxslider li img {
	width: 100%;
	border: solid 1px #666666;
	box-sizing: border-box;
}
#sponsorship.sp .bx-pager {
	display: none;
}
#sponsorship.sp .bx-wrapper {
	margin: 0;
}
#sponsorship.sp .bx-wrapper .bx-controls-direction a {
	top: 60%;
	width: 13px;
	height: 13px;
}
#sponsorship.sp .bx-wrapper .bx-prev {
	background: url(img/arrow_sl_l.png) no-repeat 4px;
	background-size: 4px;
	background-color: #330000;
	left: -15px;
}
#sponsorship.sp .bx-wrapper .bx-next {
	background: url(img/arrow_sl_r.png) no-repeat 5px;
	background-size: 4px;
	background-color: #330000;
	right: -15px;
}
/*---------------------------------------------------------------------------------------

CSS information
file name  :base.css
style info :base

---------------------------------------------------------------------------------------*/


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

#header_index（index　大きいサイズ）

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




#header_index {
	/*width: 100%;*/
	background: url(img/header/bg.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
}

/*商品紹介ページへ飛ばすバナー*/

@media screen and (min-width: 768px) {
#header_index .viewer {
	display: none;
}
}

@media screen and (max-width: 768px) {
#header_index .viewer {
	margin: 0 auto;
	width: 95%;
	text-align: left;
	overflow: hidden;
}
#header_index .viewer ul {
	height: 0;
	margin: 5px 0;
	padding-top: 25%;
	text-align: left;
	overflow: hidden;
	position: relative;
}
#header_index .viewer ul li {
	top: 0;
	left: 0;
	display: none;
	position: absolute;
}
#header_index .viewer ul li img {
	width: 100%
}
}
/*
@media screen and (min-width: 768px) {
#header_index .bnr_product {
	display:none;}}

@media screen and (max-width: 768px) {
#header_index .bnr_product {
	text-align: center;
	margin: 0 auto;
	padding: 0 0 10px;
	width: 95%;
}
#header_index .bnr_product img {
	width: 100%;
}
}

*/







/*食画像*/
#header_index .bg01 {
	background: url(img/header/img06.png) center top no-repeat;
}

@media screen and (max-width: 768px) {
#header_index .bg01 {
	background: url(img/header/img06.png) center 40px no-repeat;
	background-size: 200%;
}
}
/*はなわ、パンクブーブー、野性爆弾〜アーティスト画像*/
#header_index .bg02 {
	background: url(img/header/img05.png) center bottom no-repeat;
}

@media screen and (max-width: 768px) {
#header_index .bg02 {
	background-size: 100%;
}
}
#header_index .inner {
	text-align: center;
	margin: 0 auto;
	padding: 80px 0 270px;
	width: 940px;
	position: relative;
}

@media screen and (max-width: 768px) {
#header_index .inner {
	width: 100%;
	padding: 50px 0 70px;
}
}
/*ロゴ*/
#header_index h1 {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 340px;
}
#header_index h1 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#header_index h1 {
	width: 60%;
}
}
/*会計不要・食べ放題*/
#header_index .img04 {
	margin: 0 auto;
	padding: 0;
	background: url(img/header/img04.png) left top no-repeat;
	width: 186px;
	height: 184px;
	position: absolute;
	top: 260px;
	right: -25px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

@media screen and (max-width: 768px) {
#header_index .img04 {
	display: none;
}
}
/*九州の美味が100店大集結！*/
#header_index .img01 {
	text-align: center;
	margin: 0 auto 15px;
	padding: 0;
	width: 630px;
}
#header_index .img01 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#header_index .img01 {
	margin: 0 auto 5px;
	width: 95%;
}
}
/*全品ふるまい食フェス*/
#header_index .img02 {
	text-align: center;
	margin: 0 auto 15px;
	padding: 0;
	width: 940px;
}
#header_index .img02 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#header_index .img02 {
	margin: 0 auto 5px;
	width: 95%;
}
}
/*2016年7月17日（日）*/
#header_index .img03 {
	text-align: center;
	margin: 0 auto 15px;
	padding: 0;
	width: 600px;
}
#header_index .img03 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#header_index .img03 {
	margin: 0 auto 10px;
	width: 95%;
}
}
/*開場14:30〜閉場予定21:00*/
#header_index .txt01 {
	text-align: center;
	margin: 0 auto 10px;
	padding: 0;
	font-size: 40px;
	font-weight: bold;
	color: #231815;
}

@media screen and (max-width: 768px) {
#header_index .txt01 {
	font-size: 22px;
}
}
/*宮崎市鶴島 大淀川河畔 特設会場（宮崎市役所裏）*/
#header_index .txt02 {
	text-align: center;
	margin: 0 auto 10px;
　 padding: 0;
	font-size: 26px;
	font-weight: bold;
	color: #231815;
}
#header_index .txt02 br {
	display: none;
}

@media screen and (max-width: 768px) {
#header_index .txt02 {
	font-size: 22px;
}
#header_index .txt02 br {
	display: inherit;
}
}
/*赤帯　お笑いLIVE、ダンス＆ミュージック~*/
#header_index .txt03 {
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	background: #D61719;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
/*赤帯　※ 本イベントは入場券（有料）を購入し〜*/
#header_index .txt04 {
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	background: #D61719;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
#header_index .txt03 {
	font-size: 13px;
}
#header_index .txt04 {
	font-size: 13px;
}
}
/*webで購入予約・購入手順　ボタン*/

#header_index .btn {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#header_index .btn a, #header_index .btn a:hover {
	margin: 0 auto 15px;
	width: 460px;
	height: 125px;
	display: block;
}
#header_index .btn a img {
	width: 460px;
	height: 125px;
}

@media screen and (max-width: 768px) {
#header_index .btn a img {
	width: 100%;
	height: auto;
}
#header_index .btn a, #header_index .btn a:hover {
	width: 90%;
	height: auto;
}
#header_index .btn b {
	background-size: 80%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

header（下層ページ　ミニサイズ）

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




header {
	/*width: 100%;*/
	background: url(img/header/bg.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	height: 320px;
}

@media screen and (max-width: 768px) {
header {
	height: inherit;
}
}
/*赤帯　※ 本イベントは入場券（有料）を購入し〜*/
header .txt04 {
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	background: #D61719;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
header .txt04 {
	font-size: 13px;
}
}
header .inner {
	text-align: center;
	margin: 0 auto;
	padding: 40px 0 0;
	width: 940px;
	position: relative;
}

@media screen and (max-width: 768px) {
header .inner {
	padding: 20px 0 10px;
	width: 100%;
}
}
header .lbox {
	width: 270px;
	float: left;
}
header .rbox {
	width: 670px;
	float: right;
}

@media screen and (max-width: 768px) {
header .lbox {
	width: 30%;
}
header .rbox {
	width: 70%;
}
}
/*ロゴ*/
header h1 {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 270px;
}
header h1 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
header h1 {
	width: 95%;
}
}
/*会計不要・食べ放題*/
header .img04 {
	margin: 0 auto;
	padding: 0;
	background: url(img/header/img04.png) left top no-repeat;
	width: 186px;
	height: 184px;
	position: absolute;
	top: 260px;
	right: -25px;
}

@media screen and (max-width: 768px) {
header .img04 {
	display: none;
}
}
/*九州の美味が100店大集結！*/
header .img01 {
	text-align: center;
	margin: 0 auto 15px;
	padding: 0;
	width: 555px;
}
header .img01 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
header .img01 {
	margin: 0 auto 5px;
	width: 95%;
}
}
/*全品ふるまい食フェス*/
header .img02 {
	text-align: center;
	margin: 0 auto 15px;
	padding: 0;
	width: 695px;
}
header .img02 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
header .img02 {
	margin: 0 auto 5px;
	width: 95%;
}
}
/*2016年7月17日（日）宮崎市鶴島大淀川河畔宮崎市位役所裏*/
header .img0304 {
	text-align: center;
	margin: 0 auto 15px;
	padding: 0;
	width: 595px;
}
header .img0304 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
header .img0304 {
	margin: 0 auto 5px;
	width: 95%;
}
}
/*webで購入予約・購入手順　ボタン*/

#header_index .btn {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
header .btn a, header .btn a:hover {
	margin: 0 auto 15px;
	width: 460px;
	height: 125px;
	display: block;
}
header .btn a img {
	width: 460px;
	height: 125px;
}

@media screen and (max-width: 768px) {
header .btn a img {
	width: 100%;
	height: auto;
}
header .btn a, header .btn a:hover {
	width: 90%;
	height: auto;
}
header .btn b {
	background-size: 80%;
}
}
/*------------------------------------------------------------------------------------------------------
main　header内カウントダウンタイマー*/


.countdown {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.countdown .box {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background: url(img/countdown/bg.png) left top no-repeat;
	width: 978px;
	height: 77px;
}
/*css/custom_flipcountdown.css*/


.xdsoft_flipcountdown {
	margin-left: 140px !important;
}
.xdsoft_flipcountdown div:nth-child(3) {
	width: 100px !important;
}
.xdsoft_flipcountdown div:nth-child(6) {
	width: 130px !important;
}
.xdsoft_flipcountdown div:nth-child(9) {
	width: 100px !important;
}
/*flipcountdown/jquery.flipcountdown.css*/



.xdsoft_flipcountdown {
	display: inline-block;
}
.xdsoft_flipcountdown .xdsoft_digit {
	float: left;
	background-repeat: no-repeat;
}
.xdsoft_flipcountdown .xdsoft_clearex {
	clear: both;
	float: none;
}
.xdsoft_flipcountdown >.xdsoft_digit {
	background-position: 0px 0px;
}
.xdsoft_flipcountdown >.xdsoft_digit.xdsoft_separator, .xdsoft_flipcountdown >.xdsoft_digit.xdsoft_dot {
	opacity: 0.9;
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit {
	width: 53px;
	height: 76px;
	background-image: url(./img/digit-lg.png);
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_space, .xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_separator, .xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_dot {
	width: 14px;
	background-position: -19px -5082px;
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_dot {
	background-position: -41px -5082px;
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_space {
	background-position: -100px -5082px;
}
.xdsoft_flipcountdown.xdsoft_size_md >.xdsoft_digit {
	width: 36px;
	height: 51px;
	background-image: url(./img/digit-md.png);
}
.xdsoft_flipcountdown.xdsoft_size_md >.xdsoft_digit.xdsoft_space, .xdsoft_flipcountdown.xdsoft_size_md >.xdsoft_digit.xdsoft_separator, .xdsoft_flipcountdown.xdsoft_size_md >.xdsoft_digit.xdsoft_dot {
	width: 10px;
	background-position: -13px -3432px;
}
.xdsoft_flipcountdown.xdsoft_size_sm >.xdsoft_digit {
	width: 24px;
	height: 34px;
	background-image: url(./img/digit-sm.png);
}
.xdsoft_flipcountdown.xdsoft_size_sm >.xdsoft_digit.xdsoft_space, .xdsoft_flipcountdown.xdsoft_size_sm >.xdsoft_digit.xdsoft_separator, .xdsoft_flipcountdown.xdsoft_size_sm >.xdsoft_digit.xdsoft_dot {
	width: 10px;
	background-position: -6px -2310px;
}
.xdsoft_flipcountdown.xdsoft_size_xs >.xdsoft_digit {
	width: 16px;
	height: 23px;
	background-image: url(./img/digit-xs.png);
}
.xdsoft_flipcountdown.xdsoft_size_xs >.xdsoft_digit.xdsoft_space, .xdsoft_flipcountdown.xdsoft_size_xs >.xdsoft_digit.xdsoft_separator, .xdsoft_flipcountdown.xdsoft_size_xs >.xdsoft_digit.xdsoft_dot {
	width: 5px;
	background-position: -5px -1584px;
}
/*------------------------------------------------------------------------------------------------------
header内　snsボタン*/



.snsBtn {
	width: 170px;
	overflow: hidden;
	position: absolute;
	top: 650px;
	right: 0px;
}
.snsBtn .fb, .snsBtn .tw, .snsBtn .hb {
	float: left;
}
.snsBtn .fb a, .snsBtn .tw a, .snsBtn .hb a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	border: solid 2px #ffffff;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 20px;
}
.snsBtn .fb a .icon, .snsBtn .tw a .icon, .snsBtn .hb a .icon {
	display: block;
	line-height: 47px;
}
.snsBtn .fb a:hover, .snsBtn .tw a:hover, .snsBtn .hb a:hover {
	background: #333333;
}
.snsBtn .fb {
	margin-right: 10px;
}
.snsBtn .fb a {
	background: #3b5998;
	font-size: 25px;
}
.snsBtn .fb a .icon-facebook {
	line-height: 44px;
	padding-right: 4px;
}
.snsBtn .tw {
	margin-right: 10px;
}
.snsBtn .tw a {
	background: #55acee;
}
.snsBtn .hb a {
	background: #008fde;
}

@media screen and (max-width: 768px) {
.snsBtn {
	top: 15px;
	right: 10px;
	z-index: 1;
	margin: 0 auto;
	width: 110px;
}
.snsBtn .fb, .snsBtn .tw, .snsBtn .hb {
	float: left;
}
.snsBtn .fb a, .snsBtn .tw a, .snsBtn .hb a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50px;
	border: solid 2px #ffffff;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 20px;
	display: block;
}
.snsBtn .fb a .icon, .snsBtn .tw a .icon, .snsBtn .hb a .icon {
	display: block;
	line-height: 25px;
}
.snsBtn .tw a {
	font-size: 16px;
}
.snsBtn .tw a .icon {
	line-height: 27px;
}
.snsBtn .hb a {
	font-size: 18px;
}
.snsBtn .hb a .icon {
	line-height: 26px;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

menu

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#menu {
	background: #F9FAE1;
	padding: 0;
	position: relative;
	margin: 0;
}
#menu:before {
	content: '';
	position: absolute;
	background: #48251d;
	height: 102px;
}
#menu ul.a {
	background: #48251d;
}
#menu ul.a li {
	position: relative;
	width: 166px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border-right: 1px solid #fff;
	display: inline-block;
	position: relative;
	width: 166px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border-right: 1px solid #fff;
	display: inline-block;
}
#menu ul.a li:before {
	content: '';
	position: absolute;
	bottom: -10px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	background: url(img/arrow_bottom.png) no-repeat center;
	background-color: #f2c50c;
}
#menu.other ul.a li:before {
	display: none;
}
#menu ul.a li.end {
	border-right: inherit;
}
#menu ul.a li a {
	color: #fff;
	display: block;
	padding: 30px 0;
}
#menu ul li a:hover {
	color: #ff0000;
}
#menu #headbar {
	position: fixed;
	top: 0;
	left: 0;
	background: #48251d;
	width: 100%;
	z-index: 10000;
}
#menu #headbar li {
	position: relative;
	width: 166px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border-right: 1px solid #fff;
	display: inline-block;
}
#menu #headbar li a {
	color: #ffffff;
	display: block;
	padding: 20px 0;
}
#menu #headbar li:before {
	content: '';
	position: absolute;
	bottom: -10px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	background: url(img/arrow_bottom.png) no-repeat center;
	background-color: #f2c50c;
}
#menu #headbar li:last-child {
	border: none;
}
#menu #headbar.other li:before {
	display: none;
}
#menu ul.b {
	text-align: left;
	margin: 0 auto;
	padding: 0 20px;
	width: 1000px;
	overflow: hidden;
}
#menu ul.b a {
	height: 30px;
	line-height: 30px;
	color: #330000;
	display: block;
	cursor: pointer;
}
#menu ul.b a:hover {
	color: #ff0000;
}
#menu ul.b li {
	margin: 0 30px 0 0;
	font-size: 14px;
	float: left;
}

@media screen and (max-width: 768px) {
#menu ul.b {
	text-align: center;
	width: 100%;
	padding: 0 5px;
}
#menu ul.b li {
	line-height: 5px;
	margin: 0 10px 0 0;
	font-size: 10px;
}
#menu ul.a li {
	display: block;
	float: left;
	width: calc(100%/6);
	width: -weblit-calc(100%/6);
	min-height: 102px;
	font-size: 10px;
	background: #48251d;
}
#menu ul.a li:nth-child(1) {
	padding: 45px 0 30px;
}
#menu ul.a li:nth-child(5), #menu ul.a li:nth-child(6) {
	padding: 45px 0 30px;
}
#menu ul.a li:nth-child(2), #menu ul.a li:nth-child(3), #menu ul.a li:nth-child(4) {
	min-height: 102px;
	line-height: 102px;
}
#menu ul.a li a {
	padding: 0;
}
#menu #headbar {
	position: fixed;
	top: 0;
	left: 0;
	background: #48251d;
	width: 100%;
	z-index: 10000;
}
#menu #headbar li {
	display: block;
	float: left;
	width: calc(100%/6);
	width: -weblit-calc(100%/6);
	min-height: 102px;
	font-size: 10px;
	background: #48251d;
}
#menu #headbar li a {
	padding: 0;
}
#menu #headbar li:nth-child(1) a {
	padding: 45px 0 30px;
}
#menu #headbar li:nth-child(5) a, #menu #headbar li:nth-child(6) a {
	padding: 45px 0 30px;
}
#menu #headbar li:nth-child(2), #menu #headbar li:nth-child(3), #menu #headbar li:nth-child(4) {
	min-height: 102px;
	line-height: 102px;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

footer

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
footer .box {
	margin: 0 auto 100px;
	width: 1000px;
}

@media screen and (max-width: 768px) {
footer .box {
	width: 100%;
	margin: 0 auto 50px;
}
}
footer .facebook {
	float: left;
	width: 480px;
	min-height: 420px;
}

@media screen and (max-width: 768px) {
footer .facebook {
	float: none;
	margin: 0 auto;
	width: 90%;
}
}
footer .facebook h1 {
	display: none;
}
footer .contact {
	float: right;
	text-align: left;
	width: 450px;
}

@media screen and (max-width: 768px) {
footer .contact {
	float: none;
	margin: 20px auto 0;
	width: 90%;
}
}
footer .contact h1 {
	display: none;
}
footer .contact .txt01 {
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
footer .contact .txt01 {
	text-align: center;
}
}
footer .contact .btn a {
	margin: 0 0 15px;
	padding-left: 100px;
	background: #333 url(img/footer/img01.png) 40px bottom no-repeat;
	color: #fff;
	font-size: 16px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 5px solid #000;
	height: 75px;
	line-height: 75px;
}

@media screen and (max-width: 768px) {
footer .contact .btn a {
	margin: 0 0 15px;
	background: #333 url(img/footer/img01_sp.png) 20px bottom no-repeat;
	background-size: 70px;
}
}
footer .contact .btn a:hover {
	background: #c81d1d url(img/footer/img01.png) 40px bottom no-repeat;
}

@media screen and (max-width: 768px) {
footer .contact .btn a:hover {
	background: #c81d1d url(img/footer/img01_sp.png) 20px bottom no-repeat;
	background-size: 70px;
}
}
footer .menu {
	margin: 0 auto;
	padding: 0 0 100px;
	width: 1000px;
	position: relative;
}

@media screen and (max-width: 768px) {
footer .menu {
	width: 90%;
}
}
footer .menu h1 {
	display: none;
}
footer .menu .img01 {
	width: 277px;
	height: 340px;
	background: url(img/footer/img02.png) left top no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position: absolute;
	right: -50px;
	bottom: -20px;
}
footer .menu .img02 {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position: absolute;
	right: 90px;
	bottom: 290px;
}

@media screen and (max-width: 768px) {
footer .menu .img01 {
	display: none;
}
footer .menu .img02 {
	display: none;
}
}
footer .menu ul.a {
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: bold;
}
footer .menu li {
	padding: 0 15px;
	border-right: 1px solid #333;
	display: inline;
}
footer .menu li:last-child {
	border-right: none;
}

@media screen and (max-width: 768px) {
footer .menu li {
	text-align: left;
	display: inline-block;
	padding: 0 5px 0 0;
	margin-bottom: 5px;
}
footer .menu li:last-child {
	border-right: none;
}
}
footer .menu li.end {
	border-right: inherit;
}
footer .copyright {
	padding: 130px 0 180px;
	background: #333;
	position: relative;
}
footer .copyright h1 {
	margin: auto;
	width: 218px;
	height: 178px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position: absolute;
	top: -70px;
	left: 0;
	right: 0;
}
footer .copyright h1 a img {
	width: 100%;
}

@media screen and (max-width: 768px) {
footer .copyright {
	padding: 130px 0 80px;
}
footer .copyright h1 {
	width: 70%;
}
footer .copyright h1 a {
	display: block;
}
footer .copyright h1 a img {
	width: 218px;
	height: 178px;
	margin: 0 auto;
}
}
footer .copyright .txt01 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

pegetop戻るボタン

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrapper {
	position: relative;
}
#page-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 20001;
	font-weight: bold;
	display: none;
}
#page-top a {
	color: #ffffff;
	display: block;
	width: 100px;
	height: 100px;
	padding-top: 60px;
	border-radius: 50px;
	background: url(img/arrow_top.png) no-repeat center 20px;
	background-color: #c81d1d;
	background-size: 50%;
}
#page-top a:hover {
	background-color: #c64646;
}

@media screen and (max-width: 768px) {
#page-top {
	right: 10px;
	bottom: 70px;
}
#page-top a {
	color: #ffffff;
	display: block;
	width: 50px;
	height: 50px;
	padding-top: 20px;
	border-radius: 50px;
	background: url(img/arrow_top.png) no-repeat center 5px;
	background-color: #c81d1d;
	background-size: 40%;
	font-size: 12px;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ticket_bnr

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*webで購入予約・購入手順　ボタン*/

#ticket_bnr {
	margin: 0 auto;
	padding: 10px 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 20000;
}
#ticket_bnr .btn {
	text-align: center;
	margin: 0 5px;
	padding: 0;
	width: 950px;
	display: inline-block;
}
#ticket_bnr .btn img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#ticket_bnr {
	padding: 5px 0;
}
#ticket_bnr .btn {
	margin: inherit;
	width: 95%;
}
}
/*---------------------------------------------------------------------------------------

CSS information
file name  :inddex.css
style info :index

---------------------------------------------------------------------------------------*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

news

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#news {
	margin: 0 0 50px;
	background: url(img/news/bg.png) left top repeat;
	overflow: hidden;
}
#news .box {
	margin: 0 auto;
	padding: 100px 0;
	width: 1000px;
	position: relative;
}

@media screen and (max-width: 768px) {
#news .box {
	padding: 30px 0;
	width: 90%;
}
}
#news .box .img01_b {
	width: 277px;
	height: 340px;
	background: url(img/news/img01.png) left top no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position: absolute;
	right: -300px;
	bottom: 0;
}
#news .box .img02_b {
	width: 117px;
	height: 124px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position: absolute;
	right: -160px;
	bottom: 290px;
}

@media screen and (max-width: 768px) {
#news .box .img01_b {
	display: none;
}
#news .box .img02_b {
	display: none;
}
}
#news .about {
	float: left;
	margin: 30px 0 0;
	width: 310px;
}
#news .about img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#news .about {
	float: none;
	margin: 0 auto 50px;
	width: 100%;
}
}
#news .about h1 {
	margin: 0 auto;
	width: 310px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#news .about h1 img {
	width: 100%;
}
#news .about .day {
	margin: 0 auto 20px;
}
.img01 {
	margin: 0 auto 15px;
}
#news .about dl {
	width: 100%;
	text-align: center;
	margin: 0 auto 10px;
	line-height: 1.5;
	font-size: 16px;
	font-weight: bold;
}
#news .about dt {
	float: left;
	margin: 0;
	padding: 5px 0 0;
	width: 60px;
	height: 35px;
	background: #C81D1D;
	color: #fff;
}
#news .about dd {
	float: left;
	text-align: left;
	margin: 0;
	padding: 5px 0 0 10px;
	width: 250px;
}
#news .about .btn a {
	margin: 20px auto 0;
	padding: 20px 0 20px 40px;
	width: 310px;
	background: #F9B407 url(img/news/img04_sp.png) 30px bottom no-repeat;
	background-size: 56px;
	color: #fff;
	font-size: 16px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 5px solid #CC8C17;
}
#news .about .btn a:hover {
	background: #F76F0B url(img/news/img04_sp.png) 30px bottom no-repeat;
	background-size: 56px;
}
/*注意書き*/
#news .about .txt01 {
	text-align: left;
	font-size: 13px;
}

@media screen and (max-width: 768px) {
#news .about h1, #news .about .img01 {
	width: 100%;
}
#news .about h1 img {
	width: 100%;
}
#news .about .img01 {
	background: url(img/news/img03_sp.png) left top no-repeat;
	background-size: 100%;
}
#news .about dl dd {
	width: auto;
}
#news .about .btn a {
	width: 100%;
	background: #F9B407 url(img/news/img04_sp.png) 30px bottom no-repeat;
	background-size: 56px;
}
}
#news .news {
	float: right;
	width: 650px;
}

@media screen and (max-width: 768px) {
#news .news {
	float: none;
	margin: 0 auto;
	width: 90%;
}
}
#news .news .topArea {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 0 10px;
}
#news .news h1 {
	overflow: hidden;
	float: left;
	height: 70px;
	padding-left: 10px;
}
#news .news h1 span {
	font-family: 'ttl';
	font-size: 24px;
	margin-left: 10px;
}
#news .news .moreBtn {
	float: right;
}
#news .news .moreBtn a {
	display: block;
	color: #000000;
	width: 90px;
	text-align: center;
	border: solid 1px #333333;
	border-radius: 5px;
	background: #ffffff;
	height: 30px;
	line-height: 30px;
	margin-top: 31px;
	background: url(img/arrow.png) no-repeat 75px 8px;
	background-color: #ffffff;
}
#news .news .moreBtn a:hover {
	color: #ffffff;
	background: url(img/arrow_w.png) no-repeat 75px 8px;
	background-color: #f2c50c;
	border: solid 1px #48251d;
}
#news .news .postlist {
	padding: 20px 0 0;
	border-top: 1px solid #48251D;
}
#news .news .post {
	float: left;
	text-align: left;
	margin: 0 8px;
	/*    padding: 0 0 20px;*/
	width: 200px;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	border: 0px solid #000;
	color: #000000;
	transition: all 0.2s;
}
#news .news .post img {
	width: 100%;
	height: 100%;
}
#news .news .post .txtarea {
	padding: 12px;
}
#news .news .post .date {
	color: #000000;
}
#news .news .post:hover {
	color: #f9b407;
	background: #f7f8e0;
}

@media screen and (max-width: 768px) {
#news .news .post {
	float: none;
	margin: 0 0 10px;
	padding: 0;
	width: 100%;
}
}
#news .news .post .img {
/*    margin: 0 0 20px;*/
}

@media screen and (max-width: 768px) {
#news .news .post .img {
	float: left;
	margin: 0;
	width: 30%;
	height: 80px;
}
#news .news .post .img img {
	width: 100%;
	height: 100%;
}
}
#news .news .post h2 {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	display: box;
	display: -moz-box;
	display: -webkit-box;
	display: -o-box;
	box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
#news .news .post h2 {
	margin: 20px 10px 10px;
}
}
#news .news .post .date {
	margin: 0 0 10px;
	font-size: 14px;
}

@media screen and (max-width: 768px) {
#news {
	margin: 0;
}
#news .news {
	width: 100%;
}
#news .news h1 {
	height: auto;
	font-size: 40px;
}
#news .news h1 span {
	font-size: 14px;
}
#news .news .moreBtn a {
	padding: 0 12px;
	width: 70px;
	height: 20px;
	line-height: 20px;
	text-align: left;
	background: url(img/arrow.png) no-repeat 59px 4px;
	background-size: 6px;
	margin-top: 20px;
	background-color: #ffffff;
}
#news .news .moreBtn a:hover {
	background: url(img/arrow_w.png) no-repeat 59px 4px;
	background-size: 6px;
	background-color: #f2c50c;
	border: solid 1px #48251d;
}
#news .news .post {
	overflow: hidden;
	height: 80px;
}
#news .news .post .img {
	margin-right: 2%;
}
#news .news .post .txtarea {
	width: 68%;
	float: right;
	height: 80px;
	padding: 5px 0;
}
#news .news .post .txtarea h2 {
	overflow: hidden;
	margin: 0;
	font-size: 18px;
	margin-bottom: 5px;
	display: box;
	display: -moz-box;
	display: -webkit-box;
	display: -o-box;
	box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
}
#news .news .post .txtarea .date {
	margin: 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

snsbnr

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#snsbnr {
	width: 1000px;
	margin: 0 auto 50px;
}
#snsbnr h1 {
	display: none;
}
#snsbnr .facebook a, #snsbnr .facebook a:hover, #snsbnr .twitter a, #snsbnr .twitter a:hover, #snsbnr .hatena a, #snsbnr .hatena a:hover {
	float: left;
	margin: 0 16px;
	padding: 40px 0;
	width: 300px;
	color: #fff;
	font-size: 16px;
	display: block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

@media screen and (max-width: 768px) {
#snsbnr .facebook a, #snsbnr .facebook a:hover, #snsbnr .twitter a, #snsbnr .twitter a:hover, #snsbnr .hatena a, #snsbnr .hatena a:hover {
	float: none;
	margin: 0 auto 10px;
	width: 90%;
}
}
#snsbnr .facebook a {
	background: #315096 url(img/snsbnr/img01.png) 40px center no-repeat;
}
#snsbnr .facebook a:hover {
	background: #000 url(img/snsbnr/img01.png) 40px center no-repeat;
}
#snsbnr .twitter a {
	background: #55acee url(img/snsbnr/img02.png) 40px center no-repeat;
}
#snsbnr .twitter a:hover {
	background: #000 url(img/snsbnr/img02.png) 40px center no-repeat;
}
#snsbnr .hatena a {
	background: #008fde url(img/snsbnr/img03.png) 40px center no-repeat;
}
#snsbnr .hatena a:hover {
	background: #000 url(img/snsbnr/img03.png) 40px center no-repeat;
}

@media screen and (max-width: 768px) {
#snsbnr {
	width: 100%;
	margin: 25px auto;
}
#snsbnr p.facebook, #snsbnr p.twitter, #snsbnr p.hatena {
	float: left;
	width: calc(100%/3);
	width: -webkit-calc(100%/3);
}
#snsbnr p.facebook a, #snsbnr p.twitter a, #snsbnr p.hatena a {
	color: transparent;
	padding: 10px 0;
	margin: 0 auto;
}
#snsbnr p.facebook a:hover, #snsbnr p.twitter a:hover, #snsbnr p.hatena a:hover {
	color: transparent;
	padding: 10px 0;
	margin: 0 auto;
}
#snsbnr p.facebook a {
	background: #315096 url(img/snsbnr/img01_sp.png) center no-repeat;
	background-size: 10px;
}
#snsbnr p.facebook a:hover {
	background: #000000 url(img/snsbnr/img01_sp.png) center no-repeat;
	background-size: 10px;
}
#snsbnr p.twitter a {
	background: #55acee url(img/snsbnr/img02_sp.png) center no-repeat;
	background-size: 25px;
}
#snsbnr p.twitter a:hover {
	background: #000000 url(img/snsbnr/img02_sp.png) center no-repeat;
	background-size: 25px;
}
#snsbnr p.hatena a {
	background: #008fde url(img/snsbnr/img03_sp.png) center no-repeat;
	background-size: 23px;
}
#snsbnr p.hatena a:hover {
	background: #000000 url(img/snsbnr/img03_sp.png) center no-repeat;
	background-size: 23px;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

whatsfullmai

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#whatsfullmai .wrapper {
	margin: 0 0 100px;
	padding: 100px 0;
	background: url(img/whatsfullmai/bg.jpg) left top repeat;
}
#whatsfullmai .box {
	width: 1000px;
	margin: 0 auto;
	padding: 100px 0;
	background: #fff url(img/whatsfullmai/bg02.png) right top no-repeat;
}

@media screen and (max-width: 768px) {
#whatsfullmai .box {
	width: 90%;
}
}
#whatsfullmai .box h1 {
	margin: 0 auto 50px;
	width: 401px;
	height: 90px;
}
#whatsfullmai .box h1 span {
	display: block;
	font-family: 'ttl';
	font-size: 24px;
	margin-top: 20px;
}
#whatsfullmai .box h2 {
	margin: 0 auto 50px;
	width: 492px;
	height: 26px;
	font-size: 26px;
	color: #330000;
	font-weight: bold;
}
#whatsfullmai .readtxt {
	margin: 0 0 50px;
	font-weight: bold;
	line-height: 2;
}
#whatsfullmai .btn a {
	margin: 0 auto;
	padding: 20px 0 20px 40px;
	width: 330px;
	background: #333 url(img/whatsfullmai/img01_sp.png) 30px bottom no-repeat;
	background-size: 56px;
	color: #fff;
	font-size: 16px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 5px solid #000;
}
#whatsfullmai .btn a:hover {
	background: #c81d1d url(img/whatsfullmai/img01_sp.png) 30px bottom no-repeat;
	background-size: 56px;
}

@media screen and (max-width: 768px) {
#whatsfullmai {
	margin-top: -100px;
	padding-top: 100px;
}
#whatsfullmai .wrapper {
	padding: 20px 0;
	margin: 0 0 30px;
}
#whatsfullmai .box {
	padding: 30px 0;
}
#whatsfullmai .box h1 {
	width: 100%;
	font-size: 40px;
	margin: 0px auto 20px;
}
#whatsfullmai .box h1 span {
	margin-top: 10px;
	font-size: 14px;
}
#whatsfullmai .box h2 {
	width: 90%;
	height: auto;
	line-height: 1.2;
	margin-bottom: 30px;
}
#whatsfullmai .box .readtxt {
	width: 95%;
	margin: 0 auto 20px;
	line-height: 1.6;
}
#whatsfullmai .btn a {
	width: 90%;
	background: #333 url(img/whatsfullmai/img01_sp.png) 10px bottom no-repeat;
	background-size: 56px;
}
#whatsfullmai .btn a:hover {
	background: #c81d1d url(img/whatsfullmai/img01_sp.png) 10px bottom no-repeat;
	background-size: 56px;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

branchshop

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#branchshop {
	position: relative;
	margin: 0 0 100px;
	padding: 100px 0 0;
}
#branchshop section {
	position: relative;
}
#branchshop section.wrapper {
	background: url(img/branchshop/bg.jpg) left top repeat;
	color: #330000;
	padding-bottom: 100px;
}
#branchshop section.wrapper .ttlArea {
	width: 1000px;
	position: relative;
	height: 104px;
	margin: 0 auto;
}
#branchshop section.wrapper .ttlArea h1.ttl {
	text-align: left;
	margin: 0 0 50px;
	position: absolute;
	top: -37px;
	left: 0;
	text-align: left;
}
#branchshop section.wrapper .ttlArea h1.ttl span {
	display: block;
	font-family: 'ttl';
	font-size: 24px;
	margin-top: 20px;
}
#branchshop section.wrapper .catArea {
	overflow: hidden;
	float: right;
	width: 670px;
}
#branchshop section.wrapper .catArea p {
	float: left;
	margin: 0 10px 10px 0;
}
#branchshop section.wrapper .catArea p a {
	display: block;
	margin: 0;
	width: 330px;
	height: 140px;
	transition: none;
}
#branchshop section.wrapper .catArea p a img {
	width: 100%;
}
#branchshop section.wrapper .catArea p:nth-child(2n) {
	margin-right: 0;
}
#branchshop section.wrapper .catArea p:nth-child(n+7) {
/*margin-bottom: 0;*/
}
#branchshop section.wrapper .catArea .bnr01 a:hover {
	background: url(img/branchshop/cat1_on.png) no-repeat left center;
	background-size: 100%;
}
#branchshop section.wrapper .catArea .bnr01 a:hover img {
	visibility: hidden;
}
#branchshop section.wrapper .catArea .bnr02 a:hover {
	background: url(img/branchshop/cat2_on.png) no-repeat left center;
	background-size: 100%;
}
#branchshop section.wrapper .catArea .bnr02 a:hover img {
	visibility: hidden;
}
#branchshop section.wrapper .catArea .bnr03 a:hover {
	background: url(img/branchshop/cat3_on.png) no-repeat left center;
	background-size: 100%;
}
#branchshop section.wrapper .catArea .bnr03 a:hover img {
	visibility: hidden;
}
#branchshop section.wrapper .catArea .bnr04 a:hover {
	background: url(img/branchshop/cat4_on.png) no-repeat left center;
	background-size: 100%;
}
#branchshop section.wrapper .catArea .bnr04 a:hover img {
	visibility: hidden;
}
#branchshop section.wrapper .catArea .bnr05 a:hover {
	background: url(img/branchshop/cat5_on.png) no-repeat left center;
	background-size: 100%;
}
#branchshop section.wrapper .catArea .bnr05 a:hover img {
	visibility: hidden;
}
#branchshop section.wrapper .catArea .bnr06 a:hover {
	background: url(img/branchshop/cat6_on.png) no-repeat left center;
	background-size: 100%;
}
#branchshop section.wrapper .catArea .bnr06 a:hover img {
	visibility: hidden;
}
#branchshop section.wrapper .catArea .bnr07 a:hover {
	background: url(img/branchshop/cat7_on.png) no-repeat left center;
	background-size: 100%;
}
#branchshop section.wrapper .catArea .bnr07 a:hover img {
	visibility: hidden;
}
#branchshop section.wrapper .catArea .bnr08 a:hover {
	background: url(img/branchshop/cat8_on.png) no-repeat left center;
	background-size: 100%;
}
#branchshop section.wrapper .catArea .bnr08 a:hover img {
	visibility: hidden;
}
#branchshop section.wrapper .catArea .bnr09 a:hover {
	background: url(img/branchshop/cat9_on.png) no-repeat left center;
	background-size: 100%;
}
#branchshop section.wrapper .catArea .bnr09 a:hover img {
	visibility: hidden;
}
#branchshop section.wrapper .catArea .bnr10 a:hover {
	background: url(img/branchshop/cat10_on.png) no-repeat left center;
	background-size: 100%;
}
#branchshop section.wrapper .catArea .bnr10 a:hover img {
	visibility: hidden;
}
#branchshop .ttlSub {
	text-align: left;
	width: 1000px;
	margin: 0 auto 50px;
	position: relative;
}

@media screen and (max-width: 768px) {
#branchshop .ttlSub {
	width: 90%;
}
}

@media screen and (max-width: 768px) {
#branchshop section.wrapper {
	width: 100%;
}
#branchshop section.wrapper .ttlArea {
	width: 90%;
}
#branchshop section.wrapper .ttlArea h1.ttl {
	width: 100%;
	left: 0;
	font-size: 40px;
	margin: 0;
}
#branchshop section.wrapper .ttlArea h1.ttl span {
	font-size: 20px;
}
}
#branchshop .ttlSub .img01 {
	background: url(img/branchshop/img01.png) left top no-repeat;
	background-size: 95%;
	width: 424px;
	height: 431px;
	position: absolute;
	top: -95px;
	right: 0;
	z-index: 1;
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
#branchshop .ttlSub .img01 {
	display: none;
}
}
#branchshop .readtxt01 {
	margin: 0 0 30px;
	width: 580px;
	font-weight: bold;
	line-height: 1.5;
}
#branchshop .readtxt01:before {
	content: '';
	width: 424px;
	height: 431px;
	position: absolute;
	right: 0;
	bottom: -180px;
	background: url(img/branchshop/img01.png) left top no-repeat;
	background-size: 95%;
	z-index: 1;
}

@media screen and (max-width: 768px) {
#branchshop .readtxt01 {
	width: 100%;
}
#branchshop .readtxt01:before {
	display: none;
}
}
#branchshop .readtxt02 {
	width: 580px;
	font-size: 14px;
	line-height: 1.5;
}
#branchshop .box {
	margin: 0 auto;
	padding: 50px 50px;
	width: 1000px;
	background: #fff url(img/branchshop/bg02.jpg) left top no-repeat;
	background-size: cover;
}

@media screen and (max-width: 768px) {
#branchshop .box {
	width: 90%;
	background-size: cover;
	height: auto;
}
}
#branchshop .box h1 {
	margin: 0 0 50px;
	width: 444px;
	height: 29px;
}
#branchshop .box h1 img {
	width: 100%;
}
#branchshop .bnr01 a img, #branchshop .bnr01 a:hover img, #branchshop .bnr02 a img, #branchshop .bnr02 a:hover img, #branchshop .bnr03 a img, #branchshop .bnr03 a:hover img, #branchshop .bnr04 a img, #branchshop .bnr04 a:hover img, #branchshop .bnr05 a img, #branchshop .bnr05 a:hover img, #branchshop .bnr06 a img, #branchshop .bnr06 a:hover img, #branchshop .bnr07 a img, #branchshop .bnr07 a:hover img, #branchshop .bnr08 a img, #branchshop .bnr08 a:hover img, #branchshop .bnr09 a img, #branchshop .bnr09 a:hover img, #branchshop .bnr10 a img, #branchshop .bnr10 a:hover img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#branchshop .bnr01 a, #branchshop .bnr01 a:hover, #branchshop .bnr02 a, #branchshop .bnr02 a:hover, #branchshop .bnr03 a, #branchshop .bnr03 a:hover, #branchshop .bnr04 a, #branchshop .bnr04 a:hover, #branchshop .bnr05 a, #branchshop .bnr05 a:hover, #branchshop .bnr06 a, #branchshop .bnr06 a:hover, #branchshop .bnr07 a, #branchshop .bnr07 a:hover, #branchshop .bnr08 a, #branchshop .bnr08 a:hover, #branchshop .bnr09 a, #branchshop .bnr09 a:hover, #branchshop .bnr10 a, #branchshop .bnr10 a:hover {
	float: none;
	margin: 0 auto 5px;
}
}

@media screen and (max-width: 768px) {
#branchshop {
	margin-bottom: 30px;
	margin-top: -102px;
	padding-top: 162px;
}
#branchshop section.wrapper {
	width: 100%;
	padding-bottom: 30px;
}
#branchshop section.wrapper .ttlArea {
	width: 90%;
	height: auto;
}
#branchshop section.wrapper .ttlArea h1.ttl {
	width: 100%;
	top: -27px;
	left: 0;
	font-size: 40px;
	margin: 0;
	overflow: hidden;
}
#branchshop section.wrapper .ttlArea h1.ttl span {
	font-size: 14px;
	margin-top: 10px;
}
#branchshop section.wrapper .ttlSub {
	padding-top: 80px;
	margin: 0 auto 30px;
}
#branchshop section.wrapper .ttlSub .readtxt01 {
	line-height: 1.6;
	text-align: left;
}
#branchshop section.wrapper .ttlSub .readtxt02 {
	width: 100%;
	text-align: left;
}
#branchshop section.wrapper .box {
	padding: 5% 2%;
	height: auto;
}
#branchshop section.wrapper .box h1 {
	margin: 0 auto 20px;
	width: 100%;
	height: auto;
}
#branchshop section.wrapper .box h1 img {
	width: 100%;
}
#branchshop section.wrapper .box .catArea {
	width: 90%;
	float: none;
	margin: 0 auto;
}
#branchshop section.wrapper .box .catArea .bnr01, #branchshop section.wrapper .box .catArea .bnr02, #branchshop section.wrapper .box .catArea .bnr03, #branchshop section.wrapper .box .catArea .bnr04, #branchshop section.wrapper .box .catArea .bnr05, #branchshop section.wrapper .box .catArea .bnr06, #branchshop section.wrapper .box .catArea .bnr07, #branchshop section.wrapper .box .catArea .bnr08, #branchshop section.wrapper .box .catArea .bnr09, #branchshop section.wrapper .box .catArea .bnr10 {
	width: 100%;
	margin: 0 auto 10px;
}
#branchshop section.wrapper .box .catArea .bnr01 a, #branchshop section.wrapper .box .catArea .bnr02 a, #branchshop section.wrapper .box .catArea .bnr03 a, #branchshop section.wrapper .box .catArea .bnr04 a, #branchshop section.wrapper .box .catArea .bnr05 a, #branchshop section.wrapper .box .catArea .bnr06 a, #branchshop section.wrapper .box .catArea .bnr07 a, #branchshop section.wrapper .box .catArea .bnr08 a, #branchshop section.wrapper .box .catArea .bnr09 a, #branchshop section.wrapper .box .catArea .bnr10 a {
	width: 100%;
	height: auto;
	background-size: 100%;
}
#branchshop section.wrapper .box .catArea .bnr01 a:hover, #branchshop section.wrapper .box .catArea .bnr02 a:hover, #branchshop section.wrapper .box .catArea .bnr03 a:hover, #branchshop section.wrapper .box .catArea .bnr04 a:hover, #branchshop section.wrapper .box .catArea .bnr05 a:hover, #branchshop section.wrapper .box .catArea .bnr06 a:hover, #branchshop section.wrapper .box .catArea .bnr07 a:hover, #branchshop section.wrapper .box .catArea .bnr08 a:hover, #branchshop section.wrapper .box .catArea .bnr09 a:hover, #branchshop section.wrapper .box .catArea .bnr10 a:hover {
	margin: 0 auto;
}
#branchshop section.wrapper .box .catArea p:nth-child(7) {
	margin-bottom: 10px;
}
#branchshop section.wrapper .box .catArea p:last-child(7) {
	margin-bottom: none;
}
}

@media screen and (max-width: 768px) {
.catArea {
	width: 100%;
	float: none;
}
.catArea a {
	height: auto;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

event

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#event .wrapper {
	padding: 100px 0;
	background: url(img/event/bg.jpg) left top repeat;
}
#event .ttl h1 {
	margin: 0 auto 50px;
	width: 145px;
	height: 148px;
	color: #ffffff;
}
#event .ttl h1 span {
	display: block;
	font-family: 'ttl';
	font-size: 24px;
	margin-top: 20px;
}
#event .box {
	margin: 0 auto;
	padding: 50px 50px;
	width: 1000px;
	background: #fff;
}

@media screen and (max-width: 768px) {
#event .box {
	width: 90%;
}
}
#event .readtxt {
	text-align: center;
	margin: 0 0 50px;
	font-weight: bold;
	line-height: 1.5;
}
#event .schedule {
	float: left;
	margin: 0 10px 100px;
	padding: 30px 30px 80px;
	width: 280px;
	background: #F7F8E0;
	position: relative;
}

@media screen and (max-width: 768px) {
#event .schedule {
	float: none;
	margin: 0 0 10px;
	padding: 30px 30px;
	width: 100%;
}
}
#event .schedule .img {
	margin: auto;
	position: absolute;
	bottom: -80px;
	left: 60px;
}

@media screen and (max-width: 768px) {
#event .schedule .img {
	float: left;
	width: 30%;
	position: inherit;
	left: 0;
	top: 0;
}
#event .schedule .img img {
	width: 100%;
	height: auto;
}
}

@media screen and (max-width: 768px) {
#event .schedule .txtarea {
	float: right;
	width: 65%;
}
}
#event .schedule .time {
	text-align: left;
	margin: 0 0 10px;
}
#event .schedule h1 {
	text-align: left;
	margin: 0 0 20px;
	font-size: 20px;
	font-weight: bold;
}
#event .schedule .txt {
	text-align: left;
	min-height: 120px;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
#event .schedule .txt {
	min-height: inherit;
}
}

@media screen and (max-width: 768px) {
#event {
	margin-top: -132px;
	padding-top: 132px;
}
#event .wrapper {
	padding: 30px 0;
	margin-bottom: 60px;
}
#event .ttl h1 {
	margin-bottom: 30px;
	font-size: 40px;
	height: auto;
}
#event .ttl h1 span {
	font-size: 14px;
	margin-top: 10px;
}
#event .box {
	padding: 30px 0 0;
}
#event .box .readtxt {
	width: 95%;
	margin: 0 auto 30px;
	text-align: left;
}
#event .box .schedule {
	padding: 10px 10px;
	width: 95%;
	margin: 0 auto 10px;
}
#event .box .schedule .img {
	float: none;
	margin-bottom: 10px;
	height: 50%;
	width: 50%;
}
#event .box .schedule .txtarea {
	float: none;
	width: 100%;
	margin: 0 auto;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

vewsmap

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#vewsmap {
	margin: 0 0 100px;
	padding: 100px 0 0;
}
#vewsmap section {
	position: relative;
}
#vewsmap section.wrapper {
	background: url(img/branchshop/bg.jpg) left top repeat;
	color: #330000;
	padding-bottom: 100px;
}
#vewsmap section.wrapper .ttlArea {
	width: 1000px;
	position: relative;
	height: 104px;
	margin: 0 auto;
}
#vewsmap section.wrapper .ttlArea h1.ttl {
	padding: 0;
	text-align: left;
	margin: 0;
	width: 317px;
	position: absolute;
	top: -37px;
	left: 0;
	text-align: left;
}
#vewsmap section.wrapper .ttlArea h1.ttl span {
	display: block;
	font-family: 'ttl';
	font-size: 24px;
	margin-top: 20px;
}
#vewsmap section.wrapper .ttlSub {
	width: 1000px;
	margin: 0 auto 50px;
	text-align: left;
}

@media screen and (max-width: 768px) {
#vewsmap section.wrapper {
	width: 100%;
}
#vewsmap section.wrapper .ttlArea {
	width: 90%;
	margin: 0 auto;
}
#vewsmap section.wrapper .ttlSub {
	width: 90%;
	margin: 0 auto 50px;
	text-align: left;
}
}
#vewsmap section.imgArea .img {
	display: block;
	height: 300px;
	box-sizing: content-box;
	background: url(img/img.jpg) repeat center;
	margin-top: 80px;
}

@media screen and (max-width: 768px) {
#vewsmap section.imgArea .img {
	background-size: 100% 150px;
	height: 150px;
}
}
#vewsmap .ttl {
	text-align: left;
	margin: 0 auto 50px;
	padding: 150px 0 0;
	width: 1000px;
	position: relative;
}

@media screen and (max-width: 768px) {
#vewsmap .ttl {
	width: 90%;
}
}
#vewsmap .ttl h1 {
	margin: 0 0 50px;
	overflow: hidden;
	position: absolute;
	top: -30px;
	left: 0;
}
#vewsmap .ttl h1 span {
	display: block;
	margin-top: 20px;
	font-family: 'ttl';
	font-size: 24px;
}
#vewsmap .readtxt {
	font-weight: bold;
	line-height: 1.5;
}
#vewsmap .box {
	margin: 0 auto;
	width: 1000px;
}
#vewsmap .box .map {
	width: 1000px;
}
#vewsmap .box .map img {
	width: 100%;
}
#vewsmap .box .txt01 {
	margin: 15px auto 0;
}

@media screen and (max-width: 768px) {
#vewsmap .box {
	width: 90%;
}
#vewsmap .box .map {
	width: 95%;
}
}
#vewsmap .box h1 {
	display: none;
}
#vewsmap .img01 {
	width: 1000px;
	height: 720px;
	background: url(img/vewsmap/img01.png) left top no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

@media screen and (max-width: 768px) {
#vewsmap .img01 {
	width: 100%;
	max-height: 410px;
	background-size: 100%;
}
#vewsmap .box .txt01 {
	font-size: 12px;
}
}

@media screen and (max-width: 768px) {
#vewsmap {
	margin-bottom: 30px;
	margin-top: -162px;
	padding-top: 162px;
}
#vewsmap section.wrapper {
	padding-bottom: 30px;
}
#vewsmap section.wrapper .ttlArea {
	height: auto;
}
#vewsmap section.wrapper .ttlArea h1.ttl {
	overflow: hidden;
	width: 100%;
	font-size: 40px;
	padding: 0 0 10px;
	top: -24px;
}
#vewsmap section.wrapper .ttlArea h1.ttl span {
	font-size: 14px;
	display: block;
	margin-top: 10px;
}
#vewsmap section.wrapper .ttlSub {
	padding-top: 60px;
	margin: 0px auto 20px;
}
#vewsmap section.wrapper .box {
	width: 90%;
	margin-bottom: 0;
}
#vewsmap section.wrapper .box img {
	width: 100%;
	margin: 0 auto;
}
#vewsmap section.imgArea {
	display: none;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

admissionticket

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#admissionticket .wrapper {
	padding: 100px 0;
	background: #F7F8E0 url(img/admissionticket/bg.jpg) center top no-repeat;
}

@media screen and (max-width: 768px) {
#admissionticket {
	margin-top: -132px;
	padding-top: 132px;
}
#admissionticket .wrapper {
	padding: 30px 0;
	margin-bottom: 60px;
}
}
#admissionticket .ttl h1 {
	margin: 0 auto 50px;
}
#admissionticket .ttl h1 span {
	display: block;
	margin-top: 20px;
	font-family: 'ttl';
	font-size: 24px;
}
#admissionticket .box {
	margin: 0 auto 18px;
	width: 1000px;
}

@media screen and (max-width: 768px) {
#admissionticket .box {
	width: 90%;
}
}
#admissionticket .ticket {
	float: left;
	margin: 0 6px 12px;
	padding: 50px 0;
	width: 320px;
	background: #fff;
}

@media screen and (max-width: 768px) {
#admissionticket .ticket {
	float: none;
	padding: 20px 0;
	width: 100%;
	margin: 0 auto 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px;
}
}
#admissionticket .ticket h1 {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
#admissionticket .ttl h1 {
	font-size: 40px;
}
#admissionticket .ttl h1 span {
	font-size: 14px;
}
}
#admissionticket .number {
	margin: 0 0 20px;
	font-size: 24px;
	font-weight: bold;
}
#admissionticket .price {
	margin: 0 0 15px;
	font-size: 24px;
	font-weight: bold;
	color: #D61518;
	height: 30px;
	line-height: 30px;
}
#admissionticket .en {
	margin: 0 5px 0 0;
	background: #48251D;
	width: 30px;
	height: 30px;
	font-size: 15px;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	line-height: 31px;
	vertical-align: top;
}
#admissionticket .tax {
	font-size: 14px;
}
#admissionticket .txt {
	font-size: 14px;
}
/*btn*/


#admissionticket .btn {
	margin: 0 auto 30px;
	padding: 50px 30px;
	width: 1000px;
	background: #fff;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
#admissionticket .btn {
	width: 90%;
	padding: 30px 0;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px;
}
}
#admissionticket .btn h1 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	float: none;
	clear: both;
}
/*お近くのローソンで直接購入*/
#admissionticket .btn .btn01 a {
	background: url(img/ticketguide/btn01_min.png) left top no-repeat;
	background-size: 100%;
}
#admissionticket .btn .btn01 a:hover {
	background: url(img/ticketguide/btn01_min.png) left 15px no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 768px) {
#admissionticket .btn .btn01 a {
	background: url(img/ticketguide/btn01.png) center top no-repeat;
	background-size: 100%;
}
#admissionticket .btn .btn01 a:hover {
	background: url(img/ticketguide/btn01.png) center 26px no-repeat;
	background-size: 100%;
}
}
/*お近くのファミリーマートで直接購入！*/
#admissionticket .btn .btn02 a {
	background: url(img/ticketguide/btn02_min.png) left top no-repeat;
	background-size: 100%;
}
#admissionticket .btn .btn02 a:hover {
	background: url(img/ticketguide/btn02_min.png) left 15px no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 768px) {
#admissionticket .btn .btn02 a {
	background: url(img/ticketguide/btn02.png) center top no-repeat;
	background-size: 100%;
}
#admissionticket .btn .btn02 a:hover {
	background: url(img/ticketguide/btn02.png) center 26px no-repeat;
	background-size: 100%;
}
}
/*お近くのセブン-イレブンで直接購入！*/
#admissionticket .btn .btn03 a {
	background: url(img/ticketguide/btn03_min.png) left top no-repeat;
	background-size: 100%;
}
#admissionticket .btn .btn03 a:hover {
	background: url(img/ticketguide/btn03_min.png) left 15px no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 768px) {
#admissionticket .btn .btn03 a {
	background: url(img/ticketguide/btn03.png) center top no-repeat;
	background-size: 100%;
}
#admissionticket .btn .btn03 a:hover {
	background: url(img/ticketguide/btn03.png) center 26px no-repeat;
	background-size: 100%;
}
}
/*お近くのショッピングセンターで直接購入！*/
#admissionticket .btn .btn04 a {
	background: url(img/ticketguide/btn04_min.png) left top no-repeat;
	background-size: 100%;
}
#admissionticket .btn .btn04 a:hover {
	background: url(img/ticketguide/btn04_min.png) left 15px no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 768px) {
#admissionticket .btn .btn04 a {
	background: url(img/ticketguide/btn04.png) center top no-repeat;
	background-size: 100%;
}
#admissionticket .btn .btn04 a:hover {
	background: url(img/ticketguide/btn04.png) center 26px no-repeat;
	background-size: 100%;
}
}
/*webで購入予約！*/
#admissionticket .btn .btn05 a {
	background: url(img/ticketguide/btn05_min.png) left top no-repeat;
	background-size: 100%;
}
#admissionticket .btn .btn05 a:hover {
	background: url(img/ticketguide/btn05_min.png) left 15px no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 768px) {
#admissionticket .btn .btn05 a {
	background: url(img/ticketguide/btn05.png) center top no-repeat;
	background-size: 100%;
}
#admissionticket .btn .btn05 a:hover {
	background: url(img/ticketguide/btn05.png) center 26px no-repeat;
	background-size: 100%;
}
}
/*(min)*/

#admissionticket .btn .btn01 a, #admissionticket .btn .btn01 a:hover, #admissionticket .btn .btn02 a, #admissionticket .btn .btn02 a:hover, #admissionticket .btn .btn03 a, #admissionticket .btn .btn03 a:hover, #admissionticket .btn .btn04 a, #admissionticket .btn .btn04 a:hover, #admissionticket .btn .btn05 a, #admissionticket .btn .btn05 a:hover {
	text-align: center;
	margin: 0 6px 20px;
	padding: 0;
	width: 175px;
	height: 170px;
	float: left;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*(big)*/
@media screen and (max-width: 768px) {
#admissionticket .btn .btn01 a, #admissionticket .btn .btn01 a:hover, #admissionticket .btn .btn02 a, #admissionticket .btn .btn02 a:hover, #admissionticket .btn .btn03 a, #admissionticket .btn .btn03 a:hover, #admissionticket .btn .btn04 a, #admissionticket .btn .btn04 a:hover, #admissionticket .btn .btn05 a, #admissionticket .btn .btn05 a:hover {
	text-align: center;
	padding-top: 15%;
	margin: 0 auto;
	width: 80%;
	height: inherit;
	float: inherit;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
}
/*Family Mart*/


#admissionticket .family {
	margin: 0 auto 30px;
	padding: 50px 0;
	width: 1000px;
	background: #fff;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
#admissionticket .family {
	width: 90%;
	padding: 30px 0;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px;
}
}
#admissionticket .family h1 {
	margin: 0 auto 50px;
	width: 273px;
	height: 54px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#admissionticket .family h1 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#admissionticket .family h1 {
	width: 60%;
	height: auto;
	margin: 0 auto 30px;
}
#admissionticket .family h1 img {
	width: 90%;
	margin: 0 auto;
}
}
#admissionticket .family .img01 {
	margin: 0 auto 30px;
	width: 643px;
	height: 57px;
	line-height: 57px;
	font-family: 'ttl';
	font-size: 24px;
	background: none;
	text-indent: 0;
	color: #22AC38;
}
#admissionticket .family .familyLogo {
	background: url(img/admissionticket/family.png) no-repeat center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: inline-block;
	max-width: 150px;
	padding: 0;
	vertical-align: bottom;
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
#admissionticket .family .img01 {
	background-size: 70%;
	width: 100%;
	font-size: 20px;
	height: auto;
	margin-bottom: 20px;
}
#admissionticket .family .img01 .familyLogo {
	background-size: 90%;
	max-width: 140px;
	display: block;
	margin: 0 auto;
	background: url(img/admissionticket/family_sp.png) no-repeat center;
	background-size: 137px;
}
}
#admissionticket .family .txt01 {
	margin: 0 auto 40px;
	padding: 20px 0;
	width: 360px;
	background: #22AC38;
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

@media screen and (max-width: 768px) {
#admissionticket .family .txt01 {
	width: 90%;
	font-size: 20px;
	padding: 10px 0;
	margin-bottom: 20px;
}
}

/*lawson*/

@media screen and (max-width: 768px) {
#admissionticket .seven .img01 {
	background-size: 70%;
	width: 100%;
	font-size: 20px;
	height: auto;
	margin-bottom: 20px;
}
#admissionticket .seven .img01 .sevenLogo {
	background-size: 90%;
	max-width: 140px;
	display: block;
	margin: 0 auto;
	background: url(img/admissionticket/family_sp.png) no-repeat center;
	background-size: 137px;
}
}
#admissionticket .seven .txt01 {
	margin: 0 auto 40px;
	padding: 20px 0;
	width: 360px;
	background: #ffa264;
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

@media screen and (max-width: 768px) {
#admissionticket .seven .txt01 {
	width: 90%;
	font-size: 20px;
	padding: 10px 0;
	margin-bottom: 20px;
}
}
/*seven*/


#admissionticket .lawson {
	margin: 0 auto 30px;
	padding: 50px 0;
	width: 1000px;
	background: #fff;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
#admissionticket .lawson {
	width: 90%;
	padding: 30px 0;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px;
}
}
#admissionticket .lawson h1 {
	margin: 0 auto 50px;
	width: 273px;
	height: 41px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#admissionticket .lawson h1 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#admissionticket .lawson h1 {
	width: 60%;
	height: auto;
	margin: 0 auto 30px;
}
#admissionticket .lawson h1 img {
	width: 90%;
	margin: 0 auto;
}
}
#admissionticket .lawson .img01 {
	margin: 0 auto 30px;
	width: 643px;
	height: 26px;
	line-height: 26px;
	font-family: 'ttl';
	font-size: 24px;
	background: none;
	text-indent: 0;
	color: #006cb6;
}
#admissionticket .lawson .lawsonLogo {
	background: url(img/admissionticket/lawson.png) no-repeat center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: inline-block;
	max-width: 150px;
	padding: 0;
	vertical-align: bottom;
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
#admissionticket .lawson .img01 {
	background-size: 70%;
	width: 100%;
	font-size: 20px;
	height: auto;
	margin-bottom: 20px;
}
#admissionticket .lawson .img01 .lawsonLogo {
	background-size: 90%;
	max-width: 140px;
	display: block;
	margin: 0 auto;
	background: url(img/admissionticket/lawson_sp.png) no-repeat center;
	background-size: 137px;
}
}
#admissionticket .lawson .txt01 {
	margin: 0 auto 40px;
	padding: 20px 0;
	width: 360px;
	background: #006cb6;
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

@media screen and (max-width: 768px) {
#admissionticket .lawson .txt01 {
	width: 90%;
	font-size: 20px;
	padding: 10px 0;
	margin-bottom: 20px;
}
}
#admissionticket hr {
	margin: 0 auto 40px;
	width: 80%;
	border-top: 1px solid #ccc;
	float: none;
	clear: both;
}

@media screen and (max-width: 768px) {
#admissionticket hr {
	width: 90%;
	margin-bottom: 20px;
}
}
#admissionticket .btn {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#admissionticket .btn a, #admissionticket .btn a:hover {
	margin: 0 auto 15px;
	width: 600px;
	height: 125px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#admissionticket .btn a img {
	width: 600px;
	height: 125px;
}

@media screen and (max-width: 768px) {
#admissionticket .btn a img {
	width: 100%;
	height: auto;
}
#admissionticket .btn a, #admissionticket .btn a:hover {
	width: 90%;
	height: auto;
}
#admissionticket .btn b {
	background-size: 80%;
}
}
#admissionticket .box02 {
	margin: 0 auto;
	padding: 30px 50px;
	width: 1000px;
	background: #fff;
}

@media screen and (max-width: 768px) {
#admissionticket .box02 {
	width: 90%;
	padding: 30px 0;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px;
}
#admissionticket .box02 .readtxt {
	width: 90%;
	margin: 0 auto;
}
}
#admissionticket .readtxt {
	text-align: left;
	font-weight: bold;
	line-height: 1.5;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

trafficaccess

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#trafficaccess {
	padding: 100px 0 100px;
}
#trafficaccess section.wrapper {
	background: url(img/trafficaccess/bg.jpg) left top repeat;
	padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
#trafficaccess {
	padding: 162px 0 35px;
	margin-top: -162px;
}
#trafficaccess section.wrapper {
	padding-bottom: 30px;
}
}
#trafficaccess .ttl {
	text-align: left;
	width: 1000px;
	margin: 0 auto 50px;
	padding: 100px 0 0;
	position: relative;
}

@media screen and (max-width: 768px) {
#trafficaccess .ttl {
	width: 90%;
	margin: 0 auto;
}
}
#trafficaccess .ttl h1 {
	margin: 0 0 50px;
	position: absolute;
	top: -30px;
	left: 0;
}
#trafficaccess .ttl h1 span {
	display: block;
	font-family: 'ttl';
	font-size: 24px;
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
#trafficaccess .ttl {
	padding: 0;
}
#trafficaccess .ttl h1 {
	font-size: 40px;
	top: -25px;
}
#trafficaccess .ttl h1 span {
	font-size: 14px;
	margin-top: 15px;
}
}
#trafficaccess .map {
	margin: 0 auto 30px;
	width: 1000px;
}

@media screen and (max-width: 768px) {
#trafficaccess .map {
	width: 90%;
}
}
#trafficaccess .map h1 {
	text-align: left;
	margin: 0 0 30px;
	font-size: 30px;
	font-family: 'ttl';
	color: #330000;
}

@media screen and (max-width: 768px) {
#trafficaccess .map {
	padding-top: 60px;
}
#trafficaccess .map h1 {
	font-size: 18px;
}
}
#trafficaccess .bus {
	text-align: left;
	margin: 0 auto 30px;
	padding: 20px 50px;
	width: 1000px;
	background: #fff;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
#trafficaccess .bus {
	width: 90%;
	padding: 20px 10px;
}
}
#trafficaccess .bus h1 {
	float: left;
	margin: 0 30px 0 0;
	padding: 20px 0 20px 70px;
	width: 220px;
	background: url(img/trafficaccess/img01.png) left center no-repeat;
	font-weight: bold;
	border-right: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
#trafficaccess .bus h1 {
	float: none;
	border-right: inherit;
	background: url(img/trafficaccess/img01_sp.png) left center no-repeat;
	background-size: 50px;
}
}
#trafficaccess .bus .txt01 {
	padding: 15px 0 0;
	font-size: 16px;
	line-height: 1.5;
}
#trafficaccess .car {
	text-align: left;
	margin: 0 auto 30px;
	padding: 20px 50px;
	width: 1000px;
	background: #fff;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
#trafficaccess .car {
	width: 90%;
	padding: 20px 10px;
}
}
#trafficaccess .car h1 {
	float: left;
	margin: 0 30px 0 0;
	padding: 20px 0 20px 70px;
	width: 220px;
	background: url(img/trafficaccess/img02.png) left center no-repeat;
	font-weight: bold;
	border-right: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
#trafficaccess .car h1 {
	float: none;
	border-right: inherit;
	background: url(img/trafficaccess/img02_sp.png) left center no-repeat;
	background-size: 50px;
}
}
#trafficaccess .car .txt01 {
	padding: 5px 0 0;
	font-size: 16px;
	line-height: 1.5;
}
#trafficaccess .shuttle {
	text-align: left;
	margin: 0 auto 30px;
	padding: 5px;
	width: 1000px;
	background: #fff;
	border: 1px solid #333;
}
#trafficaccess .shuttle h1 {
	display: none;
}
#trafficaccess .shuttle p img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#trafficaccess .shuttle {
	width: 90%;
}
}
#trafficaccess .box {
	text-align: left;
	margin: 0 auto;
	padding: 30px 50px;
	width: 1000px;
	background: #fff;
}

@media screen and (max-width: 768px) {
#trafficaccess .box {
	width: 90%;
	padding: 20px 10px;
}
}
#trafficaccess .box h1 {
	display: none;
}
#trafficaccess .box .txt01 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

branchshop

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.branchshopWrapper {
	position: relative;
}
.branchshopWrapper #breadcrumb {
	padding: 25px 0;
	text-align: left;
	width: 1000px;
	margin: 0 auto;
}
.branchshopWrapper #breadcrumb li {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	margin-right: 17px;
}
.branchshopWrapper #breadcrumb li:last-child span {
	color: #178bcb;
}
.branchshopWrapper #breadcrumb .home {
	background: url(img/home.png) no-repeat left top;
	background-size: 18px;
	padding-left: 37px;
	color: #000000;
	transition: all 0.2s ease-out;
}
.branchshopWrapper #breadcrumb .home:hover {
	color: #ff0000;
}
/*

.branchshopWrapper #breadcrumb .arrow {
    background: url(img/arrow.png) no-repeat center;
    width: 6px;
    height: 10px;
    display: inline-block;
    margin-left: 17px;
}
*/
.branchshopWrapper #breadcrumb .arrowIcon {
	margin-left: 17px;
}
.branchshopWrapper #breadcrumb:before {
	content: "";
	position: absolute;
	left: 0;
	top: 68px;
	border-bottom: solid 1px #cccccc;
	width: 100%;
}

@media screen and (max-width: 768px) {
.branchshopWrapper #breadcrumb {
	width: 90%;
}
}
.branchshopWrapper #branchshop section {
	background: url(img/branchshop/bg.jpg) left top repeat;
	padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
.branchshopWrapper #branchshop section {
	padding-bottom: 80px;
}
.branchshopWrapper #branchshop section.wrapper {
	padding-bottom: 100px;
}
}
.branchshopWrapper #branchshop .ttl {
	z-index: 1;
}
.branchshopWrapper #branchshop .ttl .readtxt01 {
	font-family: 'ttl';
}
.branchshopWrapper #branchshop .box {
	background: url(img/shop_info/cat_bg.png) no-repeat 753px 440px;
	padding: 50px 30px;
	background-color: #ffffff;
}
.branchshopWrapper #branchshop .box .catArea {
	width: auto;
}
.branchshopWrapper #branchshop .box .catArea p {
	margin-right: 10px;
}
.branchshopWrapper #branchshop .box .catArea p a {
	width: 305px;
	height: 130px;
}
.branchshopWrapper #branchshop .box .catArea p a:hover {
	width: 305px;
	height: 130px;
}
.branchshopWrapper #branchshop .box .catArea p:nth-child(2n) {
	margin-right: 10px;
}
.branchshopWrapper #branchshop .box .catArea p:nth-child(3n) {
	margin-right: 0;
}
.branchshopWrapper #branchshop .bnr {
	margin: 0 10px 10px 0;
	float: left;
}
.branchshopWrapper #branchshop .bnr a, .branchshopWrapper #branchshop .bnr a:hover {
	width: 305px;
	height: 130px;
	background-size: 305px;
	margin: 0;
	float: none;
}
.branchshopWrapper #branchshop .bnr:nth-child(3n+1) {
	margin-right: 0;
}

@media screen and (max-width: 768px) {
.branchshopWrapper #branchshop section.wrapper .ttlSub {
	padding-bottom: 0;
}
.branchshopWrapper #branchshop section.wrapper .box {
	background: url(img/shop_info/cat_bg.png) no-repeat center 4%;
	background-color: #ffffff;
}
.branchshopWrapper #branchshop section.wrapper .box h1 {
	margin: 0 auto 120px;
}
.branchshopWrapper #branchshop section.wrapper .box .catArea {
	width: auto;
	padding: 0;
}
.branchshopWrapper #branchshop section.wrapper .box .catArea p a {
	width: 100%;
	height: 100%;
}
.branchshopWrapper #branchshop section.wrapper .box .catArea p a:hover {
	width: 100%;
	height: 100%;
}
.branchshopWrapper #branchshop section.wrapper .bnr {
	margin: 0 auto 10px;
	float: none;
	width: 305px;
}
.branchshopWrapper #branchshop section.wrapper .bnr a, .branchshopWrapper #branchshop section.wrapper .bnr a:hover {
	width: 305px;
	height: 130px;
	background-size: 305px;
	margin: 0;
	float: none;
}
.branchshopWrapper #branchshop section.wrapper .bnr:nth-child(3n+1) {
	margin: 0 auto 10px;
}
}
.branchshopWrapper #branchshop .catArea {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-top: 86px;
	margin-top: -86px;
}
.branchshopWrapper #branchshop .catArea h1 {
	width: 204px;
	height: 50px;
	padding-left: 20px;
	box-sizing: content-box;
	margin-bottom: 45px;
}
.branchshopWrapper #branchshop .catArea h1 img {
	width: 100%;
}
.branchshopWrapper #branchshop .catArea h1:before {
	content: "";
	position: absolute;
	left: 0;
	top: 136px;
	height: 5px;
	width: 1000px;
	border-bottom: solid 5px #48251d;
}
.branchshopWrapper #branchshop .catArea .shopList {
	padding: 0 30px;
	overflow: hidden;
}
.branchshopWrapper #branchshop .catArea .shopList .nonePost {
	padding: 60px 0 30px;
	font-size: 28px;
}
.branchshopWrapper #branchshop .catArea .shopList li {
	width: 210px;
	width: -webkit-calc(850px / 4);
	width: calc(850px / 4);
	margin: 0 30px 30px 0;
	float: left;
	background: #ffffff;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2), -1px -1px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2), -1px -1px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2), -1px -1px 10px rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease-out;
}
.branchshopWrapper #branchshop .catArea .shopList li .infoTop {
	position: relative;
}
.branchshopWrapper #branchshop .catArea .shopList li .infoTop img {
	width: 100%;
	height: 100%;
}
.branchshopWrapper #branchshop .catArea .shopList li .infoTop .area {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #ffffff;
	padding: 0 20px 0 10px;
	height: 30px;
	line-height: 30px;
	color: #434343;
	transition: all 0.2s ease-out;
}
.branchshopWrapper #branchshop .catArea .shopList li .infoTop .area:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -20px;
	border-top: 30px solid transparent;
	border-right: 20px solid #ffffff;
	transition: all 0.2s ease-out;
}
.branchshopWrapper #branchshop .catArea .shopList li .infoBottom {
	padding: 10px;
	text-align: left;
}
.branchshopWrapper #branchshop .catArea .shopList li .infoBottom .shopName {
	min-height: 40px;
	font-size: 13px;
	line-height: 1.3;
	color: #434343;
	display: box;
	display: -moz-box;
	display: -webkit-box;
	display: -o-box;
	box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	overflow: hidden;
}
.branchshopWrapper #branchshop .catArea .shopList li .infoBottom .itemName {
	min-height: 65px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	color: #f9b407;
	display: box;
	display: -moz-box;
	display: -webkit-box;
	display: -o-box;
	box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	overflow: hidden;
}
.branchshopWrapper #branchshop .catArea .shopList li .infoBottom .btn {
	color: #ffffff;
	background: #330000;
	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin: 0 auto;
	transition: all 0.2s ease-out;
}
.branchshopWrapper #branchshop .catArea .shopList li:nth-child(4n) {
	margin-right: 0;
}
.branchshopWrapper #branchshop .catArea .shopList li:hover {
	background: #f7f8e0;
}
.branchshopWrapper #branchshop .catArea .shopList li:hover .infoTop .area {
	background: #f7f8e0;
}
.branchshopWrapper #branchshop .catArea .shopList li:hover .infoTop .area:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -20px;
	border-top: 30px solid transparent;
	border-right: 20px solid #f7f8e0;
}
.branchshopWrapper #branchshop .catArea .shopList li:hover .btn {
	background: #f9b407;
}
/*各カテゴリへ戻るボタン*/
.branchshopWrapper #branchshop .cat_icon {
	text-align: center;
	margin: 50px auto 20px;
	padding: 0;
	width: 100%;
}
.branchshopWrapper #branchshop .cat_icon ul {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
.branchshopWrapper #branchshop .cat_icon ul li {
	margin: 0 5px;
	width: 70px;
	display: inline-block;
}
.branchshopWrapper #branchshop .cat_icon ul li img {
	width: 100%;
}

@media screen and (max-width: 768px) {
.branchshopWrapper #branchshop .catArea {
	width: 100%;
	padding-top: 102px;
	margin-top: -102px;
}
.branchshopWrapper #branchshop .catArea h1 {
	padding-left: 10px;
}
.branchshopWrapper #branchshop .catArea h1:before {
	width: 100%;
	top: 152px;
}
.branchshopWrapper #branchshop .catArea .shopList {
	padding: 0 10px;
}
.branchshopWrapper #branchshop .catArea .shopList li {
	width: 100%;
	width: -webkit-calc(50% - 5px);
	width: calc(50% - 5px);
	margin-right: 10px;
}
.branchshopWrapper #branchshop .catArea .shopList li .infoBottom {
}
.branchshopWrapper #branchshop .catArea .shopList li .infoBottom .itemName {
	font-size: 16px;
}
.branchshopWrapper #branchshop .catArea .shopList li:nth-child(even) {
	margin-right: 0;
}
.branchshopWrapper #branchshop .cat_icon ul li {
	margin: 0;
	width: 9%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

shop

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.shopWrapper {
	position: relative;
}
.shopWrapper #breadcrumb {
	padding: 25px 0;
	text-align: left;
	width: 1000px;
	margin: 0 auto 90px;
}
.shopWrapper #breadcrumb li {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	margin-right: 17px;
}
.shopWrapper #breadcrumb li:last-child span {
	color: #178bcb;
}
.shopWrapper #breadcrumb .home {
	background: url(img/home.png) no-repeat left top;
	background-size: 18px;
	padding-left: 37px;
	color: inherit;
	transition: all 0.2s ease-out;
}
.shopWrapper #breadcrumb a {
	color: #434343;
}
.shopWrapper #breadcrumb a:hover /*, .shopWrapper #breadcrumb a:hover span*/ {
	color: #ff0000;
}
/*
.shopWrapper #breadcrumb .arrow {
    background: url(img/arrow.png) no-repeat center;
    width: 6px;
    height: 10px;
    display: inline-block;
    margin-left: 17px;
}
*/

.shopWrapper #breadcrumb .arrowIcon {
	margin-left: 17px;
}
.shopWrapper #breadcrumb:before {
	content: "";
	position: absolute;
	left: 0;
	top: 68px;
	border-bottom: solid 1px #cccccc;
	width: 100%;
}
.shopWrapper section {
	width: 1000px;
	margin: 0 auto;
}
.shopWrapper .ttlArea {
	position: relative;
	text-align: left;
	padding: 30px 50px;
	margin-bottom: 50px;
	background: #f2f2f2;
}
.shopWrapper .ttlArea h1 {
	float: left;
	font-size: 20px;
	font-weight: bold;
	margin-top: 60px;
}
.shopWrapper .ttlArea .prefecture {
	position: absolute;
	top: 20px;
	left: -10px;
	color: #ffffff;
	background: #330000;
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	font-size: 18px;
	font-weight: bold;
}
.shopWrapper .ttlArea .prefecture:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	bottom: -10px;
	border-top: 10px solid #000000;
	border-left: 10px solid transparent;
}
.shopWrapper .ttlArea .cat {
	width: 130px;
	height: 30px;
	line-height: 30px;
	float: right;
	background: url(img/shop/cat_bg.png) no-repeat center;
	text-align: center;
	color: #ffffff;
}
.shopWrapper .ttlArea .city {
	background-color: #1cbb9b;
}
.shopWrapper .ttlArea .specialty {
	background-color: #3598db;
}
.shopWrapper .ttlArea .gift {
	background-color: #efc308;
}
.shopWrapper .ttlArea .sweets {
	background-color: #e94c3d;
}
.shopWrapper .ttlArea .ramen {
	background-color: #354a5f;
}
.shopWrapper .ttlArea .meet {
	background-color: #e57b23;
}
.shopWrapper .ttlArea .car {
	background-color: #9656ad;
}
.shopWrapper .ttlArea .umaimon {
	background-color: #1fcc72;
}
.shopWrapper .ttlArea .committee {
	background-color: #E61F19;
}
.shopWrapper .ttlArea .umikaze {
	background-color: #3598db;
}
.shopWrapper .ttlArea .kitchencar {
	background-color: #Ee03da6;
}
.shopWrapper .contentArea {
	width: 920px;
	margin: 0 auto;
}
.shopWrapper .contentArea img {
	width: 100%;
	height: 100%;
	/*width: 80%;
	height: 80%;*/
	margin: 0 auto 40px;
}
.shopWrapper .contentArea .text {
	text-align: left;
}
.shopWrapper .contentArea .text h2 {
	border-left: solid 8px #f9b407;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 30px;
}
.shopWrapper .contentArea .text h3 {
	background: #f2f2f2;
	padding: 10px 10px 10px 20px;
	margin-bottom: 30px;
}
.shopWrapper .contentArea .text p {
	font-size: 14px;
	margin-bottom: 40px;
	line-height: 3;
	margin-bottom: 30px;
}
.shopWrapper .shopInfo {
	position: relative;
	background: #f2f2f2;
	text-align: left;
	margin-bottom: 40px;
	padding: 100px 50px 50px;
}
.shopWrapper .shopInfo h2 {
	position: absolute;
	top: 20px;
	left: -10px;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	height: 50px;
	line-height: 50px;
	width: 190px;
	padding-left: 30px;
	box-sizing: border-box;
	background: #f9b407;
	color: #ffffff;
}
.shopWrapper .shopInfo h2:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	bottom: -10px;
	border-top: 10px solid #330000;
	border-left: 10px solid transparent;
}
.shopWrapper .shopInfo table {
	margin-bottom: 10px;
}
.shopWrapper .shopInfo table tr {
	height: 30px;
	font-size: 14px;
}
.shopWrapper .shopInfo table tr th {
	width: 115px;
	font-weight: bold;
}
.shopWrapper .shopInfo table tr td {
	width: 785px;
}
.shopWrapper .shopInfo table tr.url td a {
	color: #434343;
}
.shopWrapper .shopInfo table tr.url td a:hover {
	color: #ff0000;
}
.shopWrapper .shopInfo table tr.map td a {
	position: relative;
	display: block;
	width: 90px;
	height: 30px;
	line-height: 28px;
	background: #ffffff;
	border-radius: 5px;
	text-align: center;
	border: solid 1px #333333;
	box-sizing: border-box;
	color: #333333;
}
.shopWrapper .shopInfo table tr.map td a:before {
	content: '';
	position: absolute;
	width: 7px;
	height: 11px;
	top: 8px;
	right: 5px;
	background: url(img/arrow.png) no-repeat center;
}
.shopWrapper .shopInfo table tr.map td a:hover {
	background: #f9b407;
	border: solid 1px #330000;
	color: #ffffff;
}
.shopWrapper .shopInfo table tr.map td a:hover:before {
	background: url(img/arrow_w.png) no-repeat center;
}
.shopWrapper #snsbnr .facebook a, .shopWrapper #snsbnr .facebook a:hover, .shopWrapper #snsbnr .twitter a, .shopWrapper #snsbnr .twitter a:hover {
	margin: 0 10px 0 0;
}
.shopWrapper #snsbnr .hatena a, .shopWrapper #snsbnr .hatena a:hover {
	margin: 0;
}

@media screen and (max-width: 768px) {
.shopWrapper {
	width: 100%;
}
.shopWrapper #breadcrumb {
	width: 90%;
	margin-bottom: 35px;
}
.shopWrapper article {
	position: relative;
}
.shopWrapper article section {
	width: 90%;
}
.shopWrapper article .ttlArea {
	padding: 30px 10px 30px;
}
.shopWrapper article .ttlArea h1 {
	margin-top: 30%;
}
.shopWrapper .ttlArea .prefecture {
	font-size: 14px;
	top: 60px;
}
.shopWrapper .ttlArea .cat {
	position: absolute;
	top: 20px;
	left: 10px;
	float: inherit;
}
.shopWrapper article .contentArea {
	width: 90%;
	padding: 0;
}
.shopWrapper article .contentArea img {
	width: 100%;
}
.shopWrapper article .contentArea .text h2 {
	padding: 10px 0 10px 10px;
}
.shopWrapper article .contentArea .text h3 {
	padding: 10px;
}
.shopWrapper article .shopInfo {
	padding: 100px 10px 50px;
}
.shopWrapper article .shopInfo table tr th {
	width: 30%;
}
.shopWrapper article .shopInfo table tr td {
	width: 70%;
}
.shopWrapper #snsbnr .facebook a, .shopWrapper #snsbnr .facebook a:hover, .shopWrapper #snsbnr .twitter a, .shopWrapper #snsbnr .twitter a:hover, .shopWrapper #snsbnr .hatena a, .shopWrapper #snsbnr .hatena a:hover {
	height: 52px;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

news

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.newWrapper {
	position: relative;
}
.newWrapper #breadcrumb {
	padding: 25px 0;
	text-align: left;
	width: 1000px;
	margin: 0 auto;
}
.newWrapper #breadcrumb li {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	margin-right: 17px;
}
.newWrapper #breadcrumb li:last-child span {
	color: #178bcb;
}
.newWrapper #breadcrumb .home {
	background: url(img/home.png) no-repeat left top;
	background-size: 18px;
	padding-left: 37px;
	color: #000000;
}
.newWrapper #breadcrumb .home:hover {
	color: #ff0000;
}
/*
.newWrapper #breadcrumb .arrow {
    background: url(img/arrow.png) no-repeat center;
    width: 6px;
    height: 10px;
    display: inline-block;
    margin-left: 17px;
}
*/
.newWrapper #breadcrumb .arrowIcon {
	margin-left: 17px;
}
.newWrapper #breadcrumb:before {
	content: "";
	position: absolute;
	left: 0;
	top: 68px;
	border-bottom: solid 1px #cccccc;
	width: 100%;
}
.newWrapper .contentArea {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-top: 70px;
}
.newWrapper .contentArea h1 {
	overflow: hidden;
	padding: 0 0 10px 30px;
	margin-bottom: 30px;
	border-bottom: solid 1px #48251d;
	text-align: left;
}
.newWrapper .contentArea h1 span {
	font-family: 'ttl';
	font-size: 24px;
	margin-left: 10px;
}
.newWrapper .contentArea .newsList {
	overflow: hidden;
	padding: 0 70px;
}
.newWrapper .contentArea .newsList li {
	float: left;
	margin: 0 20px 30px 0;
	width: 200px;
	height: 250px;
	background: #ffffff;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2), -1px -1px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2), -1px -1px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2), -1px -1px 10px rgba(0, 0, 0, 0.2);
}
.newWrapper .contentArea .newsList li img {
	width: 100%;
	height: 170px;
}
.newWrapper .contentArea .newsList li .detailArea {
	padding: 20px 10px;
	text-align: left;
	color: #000000;
	background: #ffffff;
	transition: all 0.2s ease-out;
}
.newWrapper .contentArea .newsList li .detailArea .ttl {
	overflow: hidden;
	font-size: 20px;
	font-weight: bold;
	display: box;
	display: -moz-box;
	display: -webkit-box;
	display: -o-box;
	box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	margin-bottom: 10px;
}
.newWrapper .contentArea .newsList li .detailArea time {
	font-size: 13px;
	display: block;
}
.newWrapper .contentArea .newsList li:nth-child(4n) {
	margin-right: 0;
}
.newWrapper .contentArea .newsList li:hover .detailArea {
	color: #f9b407;
	background: #f7f8e0;
}
.newWrapper .contentArea .newsList li:hover time {
	color: #000000;
}

@media screen and (max-width: 768px) {
.newWrapper {
	width: 100%;
}
.newWrapper #breadcrumb {
	width: 90%;
}
.newWrapper #news {
	margin-bottom: 35px;
}
.newWrapper #news .contentArea {
	width: 90%;
	padding-top: 20px;
}
.newWrapper #news .contentArea h1 {
	font-size: 40px;
	height: 50px;
	width: 100%;
	text-align: left;
	padding-left: 10px;
}
.newWrapper #news .contentArea h1 span {
	font-size: 14px;
}
.newWrapper #news .contentArea .newsList {
	padding: 0;
}
.newWrapper #news .contentArea .newsList li {
	width: 100%;
	width: calc(95% / 2 );
	margin-right: 5%;
}
.newWrapper #news .contentArea .newsList li .detailArea {
	padding: 10px;
}
.newWrapper #news .contentArea .newsList li .detailArea .ttl {
	font-size: 14px;
	-webkit-line-clamp: 2;
	line-height: 1.3;
}
.newWrapper #news .contentArea .newsList li:nth-child(2n) {
	margin-right: 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

article

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.singleWrapper {
	position: relative;
}
.singleWrapper #breadcrumb {
	padding: 25px 0;
	text-align: left;
	width: 1000px;
	margin: 0 auto 90px;
}
.singleWrapper #breadcrumb li {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	margin-right: 17px;
}
.singleWrapper #breadcrumb li:last-child span {
	color: #178bcb;
}
.singleWrapper #breadcrumb .home {
	background: url(img/home.png) no-repeat left top;
	background-size: 18px;
	padding-left: 37px;
	color: #434343;
}
.singleWrapper #breadcrumb a:hover /*, .singleWrapper #breadcrumb a:hover span*/ {
	color: #ff0000;
}
.singleWrapper #breadcrumb a {
	color: #434343;
}
/*
.singleWrapper #breadcrumb .arrow {
    background: url(img/arrow.png) no-repeat center;
    width: 6px;
    height: 10px;
}
*/
.singleWrapper #breadcrumb .arrowIcon {
	margin-left: 17px;
}
.singleWrapper #breadcrumb:before {
	content: "";
	position: absolute;
	left: 0;
	top: 68px;
	border-bottom: solid 1px #cccccc;
	width: 100%;
}
.singleWrapper section {
	width: 1000px;
	margin: 0 auto 35px;
}
.singleWrapper section .ttlArea {
	position: relative;
	text-align: left;
	padding: 95px 50px 30px;
	margin-bottom: 50px;
	background: #f2f2f2;
}
.singleWrapper section .ttlArea time {
	position: absolute;
	top: 18px;
	left: -10px;
	color: #ffffff;
	background: #f9b407;
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	font-size: 18px;
	font-weight: bold;
}
.singleWrapper section .ttlArea time:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	bottom: -10px;
	border-top: 10px solid #330000;
	border-left: 10px solid transparent;
}
.singleWrapper section .ttlArea h1 {
	font-size: 20px;
	font-weight: bold;
}
.singleWrapper section .contentArea {
	width: 920px;
	margin: 0 auto;
}
.singleWrapper section .contentArea img {
	width: 100%;
	height: 100%;
	margin-bottom: 40px;
}
.singleWrapper section .contentArea .text {
	font-size: 14px;
	text-align: left;
}
.singleWrapper section .contentArea .text h2, .singleTitle {
	border-left: solid 8px #f9b407;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 30px;
}
.singleWrapper section .contentArea .text h3, .singleSubTitle {
	background: #f2f2f2;
	padding: 10px 10px 10px 20px;
	margin-bottom: 30px;
}
.singleWrapper section .contentArea .text p {
	font-size: 14px;
	margin-bottom: 40px;
	line-height: 1.6;
	margin-bottom: 30px;
}
.paging {
	overflow: hidden;
	margin-bottom: 35px;
}
.paging .next a, .paging .prev a {
	color: #ffffff;
	padding: 10px;
	background: #333333;
	display: block;
	border-radius: 5px;
}
.paging .next a:hover, .paging .prev a:hover {
	background: #c81d1d;
}
.paging .next {
	float: right;
}
.paging .next a .arrow {
	padding-left: 5px;
}
.paging .prev {
	float: left;
}
.paging .prev a .arrow {
	padding-right: 5px;
}

@media screen and (max-width: 768px) {
.singleWrapper {
	width: 100%;
}
.singleWrapper #breadcrumb {
	width: 90%;
	margin-bottom: 35px;
}
.singleWrapper article {
	position: relative;
}
.singleWrapper article section {
	width: 90%;
}
.singleWrapper article .ttlArea {
	padding: 95px 10px 30px;
}
.singleWrapper article .ttlArea time {
	font-size: 14px;
	padding: 0 20px;
}
.singleWrapper article .contentArea {
	width: 90%;
	padding: 0;
}
.singleWrapper article .contentArea img {
	width: 100%;
}
.singleWrapper article .contentArea .text h2, .singleTitle {
	padding: 10px 0 10px 10px;
}
.singleWrapper article .contentArea .text h3, .singleSubTitle {
	padding: 10px;
}
.singleWrapper article #snsbnr .facebook a, .singleWrapper article #snsbnr .facebook a:hover, .singleWrapper article #snsbnr .twitter a, .singleWrapper article #snsbnr .twitter a:hover, .singleWrapper article #snsbnr .hatena a, .singleWrapper article #snsbnr .hatena a:hover {
	height: 52px;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

rules

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.rulesWrapper {
	position: relative;
}
.rulesWrapper #breadcrumb {
	padding: 25px 0;
	text-align: left;
	width: 1000px;
	margin: 0 auto 90px;
}
.rulesWrapper #breadcrumb li {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	margin-right: 17px;
}
.rulesWrapper #breadcrumb li:last-child span {
	color: #178bcb;
}
.rulesWrapper #breadcrumb .home {
	background: url(img/home.png) no-repeat left top;
	background-size: 18px;
	padding-left: 37px;
	color: inherit;
}
.rulesWrapper #breadcrumb .home:hover {
	color: #ff0000;
}
/*
.rulesWrapper #breadcrumb .arrow {
    background: url(img/arrow.png) no-repeat center;
    width: 6px;
    height: 10px;
    display: inline-block;
    margin-left: 17px;
}
*/
.rulesWrapper #breadcrumb .arrowIcon {
	margin-left: 17px;
}
.rulesWrapper #breadcrumb:before {
	content: "";
	position: absolute;
	left: 0;
	top: 68px;
	border-bottom: solid 1px #cccccc;
	width: 100%;
}
.rulesWrapper article {
	width: 1000px;
	padding-left: 10px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.rulesWrapper article section:last-child {
	overflow: hidden;
}
.rulesWrapper article .ttlArea {
	margin-bottom: 90px;
}
.rulesWrapper article .ttlArea h1 {
	margin: 0 auto 50px;
}
.rulesWrapper article .ttlArea h1 span {
	display: block;
	margin-top: 10px;
}
.rulesWrapper article .ttlArea p {
	width: 340px;
	color: #666666;
	font-size: 20px;
	font-weight: bold;
	padding: 0 20px 20px;
	border-bottom: solid 1px #666666;
	margin: 0 auto;
}
.rulesWrapper article .rulesArea {
	position: relative;
	background: #f2f2f2;
	margin-bottom: 90px;
	padding: 95px 50px 50px;
	text-align: left;
}
.rulesWrapper article .rulesArea h1 {
	color: #ffffff;
	font-weight: bold;
	background: #f9b407;
	max-width: 220px;
	padding: 15px 30px;
	position: absolute;
	top: 20px;
	left: -10px;
}
.rulesWrapper article .rulesArea h1:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	bottom: -10px;
	border-top: 10px solid #330000;
	border-left: 10px solid transparent;
}
.rulesWrapper article .rulesArea ul li {
	line-height: 1.6;
	margin-bottom: 35px;
}
.rulesWrapper article .rulesArea ul li:last-child {
	margin-bottom: 0;
}
.rulesWrapper article .info {
	border: solid 1px #333333;
	width: 442px;
	float: right;
}
.rulesWrapper article .info h1 {
	background: #333333;
	color: #ffffff;
	font-weight: bold;
	width: 440px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
.rulesWrapper article .info ul {
	padding: 20px 55px;
}
.rulesWrapper article .info ul li {
	text-align: left;
	margin-bottom: 10px;
}
.rulesWrapper article .info ul li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
.rulesWrapper {
	width: 100%;
}
.rulesWrapper #breadcrumb {
	width: 90%;
	margin-bottom: 35px;
}
.rulesWrapper article {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding: 0;
}
.rulesWrapper article section {
	width: 90%;
	margin: 0 auto;
}
.rulesWrapper article section .ttlArea {
	width: 100%;
	margin-bottom: 30px;
}
.rulesWrapper article section .ttlArea h1 {
	font-size: 40px;
	margin-bottom: 30px;
}
.rulesWrapper article section .ttlArea h1 span {
	font-size: 14px;
}
.rulesWrapper article section .ttlArea p {
	font-size: 16px;
	padding-bottom: 10px;
	width: 100%;
}
.rulesWrapper article section .rulesArea {
	padding: 95px 20px 30px;
}
.rulesWrapper article section .info {
	width: 100%;
	float: none;
	margin: 0 auto;
}
.rulesWrapper article section .info ul {
	padding: 20px;
}
.rulesWrapper article section .info h1 {
	width: 100%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Whit’s Fullmai

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.fullmaiWrapper {
	position: relative;
}
.fullmaiWrapper #breadcrumb {
	padding: 25px 0;
	text-align: left;
	width: 1000px;
	margin: 0 auto 90px;
}
.fullmaiWrapper #breadcrumb li {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	margin-right: 17px;
}
.fullmaiWrapper #breadcrumb li:last-child span {
	color: #178bcb;
}
.fullmaiWrapper #breadcrumb .home {
	background: url(img/home.png) no-repeat left top;
	background-size: 18px;
	padding-left: 37px;
	color: inherit;
}
.fullmaiWrapper #breadcrumb .home:hover {
	color: #ff0000;
}
/*
.fullmaiWrapper #breadcrumb .arrow {
    background: url(img/arrow.png) no-repeat center;
    width: 6px;
    height: 10px;
    display: inline-block;
    margin-left: 17px;
}
*/
.fullmaiWrapper #breadcrumb .arrowIcon {
	margin-left: 17px;
}
.fullmaiWrapper #breadcrumb:before {
	content: "";
	position: absolute;
	left: 0;
	top: 68px;
	border-bottom: solid 1px #cccccc;
	width: 100%;
}
.fullmaiWrapper article {
	position: relative;
}
.fullmaiWrapper article .fullmaiInfo {
	position: relative;
	width: 1000px;
	margin: 0 auto 35px;
	padding-top: 120px;
}
.fullmaiWrapper article .fullmaiInfo h1 {
	position: absolute;
	top: -37px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
}
.fullmaiWrapper article .fullmaiInfo h1 span {
	display: block;
	margin-top: 20px;
	font-size: 24px;
}
.fullmaiWrapper article .fullmaiInfo section {
	background: url(img/whatsfullmai/fullmai_bg.png) no-repeat top center;
	box-sizing: content-box;
}
.fullmaiWrapper article .fullmaiInfo section h2 {
	position: relative;
	z-index: 1;
	font-size: 30px;
	font-weight: bold;
	color: #bc2221;
}
.fullmaiWrapper article .fullmaiInfo section p {
	color: #47241c;
	line-height: 1.6;
	height: 457px;
}
.fullmaiWrapper article section:nth-child(1):before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1333px;
	background: url(img/branchshop/bg.jpg) repeat left;
	z-index: 0;
}
.fullmaiWrapper article .fullmind {
	width: 1000px;
	margin: 0 auto 35px;
	background: url(img/whatsfullmai/fullmaind_bg.png) no-repeat bottom center;
	background-size: 70%;
	padding-bottom: 265px;
}
.fullmaiWrapper article .fullmind h1 {
	font-size: 150px;
	font-weight: bold;
	margin-bottom: 35px;
}
.fullmaiWrapper article .fullmind h1 img {
	width: 80%;
	margin: 0 auto;
}
.fullmaiWrapper article .fullmind h1 span {
	display: inline-block;
	width: 180px;
	height: 180px;
	line-height: 180px;
	background: #bc2221;
	border-right: solid 1px #ffffff;
	color: #ffffff;
}
.fullmaiWrapper article .fullmind h1 span:last-child {
	border: none;
}
.fullmaiWrapper article .fullmind h2 {
	color: #bc2221;
	font-weight: bold;
	font-size: 40px;
	letter-spacing: 5px;
	width: 670px;
	margin: 0 auto 35px;
	border-top: solid 1px #bc2221;
	border-bottom: solid 1px #bc2221;
	padding: 10px 0;
}
.fullmaiWrapper article .fullmind p {
	color: #47241c;
	line-height: 1.4;
}
.fullmaiWrapper article .fullmind p span {
	font-weight: bold;
}
.fullmaiWrapper article .fullmind p.lead {
	font-size: 25px;
	color: #bc2221;
	line-height: 1.6;
	margin-bottom: 35px;
}
.fullmaiWrapper article table {
	width: 670px;
	margin: 0 auto 35px;
	border: solid 2px #48251d;
	font-family: 'ttl';
	font-size: 15px;
}
.fullmaiWrapper article table tbody tr {
/*height: 50px;*/
}
.fullmaiWrapper article table tbody tr th {
	padding: 15px 0;
	width: 145px;
	background: #48251d;
	color: #ffffff;
	border-bottom: solid 1px #ffffff;
	font-weight: bold;
}
.fullmaiWrapper article table tbody tr td {
	padding: 15px 10px;
	text-align: left;
	border-bottom: solid 1px #48251d;
	line-height: 1.5;
}
.fullmaiWrapper article table tbody tr:last-child th {
	border: none;
}

@media screen and (max-width: 768px) {
.fullmaiWrapper {
	width: 100%;
}
.fullmaiWrapper #breadcrumb {
	width: 90%;
	margin-bottom: 50px;
}
.fullmaiWrapper article {
	width: 100%;
}
.fullmaiWrapper article section {
	margin-bottom: 35px;
}
.fullmaiWrapper article .fullmaiInfo {
	width: 100%;
	margin: 0 auto;
	padding-top: 90px;
	background: url(img/branchshop/bg.jpg) repeat left;
}
.fullmaiWrapper article .fullmaiInfo h1 {
	font-size: 40px;
	top: -22px;
}
.fullmaiWrapper article .fullmaiInfo h1 span {
	font-size: 14px;
}
.fullmaiWrapper article .fullmaiInfo section {
	width: 100%;
	margin: 0 auto;
	background-size: 100%;
}
.fullmaiWrapper article .fullmaiInfo section h2 {
	font-size: 18px;
	margin-bottom: 0;
}
.fullmaiWrapper article .fullmaiInfo section h2 img {
	width: 100%;
}
.fullmaiWrapper article .fullmaiInfo section p {
	font-size: 16px;
}
.fullmaiWrapper article .fullmaiInfo section:before {
	width: 100%;
}
.fullmaiWrapper article section:nth-child(1):before {
	display: none;
}
.fullmaiWrapper article .fullmind {
	width: 90%;
	background: none;
	padding-bottom: 0;
}
.fullmaiWrapper article .fullmind h1 {
	font-size: 110px;
}
.fullmaiWrapper article .fullmind h1 span {
	width: 140px;
	height: 140px;
	line-height: 140px;
}
.fullmaiWrapper article .fullmind h2 {
	font-size: 30px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 35px;
}
.fullmaiWrapper article .fullmind p {
	font-size: 16px;
}
.fullmaiWrapper article .fullmind p.lead {
	font-size: 20px;
}
.fullmaiWrapper article table {
	width: 90%;
}
.fullmaiWrapper article table tbody tr th {
	width: 25%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ページネーション

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.pagination {
	width: auto;
	margin-bottom: 30px;
}
.pagination ul {
	width: 50%;
	margin: 0 auto;
	overflow: hidden;
}
.pagination ul li {
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	margin-right: 5px;
	vertical-align: middle;
}
.pagination ul li.next, .pagination ul li.prev {
	font-size: 14px;
}
.pagination ul li.active {
	padding: 10px;
	background: #c81d1d;
	border-radius: 5px;
}
.pagination ul li a {
	color: #ffffff;
	padding: 0 10px;
	display: block;
	background: #333333;
	border-radius: 5px;
	height: 36px;
	line-height: 36px;
}
.pagination ul li a:hover {
	background: #c81d1d;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ticketguide　チケットガイド

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#ticketguide {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 940px;
}

@media screen and (max-width: 768px) {
#ticketguide {
	width: 100%;
}
}
#ticketguide .ticketPrice {
	text-align: center;
	margin: 0 auto 50px;
	padding: 0;
}
#ticketguide .ticketPrice h1 {
	margin: 0 0 30px;
	padding: 15px 0 10px 0;
	background: #FEA9B3;
	font-size: 30px;
	font-weight: bold;
}
#ticketguide .ticketPrice p {
	text-align: left;
	margin: 0 0 10px;
	padding: 0;
	font-size: 20px;
}

@media screen and (max-width: 768px) {
#ticketguide .ticketPrice p {
	font-size: 14px;
}
}
#ticketguide .ticketPrice table {
	text-align: center;
	margin: 0 auto 30px;
	padding: 0;
	width: 600px;
	border: 8px solid #d61719;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 30px;
	font-weight: bold;
}
#ticketguide .ticketPrice th {
	text-align: center;
	margin: 0 auto;
	padding: 25px 0;
	color: #d61719;
	font-weight: bold;
	border: 8px solid #d61719;
	border-collapse: collapse;
	border-spacing: 0;
}
#ticketguide .ticketPrice td {
	text-align: center;
	margin: 0 auto;
	padding: 25px 0;
	font-weight: bold;
	border: 8px solid #d61719;
	border-collapse: collapse;
	border-spacing: 0;
}

@media screen and (max-width: 768px) {
#ticketguide .ticketPrice table {
	width: 100%;
	border: 5px solid #d61719;
}
#ticketguide .ticketPrice th {
	padding: 10px 0;
}
#ticketguide .ticketPrice td {
	padding: 10px 0;
}
}
/*導入文章*/
#ticketguide .introduction {
	text-align: center;
	margin: 0 auto 50px;
	padding: 0;
}
#ticketguide .introduction h1 {
	margin: 0 0 30px;
	font-size: 30px;
	font-weight: bold;
	color: #231815;
}
#ticketguide .introduction p {
	text-align: left;
	margin: 0 0 10px;
	padding: 0;
	font-size: 20px;
	color: #B51D23;
	line-height: 1.3;
}

@media screen and (max-width: 768px) {
#ticketguide .introduction h1 {
	font-size: 28px;
}
#ticketguide .introduction p {
	font-size: 14px;
}
}
/*ボタン*/
#ticketguide .btn {
	text-align: center;
	margin: 0 auto 100px;
	padding: 0;
}
/*お近くのローソンで直接購入*/
#ticketguide .btn .btn01 a {
	background: url(img/ticketguide/btn01_min.png) left top no-repeat;
	background-size: 100%;
}
#ticketguide .btn .btn01 a:hover {
	background: url(img/ticketguide/btn01_min.png) left 15px no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .btn .btn01 a {
	background: url(img/ticketguide/btn01.png) left top no-repeat;
	background-size: 100%;
}
#ticketguide .btn .btn01 a:hover {
	background: url(img/ticketguide/btn01.png) left 26px no-repeat;
	background-size: 100%;
}
}
/*お近くのファミリーマートで直接購入！*/
#ticketguide .btn .btn02 a {
	background: url(img/ticketguide/btn02_min.png) left top no-repeat;
	background-size: 100%;
}
#ticketguide .btn .btn02 a:hover {
	background: url(img/ticketguide/btn02_min.png) left 15px no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .btn .btn02 a {
	background: url(img/ticketguide/btn02.png) left top no-repeat;
	background-size: 100%;
}
#ticketguide .btn .btn02 a:hover {
	background: url(img/ticketguide/btn02.png) left 26px no-repeat;
	background-size: 100%;
}
}
/*お近くのセブン-イレブンで直接購入！*/
#ticketguide .btn .btn03 a {
	background: url(img/ticketguide/btn03_min.png) left top no-repeat;
	background-size: 100%;
}
#ticketguide .btn .btn03 a:hover {
	background: url(img/ticketguide/btn03_min.png) left 15px no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .btn .btn03 a {
	background: url(img/ticketguide/btn03.png) left top no-repeat;
	background-size: 100%;
}
#ticketguide .btn .btn03 a:hover {
	background: url(img/ticketguide/btn03.png) left 26px no-repeat;
	background-size: 100%;
}
}
/*お近くのショッピングセンターで直接購入！*/
#ticketguide .btn .btn04 a {
	background: url(img/ticketguide/btn04_min.png) left top no-repeat;
	background-size: 100%;
}
#ticketguide .btn .btn04 a:hover {
	background: url(img/ticketguide/btn04_min.png) left 15px no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .btn .btn04 a {
	background: url(img/ticketguide/btn04.png) left top no-repeat;
	background-size: 100%;
}
#ticketguide .btn .btn04 a:hover {
	background: url(img/ticketguide/btn04.png) left 26px no-repeat;
	background-size: 100%;
}
}
/*webで購入予約！*/
#ticketguide .btn .btn05 a {
	background: url(img/ticketguide/btn05_min.png) left top no-repeat;
	background-size: 100%;
}
#ticketguide .btn .btn05 a:hover {
	background: url(img/ticketguide/btn05_min.png) left 15px no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .btn .btn05 a {
	background: url(img/ticketguide/btn05.png) left top no-repeat;
	background-size: 100%;
}
#ticketguide .btn .btn05 a:hover {
	background: url(img/ticketguide/btn05.png) left 26px no-repeat;
	background-size: 100%;
}
}
/*(min)*/

#ticketguide .btn .btn01 a, #ticketguide .btn .btn01 a:hover, #ticketguide .btn .btn02 a, #ticketguide .btn .btn02 a:hover, #ticketguide .btn .btn03 a, #ticketguide .btn .btn03 a:hover, #ticketguide .btn .btn04 a, #ticketguide .btn .btn04 a:hover, #ticketguide .btn .btn05 a, #ticketguide .btn .btn05 a:hover {
	text-align: center;
	margin: 0 6.5px 20px;
	padding: 0;
	width: 175px;
	height: 170px;
	float: left;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*（big）*/
@media screen and (max-width: 768px) {
#ticketguide .btn .btn01 a, #ticketguide .btn .btn01 a:hover, #ticketguide .btn .btn02 a, #ticketguide .btn .btn02 a:hover, #ticketguide .btn .btn03 a, #ticketguide .btn .btn03 a:hover, #ticketguide .btn .btn04 a, #ticketguide .btn .btn04 a:hover, #ticketguide .btn .btn05 a, #ticketguide .btn .btn05 a:hover {
	text-align: center;
	padding-top: 20%;
	margin: 0 0 0;
	width: 100%;
	height: inherit;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
}
/*ローソン説明*/
#ticketguide .lawson {
	text-align: center;
	margin: 0 auto 80px;
	padding: 0;
}
#ticketguide .aroow {
	text-align: center;
	margin: 0 auto 40px;
	padding: 0;
	width: 120px;
}
#ticketguide .lawson h1 {
	text-align: center;
	margin: 0 auto 50px;
	padding: 0;
	width: 940px;
}
#ticketguide .lawson h1 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .lawson h1 {
	width: 100%;
}
}
/*Lコード*/
#ticketguide .lawson .lcord {
	text-align: center;
	margin: 0 auto 35px;
	padding: 0;
	width: 400px;
}
#ticketguide .lawson .lcord img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .lawson .lcord {
	width: 100%;
}
}
#ticketguide .lawson .txt01 {
	margin: 0 0 30px;
	font-size: 20px;
	color: #231815;
	line-height: 1.3;
}

@media screen and (max-width: 768px) {
#ticketguide .lawson .txt01 {
	text-align: left;
	font-size: 14px;
}
}
#ticketguide .lawson h2 {
	margin: 0 0 10px;
	padding: 10px 0;
	font-size: 24px;
	font-weight: bold;
	color: #231815;
	background: #B4DFF7;
}

@media screen and (max-width: 768px) {
#ticketguide .lawson h2 {
	font-size: 16px;
}
}
#ticketguide .lawson .l_img {
	text-align: center;
	margin: 0 auto 40px;
	padding: 0;
	width: 940px;
}
#ticketguide .lawson .l_img img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .lawson .l_img {
	width: 100%;
}
}
/*ファミマ説明*/
#ticketguide .family {
	text-align: center;
	margin: 0 auto 80px;
	padding: 0;
}
#ticketguide .family h1 {
	text-align: center;
	margin: 0 auto 50px;
	padding: 0;
	width: 940px;
}
#ticketguide .family h1 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .family h1 {
	width: 100%;
}
}
/*キーワード*/
#ticketguide .family .lcord {
	text-align: center;
	margin: 0 auto 35px;
	padding: 0;
	width: 430px;
}
#ticketguide .family .lcord img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .family .lcord {
	width: 100%;
}
}
#ticketguide .family .txt01 {
	margin: 0 0 30px;
	font-size: 20px;
	color: #231815;
	line-height: 1.3;
}

@media screen and (max-width: 768px) {
#ticketguide .family .txt01 {
	text-align: left;
	font-size: 14px;
}
}
#ticketguide .family h2 {
	margin: 0 0 10px;
	padding: 10px 0;
	font-size: 24px;
	font-weight: bold;
	color: #231815;
	background: #C1DFB0;
}

@media screen and (max-width: 768px) {
#ticketguide .family h2 {
	font-size: 16px;
}
}
#ticketguide .family .f_img {
	text-align: center;
	margin: 0 auto 40px;
	padding: 0;
	width: 940px;
}
#ticketguide .family .f_img img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .family .f_img {
	width: 100%;
}
}
/*ファミマ説明*/
#ticketguide .seven {
	text-align: center;
	margin: 0 auto 80px;
	padding: 0;
}
#ticketguide .seven h1 {
	text-align: center;
	margin: 0 auto 50px;
	padding: 0;
	width: 940px;
}
#ticketguide .seven h1 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .seven h1 {
	width: 100%;
}
}
/*キーワード*/
#ticketguide .seven .lcord {
	text-align: center;
	margin: 0 auto 35px;
	padding: 0;
	width: 430px;
}
#ticketguide .seven .lcord img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .seven .lcord {
	width: 100%;
}
}
#ticketguide .seven .txt01 {
	margin: 0 0 30px;
	font-size: 20px;
	color: #231815;
	line-height: 1.3;
}

@media screen and (max-width: 768px) {
#ticketguide .seven .txt01 {
	text-align: left;
	font-size: 14px;
}
}
#ticketguide .seven h2 {
	margin: 0 0 10px;
	padding: 10px 0;
	font-size: 24px;
	font-weight: bold;
	color: #231815;
	background: #ffbd91;
}

@media screen and (max-width: 768px) {
#ticketguide .seven h2 {
	font-size: 16px;
}
}
#ticketguide .seven .SE_img {
	text-align: center;
	margin: 0 auto 40px;
	padding: 0;
	width: 940px;
}
#ticketguide .seven .SE_img img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .seven .SE_img {
	width: 100%;
}
}
/*お近くのショッピングセンター説明*/
#ticketguide .shop {
	text-align: center;
	margin: 0 auto 80px;
	padding: 0;
	font-size: 26px;
	color: #231815;
}
#ticketguide .shop h1 {
	text-align: center;
	margin: 0 auto 50px;
	padding: 0;
	width: 940px;
}
#ticketguide .shop h1 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .shop h1 {
	width: 100%;
}
}
#ticketguide .shop .update {
	margin: 0 0 50px;
}
#ticketguide .shop .txt01 {
	text-align: center;
	margin: 0 0 10px;
	font-size: 20px;
	color: #231815;
	line-height: 1.3;
}

@media screen and (max-width: 768px) {
#ticketguide .shop .txt01 {
	font-size: 14px;
}
}
#ticketguide .shop .txt03 {
	text-align: center;
	margin: 0 0 20px;
	padding: 10px 0;
	font-size: 20px;
	color: #231815;
	line-height: 1.3;
	background: #efefef;
}

@media screen and (max-width: 768px) {
#ticketguide .shop .txt03 {
	font-size: 14px;
}
}
#ticketguide .shop .shopList {
	margin: 0 0 50px;
	padding: 0 0 20px;
	border: 1px solid #666;
}
#ticketguide .shop .shopList ul {
}
#ticketguide .shop .shopList li {
	margin: 0 0 10px;
	text-align: left;
	width: 33%;
	font-size: 16px;
	line-height: 1.3;
	float: left;
}

@media screen and (max-width: 768px) {
#ticketguide .shop .shopList li {
	margin: 0 0 0 30px;
	float: inherit;
	font-size: 14px;
	width: inherit;
}
}
#ticketguide .shop h2 {
	margin: 0 0 20px;
	padding: 10px 0;
	font-size: 24px;
	font-weight: bold;
	color: #231815;
	background: #FEA9B3;
}

@media screen and (max-width: 768px) {
#ticketguide .shop h2 {
	font-size: 16px;
}
}
#ticketguide .shop h3 {
	text-align: left;
	margin: 0 0 10px;
	color: #DA0000;
	font-size: 26px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
#ticketguide .shop h3 {
	font-size: 16px;
}
}
#ticketguide .shop .txt02 {
	text-align: left;
	margin: 0 0 10px;
	font-size: 20px;
	color: #231815;
	line-height: 1.3;
}

@media screen and (max-width: 768px) {
#ticketguide .shop .txt02 {
	font-size: 14px;
}
}
#ticketguide .shop .s_img {
	text-align: center;
	margin: 0 auto 40px;
	padding: 0;
	width: 940px;
}
#ticketguide .shop .s_img img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#ticketguide .shop .s_img {
	width: 100%;
}
}
/*住所*/
#ticketguide .shop .address {
	text-align: left;
	margin: 20px 0 0;
	padding: 20px;
	border: 1px solid #333;
	font-size: 16px;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

fukkmailife　ふるまいライフ　キャンーペーン

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#fullmailife {
	text-align: center;
	margin: 0 auto 100px;
	padding: 0 0 100px;
	width: 940px;
	background: #A3040D;
}

@media screen and (max-width: 768px) {
#fullmailife {
	width: 100%;
	padding: 0 0 30px;
}
}
#fullmailife .main {
	text-align: center;
	margin: 0 auto 50px;
	padding: 0;
	width: 100%;
}
#fullmailife .main img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#fullmailife .main {
	width: 100%;
	margin: 0 auto 20px;
}
}
#fullmailife .img01 {
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 0;
	width: 100%;
}
#fullmailife .img01 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#fullmailife .img01 {
	width: 100%;
}
}
#fullmailife .img02 {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#fullmailife .img02 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#fullmailife .img02 {
	width: 100%;
}
}
#fullmailife .img03 {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#fullmailife .img03 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#fullmailife .img03 {
	width: 100%;
}
}
#fullmailife .img04 {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#fullmailife .img04 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#fullmailife .img04 {
	width: 100%;
}
}
#fullmailife .img05 {
	text-align: center;
	margin: 0 auto 20px;
	padding: 0;
	width: 100%;
}
#fullmailife .img05 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#fullmailife .img05 {
	width: 100%;
}
}
#fullmailife .btn {
	text-align: center;
	margin: 0 auto 30px;
	padding: 0;
	width: 820px;
}
#fullmailife .btn img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#fullmailife .btn {
	width: 95%;
	margin: 0 auto 10px;
}
}
#fullmailife .txt01 {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
#fullmailife .txt01 {
	font-size: 12px;
}
}