/*	reset
============================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}



/*	both
============================== */
img{
	vertical-align:bottom;
}
.cleartext {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

@media all and (min-width: 768px) {
	.pc-none{
		display: none;
	}
	.sp-none{
		display: block;
	}
	.br-pc {
		display:block;
	}
	.br-sp {
		display:none;
	}
	.link{
		transition-duration: 0.2s;
	}
	.link img{
	  cursor: pointer;
	}
	.link:hover{
	  transform: translateY(2px);
	  transition-duration: 0.2s;
	}
}

@media all and (max-width: 767px) {
	.pc-none{
		display: block;
	}
	.sp-none{
		display: none;
	}
	.br-pc {
		display:none;
	}
	.br-sp {
		display:block;
	}
}


/*	text
============================== */
body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  word-break: break-all;
  color:#231815;
}
a:link {
	text-decoration:none;
	color:#2d3450;
}
a:visited {
	text-decoration:none;
	color:#2d3450;
}
a:hover {
	text-decoration:underline;
	color:#2d3450;
}
a:active {
	text-decoration:underline;
	color:#2d3450;
}

.copyright a:link{color:#2d3450; text-decoration:none}
.copyright a:visited{color:#2d3450; text-decoration:none}
.copyright a:active{color:#2d3450; text-decoration:none}
.copyright a:hover{color:#2d3450; text-decoration:none; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; transition:all 0.5s ease;
}
.color01{
	color: #e84b91;
}
.color02{
	color: #0d98d8;
}


/*	contents
============================== */

.mainimg{
	width: 100%;
	height: 0;
	padding-top: 70.71428571428572%;
	padding-top: -webkit-calc(1188 / 1680 * 100%);
	padding-top: calc(1188 / 1680 * 100%);
	position: relative;
	background-image: url("../img/top_img.jpg");
	background-size: cover;
}

/* CONTENTS */
#top-contents-area{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ecedea+0,f8f8f6+50,ecedea+100 */
	background: #ecedea; /* Old browsers */
	background: -moz-linear-gradient(left,  #ecedea 0%, #f8f8f6 50%, #ecedea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ecedea 0%,#f8f8f6 50%,#ecedea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ecedea 0%,#f8f8f6 50%,#ecedea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecedea', endColorstr='#ecedea',GradientType=1 ); /* IE6-9 */
	text-align:center;
}
.contents-h2{
	color: #fff;
	text-align: center;
}
.festa_block_ss img,
.festa_block_s img,
.festa_block_m img,
.festa_block_l img{
	width: 100%;
}
.festa_block_ss figcaption span,
.festa_block_s figcaption span,
.festa_block_m figcaption span,
.festa_block_l figcaption span{
	font-size: 0.6em;
	font-weight: bold;
	opacity: 0.8;
}

.festa_block_ss figcaption,
.festa_block_s figcaption,
.festa_block_m figcaption,
.festa_block_l figcaption {
	color: #fff;
	font-weight: bold;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	line-height: 1em;
	text-align: left;
	background: linear-gradient(to bottom, rgba(68,68,68,0), #000000 50%);
	position: absolute;
	bottom: 0;
	width: 100%;
}


/* OTHER */
#top-other-area{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e84b91+0,f264a3+100 */
	background: #e84b91; /* Old browsers */
	background: -moz-linear-gradient(left,  #e84b91 0%, #f264a3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #e84b91 0%,#f264a3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #e84b91 0%,#f264a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84b91', endColorstr='#f264a3',GradientType=1 ); /* IE6-9 */
	text-align:center;
	color:#fff;
}


/* Twiter */
#top-twitter-area{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7fbee9+0,5da9dc+100 */
	background: #7fbee9; /* Old browsers */
	background: -moz-linear-gradient(left,  #7fbee9 0%, #5da9dc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #7fbee9 0%,#5da9dc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #7fbee9 0%,#5da9dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fbee9', endColorstr='#5da9dc',GradientType=1 ); /* IE6-9 */
	text-align:center;
	color:#fff;
}

.btn_bdbox img,
.btn_comment img{
	width: 100%;
}

.info-category{
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	text-align: center;
	margin: 0 auto 0.5em;
	font-family: 'Libre Caslon Text', serif;
	color: #e84b91;
}
.infoimg{
	width: 100%;
	margin: 0 auto;
}
.infoimg img{
	width: 100%;
}
.info-h2{
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 0.6em;
}
.info-h3{
	line-height: 1.5em;
	margin: 2em 0 0.8em;
}
.info-text{
	line-height: 1.5em;
	margin: 0 auto 1em;
}
.modaal-content-container{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d0d0d0+0,ffffff+50,d0d0d0+100 */
	background: #ffffff; /* Old browsers */
	overflow-y: scroll;
	border: 2px solid #e84b91;
}

/*========= モーダル表示のためのCSS ===============*/

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}
/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}
.modaal-video-wrap{
	margin: auto 20px;
}

.modaal-overlay{
	background: #000 !important;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}

/*PAGE*/
.page-header{
	border-bottom: 1px solid #0d98d8;
}
.page-title{
	color: #0d98d8;
}
.page-read{
	color: #000000;	
}
.page-contents{
	text-align: left;
	border-bottom: 1px solid #000000;
}
.page-text{
	color: #000000;
}
.page-h3{
	color: #ffffff;
	background: #0d98d8;
}
.page-h4{
	color: #eb4c90;
}
.page-img img{
	width: 100%;
}
.pvbanner img,
.btn-comment img,
.btn-comment-sp img{
	width: 100%;
}


@media all and (min-width: 768px) {
	#top-intro-area{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.intro-bg-wrap{
		width: 100%;
		height: 790px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.intro-bg-loop{
		
	}
	.intro-bg-loop01{
		width: 100%;
		height: 158px;
		background: url("../img/10th_bgtile_01@2x.jpg") repeat-x;
		background-position: 0 0;
		background-size: 1680px 158px;
		-webkit-animation: bgrooprigth 60s linear infinite;
		animation: bgroopright 60s linear infinite;
	}
	.intro-bg-loop02{
		width: 100%;
		height: 158px;
		background: url("../img/10th_bgtile_02@2x.jpg") repeat-x;
		background-position: 0 0;
		background-size: 1680px 158px;
		-webkit-animation: bgroopleft 60s linear infinite;
		animation: bgroopleft 60s linear infinite;
	}
	.intro-bg-loop03{
		width: 100%;
		height: 158px;
		background: url("../img/10th_bgtile_03@2x.jpg") repeat-x;
		background-position: 0 0;
		background-size: 1680px 158px;
		-webkit-animation: bgrooprigth 60s linear infinite;
		animation: bgroopright 60s linear infinite;
	}
	.intro-bg-loop04{
		width: 100%;
		height: 158px;
		background: url("../img/10th_bgtile_04@2x.jpg") repeat-x;
		background-position: 0 0;
		background-size: 1680px 158px;
		-webkit-animation: bgroopleft 60s linear infinite;
		animation: bgroopleft 60s linear infinite;
	}
	.intro-bg-loop05{
		width: 100%;
		height: 158px;
		background: url("../img/10th_bgtile_05@2x.jpg") repeat-x;
		background-position: 0 0;
		background-size: 1680px 158px;
		-webkit-animation: bgrooprigth 60s linear infinite;
		animation: bgroopright 60s linear infinite;
	}
	.intro-bg-loop06{
		width: 100%;
		height: 158px;
		background: url("../img/10th_bgtile_06@2x.jpg") repeat-x;
		background-position: 0 0;
		background-size: 1680px 158px;
		-webkit-animation: bgroopleft 60s linear infinite;
		animation: bgroopleft 60s linear infinite;
	}
	@-webkit-keyframes bgroopright {
		from {
			background-position: 0  0;
		}
		to {
			background-position: 1680px 0;
		}	
	}
	@keyframes bgroopright {
		from {
			background-position: 0 0;
		}
		to {
			background-position: 1680px 0;
		}
	}
	@-webkit-keyframes bgroopleft {
		from {
			background-position: 0  0;
		}
		to {
			background-position: -1680px 0;
		}
	}
	@keyframes bgroopleft {
		from {
			background-position: 0 0;
		}
		to {
			background-position: -1680px 0;
		}
	}
	.intro-text-wrap{
		width: 1080px;
		height: auto;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.intro-text{
		width: 790px;
		margin: 0 auto;
		padding: 60px 0;
		background: url("../img/bg_10box.jpg");
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
		border-radius: 20px;
	}
	.btn_bdbox,.btn_comment{
		width: 578px;
		height: 118px;
		margin: 20px auto 0;
	}
	.info-category{
		font-size: 16px;
	}
	.infoimg{
		width: 50%;
		margin: 0.5em auto 2em;
	}
	.infoimg img{
		width: 100%;
	}
	.modaal-content-container{
		height: 600px;
		padding: 5% 10%;
	}
	.info-h2{
		font-size: 32px;
	}
	.info-h3{
		font-size: 18px;
	}
	.info-text{
		font-size: 16px;
		line-height: 1.8em;
	}
	
	
	/* CONTENTS */
	
	#top-contents-area{
		width: 100%;
		padding: 60px 0 100px;
	}
	.pvbanner{
		width: 830px;
		margin: 10px auto 20px;
	}
	.btn-comment{
		width: 830px;
		margin: 10px auto;
	}
	.btn-comment-sp{
		display: none;
	}
	.contents-area-inner{
		width: 840px;
		margin: 0 auto;
		padding: 0;
	}
	.contents-leftblock{
		float: left;
	}
	.contents-rightblock{
		float: right;
	}
	.section_add figure {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
	.festa_block_ss{
		width:410px;
		height: 250px;
		padding: 5px;
	}
	.festa_block_s{
		width: 430px;
		height: 250px;
		padding: 5px;
	}
	.festa_block_m{
		width: 430px;
		height: 290px;
		padding: 5px;
	}
	.festa_block_l{
		width:390px;
		height: 550px;
		padding: 5px;
	}
	.festa_block_ss img,
	.festa_block_s img,
	.festa_block_m img,
	.festa_block_l img{
		transition: all 0.05s ease-out 0.05s;
	}
	.festa_block_ss figure:hover img,
	.festa_block_s figure:hover img,
	.festa_block_m figure:hover img,
	.festa_block_l figure:hover img{
		opacity: 1.0;
		transform: scale(1.1);
	}
	.festa_block_ss figcaption,
	.festa_block_s figcaption,
	.festa_block_m figcaption,
	.festa_block_l figcaption {
		font-size: 18px;
		line-height: 1em;
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 20px 10px 10px 10px;
	}
	
	
	/* OTHER */
	#top-twitter-area{
		width: 100%;
	}
	.other-area-inner{
		width: 820px;
		margin: 0 auto;
		padding: 40px 0 120px;
	}
	.contents-h2{
		font-size: 48px;
		letter-spacing: 1em;
		padding: 80px 0 0;
	}
	
	
	/* Twitter */
	
	#top-twitter-area{
		width: 100%;
	}
	.twitter-area-inner{
		width: 800px;
		height: 660px;
		margin: 0 auto;
		padding: 120px 0 0px;
	}
	.twitter-caption-area{
		width: 310px;
		height: 520px;
		float: left;
	}
	.twitter-caption-area{
		width: 296px;
		height: 258px;
		margin: 90px 0 0;
	}
	.twitter-caption-area img{
		width: 100%;
	}
	.twitter-text-area{
		width: 450px;
		height: 520px;
		float: right;
		border: 2px solid #0d98d8;
		background: #ffffff;
	}
	
	
	/* FOOTER */
	#footer{
		padding: 50px 0;
	}
	.footer-inner{
		width: 1080px;
		margin: 0 auto;
		text-align: center;
	}
	.top-banner-area{
		width: 870px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-banner{
		width: 230px;
		margin: 0 20px;
		border: 1px solid #bebebe;
	}
	.footer-banner img{
		width: 100%;
	}
	.copyright{
		font-size: 12px;
		letter-spacing: 0.2em;
		line-height: 22px;
		margin: 24px auto 0;
		
	}
	
	/*UNDER PAGE*/
	#page-intro-area{
		width: 100%;
		height: 316px;
		position: relative;
		overflow: hidden;
	}
	.page-bg-wrap{
		width: 100%;
		height: 316px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.page-logo{
		width: 242px;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.page-logo img{
		width: 100%;
	}
	.page-header{
		width: 840px;
		margin: 0 auto 40px;
	}
	.page-title{
		font-size: 40px;
		line-height: 60px;
		margin: 0 0 20px;
	}
	.page-title:first-letter{
		font-size: 64px;
	}
	.page-read{
		font-size: 20px;
		line-height: 30px;
		margin: 0 0 30px;
	}
	.page-contents{
		width: 710px;
		margin: 0 auto 60px;
		padding: 0 0 60px;
	}
	.page-text{
		font-size: 14px;
		line-height: 1.7em;
		margin: 0 0 32px;
	}
	.page-text small{
		font-size: 12px;
	}
	.page-h3{
		font-size: 20px;
		line-height: 1.4em;
		margin: 1em 0 1.5em;
		padding: 0.3em 0.4em;
	}
	.page-h4{
		font-size: 16px;
		margin: 1em 0 1em;
	}
	.page-img{
		width: 710px;
		margin: 1em 0 2em;
	}

	.btn-back{
		font-size: 32px;
		font-weight: bold;		
	}
	
	/* CD */
	.oritoku_table_cd{
		width: 710px;
		border-collapse: collapse;
		margin: 40px auto 20px;
	}
	.oritoku_table_cd tr td{
		color: #0d98d8;
		border: 1px solid #0d98d8;
		line-height: 1.6em;
		padding: 20px;
		background-color: rgba(255,255,255,1);
	}
	.oritoku_table_cd tr th{
		font-size: 12px;
		color: #fff;
		background: #0d98d8;
		border: 1px solid #0d98d8;
		padding: 10px 20px;
		text-align: center;
	}
	.td_store_cd{
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		width: 200px;
	}
	.td_haihu_cd{
		font-size: 14px;
		width: 300px;
	}
	.td_item_cd{
		font-size: 14px;
		width: 200px;
	}
	.td_img_cd{
		font-size: 10px;
		width: 80px;
		color: #666;
	}
	.td_img_cd img{
		width: 80px;
	}
}


@media all and (max-width: 767px) {	
	#top-intro-area{
		width: 100%;
		height: auto;
		position: relative;
	}
	.intro-bg-wrap{
		width: 100%;
		height: auto;
	}
	.intro-bg-loop01{
		background: url("../img/10th_bgtile_01@2x.jpg") repeat-x;
		-webkit-animation: bgrooprigth 60s linear infinite;
		animation: bgroopright 60s linear infinite;
	}
	.intro-bg-loop02{
		background: url("../img/10th_bgtile_02@2x.jpg") repeat-x;
		-webkit-animation: bgroopleft 60s linear infinite;
		animation: bgroopleft 60s linear infinite;
	}
	.intro-bg-loop03{
		background: url("../img/10th_bgtile_03@2x.jpg") repeat-x;
		-webkit-animation: bgrooprigth 60s linear infinite;
		animation: bgroopright 60s linear infinite;
	}
	.intro-bg-loop04{
		background: url("../img/10th_bgtile_04@2x.jpg") repeat-x;
		-webkit-animation: bgroopleft 60s linear infinite;
		animation: bgroopleft 60s linear infinite;
	}
	.intro-bg-loop05{
		background: url("../img/10th_bgtile_05@2x.jpg") repeat-x;
		-webkit-animation: bgrooprigth 60s linear infinite;
		animation: bgroopright 60s linear infinite;
	}
	.intro-bg-loop06{
		background: url("../img/10th_bgtile_06@2x.jpg") repeat-x;
		-webkit-animation: bgroopleft 60s linear infinite;
		animation: bgroopleft 60s linear infinite;
	}
	.intro-bg-loop01,
	.intro-bg-loop02,
	.intro-bg-loop03,
	.intro-bg-loop04,
	.intro-bg-loop05,
	.intro-bg-loop06{
		width: 100%;
		height: 80px;
		background-position: 0 0;
		background-size: cover;
	}
	@-webkit-keyframes bgroopright {
		from {
			background-position: 0  0;
		}
		to {
			background-position: 1680px 0;
		}	
	}
	@keyframes bgroopright {
		from {
			background-position: 0 0;
		}
		to {
			background-position: 1680px 0;
		}
	}
	@-webkit-keyframes bgroopleft {
		from {
			background-position: 0  0;
		}
		to {
			background-position: -1680px 0;
		}
	}
	@keyframes bgroopleft {
		from {
			background-position: 0 0;
		}
		to {
			background-position: -1680px 0;
		}
	}
	.intro-text-wrap{
		width: 100%;
		height: auto;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.intro-text{
		width: 80%;
		margin: 0 auto;
		padding: 7% 0;
		background: rgba(255,255,255,.8);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
		border-radius: 20px;
		opacity: 0.9em;
	}
	.btn_bdbox,.btn_comment{
		width: 85%;
		margin: 2% auto 0;
	}
	
	/* CONTENTS */
	.pvbanner{
		width: 80%;
		margin: 1% auto;
	}
	.btn-comment{
		display: none;
	}
	.btn-comment-sp{
		width: 80%;
		margin: 3% auto;
	}
	#top-contents-area{
		padding: 6% 0 8%;
	}
	.contents_left{
		width: 100%;
		margin: 0 auto;
	}
	.contents_right{
		width: 100%;
		margin: 0 auto;
	}
	.finblock{
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.finblock .festa_block_ss{
		width: 48% !important;
		margin: 1% !important;
	}
	.banner_block img{
		width: 100%;
	}
	.section_add figure {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
	.festa_block_ss,
	.festa_block_s,
	.festa_block_m,
	.festa_block_l{
		width:80%;
		margin: 4% auto;
	}
	.festa_block_ss figcaption,
	.festa_block_s figcaption,
	.festa_block_m figcaption,
	.festa_block_l figcaption {
		font-size: 0.8em;
		line-height: 1.2em;
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 1em 1em 0.5em 1em;
	}
	
	
	/* OTHER */
	#top-other-area{
		padding: 6% 0 15%;
	}
	.other-area-inner{
		width: 100%
	}
	.contents-h2{
		font-size: 1.8em;
		letter-spacing: 1em;
		padding: 4% 0 0;
	}
	
	
	/* Twitter */
	#top-twitter-area{
		padding: 10% 0 15%;
	}
	.twitter-area-inner{
		width: 100%
	}
	.twitter-caption-area{
		width: 50%;
		margin: 0 auto 1em;
	}
	.twitter-caption-area img{
		width: 100%;
	}
	.twitter-text-area{
		width: 80%;
		height: 300px;
		border: 2px solid #0d98d8;
		background: #ffffff;
		margin: 0 auto;
		overflow: hidden;
	}
	
	/* FOOTER */
	#footer{
		padding: 10% 0 25%;
	}
	.footer-inner{
		width: 95%;
		margin: 0 auto;
		text-align: center;
	}
	.top-banner-area{
		width: 100%;
		margin: 0 auto 2%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-banner{
		width: 48%;
		margin: 0.5%;
		border: 1px solid #bebebe;
	}
	.footer-banner img{
		width: 100%;
	}
	.copyright {
		width: 90%;
		margin: 0 auto;
		font-size: 0.5em;
		line-height: 2.2em;
		text-align: center;
	}
	.info-category{
		font-size: 0.7em;
	}
	.infoimg{
		width: 50%;
		margin: 1em auto 1.5em;
	}
	.modaal-content-container{
		height: 500px;
		padding: 10% 8%;
	}
	.info-h2{
		font-size: 1.2em;
	}
	.info-h3{
		font-size: 0.9em;
	}
	.info-text{
		font-size: 0.8em;
		line-height: 1.8em;
	}
	
	/*UNDER PAGE*/
	#page-intro-area{
		width: 100%;
		height: auto;
		position: relative;
	}
	.page-bg-wrap{
		width: 100%;
		height: auto;
	}
	.page-logo{
		width: 30%;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.page-logo img{
		width: 100%;
	}
	.page-header{
		width: 95%;
		margin: 1em auto 1.5em;
	}
	.page-title{
		font-size: 1.4em;
		line-height: 1.4em;
		margin: 0 0 0.5em;
	}
	.page-title:first-letter{
		font-size: 2.0em;
	}
	.page-read{
		font-size: 1em;
		line-height: 1.5em;
		margin: 0 0 1em;
	}
	.page-contents{
		width: 85%;
		margin: 0 auto 2em;
		padding: 0 0 2em;
	}
	.page-text{
		font-size: 0.9em;
		line-height: 1.6em;
		margin: 0 0 1em;
	}
	.page-text small{
		font-size: 12px;
	}
	.page-h3{
		font-size: 1em;
		line-height: 1.3em;
		margin: 1.5em 0 1.5em;
		padding: 0.3em 0.4em;
	}
	.page-h4{
		font-size: 0.9em;
		margin: 1.5em 0 1em;
	}
	.page-img{
		width: 100%;
		margin: 1em 0 2em;
	}
	.btn-back{
		font-size: 2em;
		font-weight: bold;
	}
	
	/* CD */
	.oritoku_table_cd{
		width: 100%;
		border-collapse: collapse;
		margin: 0.5em auto 1.5em;
		
	}
	.oritoku_table_cd tr td{
		font-size: 0.7em;
		color: #0d98d8;
		border: 1px solid #0d98d8;
		line-height: 1.6em;
		padding: 1em;
		background-color: rgba(255,255,255,1);
	}
	.oritoku_table_cd tr th{
		color: #fff;
		background: #0d98d8;
		line-height: 1.6em;
		border: 1px solid #0d98d8;
		padding: 1em;
		font-size: 0.6em;
		text-align: center;
	}
	
	.td_store_cd{
		width: 25%;
		font-size: 0.7em;
		font-weight: bold;
		text-align: center;	
	}
	.td_haihu_cd{
		width: 30%;
		font-size: 0.7em;
	}
	.td_item_cd{
		width: 25%;
		font-size: 0.7em;
	}
	.td_img_cd{
		width: 20%;
		font-size: 0.7em;
		color: #666;
	}
	.td_img_cd img{
		width: 100%;
	}
	
}



/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/

#splash {
	/*fixedで全面に固定*/
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bebebe+0,eeeeee+50,bebebe+100 */
	background: #bebebe; /* Old browsers */
	background: -moz-linear-gradient(left,  #bebebe 0%, #eeeeee 50%, #bebebe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #bebebe 0%,#eeeeee 50%,#bebebe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #bebebe 0%,#eeeeee 50%,#bebebe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#bebebe',GradientType=1 ); /* IE6-9 */
	text-align:center;
	color:#fff;
}

/* Loadingバー中央配置　*/
#splash_text {
	position: absolute;
	top: 60%;
	left: 50%;
	z-index: 9999;
	width: 100%;
	transform: translate(-50%, -50%);
	color: #231815;
	font-weight: bold;
}
/* Loadingロゴ中央配置　*/
#loading_logo {
	background: url("../img/loading_logo@2x.png") no-repeat;
	background-size: cover;
}


/*IE11対策用バーの線の高さ※対応しなければ削除してください*/
#splash_text svg{
    height: 0px;
}

@media all and (min-width: 768px) {
	/* Loadingロゴ中央配置　*/
	#loading_logo {
		width: 230px;
		height: 221px;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 9999;
		transform: translate(-50%, -50%);
	}

}
@media all and (max-width: 767px) {
	/* Loadingロゴ中央配置　*/
	#loading_logo {
		width: 150px;
		height: 144px;
		position: absolute;
		top: 45%;
		left: 50%;
		z-index: 9999;
		transform: translate(-50%, -50%);
	}
	.tbs-gfooter-btn{
		z-index: 9998 !important;
	}

}

/*IE非表示*/
@media all and (-ms-high-contrast: none) {
	#splash {
		display: none;
	}
	#top-main-area{
		background: none;
	}
}