@charset "UTF-8";

/* =====================================
	グッズ用設定
===================================== */

#contents .goods {
	padding-bottom:20px;
}

.goodssingle .goods img {
	display:block;
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box;
	text-align:center;
}

.goods .goodslistupper {
	margin-bottom:4px;
	width:100%;
}

.goods .goodslistupper div.statearea {
	float:left;
	width:20.5%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;	
	border-right:#FFF 4px solid;	
}

.goods .goodslistupper div.genrearea {
	float:right;
	width:79.5%;
}

.goods .goodslistupper span {
	font-size:10px;
	padding:8px 0;
	color:#FFF;
	display:block !important;
}

.goods .event_item img {
	width:100% !important;
	box-sizing: border-box;
}

.goods .goodslistupper div + div {
}

.goods .goodslistupper .held {
	text-align:center;
	background-color:#e44a4b;
}

.goods .goodslistupper .heldplan {
	text-align:center;
	background-color:#3366cc;
}

.goods .goodslistupper .heldend {
	text-align:center;
	background-color:#999999;
}


.goods .goodslistupper .buy  {
	text-align:center;
	background-color:#e44a4b;
}

.goods .goodslistupper .butplan  {
	text-align:center;
	background-color:#3366cc;
}

.goods .goodslistupper .buyend  {
	text-align:center;
	background-color:#999999;
}


.goods .goodslistupper .tsutaya {
	padding:8px 7px;
	text-align:left;
	background-color:#3fa0ec;
}

.goods .goodslistupper .shop {
	padding:8px 7px;
	text-align:left;
	background-color:#ff964a;
}

.goods .goodslistupper .fandays {
	padding:8px 7px;
	text-align:left;
	background-color:#29b575;
}

.goods h3 {
	margin-top:30px !important;
	padding:15px;
	font-size:18px;
	color:#FFFFFF;
	background-color:#666666;
}

div#event div:nth-of-type(1) h3 {
	margin-top:0 !important;
}

.goods #goods01 h3 {
	margin-top:0 !important;
}

.goods h4 {
	margin:20px 20px;
	padding-left:12px;
	font-size:20px;
	color:#1a1a1a;
	font-weight:bold;
	border-left:#b2b2b2 solid 6px;
}

.goods .textarea {
	margin:25px 20px;
	font-size:16px;
}

.goods .textarea a {
	text-decoration:underline;
}

.goodsmore a {
	padding:20px;
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(../../img/white_arrow.png);
	background-repeat:no-repeat;
	background-position:right 10px center;
	background-size:10px 16px;			
	background-color:#9b967a;
}

.goodsmore p {
	margin:0 20px;
}

.goodsmore a:hover {
	opacity:0.6;
}

.goodspagelink {
	margin-top:20px;
}

.goodspagelink p {
	margin:0 20px;
	text-align:center;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
	display:flex;
    -webkit-box-pack:space-between;
    -ms-flex-pack:space-between;
    -webkit-justify-content:space-between;
    justify-content:space-between;	
}

.goodspagelink a {
	margin:0;
	font-size:12px;
	width:65px;
}

#goods02 .textarea {
	margin-top:15px;
}

#goods02 ul {
	margin-top:20px;	
	margin-left:20px;
	margin-right:20px;
	margin-bottom:30px;
}

#goods02 ul li {
	font-size:16px;
	float:left;
	line-height:1.8;
}

#goods02 ul li:last-child span {
	display:none;
}

#goods02 ul li + li {
}

#goods02 ul a {
	text-decoration:underline;
	color:#046FC1 !important;
}

#goods02 h4 {
	margin:30px 20px 20px;
}

#goods02 .goods_period {
	margin:20px 20px 0;
	font-size:18px;
}

.goods_item_icon {
	margin:0 20px;
}

.goods_item_icon span {
	min-width:55px !important;
	display:inline-block;
	font-size:12px;
	padding:5px;
	color:#FFFFFF;
	margin-right:4px;
	text-align:center;
}

.goods_item + .goods_item {
	margin-top:40px;
}

.goods03_itemprice {
	margin:0 20px 20px 20px;
	font-size:18px;
	font-weight:bold;
}

#goods03 .goodsmore a {
	margin-top:30px;
}


#goods05 .listopen {
	font-size:14px;
	padding:15px 20px;
	background-image:url(../../img/open.png);
	background-repeat:no-repeat;
	background-position:right 15px center;
	background-size:25px 25px;			
	background-color:#e5e5e5;
	font-weight:bold;
}

#goods05 .goods05_listitem + .goods05_listitem {
	border-top:#cccccc solid 2px;
}

#goods05 .listopen.listopened {
	background-image:url(../img/close.png);	
}

#goods05 h3 {
	margin-bottom:0;
}

#goods05 h4 + p {
	margin:0 20px 20px;
	font-size:18px;
}

.goodssingle .bx-wrapper img {
	width:100% !important;
	height:auto !important;
	margin:0 auto;
	max-width:none;
	max-height:none;
	display: block;
}

.goodssingle .bx-wrapper {
	position:relative;
	margin:0 auto 50px;
}

.goodssingle .slidewrapper {
	width:100% !important;
	position:relative !important;
	margin:0 auto;
}


@media screen and (min-width: 410px) {

.goodspagelink a {
	width:80px;
}

}


@media screen and (min-width: 450px) {

.goodspagelink p {
	width:380px;
	padding:0;
	margin:0 auto;
}
	
}


@media screen and (min-width: 1060px) {

#contents .goods {
	padding-bottom:50px;
}

.goodssingle .goods img {
	padding:0;
}
	
.goods .goodslistupper span {
	font-size:12px;
}

