@charset "Shift_JIS";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
	border: 0 none;
	margin: 0;
	padding: 0;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}

@media screen and (min-width:320px) and ( max-width:1024px) {
    /*　画面サイズが320pxから1024pxまではここを読み込む　*/
p,th,td,strong,span {
	font-size: 16px;
	-webkit-text-size-adjust : 100%!important;}
}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
p,th,td,strong,span{
	font-size: 14px;}
}

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0 auto;
	line-height: 1.4;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
	background-color: #000;
/*	background:linear-gradient(#000000, #342c65, #5b4e83, #c5b697, #c5b697, #c5b697);*/
}

a:focus, *:focus {
	outline: none;
}
a {
	color: #9D2026;
	text-decoration: none;
	word-break: break-all;
}
a:hover {
	color: #013F93;
	text-decoration: none;
}
img:hover{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a img:hover{
	opacity: 0.7;
}
a.hover_img {
	display: inline-block;
}
a:hover.hover_img img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a.hover_img img {
	transition: all 0.4s ease;
	padding: 0;
}
ul,li{
	list-style-type: none
}
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.pagetop a {
	display: block;
}
/*clearfix*/

.clearfix {
	zoom: 100%;
}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#contents{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: url(../img04/bg_main.jpg) repeat top;
	background-color: #000;
}
img {
max-width : 100% ;
height : auto ;
vertical-align: top;
}



/*コンテンツここから*/

#contents #top {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#contents #top h2 {
	display: block;
	background: none;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}
#contents #top p.copy {
	text-align: center;
}


#contents #top #news{
	padding:1% 5% 6% 5%;
}
#contents #top #news p{
	width: 100%;
	text-align: center;
	color: #000;
	font-weight: bold;
	line-height: 1.5em;
}
#contents #top #news .infoBody {
	width: 779px;
	margin: 0 auto 0 auto;
	padding: 0;
	background:url(../img04/news_body.jpg) repeat-y top;
}
#contents #top #news .infoWrap {
	width: 779px;
	margin: 0 auto 0 auto;
	padding: 154px 0 0 0;
	background:url(../img04/news_top.jpg) no-repeat top;
}
#contents #top #news .info {
	width: 779px;
	margin: 0 auto 4% auto;
	padding: 0 0 75px 0;
	background:url(../img04/news_bottom.jpg) no-repeat bottom;
}
#contents #top #news .info table {
	width: 610px;
	margin:0 auto;
	border-collapse: separate;
	border-spacing: 0px;
}
#contents #top #news .info table.space {
	margin:0 auto 4% auto;
	border-top: #CCBAA9 solid 1px;
}
#contents #top #news .info table th {
	width: 30%;
	color: #000;
	text-align: center;
	vertical-align: middle;
	font-size:180%;
	color: #413774;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
	line-height: 1.7;
	padding: 0 0 0 0;
	border-bottom: #CCBAA9 solid 1px;
}
#contents #top #news .info table td {
	color: #000;
	text-align: left;
	width: 70%;
	padding: 17px 0;
	line-height: 1.7;
	vertical-align: top;
	border-bottom: #CCBAA9 solid 1px;
}
#contents #top #news .info table td.txl p {
	text-align: left;
	font-weight: normal;
}
#contents #top #news p.note {
	width: 610px;
	color: #A31919;
	text-align:left;
	font-weight:normal;
	margin:0 auto;
}
#contents #top #news .info p.note a {
	font-weight: bold;
	text-decoration:underline;
}
#contents #top #news .info p.note a:hover {
	text-decoration:none;
}
#contents #top #news .info table td a {
	word-break: break-all;
}
/*追加の通販バナー*/
#contents #top #news .bnr img{border: 1px solid #ccc;}
#contents #top #news .bnr p{margin: 0.5em 0 0.5em 0;}
#contents #top #news .bnr p.txt{
	text-align:center;
	color:#ccc;
	font-size: 180%;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
	margin-bottom:0;
}
#contents #top #news .bnr p.txt2{
	text-align:center;
	color:#ccc;
	font-size: 160%;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
	margin-bottom:0;
}

