@charset "utf-8";

/*==共通レイアウト==*/

/*==========================================
 body
===========================================*/
.remove_cookie {position: absolute;}
html {height: 100%;}
body {
  width: 100%;
  height: 100%;
  background-color:#fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#000;
  box-sizing: border-box;
/*  background-image: url(../img/bg_03.png); */
}
nav,#news,#news02,#twitter,h3,h4,.news_cate,.game_cate01{font-family: 'Merriweather', serif;}
a {
  color:#c0b500;
  text-decoration:none;
}
a:hover {
  color:#333;
  text-decoration:underline;
}
div#stage {
    max-width:100%;
    margin:auto;
    /*background-color:#ababab;*/
    /*box-shadow:0 0 5px #000, 0 0 5px #000, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #000, 0 0 5px #000, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #000, 0 0 5px #000, 0 0 1px #aaa;*/
	font-family: "Sawarabi Gothic";
}
br.pcbr,.pcon {display: inline-block;}
br.mbr,.mon {display: none;}
/*----700以下（700px）----*/
@media only screen and (max-width: 700px) {
	br.pcbr,.pcon {display: none;}
	br.mbr,.mon {display: block;}
}

/*==========================================
■明朝フォント
===========================================*/
.topmenu,.pick_title,.news_title,.twi_title,footer,.attbox,.topslide01 {font-family: "Sawarabi Mincho";}

/*==========================================
■年齢確認
===========================================*/
.modal {
    position:fixed;
    display:none;
    z-index:9999;
    width:100%; 
    height:100%;
    text-align:center;
    background-color:#f3d24f;
}
.modal p { margin-bottom:10px; }
.modal a { cursor:pointer; }
.modal img{
    max-width:100%;
}
.attbox {
	width:544px;
	margin: auto;
	padding: 37px 0;
}
.att_top {
	font-size: 24px;
	color:#ca3a3a;
	font-weight: bold;
	letter-spacing: 5px;
	padding: 30px 0;
}
.att_top2 {
	font-size:14px;
	letter-spacing: 1px;
	line-height: 20px;
	padding-bottom: 30px;
}
.att_top3 {
	font-size:18px;
	letter-spacing: 3px;
	padding-bottom: 30px;
}
.att_rink{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding-bottom: 30px;
}
/*----550以下（550px）----*/
@media only screen and (max-width: 550px) {
	.attbox  {width:100%;}
	.modal img{max-width:95%;}
}

/*==========================================
■全般
===========================================*/
.all {
	width:1010px;
	/*background-color: #ddd;*/
	margin: auto;
	height: auto;
	display: flex;
}

/*----1010以下（1008px）----*/
@media only screen and (max-width: 1008px) {
	.all {
		width:100%;
		display: block;
	}
}
/*==========================================
■all_横並び
===========================================*/
.all_left {
	width:210px;
	background-color: #f3d24f;
}
.all_right {
	width:800px;
	/*background-color: aliceblue;*/
	padding: 52px 0 0 39px;
}
.allright_w {width: 768px;}

/*----1010以下（1008px）----*/
@media only screen and (max-width: 1008px) {
	.all_left {
		width:100%;
		/*background-color: #f3d24f;追加分修正ここ*/
		background-color: #fff;
	}
	.all_right {
		width:100%;
		padding: 20px 10px;
		box-sizing:border-box;
	}
	.allright_w {width: 100%;}
}

/*==========================================
■■左エリア■■
===========================================*/
/*==========================================
■メニュー
===========================================*/
.topmenu {
	width:100%;
	margin: auto;
	text-align: center;
	font-weight: bold;
}
/*トップ-ロゴ部分*/
a.logo_i {width: 100%;}
.toplogo {
	width:100%;
	font-size: 9px;
	letter-spacing: -1px;
	background-color: #f3d24f;
	border-bottom: #000 4px solid;
}
.toplogo_left a {
	width:100%;
	display: block;
	padding: 20px 0 0 0;
	color: #000;
}
.toplogo_left a:hover {
	background-color: #000;
	text-decoration: none;
	color:#f3d24f;
}

