@charset "UTF-8";

/*base
----------------------------------*/
html {
	min-width: 320px;
	font-size: 62.5%;/*10px*/
}
body {
	margin: 0;
	line-height: 1.5;
	color: #333;
	font-size: 13px;
	/*font-size: 1.3rem;*/
	font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background-color:#000;
}

@font-face {
    font-family: 'OpenSansRegularwebfont';
    src: url('../font/OpenSans-Regular-webfont.eot?') format('eot'), /*IE8以下*/
         url('../font/OpenSans-Regular-webfont.woff') format('woff'), /*FireFox、Chrome、Opera、IE9*/
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'); /*Safari、iOS4.2以上、Android2.2以上*/
}

h1, h2, h3, h3, #footerCont footer section dl dt, nav, .btn, #table td, #table th, article section.flow dl dt span  {
	font-family: 'OpenSansRegularwebfont', Arial, sans-serif;
	color:#fff;
}

a {
	color:#afaeae;
	
}

a:hover {
	color: #d0265f;
	text-decoration:none;
}

/*Headline*/
h1 {
	font-size: 48px;
	font-size: 4.8rem;
}
h2 {
	margin:0 0 0.5em 0;
	font-size: 21px;
	font-size: 2.1rem;
	font-weight:normal;
}
h3 {
	margin: 0.2em 0;
	font-size: 19px;
	font-size: 1.9rem;
	font-weight:normal;
}
h4 {
	margin:0 0 0.5em 0;
	font-size: 17px;
	font-size: 1.7rem;
}
h5 {
	margin: 1.67em 0;
	font-size: 14px;
	font-size: 1.4rem;
}
h6 {
	margin: 1.67em 0;
	font-size: 14px;
	font-size: 1.4rem;
}

.mb5 {
	 display:block;
	margin-bottom:5px;
}

.mb30 { display:block;
margin-bottom:30px;
}

.ml3 {
	margin-left:3px;
}

.ie7 .ie7mt25 {
	margin-top:25px;
}

img, video {
	max-width: 100%;
	height: auto;
}

#pickupCast section figcaption, ul#globalNav li a, article#Intro p, article#event dl dd, #footer-bottom small, #footerCont footer section dl, #table tbody th, #sestemInfo ul, section.accessAd ul, #footerCont .footerTxt, article#link {
	color:#afaeae;
}

.pink {
	color:#d0265f;
}

.grey {
	color:#afaeae;
}

.white {
	color:#fff;
}

/*clearfix*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}

/*button*/
.btn {
	display: inline-block;
	padding: 2px 6px;
	background: #e5e5e5;
	background: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
	background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
	background: -o-linear-gradient(top, #ffffff, #e5e5e5);
	background: linear-gradient(to bottom, #ffffff, #e5e5e5);
	color: #333;
	text-decoration: none;
}
.btn:hover {
	background: #d9d9d9;
	background: -webkit-linear-gradient(top, #e5e5e5, #d9d9d9);
	background: -moz-linear-gradient(top, #e5e5e5, #d9d9d9);
	background: -o-linear-gradient(top, #e5e5e5, #d9d9d9);
	background: linear-gradient(to bottom, #e5e5e5, #d9d9d9);
}
.btnbown {
	text-shadow: 0 1px 0 rgba(51, 51, 51, 0.5);
	background: #a90331;
	color:#fefaed;
	border-radius: 2px;
}
.btnbown:hover {
	background: #b91643;
	color:#fff;
}
.more {
	text-align:right;
}

.titleSub {
	display:none;
	font-size:12px;
	font-weight:normal;
	color:#afaeae;
	margin-left:10px;
}
/*layout
---------------------------------*/

#wrapper {
	position: relative;
	z-index: 70;
}
#main {
	margin:0 10px;
	background-color:rgba(0, 0, 0, 0.7) !important;
	overflow:hidden;
	border-top:#333 1px solid;
	border-left:#333 1px solid;
	border-right:#333 1px solid;
}
#main-in {
	overflow:hidden;
	padding:0 10px;
}

#headerCont {
	width:100%;
	/*background:url(../images/common/rogo-bg2.gif) repeat-x*/
	background-color:#a90331;
}
#headerCont header {
	margin:0 10px;
}
header {
	position:relative;
}
#logo {
	padding:0;
	margin:0;
	width:120px;
}
header h1, header h2 {
	display:none;
	font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

header p.hdTxt {
	position:absolute;
	top:0px;
	right:0;
	margin: 0px 0 0 0;
	color:#fff;
}

header p.hdTxt a{
	color:#fff;
	text-decoration:none;
	}

header p.hdTxt a:hover{
	color:#e36594;
	}

header p.hdTxt span.txt1{
	display: none;
	font-size:8px;
	margin:5px 0 0 0;
}

header p.hdTxt span.txt2{
	/*display:none;*/
	margin:-4px 0 0 0;
	font-size:14px; 
}

header p.hdTxt span i.txt3{
	font-size:15px; margin:0 3px 0 0; padding:2px 0;
}

/*navigation*/
#navControl {
	margin-top:-32px;
	text-align: right;
}