/*お知らせとTwitter*/
#contents .newsBody {
	width:100%;
	background:url(../img04/bg_sub.jpg) repeat top;
}
#contents .newsBody .newsWrap {
	width:900px;
	margin: 0 auto;
	padding: 3% 0 4% 0;
	display: flex;
	justify-content: space-between;
}
#contents .newsBody .newsWrap .newsBox {
	width:400px;
	margin: 0;
}
#contents .newsBody .newsWrap .newsBox h2 {
	text-align: center;
	margin-bottom: 5%;
}
#contents .newsBody .newsWrap .newsBox dl {
	width: 100%;
	height: 352px;
	overflow-y: scroll;
	margin: 0;
	color:#fff;
	font-size: 14px;
}
#contents .newsBody .newsWrap .newsBox dl dt {
	padding: 2% 0;
	font-weight: bold;
	color: #CCBAA9;
}
#contents .newsBody .newsWrap .newsBox dl dd {
	padding-bottom: 3%;
	border-bottom: 1px dotted #424D3B;
}


/* NEW ITEM */
#contents #contentsWrap {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#contents #contentsWrap .shop {
	margin-top: 80px;
}
#contents #contentsWrap .shop .shopBody {
	margin-bottom:70px;
}
#contents #contentsWrap .shop .shopBody .shopBodyWrap{
	background-color: #E3DBCB;
}
#contents #contentsWrap .shop .shopBody ul{
	padding: 0 2% 0 2%;
	text-align:center;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#contents #contentsWrap .shop .shopBody ul li{
	width: 295px;
	margin-bottom: 5%;
}
#contents #contentsWrap .shop .shopBody ul li.nospc{
	margin-bottom: 0;
	padding-bottom:0;
}
#contents #contentsWrap .shop .shopBody ul li.empty{
	background-color: transparent;
}
#contents #contentsWrap .shop .shopBody ul li p.img{
	margin-bottom: 1em;
}
#contents #contentsWrap .shop .shopBody ul li p.name{
	font-size: 120%;
	text-align: center;
	color: #4F476A;
	line-height: 1.5;
	font-weight: bold;
	vertical-align:baseline;
	margin-bottom: 0.5em;
}
#contents #contentsWrap .shop .shopBody ul li p.note{
	width: 100%;
	text-align: left;
	color: #000;
	line-height: 1.7;
	font-weight: normal;
	vertical-align:baseline;
}
#contents #contentsWrap .shop .shopBody ul li p.note span{
	font-size: 92%;
	color: #5F5F5F;
	line-height: 1.3;
}
#contents #contentsWrap .shop .shopBody ul li p.note span.red{
	color: #9D2026;
}
#contents #contentsWrap .shop .shopBody ul li .popWrap {
	width: 100%;
	margin: 2% auto 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#contents #contentsWrap .shop .shopBody ul li .popWrap p.pop {
	margin-right:5px;
}
#contents #contentsWrap .shop .shopBody ul li .popWrap p.pop:last-child {
	margin-right:0;
}
#contents #contentsWrap .shop .shopBody ul.top_nosp{
	padding-top: 2%;
}
#contents #contentsWrap .shop .shopBody ul.one{
	display: block;
	padding: 0;
}
#contents #contentsWrap .shop .shopBody ul.one li{
	width: 960px;
	margin:0 auto 5% auto;
}
#contents #contentsWrap .shop .shopBody ul.one li p.note{
	padding:0 1em;
}
#contents #contentsWrap .shop .shopBody ul.one li .popWrap{
	margin-bottom: 0;
}

#contents #contentsWrap .shop .shopBody ul.two{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#contents #contentsWrap .shop .shopBody ul.two li{
	width: 461px;
	margin:0 auto 5% auto;
}
#contents #contentsWrap .shop .shopBody ul.two li.nospc{
	margin-bottom: 0;
	padding-bottom:3%;
}

