@charset "utf-8";
/*
Theme Name: アイノラ交響楽団(PC)
Version: 1.0
Description: アイノラ交響楽団 PC用Wordpressテーマ
Author: アイノラ交響楽団
*/

@import url("css/header.css");
@import url("css/toppage.css");
@import url("css/sidebar.css");
@import url("css/pages.css");
@import url("css/font.css");
@import url("css/margin.css");
@import url("css/category.css");
@import url("css/footer.css");
@import url("css/single.css");
@import url("css/search.css");
@import url("css/slider-pro.css");

html {overflow-y: scroll;}

*{
	text-transform:none !important;
  -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html {overflow-y: scroll;}

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ", Meiryo , Osaka , "ＭＳ Ｐゴシック", "MS PGothic" , sans-serif;
	font-size:16px;
	line-height: 180%;
	text-align: left;
	background-color:#fff;
}

p {margin: 0px; padding:0px;}

img {border: none;vertical-align:bottom;max-width:100%!important;}
em {font-style: normal;}

a {color: #0d8979;text-decoration: none;}
a:hover {color: #ff6600;text-decoration: none;}
a:visited {color: #0d8979;text-decoration: none;}

.float_l{float:left !important;}
.float_r{float:right !important;}
.float_c{clear:both !important;}

.img_center{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

hr.hr_line01{
height: 1px;
border: none;
border-top: 1px #b6aea7 dashed;
margin:40px 0;
}

#wrapper{
	width:100%;
}

#breadcrumb ul{
	width:100%;
	margin:10px 0 0 10px;
	padding:0;
}	

#breadcrumb li{
	list-style:none;
	color:#9d9d9d;
	font-size:12px;
	float:left;
}

.caption01{
	font-size:12px;
	line-height:16px;
	margin-top:10px;
}

.link_b01{
	width:100%;
	text-align:center;
	margin-top:20px;
}

.link_b01 a{
	display: inline-block;
	transition: all .3s;
	color:#fff;
	padding: 3px 50px;
	background-color:#002ea2;

}

.link_b01 a:hover{
	background-color: #0d8979;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.pagetop a {
	display: block;
	height: 40px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	line-height: 40px;
	padding:0 10px;
	opacity: 0.8;
}

.pagination {
	clear: both;
	padding: 30px 0;
	position: relative;
	font-size: 14px;
	line-height: 18px;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	width: auto;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	background-color: #fff;
	border: 1px solid #002ea2;
	color: #002ea2;
	text-decoration: none!important;
}
.pagination a:hover{
	background-color: #0d8979;
	color:#fff;
}
.pagination .current{
	padding: 6px 9px 5px 9px;
	color: #ffffff;
	font-weight: bold;
	background-color:#002ea2;
}

.span2{
	float: left;
	width: auto;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	font-size:12px;
}

.affiliate01{
	margin-top:20px;
	line-height:120%!important;
}

.affiliate02{
	margin-top:20px;
	margin-right:20px;
	line-height:120%!important;
	float:left;
}

.movies_size{
	width:560px;
	max-width:100%;
}

.sp-hide2{
	width:280px!important;
	float:right;
}

.overlay{
    display:none;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    position:fixed;
    z-index:1;
}
.btn_area{
    width:970px;
    height:550px;
	display:block;
	margin-right:auto;
	margin-left:auto;
    margin-top:30px;
    background-color:#fff;
    z-index:2;
	padding:5px 20px 0 20px;
}
.btn_area p{

}
.btn_area button{
    display:block;
    margin:20px auto;
}