.ie7 #navControl, .ie7 #navControl{
	margin-top:-44px;
	text-align: right;
}

#navControl a {
	display: inline-block;
	overflow: hidden;
	width: 24px;
	height: 24px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	background: #000000 url(../images/common/icon_common.png) no-repeat 0 0;
	margin-bottom:2px;
	text-indent: 100%;
	white-space: nowrap;
	vertical-align: bottom;
	color:#fff;
}

/*.ie7 #navControl a {
	text-decoration:none;
text-indent:-9999px;
white-space:  normal;
width:85px;
padding:2px 5px 0 0;
}*/

#navControl a {
text-decoration:none;
text-indent:-9999px;
white-space:  normal;
width:57px;
padding:2px 5px 0 0;
z-index:5;
}

#navControl a.active {
	background-position: 0 -26px;
	white-space: nowrap;
}

ul#globalNav {
	margin: 0;
	padding: 0;
}
ul#globalNav li {
	border-bottom: 1px solid #302f2f;
}

ul#globalNav li:last-of-type {
	border-bottom:none;
}

ul#globalNav li a {
	display: block;
	padding: 10px;
	text-decoration: none;
    -webkit-tap-highlight-color: rgba(153, 102, 51, 0.3);
	background: linear-gradient(top, #212121, #000);
	background: -moz-linear-gradient(top, #212121, #000);
	background: -o-linear-gradient(top, #212121, #000);
	background: -ms-linear-gradient(top, #212121, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#000));
}

.ie7 ul#globalNav li, .ie8 ul#globalNav li {background: #000;}

ul#globalNav li a:hover {
	background: linear-gradient(top, #fff, #fff) ;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background: -moz-linear-gradient(top, #fff, #fff);
	background: -o-linear-gradient(top, #fff, #fff);
	background: -ms-linear-gradient(top, #fff, #fff);
	color:#a90331;
}
.ie7 ul#globalNav li a:hover, .ie8 ul#globalNav li a:hover {background: #333;}

#mainNav ul li a i {
	margin-right: 5px;
	vertical-align: middle;
}
.rslides_nav {
	display:none;
}/*スライドのNextボタンoff*/
#pickupCast section figure {
	margin:0;
}
#sliderContainer p.caption {
	display:none;
}
#pickupCast .inner {
}

/*パンクズ*/
#main-in ul.bread {
	padding:0;
	margin:10px 0 0 0;
}

#main-in ul.bread li {
	list-style:none;
	display:inline;
	color:#afaeae;
	}
	
	#main-in ul.bread li a{
		text-decoration:none;
	}

/*footer*/
#footerCont {
	position:relative;
	z-index: 70;
	background: url(../images/common/footer_bg.gif);
	height:auto;
	overflow:hidden;
	
}
#footerCont-in {
	background:-moz-linear-gradient(top, rgba(24, 24, 24, 0.9), #121212);
	background:-ms-linear-gradient(top, rgba(24, 24, 24, 0.9), #121212);
	background:-o-linear-gradient(top, rgba(24, 24, 24, 0.9), #121212);
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(24, 24, 24, 0.9)), to(#121212));
}
#footerCont footer {
	clear:both;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	margin:0 20px;
	padding:10px 0;
}
#footerCont footer section dd.shopPr {
	font-size: 10px;
	font-size: 1.0rem;
	margin-bottom:5px;
}
#footerCont footer section dl dd {
	margin:0;
	font-size:11px;
	font-size: 1.1rem;
}

footer section#info dl dd{ margin-bottom:8px;}
footer section#Saitemap dl dd{ margin-bottom:5px;}

#footer-bottom {
	background-color:#000;
}
#footer-bottom small {
	display:block;
	width:910px;
	margin:0 auto;
	padding:10px 0 10px 10px;
}
#footerCont footer section dl dt {
	margin-bottom:3px;
	border-bottom:#161616 2px solid;
	box-shadow: 0px 1px 0px rgba(120, 120, 120, 0.5);
	-moz-box-shadow: 0px 1px 0px rgba(120, 120, 120, 0.5);
	-o-box-shadow: 0px 1px 0px rgba(120, 120, 120, 0.5);
	-ms-box-shadow: 0px 1px 0px rgba(120, 120, 120, 0.5);
	-webkit-box-shadow: 0px 1px 0px rgba(120, 120, 120, 0.5);