/* Welcom to Funtom Hotel */
#contents .welcome{
    padding: 0;
	background:url(../img04/bg_welcome_body.jpg) repeat-y top;
	margin-bottom:70px;
}
#contents .welcomeWrap{
    padding: 0 0 47px 0;
	background:url(../img04/bg_welcome_bottom.jpg) no-repeat bottom;
	color: #fff;
}
#contents .welcomeWrap p{
    width: 90%;
    padding:2em 0 0 0;
    margin: 0 auto;
    text-align:center;
}

/* Present */
#contents #contentsWrap .shop .shop_present{
	margin-bottom:70px;
}
#contents #contentsWrap .shop .shop_present p{
	background-color: #E3DBCB;
	padding: 3% 2% 4% 2%;
	text-align:center;
	font-size:120%;
	color: #000;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
	line-height: 1.5;
}

/* How to Enter */
#contents #top .howto_enter{
	margin-bottom:70px;
}
#contents #top .howto_enter .enterBody{
	background-color: #E3DBCB;
	padding: 3% 3% 4% 3%;
	line-height: 1.5;
}
#contents #top .howto_enter .enterBody h4{
	text-align:center;
	font-size:120%;
	font-weight: bold;
	margin-bottom: 1em;
}
#contents #top .howto_enter .enterBody p{
	text-align:left;
	margin-bottom: 3%;
	padding:0 2%;
}
#contents #top .howto_enter .enterBody p a{
	font-weight: bold;
}
#contents #top .howto_enter .enterBody p.last{
	margin-bottom: 0;
}
#contents #top .howto_enter .enterBody table {
	width: 80%;
	margin:0 auto;
	border-collapse: separate;
	border-spacing: 0px;
	font-size:14px;
}
#contents #top .howto_enter .enterBody table.space {
	margin:0 auto 4% auto;
	border-top: #CCBAA9 solid 1px;
}
#contents #top .howto_enter .enterBody table th {
	width: 30%;
	color: #000;
	text-align: center;
	vertical-align: middle;
	font-size:180%;
	color: #413774;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
	line-height: 1.7;
	padding: 0 0 0 0;
	border-bottom: #CCBAA9 solid 1px;
}
#contents #top .howto_enter .enterBody table td {
	color: #000;
	text-align: left;
	width: 70%;
	padding: 17px 0;
	line-height: 1.7;
	vertical-align: top;
	border-bottom: #CCBAA9 solid 1px;
	font-size:120%;
	font-weight: bold;
}
#contents #top .howto_enter .enterBody p.linkBtn{
	width: 62%;
	margin:0 auto 2% auto;
	text-align: center;
	vertical-align: middle;
	font-size:180%;
	background-color: #000;
	border-radius: 4px;
}
#contents #top .howto_enter .enterBody p.linkBtn a{
	display: block;
	padding: 2% 4%;
	color: #fff;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
}
/* How to Enter Popupページ */
#contents #top.Enter .howto_enter{
	margin:70px 0;
}
#contents #top.Enter .howto_enter h5{
	margin:0 0 2% 0;
	padding: 1% 2%;
	text-align: left;
	font-size:120%;
	color: #fff;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
	background-color: #000;
}
#contents #top .howto_enter .enterBody p.linkBtn.img{
	width: 62%;
	margin:0 auto 4% auto;
	background-color: transparent;
	border-radius: 0;
}
#contents #top .howto_enter .enterBody p.linkBtn.img a{
	padding: 0;
}
#contents #top .howto_enter .enterBody ul.chu{
	width: 96%;
	margin:0 auto 4% auto;
}
#contents #top .howto_enter .enterBody ul.chu li{
	font-size:14px;
	margin-bottom: 2%;
}
#contents #top .howto_enter .enterBody ul.chu li:last-child{
	margin-bottom: 0;
}
#contents #top .howto_enter .enterBody ul.chu li a{
	font-weight: bold;
}
#contents #top .howto_enter .enterBody ul.chu li table {
	width: 80%;
}
/* フォームボタン */
#contents #top .howto_enter .enterBody ul.form {
	width: 90%;
	margin:0 auto 1em auto;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