.goods h3 {
	margin-top:60px !important;
}

.goods #goods01 h3 {
	margin-top:30px !important;
}

div#event div:nth-of-type(1) h3 {
	margin-top:30px !important;
}


.goods h4 {
	margin:25px 0;
}

.goods .textarea {
	margin:25px 0;
}

.goodsmore a {
	width:310px;
	padding:15px;
	background-size:7px 11px;	
}

.goodspagelink p {
	width:440px;
	margin:0 auto;
	text-align:center;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;	
}

.goodspagelink {
	margin-top:50px;
}


.goodspagelink a {
	font-size:12px;
	width:100px;
	margin:0 6px;
}

#goods02 .textarea {
	margin-top:15px;
}

#goods02 ul {
	margin-left:0;
	margin-right:0;
}

#goods02 h4 {
	margin:30px 0 20px;
}

#goods02 .goods_period {
	margin:20px 0 0 0;
}

.goods_item_icon {
	margin:0;
}

.goods_item + .goods_item {
	margin-top:50px;
}

.goods03_itemprice {
	margin:0 0 30px 0;
}


#goods05 h4 + p {
	margin:0 0 20px;
}

#goods05 .listopen {
	padding:15px;
}

#goods05 h3 {
	margin-bottom:20px;
}

#goods05 .goods05_imgarea {
	margin-bottom:30px;
}

#goods05 img {
	width:420px;
	float:left;
}

#goods05 .textarea {
	margin:0;
	font-size:16px;
}

#goods05 img + .textarea {
	width:450px;
	float:right;
}

.sitename {
	z-index:100;
}

.goodssingle .bx-wrapper img {
	width:auto !important;
	max-width:670px !important;
	max-height:none;
	display: block;
}


.goodstop .hidden_l {
	position: absolute;
	left: -1000px;
	top: 0;
	width: 1000px;
	height: 420px; 	
	background: url(../../img/img_hidden.png);
	z-index: 1;	
}

.goodstop .hidden_r {
	position: absolute;
	right: -1000px;
	top: 0;	
	width: 1000px;
	height: 420px; 	
	background: url(../../img/img_hidden.png);
	z-index: 1;	
}


.goodstop .bx-wrapper {
	width: 3000px;
	margin: 0;
	padding: 0;
	position: static;
	*zoom: 1;
	margin-left: -1000px!important;
}

.goodstop .bx-wrapper .bx-pager,
.goodstop .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

.goodstop .bx-wrapper img {
	width:1000px;
	max-width: 100%;
	display: block;
}

.goodstop .slidewrapper .bx-prev {
	left: -20px;
	background: url(../../img/btn_prev.png) no-repeat;
}

.goodstop .slidewrapper .bx-next {
	right: -20px;
	background: url(../../img/btn_next.png) no-repeat;
}

.index .sptab {
	display:none;
}

.index .pctab {
	display:block;
}

.tab__button.active a {
    background: #000 !important;
    color: #fff !important;
}


.index .openhead2 a {
	width:111px;
	height:80px;
	font-size:15px;
    vertical-align:top;
	border-left:#000 solid 1px;
}


.index .openhead2 a span:first-child {
	margin-top:18px;
	display:inline-block;
}

.index .openhead2:first-child a span br {
	display:block;
}

.index .openhead2:first-child a span span {
	margin-top:15px;
	display:block;
}

.index .openhead2 a span span {
	margin-top:10px;
	font-size:12px;
	line-height:1.1;
}

.index .openhead2 a.more span {
	margin-top:33px;
	margin-left:12px;
}

.index .openhead2 a.more {
	text-align:left;
	font-size:14px;
}

.index .openhead2 a.more:hover {
	color:#323232;
	background:transparent url(../../img/new/more_bg_on.png)!important;

}

.index .openhead2 .head2 li.active a {
	background:#666666 url(../../img/head2arrow.png) left 8px top 13px no-repeat !important;
}

#fnav .inner ul li:nth-of-type(1), 
#fnav .inner ul li:nth-of-type(5) {
	width:180px;	
}

#fnav .inner ul li:nth-of-type(2), 
#fnav .inner ul li:nth-of-type(6) {
	width:210px;	
}

#fnav .inner ul li:nth-of-type(3), 
#fnav .inner ul li:nth-of-type(7) {
	width:210px;	
}


#fnav .inner ul li:nth-of-type(4), 
#fnav .inner ul li:nth-of-type(8) {
	width:180px;	
}

#fnav .inner ul li:nth-of-type(9) {
	width:260px;	
}

.goodstop .slidewrapper.w900 .bx-wrapper {
	width: 2700px;
	margin: 0;
	padding: 0;
	position: static;
	*zoom: 1;
	margin-left: -850px!important;
}

.goodstop .slidewrapper.w900 .bx-wrapper img {
	width:900px;
	height: 370px;
	max-width: 100%;
	display: block;
}

.goodstop .slidewrapper.w900 .bx-prev {
	left: 28px;
	background: url(../../img/btn_prev.png) no-repeat;
}

.goodstop .slidewrapper.w900 .bx-next {
	right: 28px;
	background: url(../../img/btn_next.png) no-repeat;
}

.goodstop .slidewrapper.w900 .hidden_l {
	position: absolute;
	left: -850px;
	top: 0;
	width: 900px;
	height: 370px; 	
	background: url(../../img/img_hidden.png);
	z-index: 1;	
}
.goodstop .slidewrapper.w900 .hidden_r {
	position: absolute;
	right: -850px;
	top: 0;	
	width: 900px;
	height: 370px; 	
	background: url(../../img/img_hidden.png);
	z-index: 1;	
}

}