　/* Firefox用 */  
-webkit-box-shadow: 1px 1px 3px #c00;
　 /*Safari,Google Chrome用 */
}
dd.station span a.btn {
	padding:0 10px;
	margin:3px;
}
section#contactUs dl dd {
	padding-left:28px;
	line-height:2.2;
}
section#contactUs dl dd.tel {
	background:url(../images/common/icon_common_01.png) no-repeat 0 1px;
	height:18px;
}
section#contactUs dl dd.address {
	background:url(../images/common/icon_common_01.png) no-repeat 0 -21px;
	height:22px;
}
section#contactUs dl dd.url {
	background:url(../images/common/icon_common_01.png) no-repeat 0 -46px;
	height:28px;
}

#background-wrap img{
	position:absolute;
	top:0px;
	width:100%;
}

.bg-pattern {
    background: url(../images/common/pattern.png)repeat scroll left top transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

#footerCont .footerTxt {
	background:#333; 
	color:#afaeae;
	font-weight:normal;
}

#footerCont .footerTxt p {
	/*width:940px;*/
	margin:0 auto;
	padding: 0 10px;
	font-size:10px;
}

/*切り替えボタン*/

.switchBtn input[type="button"] {
	font-size:12px;
	color:#fff;
	width:120px;
	padding:3px 10px;
	margin:0 auto;
	text-align:center;
	border-radius: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
background: rgb(102,102,102); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(38,38,38,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,1)), color-stop(100%,rgba(38,38,38,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(38,38,38,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(38,38,38,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(38,38,38,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(38,38,38,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#262626',GradientType=0 ); /* IE6-9 */


border: 1px solid #4a4949; 
}

.switchBtn input:not([type="button"]), textarea {
    border: 1px solid #ccc;    
}

.switchBtn input[type="button"] {
    cursor: pointer;
}
.switchBtn input {
    line-height: normal;
}
.switchBtn button{
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
.switchBtn button {
    font-family: sans-serif;
}


.switchBtn .button {
    margin: 20px auto 0;	
}

.switchBtn .button {
    margin-bottom: 3em;
    text-align: center;
}

.switchBtn input[type="button"]:hover{
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(51, 51, 51, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(51, 51, 51, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(51, 51, 51, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(51, 51, 51, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(51, 51, 51, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(51, 51, 51, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#333333', GradientType=0 ); /* IE6-9 */
}

/*メディア掲載*/
	 #media {
	position:absolute;
	left:49%;
	top:27px;
	background:url(../images/media_bn2.png) no-repeat;
	width:92px;
	height:26px;
}

#media a{
	display:block;
	width:92px;
	height:26px;
}

/*totop*/

.pagetop {
	display:none;
}

/*cast*/
.rslides_tabs {
	overflow:hidden;
}

.rslides_tabs li {
	 display: inline-block;
	 float: left;
	 width:50px;
	 margin:5px 0 10px 0;
}

.rslides_tabs a {
	 padding: 9px 15px;
	 width:50px;
}

.rslides_tabs a:hover {
	 padding: 9px 15px;
	 width:50px;
}

#button_set_bottom {
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    background: #e4e2e2 none repeat scroll 0 0;
    bottom: 0;
    box-shadow: 0 -2px 2px -1px rgba(0, 0, 0, 0.75);
    display: none;
    padding-top: 8px;
    position: fixed;
    max-width: 100%;
    z-index: 9999;
}

#button_set_bottom a{ float:left; width:32%; margin-left:1.0%;
}

.button_set_bottom_txt {font-size:13px; color:#1f1f1f; text-align:center; margin-bottom:5px;}

/*media Queries
----------------------------------------------------*/
@media only screen and (min-width: 340px) {
 #headerCont header {
 margin:0 20px;
}

h2 {
	margin:0 0 0.3em 0;
	font-size: 27px;
	font-size: 2.7rem;
}

h3 {
	margin: 0.2em 0;
	font-size: 24px;
	font-size: 2.4rem;
}

h2.title {
	padding-top:20px;
}

.titleSub {
	display: inline;
	font-size:12px;
	font-weight:normal;
	color:#afaeae;
	margin-left:10px;
}

}

 @media only screen and (min-width: 450px) {
	 /*メディア掲載*/
	 #media {
	left:60%;
	top:30px;
}

}

 @media only screen and (min-width: 479px) {
	 
 #button_set_bottom {
	display: none !important;
}
 }

 @media only screen and (min-width: 750px) {
	 .btn {
	padding: 5px 15px;
}

 #main {
 clear:both;
 border-top: none;
}

 #main-in {
 padding:0 20px;
}

 #headerCont header {
 height:80px;
}
 #headerCont {
 border-bottom:#333 1px solid;
width:100%;
/* background:url(../images/common/rogo-bg.gif) repeat-x;*/
background-color:#a90331;
}
 #logo {
 width:330px;
}
 #logo a {
 float:left;
}
#logo a img {
	width:185px;
 height:80px;
 vertical-align:middle;
}
 header h2{
 display:block;
 font-size:10px;
 font-weight:normal;
 position:absolute;
 color:#fff;
}
 header h2 {
 right: 0;
 top: 62px;
 line-height:1.2;
}

 #sliderContainer p.caption {
 display: block;
 width:38%;
}
  
  /*navigation*/
  #navControl {