#contents #top .howto_enter .enterBody ul.form li {
	width: 24%;
	background-color: #534B6D;
	border-radius: 6px;
}
#contents #top .howto_enter .enterBody ul.form li.nolink {
	background-color: #959595;
}
#contents #top .howto_enter .enterBody ul.form li p.txt{
	text-align:center;
	font-size:110%;
	color: #fff;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
}
#contents #top .howto_enter .enterBody ul.form li p.txt_sub{
	text-align:center;
	font-size:auto;
	font-weight: normal;
	color: #fff;
}
#contents #top .howto_enter .enterBody ul.form li a{
	display: block;
	width: 94%;
	height: 87%;
	padding:5% 3% 4% 3%;
	font-size:120%;
	color: #fff;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
}
#contents #top .howto_enter .enterBody ul.form li span{
	display: block;
	width: 94%;
	height: 87%;
	padding:5% 3% 4% 3%;
	font-size:120%;
	color: #fff;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
}
#contents #top .howto_enter .enterBody ul.form li.end {
	position: relative;
}
#contents #top .howto_enter .enterBody ul.form li.end .endimg {
	z-index: 10;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	padding: 0;
	margin: 0;
}
/* Important Notice リスト */
#contents #top .howto_enter .enterBody ul.noticeList{
	width: 90%;
	margin:0 auto 4% auto;
}
#contents #top .howto_enter .enterBody ul.noticeList li{
	font-size:14px;
	margin-bottom: 2%;
	padding-left:1em;
	text-indent:-1em;
}
#contents #top .howto_enter .enterBody p.lastTxt{
	font-size:100%;
	text-align:center;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
	line-height: 2;
	margin-bottom:0;
}
/* Important Notice */
#contents #top .important_notice{
	margin-bottom:70px;
}
#contents #top .important_notice h4{
	width: 94%;
	margin:0 auto 2% auto;
	text-align:center;
	font-size:160%;
	color: #fff;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
	background-color: #000;
	padding:1%;
}
#contents #top .important_notice p{
	font-size:100%;
	text-align:center;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
	line-height: 2;
}
#contents #top .important_notice .noticeBody {
    background-color: #E3DBCB;
    padding: 3% 3% 4% 3%;
    line-height: 1.5;
}
#contents #top .important_notice .noticeWrap{
	width: 100%;
	border-bottom: 1px solid #000;
	margin-bottom: 6%;
}
#contents #top .important_notice .noticeWrap.last{
	border-bottom: none;
	margin-bottom: 0;
}
#contents #top .important_notice .noticeBody p.linkBtn {
    width: 62%;
    margin: 0 auto 6% auto;
    text-align: center;
    vertical-align: middle;
    font-size: 180%;
    background-color: #B80000;
    border-radius: 4px;
}
#contents #top .important_notice .noticeBody p.spc{
	margin-bottom: 4%;
}
#contents #top .important_notice p.linkBtn a{
	display: block;
	padding: 2% 4%;
	color: #fff;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
}
#contents #top .important_notice .noticeBody p.kome{
	padding-top: 2%;
	font-size:82%;
	font-weight: normal;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}

/* Other New Items */
#contents #contentsWrap .shop .shop_othe{
	margin-bottom:70px;
}
#contents #contentsWrap .shop .shop_othe p{
	background-color: #E3DBCB;
	padding: 3% 2% 4% 2%;
	text-align:center;
	font-size:160%;
	color: #413774;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
	line-height: 1.7;
}

/* 注意事項 */
#contents .infoBox3 {
    width: 900px;
    margin: 0 auto 70px auto;
    background-color: #E2DCDC;
    padding: 17px 0 0 0;
	background:url(../img04/infoBox_bg_top.png) no-repeat top;
}
#contents .infoBox3 .infoWrap {
    padding: 0 0 17px 0;
	background:url(../img04/infoBox_bg_bottom.png) no-repeat bottom;
}
#contents .infoBox3 .infoWrap p{
    background-color: #2F3C29;
    color: #E3DACA;
    padding: 2% 4%;
}

#bllogo{
	text-align:center;
	margin-bottom:80px;
}

.shopBody .last_txt{
	width: 100%;
	background-color: #E3DBCB;
}
.shopBody .last_txt p{
	width: 96%;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	font-size: 160%;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
	line-height: 1.7;
	padding: 3% 0 3% 0;
	border-top: #CCBAA9 solid 1px;
}

