@charset "UTF-8";
/* CSS Document */

/* =========================================================
		Reset
========================================================= */

/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight: normal;list-style-type:none;}
body {line-height:1}
pre,textarea{overflow:auto}
[hidden],audio:not([controls]),template{display:none}
details,main,summary{display:block}
input[type=number]{width:auto}
input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
progress{display:inline-block}
small{font-size:75%}
textarea{resize:vertical}
[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}
*{font-size:inherit;line-height:inherit;margin:0;padding:0}
::after,::before{text-decoration:inherit;vertical-align:inherit}
a{text-decoration:none}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
button,input,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;min-height:1.5em}
code,kbd,pre,samp{font-family:monospace,monospace}
nav ol,nav ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
::-moz-selection{background-color:#B3D4FC;text-shadow:none}
::selection{background-color:#B3D4FC;text-shadow:none}
@media screen{[hidden~=screen]{display:inherit}
[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0)!important;position:absolute!important}
}
/*# sourceMappingURL=sanitize.css.map */

/* =========================================================
		Common
========================================================= */
html {
	font-size: 62.5%;
	height: 100%;
}
body {
	color: #fff;
  font-size: 16px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.8rem;
}
h2 {
	text-align: center;
	color:#7b6335;
	font-size: 2.4rem;
	line-height: 1;
	padding: 30px 0 30px;
	background: no-repeat center bottom;
	background-size: 155px 15px;
}
a {
	color: #555;
	text-decoration: none;
	-webkit-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
a:hover {
	text-decoration: underline;
  cursor: pointer;
}
a img {
	-webkit-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
a img:hover, ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	-webkit-transition: all .25s ease-in;
	transition: all .25s ease-in;
  cursor: pointer;
}
a img.lazy {
	-webkit-transition: none;
	transition: none;
}
img {
	width: 100%;
	height: auto;
	display: block;
}
p{
	font-size: 1.3rem;
	line-height: 20px;
}
input, button, select, textarea {
	border: none;
	border-radius: 0;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.fontfGoth{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

header{
  background: url(../img/headerBg.jpg) no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: center;
  height: 55px;
  width: 100%;
  padding: 1px 0;
  position: fixed;
  z-index: 2;
}
header h1{
  text-indent: -999px;
  background: url(../img/logo.png) no-repeat;
  background-size: 112px 37px;
  width: 112px;
  height: 37px;
  margin: 0 0 0 5%;
}
header .opBtn{
	width: 28px;
	margin: 0 5% 0 0;
	position: relative;
}

header nav{
  background: url(../img/naviBg.gif) no-repeat;
  background-size: cover;
	position: fixed;
	width: 100%;
	top: 0;
	height: 100vh;
	overflow: scroll;
	display: none;
}
header nav .navclose{
	width: 21px;
	float: right;
	padding: 10%;
}

header nav ul li{
  margin-bottom: 32px;
	padding: 0 5%;
}
header nav ul li a{
  display: block;
}
header nav ul li a:hover{
  opacity: 0.7;
}
header .clase{
	width: 28px;
	position: absolute;
	bottom: -13px;
	left: 0;
	right: 0;
	margin: auto;
}
header .clase:hover{
	cursor: pointer;
}
header .clase img{
	display: block;
}
header ul.subNavi {
  padding: 0 14%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
	margin-top: -13px;
	margin-bottom: 14px;
}
header ul.subNavi li{
	width: 40%;
	margin-bottom: 18px;
	position: relative;
}
header ul.subNavi li .soldOut03{
	width: 52%;
  position: absolute;
  top: -116%;
  left: 0;
  bottom: 0;
  margin: auto;
  display: block;
}
header ul.subNavi li:nth-child(2n){
	margin-right: 0;
}
header .subNavi ul li a{
  display: block;
}
header .subNavi ul li{
  margin: 0 13px 10px 0;
}
header .subNavi ul li:nth-child(3n){
  margin: 0 0 10px 0;
}

header .subNavi ul li.subNavi01 a{
  text-indent: -9999px;
  background: url(../img/subNavi01.png) no-repeat;
  background-size: 79px 32px;
  width: 79px;
  height: 32px;
}
header .subNavi ul li.subNavi02 a{
  text-indent: -9999px;
  background: url(../img/subNavi02.png) no-repeat;
  background-size: 79px 32px;
  width: 79px;
  height: 32px;
}
header .subNavi ul li.subNavi03 a{
  text-indent: -9999px;
  background: url(../img/subNavi03.png) no-repeat;
  background-size: 95px 32px;
  width: 95px;
  height: 32px;
}
header .subNavi ul li.subNavi04 a{
  text-indent: -9999px;
  background: url(../img/subNavi04.png) no-repeat;
  background-size: 79px 32px;
  width: 79px;
  height: 32px;
}
header .subNavi ul li.subNavi05 a{
  text-indent: -9999px;
  background: url(../img/subNavi05.png) no-repeat;
  background-size: 80px 32px;
  width: 80px;
  height: 32px;
}
header .subNavi ul li.subNavi06 a{
  text-indent: -9999px;
  background: url(../img/subNavi06.png) no-repeat;
  background-size: 80px 32px;
  width: 80px;
  height: 32px;
}

header .sns{
  text-align: center;
	padding: 40px 0 80px 0;
}
header .sns .snsIcon{
 display: inline-block;
  margin-right: 8px;
}
article{
  padding-top: 55px;
}
a{
  display: block;
}
p a {
  display: inline;
  color: #96e8ff;
}
/* ---------- info ---------- */

main .info{
  background: url(../img/contentBg01.gif) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0 0 50px 0;
}
main .contents01{
  margin: 0 auto;
    padding-top: 1em;
}
main .readText{
  margin: 0 5%;
	padding: 1em 0 40px 0;

}
main .readBottom{
	font-size: 1.6rem;
  text-align: center;
  margin-bottom: 50px;
  padding: 0 5%;
	  line-height: 38px;
}

main .contents01 .banner ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}
main .contents01 .banner ul li{
	width: 90%;
	margin: 0 auto 12px;
}
main .contents01 .banner{
  padding-bottom: 50px;
	margin: 0 5%;
}
main .contents01 .banner ul li:nth-child(2n){
  margin: 0 0 10px 0;
}
/* ---------- movie ---------- */
main .movie{
	margin: 0 auto 40px;
	text-align: center;
}
main .movie iframe{
	width: 90% !important;
	height: 100% !important;
}
/* ---------- news ---------- */

main .contents01 .news{
  background-color: rgba( 10, 33, 67, 0.5);
  -webkit-background-size: 2px 2px;
  -moz-background-size: 2px 2px;
  background-size: 2px 2px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #212935), color-stop(.5, transparent), to(transparent));
  background-image: -moz-linear-gradient(#212935 50%, transparent 50%, transparent);
  background-image: -o-linear-gradient(#212935 50%, transparent 50%, transparent);
  background-image: linear-gradient(#212935 50%, transparent 50%, transparent);
  margin-bottom: 20px;


}

main .contents01 .news .textArea{
  padding-bottom: 54px;
}
main .contents01 .news p{
	margin-bottom: 15px;
  line-height: 18px;
  font-size: 1.2rem;
  padding: 12px 5% 18px 5%;
  border-bottom: 1px solid #5d5d5d;
  width: 86%;
  margin: 0 auto;
}
main .contents01 .news .newsDate{
	display: block;
	margin-bottom: 10px;
	font-size: 1.4rem;
}

main .contents01 .news .newsBox a{
	display: block;
	margin-bottom: 8px;
}
main .contents01 .news .newsBox a.inline{
	display: inline;
}
main .contents01 .news p:first-child{
  padding: 0 5% 18px 5%;
}
main .contents01 .attention{
  padding: 10px ;
    margin: 0 8px 2em;
  font-size: 2.0rem;
  line-height: 40px;
    border: 1px solid #fff;
}

/* ---------- 公演情報&チケット ---------- */


main .contents01 .ticket{
	margin: 0 5%;
}
main .contents01 .ticket ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;

}
main .contents01 .ticket ul li{
	margin:0 10px 10px 0;
	width: 48%;
	position: relative;
}
.ticket ul li .soldOut{
	width: 90%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: block;
}
main .contents01 .ticket ul li:nth-child(2n){
  margin-right: 0;
}

main .contents01 .ticket p{
  font-size: 1.6rem;
  color: #c8e3ff;
  text-align: center;
  line-height: 1.8rem;
}
main .contents01 .ticket p.exitText{
	font-size: 1.3rem;
	margin-top: -14px;
  margin-bottom: 14px;
	color: #fff;
}
main .contents01 .ticket p span.smText{
  font-size: 1.3rem;
}
main .contents01 .ticket p span.rl{
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: block;
	margin: 0px auto;
	clear: both;
	width: 18px;
	height: 18px;
}


/* ---------- ストーリー ---------- */
main .story{
  background: url(../img/contentBg02.jpg) no-repeat;
  background-size: cover;
  background-position: center;
	padding-bottom: 50px;
}
main .contents02{
	margin: 0 5%;
  padding: 0 0;
}
main .contents02 .textArea p{
	font-size: 1.2rem;
	line-height: 25px;
	margin-bottom: 20px;
}
main .contents02 .textArea p span{
	display: block;
	margin-top: 5px;
}

/* ---------- 今回の物語に登場するキャラクター ---------- */
main .character{
  background: url(../img/characterBg.gif) repeat-y;
  background-size: cover;
  position: relative;
  z-index: -2;
  width: 100%;
}
main .character::after{
  content:"";
  display: block;
  background: url(../img/earth.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
main .contents03 {
  margin: 0 5%;
  padding: 0 0 30px 0;
  z-index: 1;
}
main .contents03 .charaBox{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: center;
	margin-bottom: 55px;
}
main .contents03 .chara{
	width: 60%;
	margin: 0 auto;
}

main .contents03 .textArea{
  width: 90%;
	margin: 0 auto;
}
main .contents03 .textArea p{
  font-size: 1.3rem;
  line-height: 20px;
}
main .contents03 .textArea span{
	font-size: 1.8rem;
  display: block;
  margin: 30px auto 25px;
	text-align: center;

}
/* ---------- 遊び方 ---------- */
main .howto{
  background: url(../img/howtoBg.gif) repeat-y;
  background-size: cover;
}
main .contents04 {
  margin: 0 5%;
  padding: 0px 0 0 0;
}
main .howtoBox{
	margin-bottom: 30px;
}
main .howtoBox .textArea{
  display: block;
}
main .howtoBox03 .pointContents{
  display: block;
  //padding: 90px 55px 0 55px;

}
main .howtoBox .textArea p{
	background: url(../img/pontBg.jpg) repeat-y;
	background-size: 100%;
  font-size: 1.2rem;
  line-height: 20px;
  text-indent: 0;
	padding: 13px 5% 2px 5%;
}
main .howtoBox03 .pointContents p{
	background: url(../img/pontBg.jpg) repeat-y;
	background-size: 100%;
  font-size: 1.2rem;
  line-height: 20px;
  text-indent: 0;
	padding: 13px 5% 2px 5%;
}
main .howtoBox03 .pointContents p{
	font-size: 1.2rem;
	line-height: 20px;
	text-indent: 0;
	padding: 13px 5% 2px 5%;
}
main .howtoBox03 .pointContents p.textsm{
	font-size: 1.1rem;
}

main .howtoBox03{
  position: relative;
}


main .howtoBox03 .pointContents {
	background: url(../img/pontBg.jpg) repeat-y;
	width: 100%;
	background-size: contain;
	background-position: center;
}
main .howtoBox03 .pointContents ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;

  padding: 17px 5% 5px 5%;
}
main .howtoBox03 .pointContents ul li{
	width: 31%;
	margin-right: 7px;
	margin-bottom: 19px;
	text-align: center;
	font-size: 1.2rem;
	line-height: 24px;
	color: #c5b9ac;
}
main .howtoBox03 .pointContents ul li:nth-child(3n){
	margin-right: 0;
}
main .howtoBox03 .pointContents .time{
  display: block;
	padding-bottom: 27px;
}
main .howtoBox03 .pointContents .time .teimeImege{
	background: url(../img/pontBg.jpg) repeat-y;
	background-size: 100%;
}
main .howtoBox03 .pointContents .time .teimeImege .stopTime{
	width: 60%;
	margin: 0 auto;
}
main .howtoBox03 .pointContents .time p span{
	width: 60%;
	display: block;
	margin: 5px auto 16px;
}
main .bottomText{
  font-size: 1.8rem;
	line-height: 28px;
  text-align: left;
  padding: 85px 0;
	margin: 0 5%;
}

main .details .detailsTitle{
	width: 86%;
	margin: 23px auto 2px;
}

.popUp{
	position: fixed;
	background: url(../img/popUp.gif);
	background-size: 40px 40px;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	padding: 20px 0 100px 0;
	display: none;
}
.popupArea01,
.popupArea02,
.popupArea03,
.popupArea04,
.popupArea05,
.popupArea06{
  max-height: 100%;
	overflow: hidden;
  overflow-y: scroll; /* scrollにはしないことでスクロールの必要がないときはスクロールバーを表示させない */
  -webkit-overflow-scrolling: touch;
	transform: translateZ(0);
}
.popUp .pclose{
	width: 40px;
	margin: 0 auto 20px;
}
.popUp .popUpImg{
	width: 100%;
	margin: 0 auto 60px;
}

.topNotes{
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 60px;
}
.topNotes .topNotesTitle{
	text-align: center;
	font-size: 2.4rem;
	border-bottom: solid 1px #a55858;
	padding-bottom: 16px;
	color: #ff7878;
}
.topNotes .topNotesTxt{
	margin-top: 20px;
}
.topNotes .topNotesTxt p{
	margin-bottom: 8px;
	font-size: 1.2rem;
	line-height: 24px;
}

/*=============================
    Fate/Grand Orderとは
===============================*/
.topTitile{
  background: url(../img/topTitleBg.jpg) no-repeat;
  background-size: cover;
	height: 100px;
}
.topTitile h2{
  margin: 0 auto;
	padding: 36px 0;
}
h3{
	margin-bottom: 30px;
}

.fgoTtext{
  background: url(../img/fgoTtextBg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 75px 5% 0 5%;

}
.fgoTtextArea{
  padding: 0 7% 90px 7%;
}
.fgoTtext p{
  text-align: center;
  font-size: 1.3rem;
  line-height: 30px;
  margin: 0 auto;
  letter-spacing: 1px;
  margin-bottom: 40px;

}
.fgoTtext p span{
  font-size: 1.8rem;
  font-weight: bold;
}
.fgoTtext p span.smText{
  font-size: 2.0rem;
  font-weight: normal;
}
ruby rt{
  font-size: 50%;
  letter-spacing: 1px;
  text-align: center;
}
.term {
  background: url(../img/termBg.gif) no-repeat;
  background-size: cover;
	padding: 50px 5% 0 5%;
}
.term .termBoxArea {
  padding-bottom: 60px;
}
.term .termBox{
  margin: 0 auto 40px;
}
.term .termBox .termName{
  font-size: 1.8rem;
  font-weight: bold;
  color: #dea730;
  margin-bottom: 20px;
}
.term .termBox p{
  font-size: 1.4rem;
  line-height: 20px;
}


/*=============================
    リアル脱出ゲームとは
===============================*/
.realdContents{
  background: url(../img/characterBg.gif) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 2px 5% 80px 5%;
}
.realdText{
  margin: 0 auto;
}
.realdText p{
  font-size: 1.3rem;
  line-height: 22px;
  margin: 30px 0 15px 0;
}
iframe{
	width: 100%;
}

/*=============================
    グッズ
===============================*/
.goodsContents{
	background: url(../img/characterBg.gif) no-repeat;
	background-size: cover;
	background-position: center;
	padding: 50px 5% 80px 5%;
}
.goodsContents .goodsBox{
	margin: 0 auto;
	display: block;
	padding-bottom: 50px;
}
.goodsContents .goodsBox:not(:last-child){
	border-bottom: solid 1px #454b53;
}
.goodsContents .goodsBox:not(:first-child){
	padding-top: 50px;

}
.goodsContents .goodsBox .goodsImg{
	margin-bottom: 25px;
}
.goodsContents .goodsBox .contentsTitle{
	font-size: 2rem;
	color: #dea730;
	margin-bottom: 25px;
	line-height: 22px;
}
.goodsContents .goodsBox .goodsTxt p{
	font-size: 1.4rem;
	line-height: 24px;
}
.goodsContents .goodsBox .goodsTxt p span{
	display: block;
	margin: 20px auto 0px;
}
.goodsContents .goodsBox .fileNazoBtn{
	margin: 30px auto 0;
}
.goodsContents .goodsBox .fileNazoBtn a{
	display: block;
	margin: 0 auto;
}
.goodsContents .goodsBox .goodsTxt .goodsPrice{
	font-size: 1.8rem;
	color: #d7d7d7;
	line-height: 26px;
	margin-top: 20px;
}
.goodsContents .goodsBottomtxt{
	color: #fff;
	text-align: center;
  margin: 0px auto 0;
	background-color: #e64f4d;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;
	background-image: -webkit-linear-gradient(45deg,  #e85452 25%, #e85452 25%, transparent 25%, transparent 75%, #e85452 75%, #e85452 75%),
	                  -webkit-linear-gradient(-45deg, #e85452 25%, #e85452 25%, transparent 25%, transparent 75%, #e85452 75%, #e85452 75%);
	background-image: -moz-linear-gradient(45deg,  #e85452 25%, #e85452 25%, transparent 25%, transparent 75%, #e85452 75%, #e85452 75%),
	                  -moz-linear-gradient(-45deg, #e85452 25%, #e85452 25%, transparent 25%, transparent 75%, #e85452 75%, #e85452 75%);
	background-image: -ms-linear-gradient(45deg,  #e85452 25%, #e85452 25%, transparent 25%, transparent 75%, #e85452 75%, #e85452 75%),
	                  -ms-linear-gradient(-45deg, #e85452 25%, #e85452 25%, transparent 25%, transparent 75%, #e85452 75%, #e85452 75%);
	background-image: -o-linear-gradient(45deg,  #e85452 25%, #e85452 25%, transparent 25%, transparent 75%, #e85452 75%, #e85452 75%),
	                  -o-linear-gradient(-45deg, #e85452 25%, #e85452 25%, transparent 25%, transparent 75%, #e85452 75%, #e85452 75%);
	background-image: linear-gradient(45deg,  #e85452 25%, #e85452 25%, transparent 25%, transparent 75%, #e85452 75%, #e85452 75%),
	                  linear-gradient(-45deg, #e85452 25%, #e85452 25%, transparent 25%, transparent 75%, #e85452 75%, #e85452 75%);
	border-radius: 2px;
  padding: 20px;
	line-height: 30px;
	font-size: 1.6rem;
}
.goodsContents .goodsBottomtxt span{
	font-size: 2.2rem;
	display: block;
	text-align: center;
	margin-bottom: 12px;
}
.goodsContents .goodsBottomtxt p{
	color: #fff;
  font-size: 1.4rem;
  margin-bottom: 6px;
  text-align: left;
  line-height: 22px;
}

.goodsContents .goodsContact{
	margin: 50px auto 0;
	text-align: center;
}
.goodsContents .gContactTitle{
	font-size: 2rem;
	margin-bottom: 26px;
	position: relative;
}
.goodsContents p{
	color: #d7d7d7;
	line-height: 26px;
}


/*=============================
        公演情報&チケット
===============================*/
.ticketContents main{
  background: url(../img/characterBg.gif) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 30px 5% 80px 5%;
}
.ticketContents section{
  margin: 0 auto 50px;
}
.ticketContents .placeList ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;

}
.ticketContents p.exitText{
	padding-top: 20px;
	text-align: center;
}
.ticketContents .placeList ul li{
	margin: 0 5px 5px 0;
	width: 32%;
	position: relative;
}
.ticketContents .placeList ul li .soldOut02{
	width: 59%;
	position: absolute;
	top: -12%;
	left: -3%;
	margin: auto;
	display: block;
	z-index: 1;
}

.ticketContents .placeList ul li:nth-child(3n){
	margin: 0 0 5px 0;
}
.ticketContents .placeList ul li:last-child{
  margin-right: 0;
}
.colorTitle{
	font-size: 1.6rem;
	color: #dea730;
	margin-bottom: 15px;
	line-height: 22px;
}
.pinzImg{
	margin-bottom: 20px;
}
.placeName .placeDate{
	font-size: 1.5rem;
	margin-bottom: 30px;
}
.placeName .placeDate span{
	font-size: 1.0rem;
}
.placeName .dateBoxList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
	font-size: 1.3rem;
	width: 460px;
}
.placeName .dateBoxList p{
	margin-bottom: 6px;
	line-height:
}
.placeName .dateBoxList span{
	display: block;
	margin-bottom: 13px;
}
.placeName .dateBoxList .dateBox{
	margin-right: 13px;
	margin-bottom: 10px;
}
.placeName .dateBoxList .dateBox:last-child{
	margin-right: 0;
}
.placeName .caution{
	color: #ff7878;
	margin: 20px 0 20px 0;
	font-size: 1.3rem;
	line-height: 18px;
}
.placeName .smText, .price .smText{
	font-size: 1.1rem;
	color: #afafaf;
	line-height: 20px;
	margin: 0 0 50px 0;
}
.placeName .smText a{
	display: inline;
	color:#6dd8ff;
	text-decoration: underline;
}
.placeName .smText, .price .smText a{
	font-size: 1.2rem;
	color: #afafaf;
	margin: 5px 0 0 0;
	display: inline;
}
.placeName .dateName{
	margin-right: 8px !important;
	position: relative;
	width: 60px;
}

.placeName .scroll {
  overflow-x: auto;
}
.placeName .scroll::-webkit-scrollbar {
  height: 1px;
}
.placeName .scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.placeName .scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #999;
}

.placeName .dateBoxList .dateBox{
    margin-right: 23px;
}
.placeName .dateBoxList .dateBox p.none{
    text-align: center;
}

.placeName .dateName .dateNameText{
	position: absolute;
	bottom: 0
}

/* ---------- アクセス ---------- */

.access{
	font-size: 2.0rem;
	line-height: 40px;
}
.access a{
	display: inline;
	color:#6dd8ff;
}
.access p{
	margin-bottom: 30px;
}
/* ---------- プレイ形式 ---------- */


/* ---------- チケット料金 ---------- */

.price{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
}
.price p{
	line-height: 20px;
}
.price span{
	color:#ff7878;
	font-size: 1.1rem;
	display: block;
	margin-bottom: -5px;
}
.pricebox{
	margin-bottom: 30px;
}
.otherInfo {
	margin-bottom: 35px;
}
.otherInfo p{
	margin-bottom: 10px;
}
span.colorSm{
	font-size: 1.1rem;
	color: #dea730;
	display: block;
	margin-bottom: 6px;
}
.otherSm{
	font-size: 1.1rem;
}
.lastInfo{
	margin-bottom: 0;
}
.otherInfoTop{
	margin-bottom: 40px;
	margin-top: 40px;
}
.otherInfoTop span.mdtext{
	font-size: 1.1rem;
	line-height: 1;
	display: block;
  margin-top: 5px;
  line-height: 18px;
}
span.longtext{
	line-height: 20px;
	font-size: 1.1rem;
	display: block;
	margin-top: 5px;
}
.ticketstore a{
	display: inline;
	color: #6dd8ff;
}
.ticketstore p{
	line-height: 26px;
}
.ticketstoreli{
	border-bottom: 1px solid #454b53;
	box-sizing: border-box;
	padding: 30px 0;
}
.firsttoreli{
	border-bottom: 1px solid #454b53;
	box-sizing: border-box;
	padding:0 0 30px 0;
}
.ticketstoreli .normalSm{
	font-size: 1.1rem;
}
.ticketstoreli span.smText{
	font-size: 1.1rem;
	color: #afafaf;
	margin: 50px 0 80px 0;
}
.ticketstoreli span.colorR{
	color: #ff7878;
}


/*=============================
            faq
===============================*/

.faqContents{
  background: url(../img/characterBg.gif) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px 5% 62px 5%;
}
.faqContents section{
  margin: 0 auto;
}
.faqContents section p{
  font-size: 1.3rem;
  line-height: 22px;
  margin-bottom: 14px;
}
.faqContents .faqText{
  margin: 30px 0 50px 0;
}
.qText{
  margin-bottom: 17px;
}
.qImage{
  text-indent: -9999px;
  background: url(../img/qImage.png) no-repeat;
  background-size: 14px 19px;
  width: 14px;
  height: 19px;
  margin-right: 16px;
	display: inline-block;
}
.questionBox .qText p{
  font-size: 1.6rem;
  margin-bottom: 0;
  line-height: 24px;
	display: inline-block;
	vertical-align: text-top;
	width: 87%;
}
.questionBox .aText .subaText {
  margin-left: 12%;
}
.questionBox .aText .subaText p{
	margin: 20px 0 0px 0;
	width: 100%;
}
.questionBox .aText .subaText p span{
	display: block;
	margin-bottom: 6px;
	font-size: 1.5rem;
}
.aImage{
  text-indent: -9999px;
  background: url(../img/aImage.png) no-repeat;
  background-size: 15px 16px;
  width: 15px;
  height: 16px;
  margin-right: 16px;
	display: inline-block;
}
.questionBox .aText p{
	font-size: 1.3rem;
  margin-bottom: 0;
  line-height: 22px;
	display: inline-block;
	vertical-align: text-top;
	width: 84%;
}
.questionBox{
  margin: 30px 0 38px 0;
}
.ticketguide .sctickeImg{
	margin: 0 auto;
}
.ticketLink{
    padding-bottom: 50px;
	margin-bottom: 40px;
    border-bottom: 1px solid #454b53;
}
.ticketLink h4{
    margin: 0 auto 3rem;
    text-align:center;
}
.ticketLink .cnticke{
	margin-bottom: 30px;
}
.ticketLink .cnticke span{
	font-size: 1.2rem;
	display: block;
	margin: 0 auto;
	line-height: 21px;
}
.ticketguide a{
	text-align: center;
	display: block;
  color: #6dd8ff;
	margin: 0 auto 14px;
}
.tiTextLink a{
	text-align: left;
	display: block;
	color: #6dd8ff;
	margin: 0 auto 14px;
}
.tpia{
	margin-bottom: 30px;
}
.tpia p{
	line-height: 26px;
}

.faqLink{
	margin: 30px auto 20px;
}
.information h4 {
    margin: 2.5rem auto 1rem;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.information p{
	font-size: 1.5rem;
	text-align: center;
	line-height: 26px;
}

.information p span{
	font-size: 1.2rem;
	text-align: center;
}

/*=============================
            nazo
===============================*/
.nazoModal{
	position: fixed;
	-webkit-background-size: 8px 8px;
	-moz-background-size: 8px 8px;
	background-size: 8px 8px;
	background-color: #000;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
	            color-stop(.25, #1e1e1e), color-stop(.25, transparent),
	            color-stop(.5, transparent), color-stop(.5, #1e1e1e),
	            color-stop(.75, #1e1e1e), color-stop(.75, transparent),
	            to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #1e1e1e 25%, transparent 25%,
	          transparent 50%, #1e1e1e 50%, #1e1e1e 75%,
	          transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #1e1e1e 25%, transparent 25%,
	          transparent 50%, #1e1e1e 50%, #1e1e1e 75%,
	          transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #1e1e1e 25%, transparent 25%,
	          transparent 50%, #1e1e1e 50%, #1e1e1e 75%,
	          transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #1e1e1e 25%, transparent 25%,
	          transparent 50%, #1e1e1e 50%, #1e1e1e 75%,
	          transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #1e1e1e 25%, transparent 25%,
	          transparent 50%, #1e1e1e 50%, #1e1e1e 75%,
	          transparent 75%, transparent);	width: 100%;
	height: 100%;
	z-index: 3;
	padding: 26px 0 ;
	font-size: 1.6rem;
	overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.nazoModalText h3{
  margin-bottom: 15px !important;
  font-weight: bold;
  border-bottom: 1px solid #777;
  padding-bottom: 15px;
}
.nazoModalText p{
  line-height: 26px;
  margin-bottom: 2.5em;
  color: #eee;
  font-size: 1.6rem;
}
.nazoModalText p strong{
  font-weight: bold;
  color: #ff5bac;
}
.nazoModalwrap{
	margin: 0 auto;
	width: 95%;
}
.nazoModalText{
	margin-bottom: 30px;
}
.answerPresent{
	border: solid 1px #b1cdf7;
	border-radius: 2px;
	text-align: center;
	padding: 30px 4%;
	margin-bottom: 100px;
	position: relative;
}
.answerPresent .achievement img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 90%;
	max-width: 346px;
	display: block;
}
.nazoClose{
	width: 34px;
	margin: 0 auto 24px;
}
.answerPresent p{
	margin: 10px 0;
	font-size: 1.6rem;
	border-bottom: dashed 1px #6d6d6d;
	padding-bottom: 12px;
}
.answerPresent img{
	width: 26px;
	margin-right: 5px;
	display: inline;
}
.nazoModalTitle{
	font-size: 2.2rem;
	font-weight: bold;
	border-bottom: solid 1px #989898;
	padding-bottom: 25px;
	margin-bottom: 25px;

}

.nazoContents .titleMain {
    width: 580px;
    display: block;
    margin: 0 auto;
}
.nazo .topTitile {
	background: none;
	height: auto;
}
.nazo .topTitile h2 {
    margin: 0 auto;
    padding: 15px 0;
}
.nazo .titleMain,
.nazo .nazoTitile
{
	width: 95%;
	margin: 0 auto 20px;
}
.nazo .nazoCorrect {
	width: 60%;
	display: block;
	margin: 14px auto 0;
}
.nazo .nazoSubTitile{
	margin-bottom: 30px;
}
.nazo .correctNum {
	color: #fff;
	margin: 30px auto 15px;
}

.correct main .contents01 {
		background: url(../../img/contentBg01.jpg) no-repeat;
		background-size: cover;
		background-position: center;
    padding: 0px 0 60px 0;
}
.nazoContents .carouselWrapper{
	overflow: hidden;
}
.nazoContents .banner{
  margin: 40px auto 40px;
  text-align: center;
}
.nazoContents .banner a{
  color: #fff;
  display: inline;
}
.nazoContents .carouselWrapper .problemBtn{
	width: 86%;
	margin: 40px auto ;
}
.slick-prev:before{
	content: "";
	text-indent: -9999px;
  background: url(../img/nazoBack.png) no-repeat;
	background-size: 50px 50px;
	width: 50px;
	height: 50px;
	display: block;
}
.slick-next:before {
	content: "";
	text-indent: -9999px;
  background: url(../img/nazoNext.png) no-repeat;
	background-size: 60px 60px;
	width: 60px;
	height: 60px;
	display: block;
}
.slick-next {
    width: 60px !important;
    height: 60px !important;
		right: 0 !important;
}
.slick-prev {
    width: 50px !important;
    height: 50px !important;
		left: 0 !important;
		z-index: 1 !important;
}
.slick-dots li.slick-active button:before {
    opacity: .75 !important;
    color: #fff !important;
		font-size: 70px !important;
}
.slick-dots li button:before {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    font-size: 70px !important;
    color: #fff !important;
}
.correctNum{
	font-size: 1.4rem;
	text-align: center;
	margin: 40px 0;
}
.correctNum span{
	font-size: 2rem;
	font-weight: bold;
}


/* ---------- problem ---------- */

.problemContents{
  background: url(../img/characterBg.gif) no-repeat;
  background-size: cover;
  background-position: center;
	padding: 28px 0 50px 0;
	width: 100%;
}
.problemContents h2{
	padding: 46px 0 20px 0;
}
.problemWrapper{
	margin: 0 auto;
}
.problemBox{
	margin-bottom: 70px;
}
.issue{
	background-color: #fff;
	padding-bottom: 45px;
	margin-bottom: 45px;
}
.problemWrapper .problemNum{
	font-size: 3.2rem;
	padding: 22px 0;
	background-color: #b32a2b;
	text-align: center;
	margin-bottom: 25px;
}
.problemWrapper .probleImg{
	margin: 0 auto 50px;
	width: 90%;
}
.problemWrapper .tips{
	margin: 0 auto;
	width: 95%;
}
.problemWrapper .tipsTitle{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	background-color: #b32a2b;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	position: relative;
	padding: 14px 0;
}
.problemWrapper .tipsTitle:hover{
	opacity: 0.7;
	cursor: pointer;
}
.problemWrapper .tipsText01,
.problemWrapper .tipsText02,
.problemWrapper .tipsText03,
.problemWrapper .tipsText04
{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	border-left: solid 1px #c1c1c1;
	border-bottom: solid 1px #c1c1c1;
	border-right: solid 1px #c1c1c1;
	box-sizing: border-box;
	padding: 13px 11px;
	align-items: center;
	display: none;
}
.problemWrapper .tipsText .tipsImg{
	width: 55px;
	margin-right: 12px;
}
.problemWrapper .tipsText .text {
	font-size: 1.4rem;
  color: #222222;
  width: 75%;
  line-height: 17px;
}
.problemWrapper .tipsText .text span{
	font-size: 1.3rem;
	color: #6e6f74;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
.problemWrapper .answer{
	margin: 0 auto;
}
.problemWrapper .answer .fontfGoth{
	color: #b5ddff;
	text-align: center;
	font-weight: bold;
	margin-bottom: 24px;
	font-size: 2rem;
}
.problemWrapper .answer .fontfGoth .emphasis{
  color: #ff88c3;
  font-weight: bold;
}
::-ms-clear {
	display: none;
}
.problemWrapper input[type="text"]{
	background-color: #fff;
	border: solid 1px #b12a2d;
	width: 90%;
	color: #222222;
	font-size: 3.6rem;
	padding: 12px 0;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	vertical-align : middle;
}
.problemWrapper .lastAnswer {
	width: 95%;
	margin: 0 auto;
}
.issue input[type="submit"]{
	background: #d2c08a;
	background: -moz-linear-gradient(top, #d2c08a 0%, #c5ac5e 100%);
	background: -webkit-linear-gradient(top, #d2c08a 0%,#c5ac5e 100%);
	background: linear-gradient(to bottom, #d2c08a 0%,#c5ac5e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2c08a', endColorstr='#c5ac5e',GradientType=0 );
	width: 80%;
	margin: 30px auto 30px;
	display: block;
	border-radius: 2px;
	font-size: 2rem;
	font-weight: bold;
	padding: 16px 0;
}

.issue input[type="submit"]:hover{
	opacity: 0.7;
	cursor: pointer !important;
	transition: 0.3s;
}
.problemWrapper .lastAnswer #answers{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	max-width: 400px;
  width: 80%;
  margin: 0 auto 40px;
}
.problemWrapper .lastAnswer .answerBlock {
	display: block;
	width: 60px;
}
.problemWrapper .lastAnswer .answerBlock:last-child {
	margin-right: 0;
}
.problemWrapper .lastAnswer .answerBlock .block{
	position: relative;
	min-width: 60px;
	min-height: 50px;
	border: solid 1px #c7ae64;
	box-sizing: border-box;
}
.problemWrapper .lastAnswer #answers span{
	color: #c7ae64;
	position:absolute;
  top:50%;
  left:50%;
  display:inline;
  transform:translate(-50%, -50%);
	font-size: 4.4rem;
	text-align: center;

}
.problemWrapper .lastAnswer .answerNum{
	border: none !important;
}
.problemWrapper .lastAnswer .answerNum span{
color: #222222 !important;
-ms-writing-mode: horizontal-tb !important;
writing-mode: horizontal-tb !important;

}
.problemWrapper .lastAnswer #answer2Block,
.problemWrapper .lastAnswer #answer4Block{
	margin-top: 100px;
}
.problemWrapper .lastAnswer .answerBlock .colorR{
	position: relative;
	min-width: 60px;
	min-height: 50px;
	background-color:#b32a2b;
}
.problemWrapper .lastAnswer #answers .colorR span{
	color: #fff;
	position:absolute;
  top:50%;
  left:50%;
  display:inline;
  transform:translate(-50%, -50%);
	font-size: 4.4rem;
	text-align: center;

}
/* ---------- correct ---------- */
.correct .snsIcon{
	margin: 30px auto 50px;
}
.correct .snsIcon img{
	width: 100%;
	margin: 0 auto;
	display: block;
}
.correct .snsIcon a{
	width: 80%;
	margin: 0 auto;
}
.correct .snsIcon p{
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 10px;
}
.correct .correctNum{
	margin: 2px 0 22px 0;
}
.correctNum .caution {
  padding-top:  10px;
  font-size: 1.3rem;
  font-weight: bold;
}

/* ---------- interview ---------- */

.interview .topTitile{
	background: none;
}
.interviewBg{
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/interviewBg.jpg) no-repeat center center;
  background-size: cover;
  position: fixed;
  z-index: -1;
  overflow: hidden;
}
.interview .topTitile{
  height: auto;
}
.interview .topTitile h2{
  padding: 24px 0;
}
.interview .titleMain{
  width: 230px;
  margin: 0 auto;
}
.interview .titleInterview{
  width: 203px;
  margin: 16px auto 0;
}
.interviewContents .interviewArticle{
  margin: 0 8px 80px;
  padding-bottom: 80px;
  background: #fff;
  color: #000;
  font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.interviewContents .interviewArticle figcaption{
  font-size: 1.2rem;
  line-height: 1.5em;
  letter-spacing: .05em;
  margin: 8px 16px 0;
  color: #455a64;
}
.interviewContents .interviewArticle .lead{
  font-size: 1.4rem;
  line-height: 2em;
  margin: 32px 16px 0;
}
.interviewContents .interviewArticle .interviewSection{
  margin: 0 16px;
  padding-top: 40px;
}
.interviewContents .interviewArticle .interviewSection + .interviewSection{
  margin-top: -24px;
}
.interviewContents .interviewArticle .interviewSection > *{
  margin-bottom: 24px;
  font-size: 1.3rem;
  line-height: 2em;
}
.interviewContents .interviewArticle .interviewSection h3{
  font-size: 1.4rem;
  color: #1672a5;
  font-weight: bold;
}
.interviewContents .interviewArticle .interviewSection .talkQuestion{
  font-weight: bold;
}
.interviewContents .interviewArticle .interviewSection .talkName01,
.interviewContents .interviewArticle .interviewSection .talkName02{
  font-weight: bold;
  margin-right: 16px;
}
.interviewContents .interviewArticle .interviewSection .talkName01{
  color: #b54c43;
}
.interviewContents .interviewArticle .interviewSection .talkName02{
  color: #546e7a;
}
.interviewContents .interviewArticle .interviewSection .imgVertical{
  margin: 0 auto;
}

.interviewContents main .contents01{
  background: #000;
  padding: 50px 0 100px;
}

/* ---------- nasuComment ---------- */
.commentContents main .commentArticle {
	padding-bottom: 80px;
}
.commentContents main .contents01 {
    background: #000;
    padding: 50px 0 100px;
}
.titleNasuComment{
	margin: 25px 0 13px 0;
}
.nasuComment .titleMain {
    display: block;
    margin: 0 auto;
}
.nasuComment .titleNasuComment{
	margin: 50px 0;
}
.commentArticle{
	margin: 0 auto 100px;
	padding-bottom: 40px;
	color: #000;
	margin: 0 2.5%;
}
.commentArticle article{
	background: url(../img/nasuCommentBg.png) no-repeat;
	background-size: cover;
	background-color: #fff;
	padding: 0 4% 40px 4%;
	margin-bottom: 20px;
}
.commentArticle .commentTop{
	padding-top: 32px;
	margin-bottom: 25px;
}
.commentArticle .commentTop img{
	width: 50%;
	margin: 0 auto 30px;
}
.commentArticle .commentTop p {
	font-size: 2rem;
	line-height: 25px;
	text-align: center;
}
.commentText{
		font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		overflow: hidden;
}
.commentText p{
		line-height: 26px;
		margin-bottom: 27px;
		font-size: 1.4rem;
}
.commentText .nasuName{
		float: right;
		font-size: 1.4rem;
		margin-top: 13px;
}



/* ---------- goodsNazoContents ---------- */
.goodsNazoContents{
  background: url(../img/goodsNazoBg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0 100px 0;
}
.goodsNazoContents h2{
	padding: 0;
}
.goodsNazoContents .formArea{
	background: rgba(217,210,206,0.8);
	margin: 41px auto 0;
	padding: 4%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	align-items: center;
}
.goodsNazoContents .formImg{
margin-bottom: 24px;
}
.goodsNazoContents .formTxt {
	width: 100%;
}
.goodsNazoContents .formTxt p{
	font-size: 2rem;
	color: #321d0a;
	margin-bottom: 24px;
	text-align: center;
}
.goodsNazoContents .formTxt input[type="text"]{
	width: 100%;
	background-color: #fff;
	border: solid 2px #dedede;
	box-sizing: border-box;
	padding: 13px;
	color: #321d0a;
	font-size: 1.8rem;
	display:inline;
	vertical-align:middle;
	line-height: 29px;
}
:placeholder-shown {
    color: #dedede;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #dedede;
}
/* Firefox 18- */
:-moz-placeholder {
    color: #dedede; opacity: 1;
}
/* Firefox 19+ */
::-moz-placeholder {
    color: #dedede; opacity: 1;
}
/* IE 10+ */
:-ms-input-placeholder {
    color: r#dededeed;
}
.goodsNazoContents .formTxt input[type="submit"]{
	background: #715a4f;
	background: -moz-linear-gradient(top, #715a4f 0%, #441b07 99%);
	background: -webkit-linear-gradient(top, #715a4f 0%,#441b07 99%);
	background: linear-gradient(to bottom, #715a4f 0%,#441b07 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#715a4f', endColorstr='#441b07',GradientType=0 );
	width: 58%;
  font-size: 1.7rem;
  border-radius: 2px;
  color: #fff;
  padding: 12px 0;
  margin: 20px auto 20px;
  display: block;
}
.goodsNazoContents .formTxt input[type="submit"]:hover{
	opacity: 0.7;
	cursor: pointer;
}
.goodsCorrect{
	position: fixed;
	background: rgba(20,10,4,0.9);
	z-index: 9999;
	top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 20px 0 0 0;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	border: solid 1px #39322b;
	box-sizing: border-box;
	border-radius: 2px;
	display: none;
}
.goodsNoCorrect{
	position: fixed;
	background: rgba(20,10,4,0.9);
	z-index: 9999;
	top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 20px 0 0 0;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	border: solid 1px #39322b;
	box-sizing: border-box;
	border-radius: 2px;
	display: none;
}
.goodsCorrect .correctContents{
	background: url(../img/correctContents.jpg) no-repeat;
	background-size: cover;
	margin: 0 auto;
	height: 100%;
}
.goodsNoCorrect .correctContents{
	background: url(../img/correctContents.jpg) no-repeat;
	background-size: cover;
	margin: 0 auto;
	height: 100%;
}
.goodsCorrect .correctContents .gCorrect{
	width: 70%;
	display: block;
	margin: 0 auto 32px;
	padding-top: 60px;
}
.goodsCorrect .correctContents .twitter{
	text-align: center;
	font-size: 2.2rem;
}
.goodsCorrect .correctContents .twitter p{
	margin-bottom: 14px;
	font-size: 1.8rem;
}
.goodsCorrect .correctContents .twitter img{
	width: 80%;
	margin: 0 auto;
	display: block;
}
.goodsCorrect .close,
.goodsNoCorrect .close{
	width: 10%;
	margin: 0 auto 20px;
}
.goodsNoCorrect .correctContents .gCorrect{
	width: 70%;
	display: block;
	margin: 0 auto 32px;
	padding-top: 60px;
}
.goodsNoCorrect .correctContents .retry{
	background: #cf4751;
	background: -moz-linear-gradient(top, #cf4751 0%, #b62a34 100%);
	background: -webkit-linear-gradient(top, #cf4751 0%,#b62a34 100%);
	background: linear-gradient(to bottom, #cf4751 0%,#b62a34 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf4751', endColorstr='#b62a34',GradientType=0 );
	text-align: center;
	border-radius: 2px;
	width: 80%;
	padding: 24px 0;
	margin: 0 auto 24px;
}
.goodsNoCorrect .correctContents .retry p{
	font-size:1.8rem;
}
.goodsNoCorrect .correctContents .retry:hover{
	opacity: 0.7;
	cursor: pointer;
	transition: 0.4s;
}
.goodsNoCorrect .correctContents .retry p span{
	display: inline-block;
	vertical-align: middle;
}
.goodsNoCorrect .correctContents .retry img{
	display: inline-block;
	width: 16px;
	vertical-align: middle;
	margin-right: 5px;
}
.goodsNoCorrect .correctContents .hintBtn{
	margin: 0 auto;
	text-align: center;
	width: 70%;
}

/* ---------- footer ---------- */
footer{
  padding-bottom: 40px;
  position: relative;
  background: url(../img/footerBg.gif) no-repeat;
  background-size: contain;
  background-position: bottom;
  background-color: #000;

}
footer::before{
  content: "";
  display: block;
  background: url(../img/goldLine.gif) no-repeat;
  background-size: 100% 1px;
  width: 100%;
  height: 1px;
}
footer .footerSns{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  margin: 0 auto;
  width: 182px;
  padding: 40px 0 40px 0;

}
footer .planning{
	margin: 0 5%;

}
footer .footerSns .snsIcon{
  width: 50px;
}
footer .planning p{
  text-align: center;
  line-height: 22px;
  padding-bottom: 30px;
}
footer .planning .fgo{
  width: 46%;
  margin: 0 auto 20px;
}
footer .planning .realdgame{
  width: 46%;
	margin-left: 10px
}
footer .planning .scrap10th{
  width: 36%;
	margin-right: 10px;
}
footer .planning .planningImage{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  margin: 0px 10% 55px 10%;
}
footer .planningText{
  text-align: center;
}
footer .planningText p{
  margin-bottom: 40px;
	font-size: 1.0rem;
	line-height: 20px;
}
footer .copyright{
  color: #b8b8b8;
  text-align: center;
  font-size: 1.0rem;
}
.slick-disabled {
	display: none !important;
}

/*復刻版上書き*/
.mt_2rem {
    margin-top: 2rem !important;
}
.kakolist li {
    background-color: #555;
}
.kakolist li img {
    opacity: 0.5;
}

main .logo_240 {
 margin: 1em auto;
    text-align: center;
}
main .logo_240 img{
    width: 240px;
     margin: auto;
}