/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
@media (min-width: 240px) and (max-width: 767.98px){
html{
  font-size: 87.5%; /* ///// 14px ///// */
}
}
@media (min-width: 768px) and (max-width: 991.98px){
html{
  font-size: 75%; /* ///// 12px ///// */
}
}
@media (min-width: 992px) and (max-width: 1199.98px){
html{
    font-size: 87.5%; /* ///// 14px ///// */
}
}
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
body {
	line-height:1;
	color:black;
	background:white;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#333;
	background:#FFFFFF;
}

a, a:visited {
	color:blue;
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}

#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

.slider-wrapper {
	width: 80%;
	margin: 100px auto;
}

strong  {
	font-weight: 600;
}
p {
	font-family: Avenir, "Helvetica Neue", Helvetica, Roboto, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴPro W3", YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック体", Meiryo, "メイリオ", sans-serif;
	font-weight: 500;
}
.greeting {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.8;
}
.greeting2 {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.8;
	color: #5c3e26;
}
.lead-text {
	/*font-family: 'Sawarabi', serif;*/
	font-family: Avenir, "Helvetica Neue", Helvetica, Roboto, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴPro W3", YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック体", Meiryo, "メイリオ", sans-serif;
	font-size: 2.1rem;
	font-weight: bold;
	color:#FFFFFF;
	font-display: swap;
	line-height: 1.6;
	text-align: center;
}
.lead-area {
	width: 80%;
}
.date{
	font-size: 3.6rem;
	font-weight: bold;
	font-display: swap;
	line-height: 1;
	text-align: left;
}
.year{
	font-size: 2.4rem!important;
}
.explanation{
	font-size: 1.8rem!important;
	line-height: 1.4;
	text-align: left;
}
.sub-exp{
	font-size: 1rem!important;
	line-height: 1.6;
	font-weight: bold;
	color: #DC143C;
	text-align: left;
}
.sub-exp2{
	font-size: 1rem!important;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
}
.prize-title{
	font-size: 2.4rem;
	font-weight: bold;
	font-display: swap;
	line-height: 1.4;
	text-align: center;
}
.prize{
	font-size: 1rem;
	font-weight: bold;
	font-display: swap;
	line-height: 1.8;
	text-align: center;
}
.present{
	font-size: 1rem;
	font-weight: bold;
	color:#FFFFFF;
	font-display: swap;
	line-height: 1.8;
	text-align: center;
	background-color: #245c4f;
	border-radius: 5px;
}
.entry-title{
	font-size: 2.4rem;
	font-weight: bold;
	font-display: swap;
	line-height: 1.4;
	text-align: left;
}
.model-title{
	font-size: 2.4rem;
	font-weight: bold;
	font-display: swap;
	line-height: 1.4;
	text-align: center;
}
.stocks{
	font-size: 1.2rem!important;
	line-height: 1.6;
	text-align: center;
}
@media (max-width: 768px) {
.lead-area {
	width: 98%;
}
.date{
	font-size: 3.6rem!important;
}
.prize{
	font-size: 1.6rem;
}
.top-page {
	font-size: 1.6rem!important;
}
}

.reserve-btn {
	max-width: 768px;
}
a.yellow-link {
	color: #202020!important;
}
a.yellow-link:hover{
	color: #202020!important;
	text-decoration: underline!important;
}
.tour-title {
	background-color: #202020;
}
.caution {
	font-family: 'Sawarabi', serif;
	font-size:  1.8rem;
	font-weight:  600;
	color: #008B8B;
}
.limited {
	font-size:  1.4rem;
}
@media (max-width: 768px) {
.limited {
	text-align:  left;
}
}
.dm {
	color: #333333;
	line-height: 1.8;
}
.presented {
	font-size: 1.2rem;
	color: #ffffff;
	line-height: 1!important;
	text-align:  center;
}
.reserved-date {
	font-size: 1.4rem;
	color: #ffffff;
}
.schedule-box {
	background-color: #f2ede3;
	border: solid 3px #9c8246;
	border-radius: 10px;
	max-width:  768px;
}
.place {
	font-size:  1.6rem;
	font-weight: 600;
	color: #333;
}
.date p {
	font-size: 1.4rem;
}
.fluid-box {
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-color: #245C4F;
	padding: 15px;
}
.fluid-box-inner{
	margin: 0 auto;
	padding: 5px;
	background-color: #245C4F;
}
.sponsorship {
	font-size:  1.2rem;
	font-weight: 500;
}
.about-box {
	border: dotted 1px #999;
	max-width: 900px;
	padding: 20px 25px 5px;
	margin-bottom: 2.5rem;
	text-align: left;
}
.artist {
	font-size: 1.2rem!important;
	text-align:  left;
}
.exp {
	font-size: 1.2rem;
	line-height: 2.1;
}
@media (max-width: 768px) {
.exp {
	text-align:  left;
}
}
.mcj {
	font-family: 'Georgia', serif;
	font-size: 1.6rem;
	font-weight: 600;
}

/*youtube動画レスポンシブ対策 */
.youtube-container{
	max-width: 960px;
}
.movie-wrap{
	position: relative; padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden;
}
.movie-wrap iframe{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;4
}
.dashed-border{
	border-top:  1px dashed #202020;
	border-bottom:  1px dashed #202020;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}