/* 通販特設 */
#contents.buy #contentsWrap .shop{
	margin-top:4%;
}
#contents.buy #contentsWrap .shop .shopBodyWrap{
	padding: 2em 0;
}
#contents.buy #contentsWrap .shop h4{
	width: 90%;
	text-align:center;
	font-size:120%;
	font-weight: bold;
	margin: 0 auto 1em auto;
	background-color: #000;
	color: #fff;
	padding:2% 0;
}
#contents.buy #contentsWrap .shop .shopBody ul li{
	display: flex;
	flex-direction: column;
	margin-bottom: 7%;
}
#contents.buy #contentsWrap .shop .shopBodyWrap p.txt{
	width: 88%;
	margin: 0 auto 1em auto;
	text-align:left;
	padding:0 2%;
	line-height: 1.7;
}
#contents.buy #contentsWrap .shop .shopBodyWrap ul.one p.buybtn{
	width: 60%;
	margin: 0 auto 1em auto;
}
#contents.buy #contentsWrap .shop .shopBodyWrap ul.one li:last-child p.buybtn{
	margin-bottom: 0;
}
#contents.buy #contentsWrap .shop .shopBodyWrap p.buybtn{
	width: 96%;
	margin-top:auto;
	text-align:center;
	padding:12px 2%;
	line-height: 1.7;
	background-color: #000;
	color: #fff;
	font-size:120%;
	font-weight: bold;
}
#contents.buy #contentsWrap .shop .shopBodyWrap .popWrap{
	margin-bottom: 1em;
}
#contents.buy #contentsWrap .shop .shopBodyWrap p.buybtn a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
#contents.buy #contentsWrap .shop .shopBodyWrap ul.one .buybtn3{
	display: flex;
	justify-content: space-between;
}
#contents.buy #contentsWrap .shop .shopBodyWrap .buybtn3 div{
	width: 295px;
}
#contents.buy #contentsWrap .shop .shopBodyWrap .buybtn3 p{
	text-align:center;
	font-weight:bold;
	color: #4F476A;
	margin-bottom:0.3em;
}
#contents.buy #contentsWrap .shop .shopBodyWrap ul.one .buybtn3 p.buybtn{
	width: 100%;
	margin-bottom:0;
}
#contents.buy #contentsWrap .shop .shopBodyWrap p.buybtn a:hover{
	opacity: 0.7;
}
#contents.buy #contentsWrap .shop .shopBody ul li p.note{
	padding: 0 1em 1em 0;
}
#contents.buy #contentsWrap .shop .shopBody ul.one li p.note{
	padding: 0 1em 1em 0;
}
#contents.buy #contentsWrap .shop .shopBody ul li .popWrap{
	margin: 0 auto 1em auto;
}
#contents.buy #contentsWrap .shop .shopBody .lastLink{
	width: 96%;
	margin:0 auto 2% auto;
	padding-top: 5%;
	border-top: 1px solid #000;
}
#contents.buy #contentsWrap .shop .shopBody .lastLink p{
	font-size: 140%;
	text-align: center;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
	line-height: 2;
	margin-bottom:0.5em;
}
#contents.buy #contentsWrap .shop .shopBody p.linkBtn{
	width: 62%;
	margin: 0 auto 3% auto;
	text-align: center;
	vertical-align: middle;
	font-size: 180%;
	background-color: #B80000;
	border-radius: 4px;
}
#contents.buy #contentsWrap .shop .shopBody p.linkBtn a{
	display: block;
	padding: 2% 4%;
	color: #fff;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
}


    /*　*******************************************************************************　*/



