@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

*{font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;}

body{background: url(/haruka_kotonohasyu/img/bg.jpg);}
img{width: auto; max-width: 100%;}
.cont{width: 100%; max-width: 1000px; margin: 0 auto;
box-shadow:rgba(150, 103, 5, 0.309804) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(150, 103, 5, 0.309804) 0px 0px 6px 3px;
-moz-box-shadow:rgba(150, 103, 5, 0.309804) 0px 0px 6px 3px;
}
.lead{width: 95%; max-width: 776px; margin: 0 auto; padding-bottom: 5%;}
a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}

.cd_info{width: 95%; max-width: 776px; margin: 0 auto; padding-bottom: 6%; text-align: center;}

.cd_info dt{
	width: 30%;
	max-width: 252px;
	margin: 0 0 0 5%;
	text-align: left;
	float: left;
}
.cd_info dd{
	width: 60%;
	margin: 0 auto;
	text-align: left;
	float: right;
	padding-top: 15px;
}

.cd_info dd div{padding-bottom: 10px;}
.at_img{width: 95%; max-width: 800px; margin: 0 auto; padding-bottom: 10%;}


.kikaku{
width: 95%; max-width: 512px; margin: 0 auto;
background:url(/haruka_kotonohasyu/img/kikaku_bg.jpg); 
box-shadow:rgba(150, 103, 5, 0.5) 0px 0px 3px 3px;
-webkit-box-shadow:rgba(150, 103, 5, 0.5) 0px 0px 3px 3px;
-moz-box-shadow:rgba(150, 103, 5, 0.5) 0px 0px 3px 3px;
}


.kikaku_leftbg{background:url(/haruka_kotonohasyu/img/kikaku_legt_bg.png) top left no-repeat; padding-top: 5%;}
.kikaku_rightbg{background:url(/haruka_kotonohasyu/img/kikaku_right_bg.png) bottom right no-repeat;  padding-bottom: 5%;}

.kikaku_cont{width: 95%; max-width: 440px; margin: 0 auto;}

.sns{width: 95%; max-width: 200px; margin: 0 auto; padding-top: 10%;}
.sns li{width: 24%; float: left; padding: 0.5%;}

.linktxt{width: 95%; max-width: 380px; margin: 0 auto; padding: 3% 0 3%;}
.linktxt li{display:inline-block;  padding: 0 1%;}

.cpr{width: 95%; max-width: 411px; margin: 0 auto; padding: 0 0 3%;}

dl.acMenu{width: 100%; padding:0;}
.acMenu dt{width: 49%; float: left; margin:0; padding: 0; padding: 0.5%;}
.acMenu dt.title{
    display:block;
    cursor:pointer;
    }
.acMenu dd.nakami{
   width: 100%;
    display:none;
    padding: 5px;
}
.acMenu2 .disc_manu{width: 99%; float: none; margin:0; padding: 0; padding: 0.5%; display:block; cursor:pointer;}
.acMenu2 .nakami{
   	width: calc(100% - 10px);
    display:none;
    padding: 5px;
}

.banner_box{width: 95%; max-width: 776px; margin: 0 auto; padding-bottom: 5%;}

.header_img{position: relative;}

.moviebox{width: 40%; max-width: 400px; margin: -300px 0 0 3%; position: absolute;}
.moviebox img{border: solid 3px #af4649;}



@media screen and (max-width: 1000px) {
.moviebox{width: 40%; max-width: 400px; margin: -30% 0 0 3%; position: absolute;}
}





.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}


.pc_hidden{display:block;}
.sp_hidden{display:none;}


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

.pc_hidden{display:none;}
.sp_hidden{display:block;}

.kikaku_cont{width: 90%;}

.header_img{position: static;}
.moviebox{width: calc(95% - 6px); max-width: 640px; margin: 0 auto 0 auto; position: static;}
.moviebox img{border: solid 3px #af4649;}

}




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

.cd_info dt{
	width: 50%;
	max-width: 252px;
	margin: 0 auto;
	float: none;
}
.cd_info dd{
	width: 80%;
	margin: 0 auto;
	text-align: left;
	float: none;
	padding-top: 15px;
	border-bottom: solid 1px #f2ab67;
}

dl.acMenu{width: 100%; border-bottom: none; padding: 10px 0; }
.acMenu dt{width: 100%; max-width: 218px; float: none;}
.acMenu dd{border-bottom: none; padding: 5px 0;}

.acMenu dd.nakami{padding: 0;}


dd.nakami{width: 100%; padding: 0;}

}



.kikaku_header{width: 100%; max-width: 640px; margin: 0 auto; padding: 5% 0;}
.notxt{display:none;}
.kikaku_main_box{width: 95%; max-width: 640px; margin: 0 auto; padding-bottom: 5%;}

.shitumon hr{border: 0;}

.shitumon textarea{width: calc(95% - 10px); max-width: 640px; padding: 5px;}
input[type="text"]{width: calc(95% - 10px); max-width: 320px; padding: 5px;}

.sub_title{ padding-top: 20px; padding-bottom: 5px;}

.prf_box_title{width: 95%; max-width: 760px; margin: 0 auto; border-top: solid 2px #af4649; }
.prf_box{width: 95%; max-width: 760px; margin: 0 auto; border-top: solid 2px #af4649;  border-bottom: solid 2px #af4649; margin-bottom: 5%;}



input[type="submit"], input[type="button"]{
	background: #bd1b1b; color: #fff; cursor:pointer;
	border: none;
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 30px;
	padding: 5px;
	width: 95%; max-width: 640px;
	margin-top: 30px;
}
input[type="submit"]:hover, input[type="button"]:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}





.music_list_box,
.music_list_title,
.music_list_data1,
.music_list_data3{padding-bottom: 0 !important;}

.music_list_box{border-bottom: dotted 2px #664c1d; line-height:1.61; margin-bottom: 10px;}

.music_list_title{font-size: 150%; color: #664c1d;}
.music_list_data1{font-size: 80%; background-color:rgba(240,227,204,0.30); padding: 5px; }
.music_list_data2{padding-bottom: 5px;}

.music_list_title a{
   color:#bd1b1b; 
   background-image: url("/haruka_kotonohasyu/img/icon.gif");
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 20px;

}





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

.music_list_title{font-size: 3vw; font-weight: bold;}


}



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

.music_list_title{font-size: 4vw; font-weight: bold;}
.music_list_data2{font-size: 3vw;}
.music_list_data2{font-size: 3vw;}

}