/*オフィシャル通販*/
.topshop {
	font-size: 14px;
	letter-spacing: 4px;
	border-bottom: #000 4px solid;
}
.topshop img {padding-top: 8px;}
.topshop a {
	width:100%;
	display: block;
	padding: 20px 0 0 0;
	color: #000;
	padding-bottom: 16px;
}
.topshop a:hover {
	background-color: #000;
	text-decoration: none;
	color:#f3d24f;
}
.shop_m{display: none;}

/*他メニュー*/
ul.menu01 {
	list-style: none;
	font-size: 14px;
	letter-spacing: 4px;
	border-bottom: #000 4px solid;
}
ul.menu01 a {
	color:#000;
	display: block;
	padding: 20px 0;
}
ul.menu01 a:hover{
	color:#f3d24f;
	background-color: #000;
}
ul.menu01 li a:hover{
    text-decoration: none;
}
.b_btm {
	width:171px;
	text-align: center;
	margin: auto;
	border-bottom: #b79257 dotted 3px;
}

/*ユーザーサポート*/
.menu_supo {
	background-color: #000;
	letter-spacing: 1px;
	font-size: 14px;
	width: 95%;
	margin: 18px auto;
	border-radius: 20px;
}
.menu_supo a{
	display: flex;
	padding: 5px 0;
	color:#fff;
}
.menu_supo a:hover{
	background-color: #ca3a3a;
	border-radius: 20px;
	text-decoration: none;
}
.menu_supo.sp_ac a {
	background-color: #ca3a3a;
	border-radius: 20px;
	text-decoration: none;
}
.supo_q {
	background-color: #fff;
	color:#000;
	border-radius: 14px;
	padding: 3px;
	margin-left: 5px;
}
.supo_text {
	padding: 3px;
	margin-left: 15px;
}
/*ユーザーサポート-お問い合わせ追加分*/
.menu_supo2 {
	background-color: #000;
	letter-spacing: 1px;
	font-size: 14px;
	width: 95%;
	margin: 10px auto;
	border-radius: 10px;
	line-height: 24px;
}
.menu_supo2 a{
	display: flex;
	padding: 6px 0;
	color:#fff;
}
.menu_supo2 a:hover{
	background-color: #000;
	border-radius: 10px;
	text-decoration: none;
	color: #f3d24f;
}
.supo_text2 {
	padding: 3px;
	margin: auto;
}


/*Twitter*/
.menutwitter {
	text-align: right;
	padding-right: 8px;
}


/*----1010以下（1008px）----*/
@media only screen and (max-width: 1008px) {
    /*他メニュー部分・オフィシャル通販*/
	.shop_m{display: block;}
	.topshop,.menu_supo,.b_btm,.menutwitter {display: none;}

	ul.menu01 {
		display: flex;
		flex-wrap: wrap;
		width:100%;
		letter-spacing: 0px;
		background-color: #f3d24f;
	}
	ul.menu01 li {
		border-right: #b79257 solid 1px;
		border-bottom: #b79257 solid 1px;
	}
	ul.menu01 li:nth-child(3),ul.menu01 li:nth-child(6){
		border-right: none;
	}
	ul.menu01 li:nth-child(4),ul.menu01 li:nth-child(5),ul.menu01 li:nth-child(6){
		border-bottom: none;
	}
	.menu_list1 {
		flex-basis: 33.1%;/*リスト子要素のサイズ*/
	}

	/*ユーザーサポート-お問い合わせ追加分*/
	.menu_supo2 {
		background-color: #f3d24f;
		letter-spacing: 1px;
		font-size: 14px;
		width: 95%;
		margin: 10px auto;
		border-radius: 10px;
		line-height: 24px;
		border: 2px solid #000;
	}
	.menu_supo2 a{
		display: flex;
		padding: 6px 0;
		color:#000;
	}
}

@media only screen and (max-width: 500px) {}

/*==========================================
■■右エリア■■
===========================================*/
/*==========================================
※追加※　■休暇のお知らせ
===========================================*/
.k_box {margin-top: 7px;}
.k_box img{width:770px;}
.kyukaimg {
	background-color: rgb(0, 0, 0);
}
.kyukaimg img {width:100%;}

/*----1010以下（1008px）----*/
@media only screen and (max-width: 1008px) {
	.k_box img{width:100%;}
}


