@charset "UTF-8";
/*
Theme Name: moesmusic.net
Author: num
Description: This is my original theme.
Version: 1.0
*/

/* site-all */
body {
	background:#fff;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	color:#444;
	line-height:1.2;
}
.spbtn,#spbtn{
	display:none;
}
nav div{
	display:none;
}
#Menu01{
	display:block;
}
#Menu02{
	display:none;
}

/* header */
#page header>div:first-child {
	max-width:1500px;
	margin:0 auto;
	padding:20px 0 10px;
	text-align:center;
}
#page header>div:first-child>div:first-child {
	text-align:center;
}
#site_title {
	text-align:center;
}
.widget_search{
}
#searchform{
	height:40px;
}
.widget_search .screen-reader-text {
	display:none;	
}
.widget_search #s {
	height:38px;
	background:#fff;
	border:solid 0.1em #ccc;
	padding:0 5px;
}
.widget_search #searchsubmit {
	height:38px;
	background:#102b72;
	border:solid 1px #102b72;
	color:#fff;
	padding:0 0px;
}
#page #site_title a {
	display:block;
	font-size:36px;
	font-weight:bold;
	text-decoration:none;
	color:#755e36;
	text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333;
}
#page header>div:nth-of-type(2) {
	margin-bottom:0;
	margin:0 0 20px;
}
#page header>div:nth-of-type(2) img:nth-of-type(1) {
	max-width:100%;
	display:block;
	margin:0 auto 0px;
	vertical-align:middle;
}
#page header>div:nth-of-type(2) img:nth-of-type(2) {
	display:none;
}
nav{
	background:#753838;
	padding:0px 0;
	border-top:solid 1px #ccc;
}
nav ul{
	max-width:1500px;
	margin:0 auto;
}
nav ul li{
	box-sizing:border-box;
	display:inline-table;
	vertical-align:middle;
	width:25%;
	border-left:solid 1px #ccc;
}
nav ul li:last-child{
	border-right:solid 1px #ccc;
}
nav ul li a{
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	padding:20px 0;
	font-weight:bold;
	font-size:18px;
}
nav ul li a:hover{
	background:#102b72;
	color:#fff;
	text-decoration:none;
}
nav ul li a,nav ul li a:visited{
	display:inline-block;
	color:#fff;
	text-decoration:none;
}
nav ul li a:hover{
	background:#921f1f;
}
.home .breadcrumbs{
	display:none;
}
#page header>div:nth-of-type(3){
}
.breadcrumbs{
	max-width:1500px;
	margin:0 auto 0px;
	font-size:16px;
	color:#333;
	padding:20px 0 0;
}
.breadcrumbs a{
	color:#D81D20;
	font-weight:bold;
}

/* 記事内画像 */
.entry-content img{
	display:block;
	max-width:400px;
}
.left{
	float:left;
	padding-right:10px;
}
.right{
	float:right;
	padding-left:10px;
}
.center{
}
.CenterBlock{
	display:block;
	text-align:center;
	padding:10px 10px 10px;
}
.CenterBlock img{
	max-width:90%;
}