@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	#contents #top .shop{
		padding:5% 5% 2% 5%;
	}
	#contents #top .shop ul.first{
		width:100%;
		margin-bottom: 2%;
	}
	#contents #top .shop ul.first li{
		display: block;
		margin-bottom: 5%;
	}
	#contents #top .shop ul.second{
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		}
	#contents #top .shop ul.second.double{
		display: flex;
		flex-flow: wrap;
		justify-content: center;
	}
	#contents #top .shop ul.second li{
		width: 32%;
		margin-bottom: 5%;
	}
	#contents #top .shop ul.second.double li{
		width: 32%;
		margin-bottom: 5%;
		margin-right:2%;
	}
	#contents #top .tokutenWrap{
		padding:0 5% 4% 5%;
		display: flex;
		justify-content: space-between;
	}

	#contents #top .howto_enter .enterBody ul.form li p.txt{
		font-size:118%;
	}
}



@media screen and (min-width:320px) and ( max-width:1024px) {
    /*　画面サイズが320pxから1024pxまではここを読み込む　*/
#contents {
	width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
#contents #top{
	width:90%;
	height: auto;
	padding:0 5%;
    background: url(../img04/bg_main.jpg) repeat top;
    background-color: #000;
    background-size: auto;
}
#contents #top h2 img{
	width: 100%;
}
#contents #top h2 {
	width: 100%;
	height: 100%;
}

/* 開催日程 */
#contents #top #news{
	padding:0;
}
#contents #top #news .infoBody {
    width: 100%;
    margin: 0 auto 10% auto;
    padding: 0;
    background: url(../img04/news_body.jpg) repeat-y top;
    background-size: contain;
}
#contents #top #news .infoWrap {
	width: 100%;
	margin: 0 auto;
	padding: 20% 0 0 0;
	background:url(../img04/news_top.jpg) no-repeat top;
    background-size: contain;
}
#contents #top #news .info {
	width: 100%;
	margin: 0 auto 2% auto;
	padding: 0 0 10% 0;
	background:url(../img04/news_bottom.jpg) no-repeat bottom;
    background-size: contain;
}
#contents #top #news .info table {
	width: 84%;
	table-layout: fixed;
	margin:0 auto 5% auto;
	border-collapse: separate;
	border-spacing: 0px;
}
#contents #top #news .info table th{
	width: 30%;
	padding: 0;
	font-size: 18px;
}
#contents #top #news .info table td{
	width: 70%;
	padding: 1em 0;
	font-size: 80%;
}
#contents #top #news p.note {
	width: 84%;
	margin:0 auto;
	font-size: 72%;
}

#contents .welcome{
    background-size: contain;
}
#contents .welcomeWrap{
    background-size: contain;
}

/*お知らせとTwitter*/
#contents .newsBody .newsWrap {
	width:100%;
	display: block;
}
#contents .newsBody .newsWrap .newsBox {
	width:90%;
	margin: 0 auto 8% auto;
}
#contents .newsBody .newsWrap .newsBox h2 {
    text-align: center;
    margin: 2% 0 2% 0;
}
#contents .newsBody .newsWrap .newsBox dl {
	width: 100%;
	height: 187px;
	font-size: 14px;
}
#contents .newsBody .newsWrap .newsBox dl dt {
	padding: 2% 0;
	font-weight: bold;
	color: #CCBAA9;
}
#contents .newsBody .newsWrap .newsBox dl dd {
	padding-bottom: 3%;
	border-bottom: 1px dotted #424D3B;
}
#contents .newsBody .newsWrap .newsBox.twi #twWrap {
	text-align:center;
	margin:0 auto;
}


/* Present */
#contents #contentsWrap .shop .shop_present{
	margin-bottom: 10%;
}
#contents #contentsWrap .shop .shop_present p{
	font-size: 100%;
}


/* NEW ITEM */
#contents #contentsWrap {
	width:90%;
	margin: 0 auto;
}
#contents #contentsWrap .shop {
	margin-top: 10%;
}
#contents #contentsWrap .shop .shopBody {
	margin-bottom:15%;
}
#contents #contentsWrap .shop .shopBody ul li{
	width: 100%;
	padding: 10% 0 10% 0;
	border-bottom: 1px dotted #98897a;
	margin-bottom: 0;
}
#contents #contentsWrap .shop .shopBody ul li.spc_top{
	padding-top: 3%;
}
#contents #contentsWrap .shop .shopBody ul li p.img{
	width: 80%;
	margin:0 auto 0.5em auto;
}
#contents #contentsWrap .shop .shopBody ul li.last{
	margin-bottom: 0;
	border-bottom: none;
}
#contents #contentsWrap .shop .shopBody ul li .text{
	width: 90%;
	margin:0 auto;
}
#contents #contentsWrap .shop .shopBody ul li p.note {
    font-size: 92%;
}