display: none;
}
 header nav {
 margin:29px 0 0;
}

.ie7 header nav {
 margin:-55px 0 0;
}

 nav {
float: right;
}
 ul#globalNav {
 display: block !important;
}
 ul#globalNav li {
 float:left;
 border:none;
}
 ul#globalNav li a {
 background:none;
 color:#ffffff;
 text-decoration:none;
 float:none;
 padding:5px 8px;
}
 ul#globalNav li a:hover {
 background:#f7d1dc;
 border-radius: 2px;
}

/*footer*/
 #footerCont footer {
 margin:0 35px;
 overflow:hidden;
}
 footer div section {
 width:48.9361%;
}
 footer section#aboutUs, footer section#contactUs, footer section#info, footer section#Saitemap {
 min-height:200px;
 max-height:200px;
 margin-bottom:15px;
}
 footer section#aboutUs, footer section#info {
 float:left;
}

 footer section#contactUs, footer section#Saitemap {
float:right;
}
 #footerCont footer Saitemap {
 display:block;
 clear:both;
}
#footerCont .footerTxt p {
	width:900px;
}

.ie7 ul#globalNav li, .ie8 ul#globalNav li {background: none;}
.ie7 ul#globalNav li a:hover, .ie8 ul#globalNav li a:hover {background: none;}

header p.hdTxt {
	font-size:10px;
	text-align:right;
	position:absolute;
	top:0px;
	right:0;
	color:#fff;
	margin:5px 0 0 0;
}

header p.hdTxt span.txt1{
	display: inline;
	font-size:11px;
}

header p.hdTxt span.txt2{
	display:inline;
	font-size:15px;
}

header p.hdTxt span.txt3{
	font-size:15px;
}

/*メディア掲載*/
	 #media {
	left:35%;
	top:9px;
}

/*totop*/

.pagetop {
	display: block;
    bottom: 0;
    position: fixed;
    right: 10px;
	z-index:70;
}

img {
    border: medium none;
    vertical-align: bottom;
}

header p.hdTxt span.txt2 {
    margin: -4px 0 0 0;
}


}

@media only screen and (min-width: 750px) {
/*メディア掲載*/
	 #media {
	left:29%;
	top:9px;
	background:url(../images/media_bn.png) no-repeat;
	height: 42px;
	width:137px;
}

#media a{
	width:137px;
	height:42px;
}
 }
 
  @media only screen and (min-width: 800px) {
/*メディア掲載*/
	 #media {
	left:35%;
	top:9px;
}

 }
 
  @media only screen and (min-width: 880px) {
/*メディア掲載*/
	 #media {
	left:35%;
	top:9px;
}

 }


@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
 #main-in {
 padding:0 18px;
}
}

 @media only screen and (min-width: 940px) {
#main, #headerCont header, #footerCont footer {
 width:940px;
 margin:0 auto;
}
 ul#globalNav li a {
 padding:5px 15px;
}

header h1 {
 display:block;
 font-size:10px;
 font-weight:normal;
 position:absolute;
 color:#fff;
}

 header h1 {
 right:390px;
 top: 54px;
}

 footer div {
 padding-left:20px;
}
 footer section#aboutUs, footer section#contactUs, footer section#info, footer section#Saitemap {
 min-height: none;
 max-height: none;
 margin-bottom:15px;
}
 footer section#aboutUs, footer section#info {
 float: none;
}
 footer section#contactUs, footer section#Saitemap {
float:none;
}
 #footerCont footer div {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-box
}
 footer div section {
 box-sizing: border-box;
 margin-right:2.1276%;
 width:22.9%;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 overflow: visible;
}
 footer div section, x:-moz-any-link {
width:211px !important;
margin-right:20px;
}
 footer section#Saitemap {
 margin-right:0;
}
 footer section#aboutUs, footer section#contactUs, footer section#info, footer section#Saitemap {
 float:left\9; /* IE9 */
}
 #footerCont footer small {
 display:block;
 clear:both;
 background-color:#000;
}

/*メディア掲載*/

#media {
	left:38%;
	top:9px;
}

}