/* content */
#page #content,#singlecontent,#page #Search,#page #Error{
	max-width:1500px;
	margin:30px auto 30px;
	background:#fff;
}
#singlecontent{
	max-width:1460px;
}
#content section h2,#content h1,#singlecontent h1,#Search h1{
	padding:28px 5px 25px;
	color:#fff;
	text-align:center;
	margin-bottom:30px;
	font-size:32px;
	font-weight:bold;
	background:#333;
	border:double 5px #fff;
	text-shadow:1px 1px 1px #333;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.entry-title{
	margin:10px 0 5px;
}
.entry-title a{
	font-size:20px;
	color:#B03D3F;
}
.single #page #singlecontent section{
	margin-bottom:20px;
	padding:20px;
	border:1px dotted #999;
	background:#fff;
}
.single #page #singlecontent section:first-child{
	margin-top:30px;
}
#singlecontent section h2{
	margin:10px 0 10px;
	padding-bottom:5px;
	border-bottom:solid 2px #A71F22;
	font-size:24px;
}
#Search h2{
	font-size:20px;
	margin:15px 0 0;
}
#Search h2 a{
	color:#15377C;
}
#page #content h3{
	margin:20px 0 10px;
	padding-bottom:5px;
	border-bottom:solid 2px #A71F22;
	font-size:24px;
}
.home #page #content section{
	background:#F1F1F1;
	padding:20px;
	margin-bottom:30px;
	box-shadow:0 0 5px #999;
}
.single #page #singlecontent{
	background:#F1F1F1;
	padding:20px;
	margin-bottom:30px;
	box-shadow:0 0 5px #999;
}
.single #page #content section{
	margin-bottom:10px;
}
#page #Search section {
	border-bottom:solid 1px #CCCCCC;
}
#page #Search p {
	line-height:1.7;
	color:#333;
	font-size:16px;
	padding:0 0 5px 0px;
}
#page #Search p a {
	color:#BD2629;
}
#page #content p,#page #singlecontent p {
	line-height:1.7;
	color:#333;
	font-size:20px;
}
#page #content entry-content p a {
	color:#BD2629;
}
#page #content p strong {
	color:#78631B;
	font-size:22px;
}
.entry-content>p{
	position:relative;
	background:#d2e4e7;
	padding:20px;
	margin-bottom:80px;
	font-size:20px;
	color:#461819;
}
.entry-content>p:before{
	content:"";
	display:block;
	height:8px;
	border:80px solid transparent;
	border-top:56px solid #d2e4e7;
	position:absolute;
	left:50%;
	bottom:-143px;
	margin-left:-75px;
}
.home #page #content section div ul {
	padding:7px 0;
}
.home #page #content section div ul li {
	font-size:16px;
	line-height:1.7;
	color:#58504C;
	border-bottom:1px dotted #999;
	margin-bottom:10px;
}

.home #page #content section div ul li{
	position:relative;
	padding-left:23px;
}
 
.home #page #content section div ul li:after{
	content:''; 
	display:block; 
	position:absolute; 
	top:6px; 
	left:3px; 
	border-radius:40px;
	height:7px; 
	width:7px; 
	border:3px double #872527;
}

.entry-content p a{
	color:#C33134;
	text-decoration:none;
}
.entry-content p a:hover{
	text-decoration:underline;
}

.pagenation{
	text-align:center;
	padding:15px 0 20px;
}
.pagenation p:first-child {
	float:right;
	text-align:right;
}
.pagenation p:last-child {
	float:left;
	text-align:left;
}
.pagenation p a {
	background:#d2e4e7;
	padding:20px;
	text-decoration:none;
	border-radius:5px;
	border:solid 1px #bbb;
}
.pagenation p a:hover {
	color:#1F63AB;
}

/* content-link */
#page #container #content a,
#page #container #content a:visited {
	color:#003CFF;
	text-decoration:underline;
}
#page #container #content a:hover {
	text-decoration:none;
}

/* 関連記事 */
#sidebar h2{
	max-width:1500px;
	margin:0 auto;
	font-size:32px;
	margin-bottom:10px;
	padding:30px 0;
	background:#753838;
	color:#fff;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
}
#sidebar>ul{
	max-width:1500px;
	margin:0 auto;
	text-align:center;
}
#sidebar>ul li{
	box-sizing:border-box;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:49.5%;
	margin-bottom:15px;
	background:#F7F4E8;
	color:#333;
	box-shadow:0 0 5px #ccc;
	margin-right:1%;
}
#sidebar>ul li:last-child{
	margin-right:0%;
}
#sidebar>ul li section h3{
	position:relative;
	margin-bottom:5px;
	padding:5px 0px 5px 0px;
	border-bottom:solid 2px #424242;
}
/*#sidebar>ul li:nth-of-type(1) section h3{
	position:relative;
}
#sidebar>ul li:nth-of-type(1) section h3:before{
	content:url("../fromsingletomarried - Copy.com/image/NewsIcon01.png");
	position:absolute;
	top:8px;
	left:8px;
}
#sidebar>ul li:nth-of-type(2) section h3{
	position:relative;
}
#sidebar>ul li:nth-of-type(2) section h3:before{
	content:url("../fromsingletomarried - Copy.com/image/NewsIcon02.png");
	position:absolute;
	top:8px;
	left:8px;
}*/
#sidebar>ul li section h3 a{
	color:#753838;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}
