@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Archivo+Black);
/*基本設定*/
html{

}
body{
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background: #fff;

}
img{
	max-width: 100%;
	height: auto;
}
.no_margin{
    margin:0!important
}
/*ヘッダ*/
header{

}
.mv{
	display: block;
	margin:0 auto;
    max-width: 100%;
}
/*CD詳細*/
.main_title01{
	text-align: center;
	font-size: 28px;
    font-family: 'Josefin Sans', sans-serif;
	margin: 60px 0;
    line-height: 1.4;
}

.main_title01 span{
	font-size: 48px;
    color: #0068b7;
}
.battle_red{
    color: #0068b7;
    font-size: 36px!important;
}
.title01{
	text-align: center;
	font-size: 24px;
	line-height: 36px;
    font-family: 'Josefin Sans', sans-serif;
	margin: 40px auto;
	border:1px solid #fff;
	width: 250px;

}
.title02{
	text-align: center;
	font-size: 24px;
	line-height: 36px;
    font-family: 'Josefin Sans', sans-serif;
	margin: 40px auto;
	border:1px solid #fff;
	color: #fff;

}
.cd_title{
	text-align: center;
	font-size: 18px;
}
.cd_table{
	margin: 20px 0;
	width: 100%;
}

.cd_table tr{
	border-bottom: 1px solid #ddd;
}

.cd_table th,.cd_table td{
	padding: 10px;
	vertical-align: middle;
}
.prof_title{
	text-align: center;
	font-size: 16px;
}
.prof_title span{
    font-size: 12px;
}
.prof_table{
	margin: 0 0 20px 0;
	width: 100%;
}

.prof_table tr{
	border-bottom: 1px solid #ddd;
}

.prof_table th,.prof_table td{
	padding: 10px;
	vertical-align: middle;
}

.caution{
	font-size: 16px;
}
/*お店*/
.shop a{
	background: #fff;
	text-align: center;
	padding: 10px;
	border-bottom: 5px solid #0068b7;
	margin-bottom: 20px;
    display: block;
    color: #fff;
}
.shop_title{
    font-family: 'Josefin Sans', sans-serif;
    color:#0068b7;
}
.shop_exp{
	font-size: 16px;
	text-align: center;
	margin-bottom: 40px;
}
/*ツアー*/
.youtube{
	width: 100%;
	max-width: 600px;
	display: block;
	margin:0 auto 30px;
}
.wide_title{
	font-size:36px;
	text-align: center;
	padding:50px 0;
	margin-bottom: 40px;
	background: url(../images/title_back.jpg)  no-repeat left center;
    background-size: cover;
    font-family: 'Josefin Sans', sans-serif;
    color: #555;
}
.wide_title span{
    color: #0068b7;
}
.hmv_title{
    background: #0068b7;
    font-size: 36px!important;
    color: #fff!important;
    padding: 10px 0 0 5px;
}
.exp_hmv{
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
}
.exp_hmv span{
    color: #0068b7;
}
.tour_box{
    text-align: center;
}
.tour_box:nth-child(even){
    background: #eee;
}
.tour_box h2{
    color: #0068b7;
}
.tour_box p{
    font-size: 18px;
}
.tour_box div{
    padding: 2px 0;
}
.tour_pad{
    padding: 20px 0;
}
.end a,.end h2{
    color: #DDD;
    text-decoration: line-through;
}
.coming01{
    font-size: 28px;
    padding: 20px 0;
}
.coming02{
    font-size: 24px;
    opacity: 0.9;
    padding: 20px 0;
}
.coming03{
    font-size: 20px;
    opacity: 0.8;
    padding: 20px 0;
}
.coming04{
    font-size: 16px;
    opacity: 0.7;
    padding: 20px 0;
}
.coming05{
    font-size: 12px;
    opacity: 0.6;
    padding: 20px 0;
}
.coming06{
    font-size: 8px;
    opacity: 0.5;
    padding: 20px 0;
}
.coming07{
    font-size: 4px;
    opacity: 0.4;
    padding: 20px 0;
}
.coming08{
    font-size: 1px;
    opacity: 0.3!important;
    padding: 20px 0;
}
.tour_link{
	display: block;
	text-decoration: none;
    padding: 20px 0;
}
.tour_link:hover{
	text-decoration: none;
	opacity: 0.8;
}
.flag_member{
	background: url(../images/flag_back.png) no-repeat center;
	color:#333;
	width:80px;
	height: 80px;
	background-size: contain;
	font-size:18px;
	font-weight: bold;
	padding-top: 15px;
	align-items: baseline!important;
	text-align: center;
	position: relative;
}
.flag_member span{
	display: block;
	width: 100%;
	letter-spacing: -2px;
}
.absence{
	font-size: 12px;
	margin: 0;

}
.other{
	background: #111;
	border-radius: 5px;
	text-align: center;
	padding: 20px;
	margin-bottom: 20px;

}
.other h2{
	font-size:20px;
}
.other_title{
	background: #fff;
	border-radius:3px;
	color: #333;
	display: inline;
	padding: 5px;
}

.nine_flag{
	text-align: center;
	font-size: 18px;
	margin-bottom: 60px;
}
.end{
	color: #555;
}
.end .flag_member{
	opacity: 0.2;
}
.link_bottom{
	text-align: center;
	padding-top: 20px;
}
.bottom_btn a h2{
    font-size: 16px;
}
footer{
	margin-top: 30px;
	background: #bbb;
	text-align: center;
    color: #fff;
    padding: 30px 0;
}
@media (max-width: 1200px) {
.shop_title{
    font-size:18px;
}
.other h2{
	font-size:16px;
}
}

@media (max-width: 768px) {
.main_title01{
	text-align: center;
	font-size: 18px;    font-family: 'Josefin Sans', sans-serif;
	margin-bottom: 40px;
}

.main_title01 span{
	font-size: 32px;
}
.battle_red{
    color: #0068b7;
    font-size: 24px!important;
}
.title02{
	font-size: 18px;
}
.wide_title{
    font-size: 24px;
}
.wide_title span{
    color: #0068b7;

}
.hmv_title{
    background: #0068b7;
    font-size: 24px!important;
    color: #fff!important;
    padding: 5px 0 0 5px;
}
.exp_hmv{
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
}  
    
    
.privilege{
	text-align: center;
	font-size: 20px;
}
.tour_title{
	font-size:24px;
}
.tour_title02{
	font-size:24px;
}
.tour_box h2{
	font-size:18px;
}
    .shop a{
        font-size: 12px!important;
    }
.shop_title{
    font-size:16px;
}
.cd_title{
        font-size: 14px;
}
.cd_table th,.cd_table td{
    display: block;
    font-size: 12px;
    text-align: center;
    padding: 5px 0;
}
.cd_table td{
    padding-top: 0
}
}