#contents #contentsWrap .shop .shopBody ul.one li{
	width: 94%;
	margin:0 auto;
	padding: 10% 0 5% 0;
}
#contents #contentsWrap .shop .shopBody ul.one li p.img{
	width: 100%;
}
#contents #contentsWrap .shop .shopBody ul.one li p.note{
	padding:0;
}
#contents #contentsWrap .shop .shopBody ul.two li{
	width: 94%;
	margin:0 auto;
}
#contents #contentsWrap .shop .shopBody ul.two li p.img{
	width: 100%;
}
#contents #contentsWrap .shop .shopBody ul.two li p.note{
	padding:0;
}
#contents #contentsWrap .shop .shopBody ul{
	padding: 2% 2% 0 2%;
}
#contents #contentsWrap .shop .shopBody ul.one li .popWrap{
	margin-bottom:0;
}
.shopBody .last_txt p {
    font-size: 100%;
}

/* Other New Items */
#contents #contentsWrap .shop .shop_othe{
	margin-bottom:15%;
}
#contents #contentsWrap .shop .shop_othe p{
	padding: 6% 2% 7% 2%;
	font-size:160%;
}

/* 注意事項 */
#contents .infoBox3 {
    width: 100%;
    margin: 0 auto 15% auto;
    padding: 1.7% 0 0 0;
    background-size:contain;
}
#contents .infoBox3 .infoWrap {
    padding: 0 0 1.7% 0;
    background-size:contain;
}
#contents .infoBox3 .infoWrap p{
    padding: 2% 4%;
    font-size: 82%;
}

#bllogo{
	text-align:center;
	margin-bottom:12%;
}


/* How to Enter */
#contents #top .howto_enter{
	margin-bottom:10%;
}
#contents #top .howto_enter .enterBody h4{
	font-size:18px;
	margin-bottom:0.5em;
}
#contents #top .howto_enter .enterBody p{
	font-size: 72%;
	text-align:left;
	margin-bottom: 3%;
	padding:0 2%;
}
#contents #top .howto_enter .enterBody p a{
	font-weight: bold;
}
#contents #top .howto_enter .enterBody p.last{
	margin-bottom: 0;
}
#contents #top .howto_enter .enterBody table {
	width: 90%;
	table-layout: fixed;
}
#contents #top .howto_enter .enterBody table th {
	font-size:18px;
}
#contents #top .howto_enter .enterBody table td {
	font-size: 100%;
}
#contents #top .howto_enter .enterBody p.linkBtn{
	font-size: 18px;
}
#contents #top .howto_enter .enterBody p.linkBtn a{
	padding: 4% 4%;
}
/* How to Enter Popupページ */
#contents #top.Enter .howto_enter{
	margin:10% 0;
}
#contents #top.Enter .howto_enter h5{
	font-size:18px;
}
#contents #top .howto_enter .enterBody ul.chu{
	margin-bottom: 10%;
}
#contents #top .howto_enter .enterBody ul.chu li{
	font-size: 72%;
}
#contents #top .howto_enter .enterBody ul.chu li table {
	width: 90%;
	margin:0 auto;
	table-layout: fixed;
}
#contents #top .howto_enter .enterBody table.space{
	margin:0 auto 10% auto;
}
#contents #top.Enter .howto_enter p.space_bottom{
	margin-bottom:10%;
}

/* フォームボタン */
#contents #top .howto_enter .enterBody ul.form {
	width:100%;
	margin:0 auto 1em auto;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
#contents #top .howto_enter .enterBody ul.form li {
	width:48.5%;
	margin-bottom: 2%;
}
#contents #top .howto_enter .enterBody ul.form li p.txt{
	font-size:100%;
}
#contents #top .howto_enter .enterBody ul.form li a{
	font-size:100%;
}
#contents #top .howto_enter .enterBody ul.form li span{
	font-size:100%;
}