#sidebar>ul li p{
	font-size:14px;
	line-height:1.7;
}
#sidebar>ul section>div img{
	box-sizing:border-box;
	float:left;
	width:28%;
	border:solid 5px #fff;
	box-shadow:0 0 1px #333;
	border-radius:100px;
}
#sidebar>ul section>div div{
	box-sizing:border-box;
	float:right;
	width:70%;
	line-height:1.5;
}
#sidebar>ul section>div p a{
	display:block;
	width:100%;
	margin:8px auto 0;
	margin-left:0px;
	color:#fff;
	background:#333;
	padding:10px 0;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	box-shadow:1px 1px 1px #999;
}
#sidebar>ul section h3+div p a:hover{
	opacity:0.85;
}
#sidebar>ul section>div{
	padding:20px;
}

/* footer */
#foot_wrap {
	margin:0 auto;
	padding:0px 0em 0px;
	color:#333;
	text-align:center;
	font-size:14px;
}
footer p{
	margin:10px auto 10px;
}
footer>ul{
	max-width:1040px;
	margin:10px auto 10px;
}
footer>ul li{
	display:inline-block;
	margin-right:0px;
}
footer>ul li a{
	display:inline-block;
	color:#333;
}
footer>div{
	background:#333;
	color:#fff;
	padding:20px 0;
}
footer>div a {
	color:#fff;
	text-decoration:underline;
}
footer>div a:visited {
	color:#fff;
}

/* 404-page */
#Error h1 {
	padding:10px 0;
	font-size:28px;
	text-align:center;
	font-weight:normal;
	color:#41362C;
}
#Error .block {
	padding:20px 10px;
	border:1px dotted #2c211e;
	text-align:center;
}
#Error .block p {
	padding-top:0.2em;
}
#Error .block p a {
	color:#B72222;
}

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

nav ul li a{
	font-size:14px;
}
.breadcrumbs{
}
}

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

/* header */
#page header>div:first-child {
	max-width:1500px;
	margin:0 auto;
	padding:10px 0 5px;
	text-align:center;
}
#page header>div:first-child>div:first-child {
	text-align:center;
}
#site_title {
	text-align:center;
}
#page #site_title a {
	display:block;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	color:#755e36;
	text-shadow:none;
}
#page header>div:nth-of-type(2) {
	margin-bottom:0;
	margin:0 0 0px;
}
#page header>div:nth-of-type(2) img:nth-of-type(1) {
	max-width:100%;
	display:block;
	margin:0 auto 0px;
	vertical-align:middle;
}
#page header>div:nth-of-type(2) img:nth-of-type(2) {
	display:none;
}
nav{
}
nav ul{
}
nav ul li{
	box-sizing:border-box;
	display:inline-table;
	vertical-align:middle;
	width:25%;
	border-left:solid 1px #ccc;
}
nav ul li a{
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
nav ul li a:hover{
	background:#102b72;
	color:#fff;
	text-decoration:none;
}
nav ul li a,nav ul li a:visited{
	display:inline-block;
	color:#fff;
	text-decoration:none;
}
nav ul li a:hover{
	background:#921f1f;
}
.home .breadcrumbs{
	display:none;
}
#page header>div:nth-of-type(3){
}
.breadcrumbs{
	font-size:12px;
	padding:10px 10px;
}
.breadcrumbs a{
}