/*==========================================
■注目のお知らせ（pickup）
===========================================*/
.top_pickup {
	margin-bottom: 5px;
}
.pick_title {
	margin: 15px 0 10px 0;
	background-color: #f3d24f;
	text-align: center;
	padding: 8px 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 18px;
	letter-spacing: 3px;
}
.pickbox {
	display: flex;
	justify-content:space-between;
	align-items: flex-start;
}
.pickitem01 {

}

.pb1 {padding-left: 18px;}
.pb3 {padding-bottom: 7px;}
.pb4 {padding-top: 7px;}
.pb2 {visibility:hidden;}/*右下*/
.pb5 {padding-top: 9px;}
/*----1010以下（1008px）----*/
@media only screen and (max-width: 1008px) {
	.top_pickup{
		width:100%;
	}
}

/*----780以下（780px）----*/
@media only screen and (max-width: 780px) {
	.pickbox {
		display: block;
		text-align: center;
	}
	.pickbox img {margin-bottom: 10px;}
	.pb1 {padding-left: 0px;}
	.pb3 {padding-bottom: 0px;}
	.pb5 {padding-top: 0px;}
}
/*----400以下（400px）----*/
@media only screen and (max-width: 400px) {
	.pickbox img{width:100%;}
}

/*==========================================
■最新情報/Twitter
===========================================*/
.topright_bottom {
	display: flex;
	margin-bottom: 30px;
}
.news_title,.twi_title {
	margin: 15px 0 0 0;
	background-color: #f3d24f;
	text-align: center;
	padding: 8px 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 18px;
	letter-spacing: 3px;
}
.top_newsbox {
	width:514px;
}
.top_twibox {
	width:242px;
	margin-left: 13px;
}
/*----1010以下（1008px）----*/
@media only screen and (max-width: 1008px) {
	.topright_bottom {
		display: block;
	}
	.top_newsbox {
		width:100%;
	}
	.top_twibox {
		width:100%;
		margin-left: 0px;
	}
}
/*==========================================
■最新情報
===========================================*/
.news_title {
    display: flex;
    justify-content: center; /* 中央揃え */
	align-items:center;/*上下中央*/
    position: relative;
}
.ntitle_rink {
	font-size:11px;
	letter-spacing: 0px;
	position: absolute;
    right: 0; /* 右寄せ */	
	background-color: #000;
	color:#fff;
	margin-right: 10px;
	border-radius: 10px;
}
.ntitle_rink a {
	color:#fff;
	display: block;
	padding: 5px 14px;
	border-radius: 10px;

}
.ntitle_rink a:hover {
	color:#fff;
	background-color: #ca3a3a;
	padding: 5px 14px;
	border-radius: 10px;
	text-decoration: none;
}

