@charset "UTF-8";

/*   
Theme Name: 森口博子 SP
Description: 森口博子SPテーマファイル
Author: diamondblog
Version: 2015.08.14
*/
/* 


/* header
----------------------------------------------- */
body {
	color: #333;
	font-size: 12px;
	margin: 0;
	padding: 0px 0  0px 0;
	line-height: 120%;
	letter-spacing: 1px;
	position: relative;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

a:link { text-decoration: none;	color: #b38c4f; }
a:visited { text-decoration: none; color: #b38c4f; }
a:hover { 	text-decoration: none; color: #e2cba8; }
a:active { 	text-decoration: none; color: #b38c4f; }

ul,li,h1,h2,h3 {
	list-style: none;
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
}

img{
	border:none;
}

#content h2{
	padding:30px 0;
	color:#b38c4f;
}

header {
	width: 100%;
	background: #ffffff;
	padding: 20px 0 10px 0;
	/* box-shadow */
	box-shadow:rgb(230, 230, 230) 1px 5px 11px 6px;
	-webkit-box-shadow:rgb(230, 230, 230) 1px 5px 11px 6px;
	-moz-box-shadow:rgb(230, 230, 230) 1px 5px 11px 6px;
	display: inline-block;
	position: fixed !important;
	top: 0px;
	left: 0px;
	z-index: 9999;
	font-family: 'Poppins', sans-serif;
}

header nav {
	width: 1175px;
	margin: 0 auto;
	font-size: 13px;
}

h1 {
	float: left;
	padding-right: 20px;
}

.center{
	text-align:center;
}

.clear {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

.headermenu {
	padding-top: 35px;
}

.headermenu li {
	padding: 10px 10px 10px 5px;
	margin: 0;
	display:inline;
	background: url("images/threshold.gif") no-repeat right;
}

.headermenu li:last-child { background: none; }



#topmain {
	position: relative;
}

#mainSlider{
	position: relative;
	z-index: 10;
}




.top_contents_area {
	background-color: rgba(255,255,255,0.85);
	width: 100%;
	display: inline-block;
	padding-top: 30px;
	position: absolute;
	bottom: 0px;

	z-index: 100;
}

.top_contents_area_wd {
	width: 980px;
	margin: 0 auto;
}

#main_logo{
	width: 1005px;
	position: absolute;
	text-align: right;
	padding-right: 20px;
	top: -420px;
	z-index:50;
}


#movie{
	width: 960px;
	position: absolute;
	text-align: right;
	padding-right: 20px;
	top: -220px;

}


.info_area {
	width: 470px;
	float: left;
	padding-right:40px;
}

.lora {
	font-family: 'Lora', serif;
}

.tcah2 {
	font-size: 25px;
	font-weight: normal;
	margin-bottom: 15px;
	color:#b38c4f;
}

.info_area li {
	border-bottom: 1px solid #d9c7af;
	padding: 8px 10px;
	line-height: 150%;
}

.info_day {
	color:#b38c4f;
	font-size: 10px;
}

.info_icon {
	font-size: 10px;
	padding: 0px 5px;
	width: 70px;
	background: #b38c4f;
	border-radius: 10px;
	color: #ffffff;
	display: inline-block;
	text-align: center;
	line-height: 110%;
	margin-left: 10px;
}

.info_text {
	display: block;
}

.top_contents_area a:link{
	color: #333 !important;
}

.top_contents_area a:visited{
	color: #333 !important;
}


.top_contents_area a:hover{
	color: #d1b892 !important;
}

.top_contents_area .info_icon a:link {
	color: #ffffff !important;
}

.top_contents_area .info_icon a:visited{
	color: #ffffff !important;
}

.top_contents_area .info_icon a:hover{
	color: #c9c9c9 !important;
}

.info_more {
	width: 70px;
	float: right;
	background: #b38c4f;
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #ffffff;
	text-align: center;
}

.info_more a:link {
	color: #ffffff !important;
}

.info_more a:visited {
	color: #ffffff !important;
}
.info_more a:hover {
	color: #d1b892 !important;
}

.info_more a:active {
	color: #ffffff !important;
}

.disco_area {
	width: 470px;
	float: left;
}

.disco_area li {
	float: left;
	width: 155px;
	margin: 0;
}

.disco_area img {
	border-radius: 0px;
}

.disco_area figure {
	margin: 0 0 20px 0;
}

.banner_list {
	margin: 10px auto;
	clear: both;
	display: inline-block;
}

.banner_list li {
	margin: 0 5px 0 0;
	display: block;
	float: left;
}

/* フッター */

footer {
	width: 100%;
	padding: 30px 0 ;
	background: #f5f2ee;
	color: #b38c4f;
	text-align: center;
}


footer .footer_inner{
	width:980px;
	margin:auto;
}

footer .footer_inner div.footer_contents{
	float:left;
	text-align:left;
	color:#666;
	font-size:10px;
	width:500px;
	padding-top: 12px;
}

/* フッターEND */

/* 隙間 */
.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.pb10 {
	padding-bottom: 10px;
}

/* 中ページ */

#inmain {
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff7ff+0,ecf4fe+32,f5f8fe+75,feffff+100 */
	background: url("images/main2.jpg") ,rgb(239,247,255); /* Old browsers */
	background: url("images/main2.jpg") , -moz-linear-gradient(left,  rgba(239,247,255,1) 0%, rgba(236,244,254,1) 32%, rgba(245,248,254,1) 75%, rgba(254,255,255,1) 100%); /* FF3.6+ */
	background: url("images/main2.jpg") ,-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(239,247,255,1)), color-stop(32%,rgba(236,244,254,1)), color-stop(75%,rgba(245,248,254,1)), color-stop(100%,rgba(254,255,255,1))); /* Chrome,Safari4+ */
	background: url("images/main2.jpg") , -webkit-linear-gradient(left,  rgba(239,247,255,1) 0%,rgba(236,244,254,1) 32%,rgba(245,248,254,1) 75%,rgba(254,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url("images/main2.jpg") , -o-linear-gradient(left,  rgba(239,247,255,1) 0%,rgba(236,244,254,1) 32%,rgba(245,248,254,1) 75%,rgba(254,255,255,1) 100%); /* Opera 11.10+ */
	background: url("images/main2.jpg") , -ms-linear-gradient(left,  rgba(239,247,255,1) 0%,rgba(236,244,254,1) 32%,rgba(245,248,254,1) 75%,rgba(254,255,255,1) 100%); /* IE10+ */
	background: url("images/main2.jpg") , linear-gradient(to right,  rgba(239,247,255,1) 0%,rgba(236,244,254,1) 32%,rgba(245,248,254,1) 75%,rgba(254,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff7ff', endColorstr='#feffff',GradientType=1 ); /* IE6-9 */
	background-repeat: no-repeat;  
	background-position: center 90px;  
}

.in_area {
	background-color: rgba(255,255,255,0.85);
	width: 790px;
	display: inline-block;
	padding: 90px 120px 0 120px;
	margin: 0 auto;
	text-align: left;
	padding: 
}

.title_area {
	text-align: center;
}

.mini_menu {
	text-align: center;
	display: inline-block;
}

.mini_menu li {
	margin: 0 5px 0 0;
	display: block;
	float: left;
}

.post {
	clear: both;
	line-height: 240%;
	margin-bottom: 40px;
}

.post_day {
	font-size: 10px;
}

.post_title {
	font-size: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #b38c4f;
	margin-bottom: 15px;
}

.mt50 {
	margin-top: 50px;
}

.mb1 {
	margin-bottom: 50px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.profile {
	border-collapse:collapse;
}

.profile th,.profile td {
	padding: 15px;
}

.profile th {
	width: 200px;
}

.profile tr:nth-child(odd) { background: none; }
.profile tr:nth-child(even) { background-color: rgba(255,255,255,0.85); }



/* ページ設定 */

.content-area {
	background: #edf6ff;
}

.site-content {
	width: 840px;
	background: rgba(255,255,255,0.9);
	margin: 0 auto;
	padding: 110px 95px;
}

.entry-content {
	line-height: 220%;
	/* font-size: 14px; */
	font-size:100%;
}

.entry-title {
	font-weight: normal;
	font-size: 22px;
	text-align: center;
}

.page_area {
	padding: 0 30px;
}

.t_center {
	text-align: center;
	margin: 0 auto;
}

.profile1 dt {
	margin: 0;
	padding: 0;
	float: left;
	color:#FF9900;
}

.profile1 dt.oneText{
	float:none!important;
	padding-top:8px;
}

.profile1 dd {
	margin: 0;
	padding: 0;
}

.pro1 {
	width: 50px;
}

.pro2 {
	width: 85px;
}

.pro3 {
	width: 70px;
}

.profile1 dd.indent {
	padding-left: 11em;
}

.title1 {
	font-size: 16px;
	padding: 30px 0 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #b8945e;
}

.table1,.table2 {
	border-collapse:collapse;
}

.table1 td {
	border-bottom: 1px dotted #b8945e;
	/* padding: 10px; */
}

.bg1 {
	background: #fcffed;
}

.table1 td.year {
	border: none;
	width: 125px;
	vertical-align: top;
}

.table_text {
	width: 610px;
}

.table2 td {
	/*padding: 10px; */
}

.wd125 {
	width: 125px;
}

/* シングル */

.d_main{
	margin-bottom:28px;
}

.blog_area,.discography_area {
	display: inline-block;
	line-height: 200%;
}

.blog_left {
	width: 550px;
	float: left;
	padding-left: 30px;
}

.blog_right {
	width: 200px;
	float: right;
	padding-top: 40px;
	color: #666666;
}

.blog_day {
	font-size: 11px;
}

.blog_title {
	width: 820px;
	font-size: 14px;
	color: #b68d4c;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.blog_title_2clomn{
	font-size: 14px;
	color: #b68d4c;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

.diary_single {
	width: 820px;
	margin: 0 auto;
	line-height:140%;
	padding-left: 27px;
}

.blog_post {
	padding-bottom: 30px;
}

.blog_post p{
	line-height:180%;
}

.blog_sidetile {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-weight: normal;
	text-align: left;
	color: #b68d4c;
}

.recent_entry li,#archives ul li {
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 3px;
}

#calendar table {
	text-align: center;
	margin: 0 auto;
}

.index_paging {
	text-align: center;
}

.index_paging a {
	display: inline-block;
	width: 140px;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	margin: 0px 5px;
	padding: 8px 10px;
	border-radius: 5px;
}
.index_paging a:link { 	background: #f8e5c7; }
.index_paging a:visited { 	background: #f8e5c7; }
.index_paging a:hover { background: #fff7eb;}
.index_paging a:active { background: #fff7eb;}

/* ページング */

.page_navis{
	display: inline-block;
	text-align: right;
	padding: 30px 0;
	padding-right: 22px;
	width: 100%;
	font-size:140%;
}

ul.page_navi{
	float:right;
}

ul.page_navi li{
	padding-left:5px;
	float: left;
}




/* ディスコグラフィー カテゴリ別*/
.disco_left {
	width: 270px;
	float: left;
}

.disco_right {
	width: 550px;
	float: right;
}

.disco_right img {
	width: 150px;
	height: auto;
}

.discoTop_movie{
	margin-bottom:25px;
}

.discoTop_movie_innner{
    margin: auto;
    display: block;
    /* text-align: center; */
    width: 415px;
}




.discoGraphyImg {
	width: 170px;
	float: left;
}

.discoGraphyTextDate {
	width: 380px;
	float: right;
}

.discoGraphyDate {
	padding: 0 10px;
}

.discoGraphyH3 {
	font-weight: normal;
	font-size: 14px;
	padding: 0 10px 5px!important;
	border-bottom: 2px solid #ad9877;
	margin-bottom: 10px;
}

.discoGraphyTextDate p {
	padding: 0 10px;
}

.minititle {
	background: #b38c4f;
	color: #ffffff;
	padding: 5px 10px;
	width: 200px;
	margin-bottom: 10px;
}

.disco_left select {
	width: 220px;
	margin-bottom: 10px;
}

.disco_left li {
	width: 200px;
	background: #ad9877;
	padding: 2px 10px;
	margin-bottom: 10px;
	color : #ffffff;
}

.disco_left a:link { color : #ffffff; }
.disco_left a:visited { color : #ffffff; }
.disco_left a:hover { color : #d8d8d8; }
.disco_left a:active { color : #d8d8d8; }



.sub_category_area {
	text-align: center;
	margin: 0 auto;
}

.sub_category {
	margin: 20px auto;
	text-align: center;
	display: inline-block;
}

.sub_category li {
	float: left;
	margin: 0 10px 0 0;
}



.discoGraphyImg_big {
	width; 500px;
	height: auto;
	text-align: center;
	margin-bottom: 20px;
}

.discography,.album,.single,.videold {
	display: inline-block;
	margin-bottom: 30px;
}

.top_disco {
	display: inline-block;
}

.top_disco figcaption {
	width: 137px;
}

/* ディスコグラフィートピックス */

.disco_topics{
	padding-bottom:10px;
}

.disco_topics dl{
	width:575px;
}

.disco_topics dl dd{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;	
}

.disco_topics dl dd figure{
	padding:0px;
	margin:0px;
	width:180px;
	height:180px;
	max-width:180px;
	max-height:180px;
}


.disco_topics dl dd figure img{
	width:180px!important;
	height:180px!important;	
}

.disco_topics dl dt{
	padding: 0px;
	margin: 0px;
	float: right;
	width: 375px;
}

.disco_topics dl dt figcaption{
	font-weight:bold;
	font-size:140%;
	border-bottom:1px solid #ad9877;
}

.disco_topics dl dt p{
	color:#333;
	padding-top:12px;
	line-height:160%;
	height:180px;
	overflow:hidden;
}




/* ディスコグラフィー一覧 */




.disco_single {
	width: 630px;
	margin: 0 auto;
	line-height:140%;
	padding-left: 27px;
}


.disco_single li{
	width:155px;
	float:left;
	padding-right:40px;
	height:260px;
}

.disco_single li figure{
	padding:0;
	margin:0;
	width:150px;
	height:150px;
	max-width:150px;
	max-height:150px;
}

.release{
	font-size:10px;
	color:#333;
}




/* お問い合わせ */


.contact_form{
	margin: auto;
	/* text-align: center; */
	display: block;
	width: 600px;
	padding-top:60px;
}


.cf-ol label {
	width: 400px;
	display: inline-block;
}

.cf_title {
	color: #2c69b9;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.wpcf7-text,.wpcf7-textarea {
	width: 600px;
	padding: 10px;
}

.cf_bt {
	text-align: center;
	margin: 0 auto;
}

.wpcf7-submit {
	background: #ffe7c1;
	border-radius: 10px;
	border: 5px solid #ffffff;
	width: 300px;
	height: 50px;
	box-shadow:rgba(217, 217, 217, 0.65) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(217, 217, 217, 0.65) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(217, 217, 217, 0.65) 0px 0px 6px 3px;
	margin: 40px auto;
	text-align: center;
	font-weight: bold;
}

.wpcf7 {
	border-bottom: none;
}

/* メディア */



.month_midashi{
	font-weight:bold;
	padding:3px 3px;
	margin:16px 0;
	background-color:#fff3a0;
}


.media_title {
	font-weight: normal;
	width: 820px;
	height: 22px;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #d7d7d7;
	padding: 5px 10px;
	overflow: hidden;
}

.media_title a:link{
	color:#333;
}

.media_title a:hover{
	color:#ff9900!important;
	text-decoration:underline!important;
}

.media_title a:visited{
	color:#333;
}

.media_color li:nth-child(odd) { background-color: #eeeeee; }
.media_color li:nth-child(even) { background-color: #ffffff; }

.gold_text_center {
	color: #B68D4C;
	padding: 15px;
	line-height: 180%;
	border: 2px solid #dab67e;
	border-radius: 10px;
	margin-bottom: 25px;
}

.fanclub_area {
	line-height: 200%;
	margin-bottom: 25px;
	overflow: auto;
}

.fanclub_area li {
	font-weight: normal;
	height: 22px;
	padding: 5px 10px;
	border-bottom: 1px solid #D7D7D7;
}

.top_bt a:link {
	background: #fafafa;
	display: block;
	padding: 10px;
	width: 200px;
	text-align: center;
	border: 1px solid #fafafa;
	margin: 0 auto;
}


.blog_post iframe {
	width: 350px !important;
	height: 197px !important;
}


.recaptcha_policy {
	float:left;
	text-align:left;
	color:#666;
	font-size:4px;
	width:500px;
}
.recaptcha_policy a {
  font-size: 4px !important;
  color: #111 !important;
}

.grecaptcha-badge { visibility: hidden; }