/* content */
#page #content,#singlecontent,#page #Search,#page #Error{
	max-width:1500px;
	margin:10px auto 0px;
	background:#fff;
}
#singlecontent{
	max-width:1460px;
}
#content section h2,#content h1,#singlecontent h1,#Search h1{
	padding:10px 5px 10px;
	color:#fff;
	text-align:center;
	margin-bottom:30px;
	font-size:20px;
	font-weight:bold;
	background:#333;
	border:double 5px #fff;
	text-shadow:1px 1px 1px #333;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.entry-title{
	margin:10px 0 5px;
}
.entry-title a{
	font-size:16px;
	color:#B03D3F;
}
.single #page #singlecontent section{
	margin-bottom:5px;
	padding:10px;
	border:1px dotted #999;
	background:#fff;
}
.single #page #singlecontent section:first-child{
	margin-top:30px;
}
#singlecontent section h2{
	margin:10px 0 10px;
	padding-bottom:5px;
	border-bottom:solid 2px #A71F22;
	font-size:16px;
}
#Search h2{
	font-size:16px;
	margin:15px 0 0;
}
#Search h2 a{
	color:#15377C;
}
#page #content h3{
	margin:20px 0 10px;
	padding-bottom:5px;
	border-bottom:solid 2px #A71F22;
	font-size:16px;
}
.home #page #content section{
	background:#F1F1F1;
	padding:20px;
	margin-bottom:30px;
	box-shadow:0 0 5px #999;
}
.single #page #singlecontent{
	background:#F1F1F1;
	padding:20px;
	margin-bottom:30px;
	box-shadow:0 0 5px #999;
}
.single #page #content section{
	margin-bottom:10px;
}
#page #Search section {
	border-bottom:solid 1px #CCCCCC;
}
#page #Search p {
	line-height:1.7;
	color:#333;
	font-size:14px;
	padding:0 0 5px 0px;
}
#page #Search p a {
	color:#BD2629;
}
#page #content p,#page #singlecontent p {
	line-height:1.7;
	color:#333;
	font-size:14px;
}
#page #content entry-content p a {
	color:#BD2629;
}
#page #content p strong {
	font-size:16px;
}
.entry-content>p{
	position:relative;
	background:#d2e4e7;
	padding:20px;
	margin-bottom:70px;
	font-size:14px;
	color:#461819;
}
.entry-content>p:before{
	content:"";
	display:block;
	height:8px;
	border:80px solid transparent;
	border-top:56px solid #d2e4e7;
	position:absolute;
	left:50%;
	bottom:-143px;
	margin-left:-75px;
}
.home #page #content section div ul {
	padding:7px 0;
}
.home #page #content section div ul li {
	font-size:14px;
	line-height:1.7;
	color:#58504C;
	border-bottom:1px dotted #999;
	margin-bottom:10px;
}

#page #content section div ul li{
	position:relative;
	padding-left:23px;
}
 
#page #content section div ul li:after{
	content:''; 
	display:block; 
	position:absolute; 
	top:6px; 
	left:3px; 
	border-radius:40px;
	height:7px; 
	width:7px; 
	border:3px double #872527;
}

.entry-content p a{
	color:#C33134;
	text-decoration:none;
}
.entry-content p a:hover{
	text-decoration:underline;
}

.pagenation{
	text-align:center;
	padding:15px 0 20px;
}
.pagenation p:first-child {
	float:right;
	text-align:right;
}
.pagenation p:last-child {
	float:left;
	text-align:left;
}
.pagenation p a {
	display:block;
	background:#d2e4e7;
	padding:10px;
	text-decoration:none;
	border-radius:5px;
	border:solid 1px #bbb;
	font-size:13px;
}
.pagenation p a:hover {
	color:#1F63AB;
}

/* content-link */
#page #container #content a,
#page #container #content a:visited {
	color:#003CFF;
	text-decoration:underline;
}
#page #container #content a:hover {
	text-decoration:none;
}

/* 関連記事 */
#sidebar h2{
	max-width:1500px;
	margin:0 auto;
	font-size:24px;
	margin-bottom:10px;
	padding:20px 0;
	background:#753838;
	color:#fff;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#sidebar>ul li{
	display:block;
	width:100%;
	margin-bottom:15px;
	margin-right:0%;
}
#sidebar>ul li section h3 a{
	font-size:16px;
}
#sidebar>ul li p{
	font-size:13px;
	line-height:1.7;
}
#sidebar>ul section>div img{
	width:28%;
	border-radius:150px;
}
#sidebar>ul section>div div{
	width:70%;
	line-height:1.5;
}
#sidebar>ul section>div p a{
	padding:10px 0;
	font-size:15px;
}
#sidebar>ul section>div{
	padding:20px;
}

/* firefoxスクロール削除 */
html #wpadminbar {
	min-width:inherit !important;
}
}

@media only screen and (max-width: 680px) {
	
/* 記事内画像 */
#content img{
	display:block;
	margin:0 auto 10px;
}
.left{
	display:block;
	float:none;
	padding-right:0px;
	width:70%;
	margin:0 auto 10px;
}
.right{
	display:block;
	float:none;
	padding-left:0px;
	width:70%;
	margin:0 auto 10px;
}

}