/* Important Notice */
#contents #top .important_notice{
	margin-bottom: 10%;
}
#contents #top .important_notice h4{
	width: 98%;
	font-size:100%;
}
#contents #top .important_notice p{
	font-size:72%;
	text-align:left;
}
#contents #top .important_notice .noticeBody {
}
#contents #top .important_notice .noticeWrap{
	width: 100%;
	border-bottom: 1px solid #000;
	margin-bottom: 6%;
}
#contents #top .important_notice .noticeWrap.last{
	border-bottom: none;
	margin-bottom: 0;
}
#contents #top .important_notice .noticeBody p.linkBtn {
    width: 62%;
    font-size: 18px;
}
#contents #top .important_notice .noticeBody p.spc{
	margin-bottom: 4%;
}
#contents #top .important_notice .noticeBody p.kome{
	padding-top: 2%;
	font-size:72%;
	font-weight: normal;
	line-height: 1.5;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}

#contents #top .howto_enter.notice .enterBody p.chu{
	margin-bottom: 2em;
}
#contents #top .howto_enter .enterBody p.lastTxt {
	font-size: 72%;
	line-height: 2;
	margin-bottom: 3%;
}

	/* 通販特設 */
	#contents.buy #contentsWrap .shop{
		margin-top:6%;
	}
	#contents.buy #contentsWrap .shop .shopBodyWrap{
		padding: 1em 0;
	}
	#contents.buy #contentsWrap .shop h4{
		width: 88%;
		font-size:100%;
		padding:2% 4%;
	}
	#contents.buy #contentsWrap .shop .shopBodyWrap p.txt{
		width: 90%;
		font-size:92%;
	}
	#contents.buy #contentsWrap .shop .shopBody ul li {
	    margin-bottom: 0%;
	}
	#contents.buy #contentsWrap .shop .shopBodyWrap ul.one p.buybtn{
		width: 90%;
		margin: 0 auto 1em auto;
	}
	#contents.buy #contentsWrap .shop .shopBodyWrap p.buybtn{
		width: 90%;
		padding:2% 2%;
	}
	#contents.buy #contentsWrap .shop .shopBodyWrap .popWrap{
		margin-bottom: 1em;
	}
	#contents.buy #contentsWrap .shop .shopBodyWrap .buybtn3{
		flex-flow: wrap;
	}
	#contents.buy #contentsWrap .shop .shopBodyWrap .buybtn3 div{
		width: 48%;
		margin-bottom:0.5em;
	}
		#contents.buy #contentsWrap .shop .shopBodyWrap .buybtn3 div:last-child{
		margin-bottom:0;
	}
	#contents.buy #contentsWrap .shop .shopBodyWrap .buybtn3 p.buybtn{
		padding:4% 2%;
	}
	#contents.buy #contentsWrap .shop .shopBodyWrap .buybtn3 p{
		margin-bottom:0.2em;
		font-size:92%;
	}
	#contents.buy #contentsWrap .shop .shopBodyWrap .buybtn3 p a{
		font-size:120%;
	}
	#contents.buy #contentsWrap .shop .shopBody ul li p.note{
		padding: 0 1em 1em 0;
	}
	#contents.buy #contentsWrap .shop .shopBody ul.one li p.note{
		padding: 0 1em 1em 0;
	}
	#contents.buy #contentsWrap .shop .shopBody ul li .popWrap{
		margin: 0 auto 1em auto;
	}
	#contents.buy #contentsWrap .shop .shopBody .lastLink{
		width: 96%;
		margin:0 auto 2% auto;
		padding-top: 5%;
		border-top: 1px solid #000;
	}
	#contents.buy #contentsWrap .shop .shopBody .lastLink p{
		font-size: 120%;
	}
	#contents.buy #contentsWrap .shop .shopBody p.linkBtn{
		width: 90%;
		font-size: 120%;
	}
	#contents #contentsWrap .shop .shopBody ul li p.name {
	    font-size: 100%;
	}

}



