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

body {margin:0;padding:0;font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;font-size: 62.5%;line-height:200%;color:#080808;background:#fff;overflow-x: hidden;-webkit-text-size-adjust: 100%;}
ol,ul,li {list-style:none;margin:0;padding:0;}
dl,dt,dd {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;padding:0;}
p {margin:0 0 1em;padding:0;}
a { overflow: hidden; color:#333;text-decoration: none;border:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
a:hover,a:active { color: #999;border:none;outline:none;}
div:after,
ul:after {
  content: "";
  display: block;
  clear: both;
}

html,body {height:100%;}
h1 {font-weight:normal;}
h2 {font-weight:normal;}
h3 {font-weight:normal;}
h4 {font-weight:normal;}
img {max-width: 100%;width:auto;height: auto;display:block;}

article:after,
section:after,
div:after,
ul:after {
  content: "";
  display: block;
  clear: both;
}

#spLinkBlockInPc{
display:none;
}

.pc {display:block;}
.sp {display:none;}

#wrap {width: 100%;height: 100%;margin:0 auto;}



#header{background: url(../images/mainimg.jpg) no-repeat center top;
    padding-top: 340px;
    height: auto;
    position: relative;
    background-attachment: fixed;
    color: #ffffff;
    width: 100%;
    max-width: 100%;
    background-size: cover;}
#header .logo {margin:0 auto;position:absolute;top:3%;left:0;right:0;}
#header .logo img {margin:0 auto;     padding: 0 4%;
    box-sizing: border-box;}