.news_scrbox {
	width:514px;
	height:367px;
	background:#fff;
	font-size: 9px;
	padding: 10px 20px;
	box-sizing:border-box;
	overflow-y:scroll;
}
.news_scrbox a {
	display: inline-block;
	width: 100%;
	color: #000;
	
}
.news_scrbox a:hover {
	text-decoration: none;
	background: #f3d24f7b;

}
.nbox_all {
	display: flex;
	padding: 7px 0;
	border-bottom: #b79257 1px dotted;
	align-items: center;
}
.nbox_cate {
	color:#fff;
	border-radius: 2px;
	padding: 2px 4px;
	margin: 0 10px;
	width:38px;
	text-align: center;
}
.cate_game {background-color: #3446b4;}/*カテゴリー：ゲーム*/
.cate_goods {background-color: #f34f9c;}/*カテゴリー：グッズ*/
.cate_news {background-color: #b79257;}/*カテゴリー：ニュース（お知らせ）*/
.nbox_day {
	padding: 2px 4px;
	width:62px;
}
.nbox_tex {
	padding: 2px 4px;
	letter-spacing: 1px;
	line-height: 14px;
	width:300px;
}

/*----1010以下（1008px）----*/
@media only screen and (max-width: 1008px) {
	.news_scrbox {
		width:100%;
		height:367px;
	}
}
/*----500以下（500px）----*/
@media only screen and (max-width: 500px) {
	.nbox_all {
		width:100%;
	}
	.nbox_cate {
		width:19%;
		margin: 0 2px;
		padding: 2px 0px;
	}
	.nbox_day {
		padding: 2px 1px;
		width:20%;
	}
	.nbox_tex {
		width:55%;
	}
}
/*==========================================
■Twitter
===========================================*/
.twi_tlbox {
	width:242px;
	height:367px;
	background: #fff;
}
.twitter-timeline {width:242px;}
/*----1010以下（1008px）----*/
@media only screen and (max-width: 1008px) {
	.twi_tlbox {width:100%;}
	.twitter-timeline {width:100%;}
}
/*==========================================
■フッター
===========================================*/
footer{
	background-color: #000;
	width:100%;
	color:#f3d24f;
	text-align: center;
	padding: 25px 0;
	font-size: 11px;
	line-height: 22px;
	letter-spacing: 3px;
	box-sizing: border-box;

}
.footer_btm {
	position:relative;
	width:900px;
	margin:auto;
}
.topscr {
	position: absolute;
	top:-70px;
	left:0;
}
.menutwitter_m{display: none;}
/*----1010以下（1008px）----*/
@media only screen and (max-width: 1008px) {
	footer{padding: 25px 10px;}
	.menutwitter_m{display: block;}
	.footer_btm {
		position:relative;
		width:100%;
		margin:auto;
	}
	.topscr {
		position: absolute;
		top:-70px;
		left:0;
	}
}
/*----500以下（500px）----*/
@media only screen and (max-width: 500px) {
	.topscr {
		position: absolute;
		top:-65px;
		left:10px;
	}
}


/*==========================================
■スライダー
===========================================*/
.slider_thumb .slick-track{
    transform: unset !important;
}
.slider_s {
    margin-top: 15px;
	height:92px;

	/*background-color: aquamarine;*/
}
.slidebox1,.slidebox2,.slidebox3 {
	display: flex;
	justify-content: space-between;
}
.slidebox_right a img{margin-bottom: 5px;}
.slidebox_right_text {
	font-size: 11px;
	line-height: 16px;
}

/*スライダー　あとで調整*/
.slider-container{
	width:100%;
	margin:0 auto;
}

#thumbs img {
	width:235px;
	height:80px;
	border:3px solid #fff;
}
#thumbs .slick-current img{
	position: relative;
	border:3px solid #f3d24f;
	border-radius: 6px;
}
#thumbs .slick-current img::before{
	content: '';
	position: absolute;
	left: 20px;
	top: -15px;
	display: block;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #fff3ad;
	border-left: 15px solid transparent;
  }

#thumbs {

}
.slick-thumbs1 {
	margin: 1px 0 0 20px;
	width: 235px;
	height: 80px;
}
.slick-thumbs2 {
	margin: 1px 0 0 8px;
	width: 235px;
	height: 80px;
}
.slick-thumbs3 {
	margin: 1px 0 5px -4px;
	width: 235px;
	height: 80px;
}
.slick-slide {
	width: 235px;
	height: 80px;
}
.thumb-nav{position: absolute;}
.slick-prev,.slick-next{z-index:2;}
.slick-prev{left:0!important;}
.slick-next{right:0!important;}

.slbox_btn_m {display: none;}
.slbox_btn_p {display: block;}

.slidebox_right_m {display: none;}

.tummimg{display: none;}

/*----800以下（800px）----*/
@media only screen and (max-width: 800px) {
	#thumbs,.thumb-nav,.slider_s {display: none;}

	.slidebox1,.slidebox2,.slidebox3 {
		display: block;
	}
	.thumb-nav img{width:100%;}
	.slidebox_left img{width:100%;}


	.slidebox_right_text {
		width:100%;
		text-align: right;
	}
	.slboxbtn_box {
		padding:20px 20px;
		width: 100%;
	}
	.slbox_btn_p {display: none;}

	.slbox_btn_m {
		display: inline-block;
		font-size: 14px;
		background: #3446b4;
		width: 35%;
		margin: 0 5px;
		padding: 0 10px;
		text-align: center;
		border-radius: 5px;
	}
	.slidebox_right_m {
		display: block;
		padding: 5px;
	}
	.slidebox_right {display: none;}
	.slidebox_right_m ul {
		display: flex;
		list-style: none;
		justify-content: flex-end;
	}
	.slidebox_right_m li img{
		display: inline-block;
		margin-left: 5px;
	}
	.slidebox_left img {
		width:95%;
		margin: auto;
	}
	.ms_text {
		font-size: 9px;
		text-align: center;
		padding: 2px 0 5px 0;
	}
}