.navi {position: fixed;top:3%;right:1%;z-index:1;}
.navi li {display:block;margin-bottom:5px;}
.navi li a {display: block;text-align:center;font-family: 'Oswald', sans-serif;color:#fff;background:rgba(0,0,0,.2);height:70px;width:70px;line-height:70px;font-size:1.5em;}
.navi li a:hover {background:rgba(0,0,0,.8);}
.navi li.inalog_logo img {max-width: 80%;margin: 0 auto;top: 35%;position: relative;}
.fix_menu {display:none;}

.area h2 {text-align:center;font-family: 'Anton', sans-serif;font-size:6em;color:#080808;padding-bottom:1em;line-height: 1;}
.area {padding:8em 0;}
.contents_in {max-width:1200px;margin:0 auto;}

.release_box {background:#000;color:#fff;position:relative;padding:80px 0;margin: 0 1%;}
.release_box:before {content:"";width: 0;height: 0;border: 40px solid transparent;border-top: 40px solid #fff;border-left: 40px solid #fff;display:block;position:absolute;top:0;left:0;}
.release_box:after {content:"";width: 0;height: 0;border: 40px solid transparent;border-bottom: 40px solid #fff;border-right: 40px solid #fff;display:block;position:absolute;bottom:0;right:0;}
.release_box .jacket {width:36%;padding-left: 5%;margin-right:4%;display:inline-block; vertical-align:top;}
.release_box .jacket img {border:1px solid #fff;}
.release_box .disc_info {width:45%;padding-right: 5%;display:inline-block; vertical-align:top;padding-top: 1%;}
.release_box .disc_info h3 {font-family: 'Anton', sans-serif;font-size:3.5em;letter-spacing:.05em;color:#f5eb42;margin-bottom:1em;}
.release_box .disc_info p {font-size:1.3em;}
.release_box .disc_info a {color:#fff;text-decoration:underline;}
.release_box .disc_info a:hover {color:#999;}
.release_box .disc_info h4 {font-family: 'Anton', sans-serif;font-size:2.2em;padding:1em 0 .5em;}
.release_box .disc_info h4 span {font-size:.7em;font-weight:bold;}
.release_box .disc_info ul {counter-reset: number 0;}
.release_box .disc_info li {font-size:1.3em;margin:.3em 0;color:#ccc;}
.release_box .disc_info li:before {content:counter(number,decimal-leading-zero) ".";counter-increment: number 1;}
.track_list p {margin-bottom:0;}
.buy_btn {text-align:center;margin:3em 0;}
.buy_btn li {display:inline-block; vertical-align:top;margin:15px 15px;}
.buy_btn li a {width:600px;height:60px;display:block;font-family: 'Oswald', sans-serif;text-align:center;line-height:60px;font-size:1.7em;}

.buy_btn li.amazon a {background:#c5be66;color:#fff;font-weight: bold;}
.buy_btn li.tower a {background:#5f949b;color:#fff;font-weight: bold;}
.buy_btn li.hmv a {background:#c5be66;color:#fff;font-weight: bold;}
.buy_btn li a:hover {opacity:.7;}

.release .copy {text-align:left;font-size:1.3em;line-height:1.5;padding: 3% 0;}
.release .special {border:1px solid #333;padding:3%;text-align:center;margin:5em 1% 0;}
.release .special h3 {font-size:2em;font-family: 'Noto Sans Japanese', sans-serif;font-weight:600;margin-bottom:1.5em;}
.release .special h3 br {display:none;}
.release .special p {font-size:1.4em;margin-bottom:.5em;}
.release .special p a {color:#d61619;}
.release .special p a:hover {opacity:.7;}
.release .special p span {display:inline-block;margin-left:1em;}

.movie {background:#080808;color:#fff;}
.movie h2 {color:#fff;}
.movie .contents_in {}
.movie .contents_in .box {width:45%;display:inline-block;margin:0 2%;}
.movie .youtube {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.movie .youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.movie .caption {text-align:center;font-size:1.4em;margin-top:1em;}


.tour .contents_in {position:relative;}
.tour .map {max-width:60%;margin:0 auto;}
.tour .text {position:absolute;left: 7%;top: 8%;width: 40%;line-height: 1.4;text-align: center;}
.tour .text h3 {font-weight:bold;font-size:2.5em;font-family: 'Noto Sans Japanese', sans-serif;}
.tour .text h3 span {color:#d61619;font-family: 'Anton', sans-serif;font-size:1em;display:block;font-weight: normal;}
.tour .text .title {font-size:1.8em;font-weight: 500;margin:1em 0 0;font-family: 'Noto Sans Japanese', sans-serif;}
.tour .text .text_sub {font-size:1.4em;margin-top:1.5em;line-height:1.6;}
.tour .text .text_sub a {display:block;margin-top:.5em;color:#d61619;}
.tour .text .text_sub a:hover {opacity:.7;}
.tour .tour_info {position:absolute;right:0;bottom: 10%;width: 40%;text-align:center;}
.tour .tour_info p {margin-bottom:0;}
.date_box {font-family: 'Anton', sans-serif;font-size:2.3em;line-height:1.4;margin-bottom:1em;}
.date_box .date {font-size:1.5em;color:#d61619;}
.place_box {font-size:1.6em;line-height:1.6;}
.place_box strong {font-size:1.5em;font-family: 'Noto Sans Japanese', sans-serif;}
.tour .tour_info .with {color:#e43333;font-size:1.5em;margin:.2em 0;}
.tour .tour_info .guide {font-size:1.4em;margin:1em 0;}
.schedule_btn {position:absolute;right:0;bottom:2%;z-index:1;width: 40%;}
.schedule_btn a {background:#fdd000;color:#000;padding:.8em 5em;font-family: 'Oswald', sans-serif;font-size:1.5em;margin:2em auto 0;display:table; cursor:pointer;text-decoration:none;}
.schedule_btn a:hover {background:#d61619;color:#fff;}

.inalog {background:#080808;color:#fff;}
.inalog h2 {width:40%;margin:0 auto;}
.inalog h2 img {margin:0 auto;}
.inalog p {font-size:1.6em;text-align:center;font-weight:bold;line-height:1.8;}
.hash_btn {text-align:center;letter-spacing:-.4em;width:80%;margin:1em auto 4em;}
.hash_btn li {display:inline-block;margin:.5em;letter-spacing:normal;font-size:1.4em;width:20%;}
.hash_btn li a {display:block;background:#666;color:#fff;line-height:50px;}
.hash_btn li a:hover {background:#333;}
.hash_tw {text-align:center;letter-spacing:-.4em;}
.hash_tw div.twitter_box {display:inline-block;margin:10px;letter-spacing:normal;font-size:1.4em;width:275px;}
.hash_tw h3 {background:#fff;width:90%;border-bottom: 1px solid #ccc;text-align:left;padding:5%;font-size:1.2em;}
.hash_tw h3 a {color:#000;}
.hash_tw h3 a:hover {color:#d61619;}
.hash_tw iframe {background: #fff;width: 100% !important;}

.comment {background:#f9f9f9;}
.comment h2 .sub {width:170px;display:block;margin:0 auto;margin-bottom:15px;}
.comment .thumbnail {text-align:center;letter-spacing:-.4em;    margin:0;}
.comment .thumbnail li {display:inline-block;letter-spacing:normal;font-size:1.4em;width: 220px;margin: 8px;text-align:left;vertical-align: top;}
.comment .thumbnail li a {display:block;background:#fff;padding:5%;color:#333;height: 290px;}
.comment .thumbnail li a:hover {opacity:.7;}
.comment .thumbnail li p {margin-bottom:0;}
.comment .thumbnail li p:nth-child(1) {font-weight:bold;}
.comment .thumbnail li p span {font-size:.8em;display:block;line-height:1.4;margin-top:2px;font-weight:normal;}
.comment .thumbnail li .txt {margin:.5em 0;}
.comment .thumbnail li .txt .place {font-size:.9em;margin-top:.5em;}
.andmore {text-align:center;font-size:1.4em;font-weight:bold;margin-top:5em;}

#footer {padding:1% 0;text-align:center;background:#d2d2d2;color:#000;font-size:1.2em;}

.remodal-wrapper {padding: 0 5%;}
.remodal-overlay {background: rgba(0,0,0,.9);}
.remodal {padding:5% 0;background:none;max-width: 900px;}
.remodal-close {top: 2.5%;left: 2%;}
.remodal .inner {padding:0;text-align:left;background:none;color:#fff;}
.remodal .inner p {font-size:1.3em;}
.remodal .inner .close_btn {background:none;border:1px solid #fff;color:#fff;padding:.8em 4em;font-family: 'Oswald', sans-serif;font-size:1.5em;margin:4em auto 0;display:table; cursor:pointer;text-decoration:none;}
.remodal .inner .close_btn:hover {background:none;border:1px solid #d61619;color:#d61619;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.remodal .inner a {color:#ccc;}
.remodal .inner a:hover {color:#fff;}

#schedule {background:#bbf6fd; margin-top: 5em;padding-top: 7em;padding-bottom: 0em;}
.schedule_in {}
.schedule_in h2 {text-align:center;font-family: 'Anton', sans-serif;font-size:4em;color:#f5eb42;padding-bottom:1em;line-height: 1;}
.schedule_in .list li {font-size:18px;border-bottom:1px dotted #999;padding:1em 4%;position:relative;padding-right:70px;color:#000;}
.schedule_in .list li div {display:inline-block; vertical-align:middle;}
.schedule_in .list li div span {display:block;font-weight: bold;}
.schedule_in .list li div span:nth-child(3) {color:#e43333;}
.schedule_in .list li div.icon:before {content:"";width:7em;line-height:1;padding:.5em 0;font-size:11px;}
.schedule_in .list li div.icon.talk:before {content:"Talk Live";background:#c29025;display:block;text-align:center;}
.schedule_in .list li div.icon.oneman:before {content:"One Man";background:#2e7ac2;display:block;text-align:center;}
.schedule_in .list li div.icon.withband:before {content:"with Band";background:#3b9529;display:block;text-align:center;}
.schedule_in .list li div.place {width:4em;text-align:center;    background-color: #c5be66;
    padding: 11px;
    color: #fff;
font-weight: bold;}
.schedule_in .list li div.placea {width:4em;text-align:center;    background-color: #5f949b;
    padding: 11px;
    color: #fff;
font-weight: bold;}
.schedule_in .list li div.date {width:17%;text-align:center;font-weight: bold;}
.schedule_in .list li div.info,
.schedule_in .list li div.guide {width:32%;text-align:center;}
.schedule_in .list li div.hash_icon {position:absolute;right:5px;top:30%;}
.schedule_in .list li div.hash_icon a {background:url(../images/inalog_icon.png) no-repeat 0 0;background-size:cover;width:60px;height:21px;display: block;}
.schedule_in .list li div.hash_icon a:hover {opacity:.7;}
.schedule_in .list li a {color:#fff;}


#d20170520 h3 {text-align: center;
    font-size: 28px;
    line-height: 1.7;
    margin-top: 2%;
    font-weight: bold;
    color: #ffffff;
    background-color: #5f949b;
    margin-bottom: 3%;}

#d20170523 h3 {text-align: center;
    font-size: 28px;
    line-height: 1.5;
    margin-top: 2%;
    font-weight: bold;
    color: #ffffff;
    background-color: #c5be66;
    margin-bottom: 3%;
	
}

.uketuke { width: 40%;
    margin:  0 auto;
	}

.kouen p {
	text-align: center;
    font-size: 22px;
    line-height: 1.8;
    margin-top: -4px;
    font-weight: bold;
}

.commmetn_in {width: 80%;margin: 0 auto;}
.commmetn_in h2 {text-align:center;font-family: 'Anton', sans-serif;font-size:4em;color:#f5eb42;padding-bottom:1em;line-height: 1;}
.commmetn_in h3 {font-size:1.8em;margin:2em 0 1em;font-weight:500;font-family: 'Noto Sans Japanese', sans-serif;}
.commmetn_in h3 span:before {content:" ｜ "}
.commmetn_in img.photo {max-height: 550px;margin: 0 auto;}

/* colorbox */
/*
#cboxClose {
    position: absolute;
    top: -50px;
    right: 5px;
    display: block;
    background: url(../images/close.png) no-repeat top center;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    z-index: 1000000;
    background-size: cover;
}
*/
#cboxContent {margin-top: 0px;}

.ticket {

    background-color: #fff;

    padding: 17px;
    margin-top: 89px;

}
.oldtour img {
	margin: 0px auto;
    margin-top: 40px;
		}

.oldtour2 img {
	margin: 0px auto;
    margin-top: 40px;
	    padding: 0 5%;
    box-sizing: border-box;
		}
.oldtour h2 {
	color: #fff;
	width: 1060px;
    margin: 0 auto;
    margin-top: 51px;
    text-align: center;
    font-size: 22px;
	max-width: 100%;
	    padding: 0 30px;
	box-sizing: border-box;
	    font-weight: bold;
	line-height: 1.2;
		}

.oldtour2 h2 {
	width: 1060px;
    margin: 0 auto;
    margin-top: 51px;
    text-align: center;
    font-size: 22px;
	max-width: 100%;
	    padding: 0 30px;
	box-sizing: border-box;
	    font-weight: bold;
	line-height: 1.2;
		}

.oldtour p {
	color: #fff;
	width: 1060px;
    margin: 0 auto;
    margin-top: 51px;
    font-size: 16px;
	    line-height: 1.8;
	max-width: 100%;
	    padding: 0 30px;
	box-sizing: border-box;
	    font-weight: bold;
		}
.oldtour2 p {
	width: 1060px;
    margin: 0 auto;
    margin-top: 51px;
    font-size: 16px;
	    line-height: 1.8;
	max-width: 100%;
	    padding: 0 30px;
	box-sizing: border-box;
	    font-weight: bold;
		}

.tour {
	text-align: center;
}

.goodsarea {
	background-color: #bbf6fd;
	    padding-top: 70px;
}

.goodsarea p {
	    font-size: 19px;
    margin-top: 9px;
	font-weight: bold;
	line-height: 1.8;
}

.goodsarea h3 {
	     font-size: 25px;
    color: #c3181e;
    margin-top: -7px;
	font-weight: bold;
}

.goodsUl li.floatLeft, .goodsUl li.floatRight {
    width: 48.4775%;
}

.goods {
	    width: 1060px;
    margin: 0 auto;
	    margin-top: 60px;
	    padding: 0 5%;
	    box-sizing: border-box;
	max-width: 100%;
	    padding-bottom: 60px;
}

.floatLeft {
    float: left;
}

.goodsUl li {
    margin-bottom: 50px;
}

.floatRight {
    float: right;
}

.songbox01 {
	width: 315px;
	float: left;
	    color: #fff;
}

.songbox01 li {
	margin-top: 18px;
}

.songbox03 {
	width: 315px;
	float: left;
	   
}

.songbox03 li {
	margin-top: 18px;
}

.songbox02 li {
	margin-top: 18px;
	    color: #fff;
}

.songbox04 li {
	margin-top: 18px;
}


.songbox01 ul{
	margin:0 auto;
	}

.songbox02{
	width: 300px;
	float:right;
	 
}

.songbox04{
	width: 300px;
	float:right;
}

.songbox02 ul{
	margin:0 auto;
	padding-bottom: 60px;
	   
	}
.mobilearea{
	margin-top: 60px;
	    padding-bottom: 60px;
}
.songbox04 ul{
	margin:0 auto;
	 padding-bottom: 60px;
	}
.songbox {
width: 728px;
    margin: 0 auto;
    font-size: 18px;
    margin-top: 58px;
    padding-bottom: 60px;
font-weight: bold;
    padding: 0 5%;}
.old {
    background-color: #02a791;
    margin-top: 0px;
    padding-top: 30px;}
 .old2 {
    background-color: #fff;
    margin-top: 0px;
    padding-top: 30px;
} 

.logo img  {
	margin: 0 auto;
    padding: 0 4%;
    box-sizing: border-box;
	    margin-bottom: 30px;
}

@media screen and (max-width:1260px) {
#header .logo {top:2%;}
#header {}
.release_box {margin:0 5%;}
.release .special {margin:5em 5% 0;}
.movie .contents_in {max-width: 640px;}
.inalog h2 {width: 50%;}
.hash_btn {width:100%;}

#schedule {margin-top:5%;}
.oldtour img {
	margin: 0px auto;
    margin-top: 40px;
	    padding: 0 5%;
    box-sizing: border-box;
		}
}
@media screen and (max-width:1024px) {
		.contents_in {
    margin: 0 auto;
    padding: 0 5%;
}
	
.navi {display:none;}
.fix_menu {display:block;position:fixed;top:0;right:0;z-index:11000;display:block;background:rgba(0,0,0,.8);width: 50px;height: 45px;}
.modal_navi li {text-align:center;margin:4em 0;}
.modal_navi li a {color:#fff;font-family: 'Oswald', sans-serif;font-size:2.5em;}
.modal_navi li.inalog_logo img {max-width: 85px;margin: 0 auto;}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	width: 50px;
	height: 45px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	right:0;
	margin: 0 auto;
	width: 35px;
	height: 3px;
	background-color: #fff;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 11px;
}
.menu-trigger span:nth-of-type(2) {
	top: 21px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 11px;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
	background-color:#fff;
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
	background-color:#fff;
}
	.goodsarea p {
		font-size: 2.1vw;
	}

	
	
}
@media screen and (max-width:960px) {
.pc {display:none;}
.sp {display:block;}
#songctn {
    width: 80%;
    margin: 0 auto;
}
.tour {
	text-align: left;
}
.area h2 {font-size:5em;}
.hash_tw div.twitter_box {width: 41.5%;}
.remodal {padding: 10% 0;}
.remodal-wrapper {padding: 0 7%;}
.schedule_in .list li {padding-right:0;}
.schedule_in .list li div.info, .schedule_in .list li div.guide {width: 100%;text-align: left;display: block;margin-top:.2em;}
.schedule_in .list li div.guide {margin-top:.2em;}
.schedule_in .list li div span {display: inline;}
.schedule_in .list li div span:after {content:"";margin-right:.7em;}
.schedule_in .list li div.hash_icon {top: 1em;}
.schedule_in .list li div.date {text-align: left;display: block;width: 100%;margin-top: 1em;}
.schedule_in .list li div.place {}
.date_box {font-size:2.1em;}
.place_box {font-size:1.4em;line-height:1.6;}
.tour .text {width:50%;left:2%;}
.tour .text h3 {font-size:2.2em;}
.tour .text .title {font-size:1.7em;}
.comment h2 .sub {width:150px;}
	
	.uketuke { width: 95%;
    margin:  0 auto;
	}
	

	
}

@media screen and (max-width:767px){
	
	

}

@media screen and (max-width:736px) {
	.songbox02 {
    width: 300px;
		float:none;}
	.songbox01 ul {
    margin: 0 auto;
		margin-bottom: 18px;}
	.songbox04 {
    width: 300px;
    float:none;
}
	.songbox03 ul {
    margin: 0 auto;
		margin-bottom: 18px;}
	
.kouen p {
	text-align: center;
    font-size: 18px;
    line-height: 1.8;
    margin-top: -4px;
    font-weight: bold;
}	
	
.release_box .jacket {width:100%;display:block;margin:5% auto 0;padding:0;}
.release_box {padding:5% 8% 10%;}
.release .special {padding:5% 5% 5%;}
.release .special h3 {line-height:1.4;}
.release .special h3 br.sub {display:block;}
.release_box .disc_info {width:100%;}
.release_box:before {border: 15px solid transparent;border-top: 15px solid #fff;border-left: 15px solid #fff;}
.release_box:after {border: 15px solid transparent;border-bottom: 15px solid #fff;border-right: 15px solid #fff;}
.release .copy {padding: 5% 0;text-align: left;}
.movie .contents_in {max-width: 90%;}
.tour .text {position: relative;left: 0;top: 0;width: 90%;margin: 0 auto 4em;}
.tour .tour_info {position: relative;right: 0;bottom: 0;width: 100%;text-align: center;font-size: 11px;}
.tour .map {max-width: 80%;margin: 5em auto;}
.schedule_btn {position: relative;right: 0;bottom: 0;z-index: 1;width: 100%;margin-top: -10%;}
.comment .thumbnail li {width: 200px;}
.modal_navi li {text-align:center;margin:2.2em 0;}
.modal_navi li a {font-size:2em;}
.modal_navi li.inalog_logo img {max-width: 70px;margin: 0 auto;}
	#d20170520 h3 {text-align: center;
    font-size: 19px;
    line-height: 1.7;
    margin-top: 2%;
    font-weight: bold;
    color: #ffffff;
    background-color: #5f949b;
    margin-bottom: 3%;}

#d20170523 h3 {text-align: center;
    font-size: 19px;
    line-height: 1.5;
    margin-top: 2%;
    font-weight: bold;
    color: #ffffff;
    background-color: #c5be66;
    margin-bottom: 3%;
	
}
}
@media screen and (max-width:568px) {
		.floatLeft,.floatRight {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.goodsarea p {
		font-size: 17px;
	}
	.goodsUl li.floatLeft, .goodsUl li.floatRight {
		width: 99%;}
.release .special p {text-align:left;}
.release .special p span {display:block;margin:0;}
.buy_btn {text-align: center;margin: 5em 3%;}
.buy_btn li {margin: 0 1%;width: 100%;}
.buy_btn li a {width:100%;}
.hash_btn li {font-size:1.3em;}
.inalog p {font-size:1.4em;padding: 0 6%;text-align:left;}
.comment .thumbnail li {width: 170px;}
.inalog h2 {width: 60%;}
.remodal-wrapper {padding: 0 5%;}
	
	
	.schedule_in .list li {font-size:18px;border-bottom:1px dotted #999;padding:1em 0;position:relative;padding-right:70px;color:#000;width: 100%;}
	
	#d20170520 h3 {text-align: center;
    font-size: 17px;
    line-height: 1.7;
    margin-top: 2%;
    font-weight: bold;
    color: #ffffff;
    background-color: #5f949b;
    margin-bottom: 3%;}

#d20170523 h3 {text-align: center;
    font-size: 17px;
    line-height: 1.5;
    margin-top: 2%;
    font-weight: bold;
    color: #ffffff;
    background-color: #c5be66;
    margin-bottom: 3%;
	
}
}

	

@media screen and (max-width:414px) {
#header .logo {margin: 0 auto;
    padding: 0 4%;
    box-sizing: border-box;
    margin-top: -15px;}

	body:before {
content: "";
background: url(../images/mainimgsp.jpg) no-repeat center center;
background-size: cover;
display: block;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
}
	
	body:before {
content: "";
background: url(../images/mainimgsp.jpg) no-repeat center center;
background-size: cover;
display: block;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
}

	#header {background: none;}
	
/*#header {
	background:url(../images/mainimgsp.jpg) no-repeat center top ;    padding-top: 310px;
    height: auto;
    position: relative;
    background-attachment: fixed;
    color: #ffffff;
    width: 100%;
    max-width: 100%;
    background-size: cover;}
	*/
.area {padding: 6em 0;}
.area h2 {font-size: 4.2em;}
.release .special h3 br {display:block;}
.buy_btn {text-align: center;margin: 3em 0;}
.buy_btn li {margin: 1.5% 0;width: 90%;}
.buy_btn li a {font-size: 1.6em;}
.movie .contents_in .box {width: 100%;display: block;margin: 2% 0 5%;}
.tour {padding-bottom:0;}
.tour .map {max-width: 90%;}
.tour h2 .sub {width:130px;}
.inalog h2 {width: 70%;}
.hash_btn li {width:42%;}
.hash_tw div.twitter_box {width: 86%;}
.comment .thumbnail li {
    width: 45%;
    margin: 2%;
}
.comment .thumbnail li a {height: 260px;}

.fix_menu {width: 45px;height: 40px;}
.menu-trigger {
	width: 45px;
	height: 40px;
}
.menu-trigger span {
	width: 30px;
	height: 3px;
	background-color: #fff;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 8px;
}
.menu-trigger span:nth-of-type(2) {
	top: 18px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 8px;
}
.schedule_in .list li div.info span {display:block;}
.commmetn_in h2 {padding-bottom:.6em;}
.commmetn_in h3 {font-size:1.5em;line-height:1.5;}
.commmetn_in h3 span {display:block;}
.commmetn_in h3 span:before {content:""}
.remodal .inner.commmetn_in .close_btn {margin: 2em auto 0;}

#schedule {
    margin-top: 10%;
}
	

}

@media screen and (max-device-width:375px) {
.comment .thumbnail li a {height: 250px;}
	
}

@media screen and (max-device-width:736px) {
.slick-initialized .slick-slide {
    display: block;margin: 0 10px;
}
.slick-dots {text-align:center;margin-top:10px;}
.slick-dots li {display:inline-block; vertical-align:middle;width: 2.8em;color:#999;}
.slick-dots li:before {content: "●";display:block;font-size: 14px;}
.slick-dots li button {display: none;}
.slick-dots li.slick-active {color:#d61619;}
.slick-prev, .slick-next {
    width: 5%;
    height: auto;
	font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 2%;
	padding: 0;
	cursor: pointer;
	border:none;
	display:block;
	z-index: 100;
}
.slick-prev {
	background: none;
    left: 5%;
	outline:none;
}
.slick-next {
	background:none;
    right: 5%;
	outline:none;
}
.slick-prev:before {content:"\f3d2";}
.slick-next:before {content:"\f3d3"; }
.slick-prev:before,
.slick-next:before {font-family: ionicons;font-size:40px;color:#fff;display:block;}

}

@media only screen
    and (min-device-width:768px)
    and (max-device-width:1024px)
    and (orientation:portrait){
}

#main {
	overflow: hidden;
}

.goods img:hover {
	opacity: 0.8 ;
}