@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

 html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote: before,
blockquote: after,
q: before,
q: after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
overflow: hidden;
outline: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
img {
vertical-align: top;
font-size: 0;
line-height: 0;
}
th {
text-align: left;
}
iframe {
vertical-align: bottom;
}
video {
display: block;
}
a{
color: #333;
text-decoration: none;
}
a:hover { opacity: .8;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 80%;
height: 80%;
margin: 0 auto;
} .clearfix,
.clearfix:after {
content: "";
clear: both;
display: block;
} @media screen and (max-width:936px){
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
  body {
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
font-size: 16px;
line-height: 1.7;
margin: 0;
padding: 0;
color: #351707;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1, h2, h3, h4, h5, h6,
p,a{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
img {
max-width: 100%;
height: auto;
}
a{
text-decoration: none;
}
strong{
font-weight: bold;
}
figure{
margin: 5% auto!important;
width: 100%!important;
text-align: center;
}
.wp-caption-text{
margin: 5px 0;
color: #808080;
font-size: 10pt;
line-height: 1.4;
} .wp-embedded-content{
width: 100% !important;
margin: 3% 0 !important;
border:1px solid #e5e5e5;
box-shadow:0 1px 1px rgba(0,0,0,.05)
} .col-sm-4.col-xs-4{
margin: 3% auto 0;
width: 80%;
display: block;
}
.col-sm-8.col-xs-8{
margin: 0 auto 10%;
width: 80%;
}  .ifBox{
margin: 0 auto;
max-width: 300px;
} .ifBox_600{
margin: 0 auto;
max-width: 600px;
} .ifBox_728{
display: block;
margin: 0 auto;
max-width: 728px;
}  #singleBox .under_article_Ad{
display: block;
}   .linkunit{
margin: 5% auto;
} .adsbygoogle{
background: transparent;
} .cleafix{
display: block;
clear: both;
content: "";
}
.clear{
clear: both;
}  #toc_container{
}
#toc_container.toc_white{
width: 100%;
margin: 5% auto 10%;
box-sizing: border-box;
padding: 0;
border: 2px solid #72A6F2;
}
#toc_container p.toc_title{
background: #72A6F2;
line-height: 3em;
color: #fff;
}
#toc_container .toc_toggle a{ color: #fff;
}
#toc_container p.toc_title + ul.toc_list{
padding: 0 5% 3%;
} .blog-card{
border:1px solid #ddd;
word-wrap:break-word;
max-width:100%;
border-radius:5px;
margin: 1% 0 5%;
}
.blog-card a {
color: #333;
background: #fbfaf8;
display: block;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.blog-card a:hover{
background: #E7F2EF;
}
.blog-card-thumbnail{
float:left;
padding:10px;
}
.blog-card-thumbnail img {
display: block;
padding: 0;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.blog-card-content{
line-height:120%;
}
.blog-card-title{
padding:10px 10px 10px 0;
font-size:85%;
}
.blog-card-title::before {
content: '関連記事';
font-size: 0.7em;
font-weight: bold;
color: #fff;
background: #111;
width: 5em;
display: inline-block;
padding: 0.2em;
position: relative;
top: -2px;
text-align: center;
margin-right: 0.5em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.blog-card-date{
color:#333;
font-size:75%;
margin-right:10px;
} header{
width: 100%;
background: #B2CEC8;
}
#headerBlock{
margin: 0 auto;
width: 100%;
}
#headerBlock nav{
display: block;
}
.headerBox{
padding: 10px 3%;
width: 94%;
margin: 0 auto;
}
h1{
float: left;
display: block;
font-size: 2.5em;
line-height: 1.15;
max-width: 326px;
width: 220px;
}
h1 a{
display: block;
color: #351707;
}
h1 a:hover{
opacity: .8;
}
#headerBlock .shareIconBox{
float: right;
display: block;
margin-right: 20px;
height: 60%;
}
#sidebar .shareIconBox,
.textwidget{
display: block;
border: #B2CEC8 2px solid;
background: #E7F2EF;
width: 100%;
padding: 6% 3% 3%;
box-sizing: border-box;
margin-bottom: 3%;
text-align: center;
} .textwidget p{
font-size: 12px;
text-align: left;
}
.textwidget p img{
margin: 2% 0;
} .shareIconBox img{
max-width: 58px;
max-height: 58px;
height: 94%;
}
.shareIconBox img:hover{
opacity: .8;
} nav{
width: 80%;
margin: 3% auto 0;
clear: both;
}
nav ul{
list-style-type: none;
width: 100%;
margin: 0 auto;
padding: 0;
} nav ul.sub-menu{
display: none;
}
nav ul li{
float: left;
display: block;
width : calc(95% / 6) ;
margin: 0 0 3% 1%;
text-align: center;
padding: 3px;
box-sizing: border-box;
}
nav ul li:first-child{
margin-left: 0;
}
nav ul li a{
font-size: 0.875em;
line-height: 1.4;
color: #fff;
font-size: 1.15em;
font-weight: bold;
white-space: nowrap;
} #wprmenu_menu_ul li a{
color: #fff;
font-weight: bold;
} #pagePath{
width: 100%;
}
.breadcrumbs{
color: #4c4040;
width: 90%;
margin: 0 auto 5%;
font-size: 14px;
line-height: 1.5;
height: 2;
background: #fff;
padding: 1%;
box-sizing: border-box;
}
#pagePath span{
color: #217190;
font-size: 14px;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} .fa.fa-caret-right{
margin: 0 1%;
} main{
width: 100%;
background: #fff;
padding-top: 5%;
}
#mainContents{
width: 90%;
margin: 0 auto ;
}
article.articleMain,
#singleBox{
padding: 0  auto 30px;
box-sizing: border-box;
width: 100%;
}
.articleBlock,
#singleBox{
width: 100%;
padding: 0 2% 0 0;
box-sizing: border-box;
}
#singleBox{
margin-bottom: 15%;
}
article.articleMain:nth-child(odd),
article.articleMain:nth-child(even){
background: #fff;
box-sizing: border-box;
margin-bottom: 5%;
} article.articleMain:nth-child(odd){
float: right;
width: 49%;
clear: none;
} article.articleMain:nth-child(even){
float: left;
width: 49%;
clear: both;
} article.articleMain:first-child{
float:  none;
width: 80%;
clear: none;
margin: 0 auto 5%;
}
.articleWrap,
.categoryWrap{
margin-bottom: 50px;
display: block;
float: left;
width: 75%;
background: #fff;
padding-bottom: 5%;
}
.articleBlock h3{
margin: 0 auto 5%;
padding: 1% 0;
text-align: center;
font-size: 21px;
line-height: 1.6;
color: #351707;
background: #B2CEC8;
width: 100%;
box-sizing: border-box;
} article.articleMain img{
width: auto;
display: block;
border: #4c4040 1px solid;
box-sizing: border-box;
} #mainContents.singleMain article.articleMain .blog-card img{
max-width: 150px;
} .articleWrap.singleBlock .attachment-large.size-large.wp-post-image{ width: 75%;
} .article_topArea{
margin-bottom: 40px;
} .titleArea{ margin: 0 auto;
}
.titleArea h2{
line-height: 1.3;
font-size: .985em;
} .categoryNtimeBox{
width: 100%; margin: 1% 0 0;
line-height: 1.5;
} span.article_date{
text-align: center;
padding: 0 1% 0 0;
box-sizing: border-box;
margin-right: 1%;
}
span.article_date time{
color: #351707;
line-height: 2.3;
font-size: .876em;
text-align: center;
text-decoration: none;
box-sizing: border-box;
} .article_categoryBox{
margin: 0 0 1%;
display: inline;
}
.article_categoryBox a{
color: #b1ad8a;
font-size: .6em;
line-height: 1.5;
text-decoration: none;
box-sizing: border-box;
vertical-align: middle;
}
.article_categoryBox a:hover{
color: #217190;
} .articleArea h3{
color: #fff;
background: #217190; box-shadow: 0px 0px 0px 5px #217190;
border: dashed 2px #E7F2EF;
padding: 0.2em 0.5em; width: 98%;
margin: 3% auto 7%;
font-size: 24px;
text-align: center;
line-height: 1.5;
padding: 2% 1%;
border-radius: 5px;
position: relative;
box-sizing: border-box;
}
.articleArea h3:after {
position: absolute;
content: '';
top: 106%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #217190;
width: 0;
height: 0;
}
.articleArea h3 span{
font-weight: 600;
} .articleArea h4{
color: #351707;  padding: 0.5em 0;
border-top: double 5px #2BC18B; border-bottom: double 5px #2BC18B;  width: 98%;
margin: 3% auto;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 1.5;
position: relative;
box-sizing: border-box;
}
.articleArea h4 span{
font-weight: 500;
} .articleArea h5{
background: linear-gradient(transparent 70%, #a7d6ff 70%);
}
.articleArea p{
font-size: 1em;
line-height: 2;
word-wrap: break-word;
margin: 0 auto;
}
.articleArea img{
margin: 0 auto;
border: solid 1px #808080;
width: 80%;
display: block; } .articleTop_eyeCatche{
display: block;
} .commentsArea{
margin-bottom: 3%;
}
span.article_comment a{
color: #999;
line-height: 1.5;
font-size: .876em;
text-decoration: none;
} .commentBlock{
width: 115px;
}
.commentIconImg{
width: 25px;
display: block;
float: left;
margin-right: 5%;
}
.commentsButton{
display: block;
float: right;
line-height: 25px;
}
#url{
margin-bottom: 3%!important;
}  .mainPage .newPostwrapper{
display: none;
}
h4#searchBlock,
#sidebar h4#shareBlock,
h4.sidebar-title{
color: #351707;
margin: 0 auto;
font-weight: bold;
height: 50px;
background: #B2CEC8;
line-height: 50px;
padding-left: 5%;
border-bottom: none;
box-sizing: border-box;
}
#sidebar{
width: 24%;
float: right;
box-sizing: border-box;
margin-bottom: 10%;
}
#sidebar li{
line-height: 1.3;
margin: 10px 0 0;
padding: 0;
}
.newPostBlock{
background: #fff;
padding: 3%;
border: #B2CEC8 2px solid;
background: #E7F2EF;
box-sizing: border-box;
margin-bottom: 3%;
}
.sideItems{
font-size: 1em;
font-weight: 700;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
line-height: 1.5;
margin-bottom: 15px;
}
.sideBox{
margin-bottom: 20px;
}
.sideBox ul{
line-height: 1.7;
text-indent: 1em;
} .newPostBox{
width: 100%;
margin-bottom: 5%;
}
.newPost_eyeCatch{
float: left;
width: 50%;
}
.newPostTitle{
float: right;
display: block;
width: 50%;
font-size: .875em;
line-height: 1.2;
padding-left:2%;
box-sizing: border-box;
word-wrap: break-word;
}
.side_eyeCatcheImg,
.attachment-large.size-large.wp-post-image{
display: block;
margin: 5% auto 0;
box-sizing: border-box;
border: #4c4040 1px solid;
}
.attachment-large.size-large.wp-post-image{
margin-bottom: 5%;
}
#aboutMeImg img{
width: 40%;
} .sideber_dateArea{
width: 50%;
display: block;
float: right;
margin-top: 1%;
padding-left: 2%;
box-sizing: border-box;
}
.sideber_date time{
text-align: left;
color: #999;
line-height: 1.5;
font-size: .685em;
text-align: center;
text-decoration: none;
} .pagination-area{
margin-bottom: 5%;
}
.pagination{
width: 100%;
text-align: center;
margin: 0 auto;
line-height: 3;
}
.pagination li{
display: inline-block;
text-align: center;
background: #B2CEC8;
font-size: 21px;
padding: 1% 2%;
border-radius: 5px;
}
.pagination li a,
.page-numbers{
color: #b59885;
line-height: 1.5;
font-size: 0.875em;
}
span.page-numbers{
color: #351707;
} .eye_catchingImg {
margin: 30px auto 50px;
} .article_tag {
text-align: right;
}
.article_tag ul {
list-style: none;
}
.article_tag li {
display: inline-block;
color: #464646;
}
.article_tag li a {
font-size: .8em;
margin-right: 7px;
padding: 2px 7px;
text-decoration: none;
color: #464646;
border: solid 1px #464646;
border-radius: 2px;
}
.article_tag li a:hover {
opacity: .8;
} #categories-2{
margin-bottom: 4%;
}
#categories-2 > ul{
background: #fff;
border: #B2CEC8 2px solid;
background: #E7F2EF;
box-sizing: border-box;
padding: 3%;
} input, select,
input #writingBox{
width: 100%!important;
font-size: 1em!important;
padding-left: 3%!important;
margin-bottom: 3%!important;
line-height: 2.6!important;
border: #B2CEC8 2px solid;!important; 	box-sizing: border-box!important;
border-radius: 0;
margin-top: 0;
} .wpr-search-field{
height: 50px!important;
}
div#mg-wprm-wrap form.wpr-search-form button.wpr_submit{
top: -7px!important;
} #mainContents.singleMain{
margin: 0 auto;
}
#mainContents.singleMain .pagination-area,
#mainContents.singleMain .popularBox
{
display: none;
}
#mainContents.singleMain article.articleMain img{
max-width: 700px; }
#singleBox .article_category a{
color: #4c4040;
font-size: 0.9em;
margin-right: 5px;
padding: 1px 3%;
border: #B2CEC8 2px solid;
box-sizing: border-box;
white-space: nowrap;
}
#singleBox .article_category a:hover{
opacity: 1;
color: #fff;
background: #B2CEC8;
} #singleBox　#category_N_share{
width: 100%;
}
#singleBox .article_category{
float: left;
width: 50%;
}
#singleBox #category_N_share .shareIconBox{
float: right;
margin-right: 0;
width: 50%;
text-align: right;
} #singleBox .sp_shareIconBox{
display: none;
}
#singleBox .titleArea h2{
font-size: 28px;
font-weight: 700;
padding: 3% 0;
box-sizing: border-box;
line-height: 1.4;
border-radius: 5px 5px 0 0;
margin-bottom: 0;
} .article_dateArea{
text-align: center;
}
#singleBox span.article_date{
background: transparent;
float: none;
margin: 0 auto;
padding: 0;
}
#singleBox span.article_date time{
color: #999;
font-weight: normal;
} .relationArticle {
margin: 40px 0 0;
padding: 10px;
border-bottom: #B2CEC8 1px solid;
}
.relationArticle h4 {
border-bottom: #B2CEC8 1px solid;
padding: 2% 0;
}
.relationArticle h4 span{
font-size: 14px;
padding-left: 3%;
box-sizing: border-box;
}
.relationArticle ul {
font-size: 0;
margin: 10px 0;
padding: 0;
}
.relationArticle li {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 10px 0;
list-style: none;
vertical-align: top;
}
.relationArticle li a {
text-decoration: none;
color: #000;
width: 100%;
display: table;
}
.relationArticle li a:hover {
opacity: .8;
}
.single_eyeCatchBox{
display: table-cell;
vertical-align: middle;
width: 120px;
}
.relationArticle img {
width: 100%;
height: auto;
}
.relationArticle .text {
font-size: 16px;
display: table-cell;
padding: 0 0 0 15px;
vertical-align: middle;
} .page-content p{
width: 94%;
margin: 0 auto;
font-size: 18px;
line-height: 2.5;
text-align: center;
} #prev_next{
width: 90%;
margin: 5% auto 0;
position: relative;
height: 150px;
}
#sp_prev_notation,
#sp_next_notation,
.singleMain .sp_home_notation{
display: none;
}
#prev_notation{
color: #4c4040;
width: 100%;
float: right;
text-align: right;
padding-right: 1%;
box-sizing: border-box;
} .singleMain #next_no{
position: absolute;
left: 0;
width: 48%;
}
.singleMain #prev_no{
position: absolute;
right: 0;
width: 48%;
}
.singleMain .home{
text-align: center;
border: #B2CEC8 1px solid;
}
.singleMain .home a{
display: block;
height: 120px;
position: relative;
}
.singleMain .home_button{
width: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
} #next_notation{
color: #4c4040;
width: 100%;
float: left;
padding-left: 1%;
box-sizing: border-box;
} #prevWrap{
position: absolute;
right: 0;
width: 48%;
}
#prev{
width: 100%;
float: right;
height: 120px;
display: block;
overflow: hidden;
background: #fff;
border: #B2CEC8 1px solid;
box-sizing: border-box;
}
#prev a{
margin: 0 auto;
text-align: center;
display: block;
height: 120px;
}
#prev img{
float: right;
padding: 3%;
height: 100px;
width: 100px;
margin: auto 0;
}
#prev p{
color: #351707;
float: right;
width: calc(100% - 100px - 6%);
margin: 0 auto;
text-align: left;
padding: 3%;
height: 120px;
box-sizing: border-box;
} #nextWrap{
position: absolute;
left: 0;
width: 48%;
}
#next{
width: 100%;
float: left;
height: 120px;
display: block;
overflow: hidden;
background: #fff;
border:#B2CEC8 1px solid;
box-sizing: border-box;
}
#next a{
margin: 0 auto;
text-align: center;
display: block;
height: 120px;
}
#next img{
float: left;
padding: 3%;
height: 100px;
width: 100px;
margin: auto 0;
}
#next p{
color: #351707;
float: left;
width: calc(100% - 100px - 6%);
margin: 0 auto;
text-align: left;
padding: 3%;
height: 120px;
box-sizing: border-box;
} #mainContents.categoryMain{
margin: 0 auto;
}
#mainContents.categoryMain .pagination-area{
display: none;
}
.categoryWrap{
margin: 0 auto 50px;
}
.categoryBlock{
width: 100%;
margin: 0 auto;
float: left;
width: 75%;
}
.articleCategoryMain{
width: 100%;
padding: 0 2% 2% 0;
box-sizing: border-box;
}
.articleCategoryMain ul{
width: 100%;
margin: 0 auto;
}
.categoryBox{
border: #4c4040 1px solid;
margin-bottom: 30px;
padding: 3%;
box-sizing: border-box;
}
.category_articleBox{
width: 65%;
float: right;
display: block;
}
.category_eyeCatcheImg{
width: 35%;
display: block;
float: left;
}
time.categoryTime{
color: #999;
font-size: .876em;
display: block;
padding: 0 3%;
}
.category_subTitle{
padding: 0 3%;
font-size: 1.2em;
font-weight: bold;
line-height: 1.5;
box-sizing: border-box;
}
.category_excerptArticle{
padding: 0 3%;
line-height: 1.5;
box-sizing: border-box;
}
.category_excerptArticle p{
font-size: 1em;
}
.linkToSingle{
display: blo
} .addtoany_content{
display: none;
} #respond{
padding: 5%;
border-radius: 5px;
margin: 0 40px;
}
#reply-title{
font-size: 22px;
}
.logged-in-as a{
line-height: 2;
}
label,
.comment-notes{
color: #4c4040;
font-size: 12px;
margin: 2% 5%;
line-height: 2; }
.comment-notes.tittle{
margin-bottom: 0;
}
#comment,
#author,
#email,
#url{
display: block;
margin: 0 auto;
width: 90%!important;
border-radius: 5px;
margin-bottom: 3%;
border: 1px solid #351707;
}
#author,
#email,
#url{
line-height: 2;
}
#url{
margin-bottom: 0;
}
#submit{
float: right;
width: 35%!important;
margin: 0 5% 10%;
font-size: 1em;
font-weight: bold;
color: #351707;
border: noen;
background: #fff;
border: 1px solid #351707;
padding: 1%;
}
#submit: hover{
opacity: .8;
} #comments p.commentsTitle{
margin: 3% 0;
width: 100%;
display: inline-block;
border-bottom: #B2CEC8 1px solid;
}
.avatar.avatar-32.photo{
display: none;
}.comment-metadata time{
color: #217190;
}
span.says{
color: #351707;
font-size: 0.87em;
}
.singleBlock ul.children{
background: #E7F2EF;
padding: 3%;
} ::-webkit-input-placeholder {
color:    #999;
} :-moz-placeholder {
color:    #999;
} h3#comments{
display: inline-block;
}
.comment-meta,
.comment-content,
.reply{
display: block;
}
.comment-meta{ } footer {
}
.copyright{
background-color: #4c4040;
} .copyright p {
font-size: .9em;
line-height: 3;
margin: 0;
text-align: center;
color: #B2CEC8;
}   @media screen and (max-width:936px){
#headerBlock{
display: none;
}
#wprmenu_bar .bar_logo{
padding: 0px 8px 0px 25px!important;
} iframe {
width: 100%;
}        .fa.fa-caret-right{
margin: 0 2%;
} #header_mastheadBlock{
position: absolute;
padding: 0;
width: 100%;
padding: 0 7.6923%;
box-sizing: border-box;
top: 90px;
left: 0;
right: 0;
}
#header_masthead{
position: relative;
height: 45px;
line-height: 1.5;
padding-right: 45px;
}
#homeAddress{
top: 17%;
left: 5%;
} nav{ display: none;
}   main{
width: 100%;
padding: 0;
margin-top: 2%;
} #singleBox article.articleMain{
width: 100%;
margin: 0 auto 20%;
padding: 0 0 5%;
}
article.articleMain{
margin: 0 auto 20%;
padding: 0 ;
}
article.articleMain img{
width: 100%;
} .articleWrap.singleBlock .attachment-large.size-large.wp-post-image{
max-width: 100%;
} .articleArea{
font-size: 1em;
margin: 5% auto;
}
.articleArea p{
font-size: 1.1em;
line-height: 2;
word-wrap: break-word;
}
.articleWrap{
width: 100%;
float: none;
margin: 0 auto 5%;
}
.articleArea h3{
margin: 5% auto 10%;
font-size: 1.15em;
padding: 3%;
}
.articleBlock,
#singleBox{
padding: 0;
}
#mainContents{
width: 85%;
} article.articleMain:nth-child(odd),
article.articleMain:nth-child(even){
width: 48%;
padding: 0; } article.articleMain:nth-child(odd){ } article.articleMain:first-child{
width: 100%!important;
margin: 5% auto;
} .attachment-main_eyecatch.size-main_eyecatch.wp-post-image{
display: block;
width: 100%;
margin: 0 auto;
} #sidebar{
float: none;
width: 100%;
margin-bottom: 15%; } .a2a_svg.a2a_s__default.a2a_s_facebook,
.a2a_svg.a2a_s__default.a2a_s_twitter,
.a2a_svg.a2a_s__default.a2a_s_google_plus,
.a2a_svg.a2a_s__default.a2a_s_line,
.a2a_svg.a2a_s__default.a2a_s_hatena{
width: 1.4em!important;
height: 1.4em!important;
line-height: 1.4em!important;
} .categoryWrap{
margin: 0 auto 10%;
float: none;
width: 100%;
padding: 0;
}
.categoryBox{
margin-bottom: 3%;
}
.articleCategoryMain{
padding: 0;
} .category_eyeCatcheImg .attachment-medium.size-medium.wp-post-image{
margin: 0 auto;
}
.categoryWrap article.articleMain{
border: none;
} .singleBlock article.articleMain{
border: none;
}
.eye_catchingImg{
margin-top: 10%;
}
.articleWrap.singleBlock .attachment-large.size-large.wp-post-image,
#mainContents.singleMain article.articleMain img{
width: 100%;
}
#singleBox .titleArea h2{
font-size: 1.15em !important;
margin-top: 3%;
}
#prev_next{
height: 40px;
} #sidebar .a2a_svg.a2a_s__default.a2a_s_facebook,
#sidebar .a2a_svg.a2a_s__default.a2a_s_twitter,
#sidebar .a2a_svg.a2a_s__default.a2a_s_google_plus,
#sidebar .a2a_svg.a2a_s__default.a2a_s_line,
#sidebar .a2a_svg.a2a_s__default.a2a_s_hatena{
width: 28px!important;
height: 28px!important;
line-height: 28px!important;
} #singleBox .article_category{
float: none;
width: 100%;
} #singleBox .sp_shareIconBox{
display: block;
width: 100%;
text-align: center;
margin: 3% 0;
}
#singleBox .sp_shareIconBox .addtoany_list a{
font-size: 24px !important;
}
#singleBox #category_N_share .shareIconBox{
float: none;
display: none;
} #sp_prev_notation,
#sp_next_notation,
.singleMain .sp_home_notation{
display: block;
line-height: 1.5;
} #prev_notation,#next_notation,
#prev img,#next img,
#prev p,#next p,
.singleMain .prev_next_home,
.singleMain .home_button,
.singleMain .attachment-150x150.size-150x150.wp-post-image{
display: none!important;
height: 0;
}
#prev,#next,
#prev a,#next a,
.singleMain .home a{
height: auto!important;
} #respond{
width: 100%;
margin: 15% auto 5%;
padding: 0;
}
#submit{
float: none;
width: 90%!important;
margin-bottom: 5%;
} @media screen  and (max-width: 768px) {  } @media screen  and (max-width: 600px) {
.category_excerptArticle{
display: none;
}
.titleArea h2{
padding: 0;
} nav ul li{
float: none;
width : 100%;
margin: 5% 1% -2% 0;
}
nav ul li:first-child{
margin: 0 1% -4% 0;
}
nav ul li:last-child{
margin: 2% 0% 0% 0;
} article.articleMain:nth-child(odd),
article.articleMain:nth-child(even){
float: none;
width: 100%;
padding: 0;
height: auto;
}
}  @media screen and (max-width:320px) { body {
max-width: 320px;
}
}
 input[type="search"] {
-webkit-appearance: none;
border-radius: 0;
}
li{
list-style: none;
}
a{
text-decoration: none;
}
li a{
color: #351707;
line-height: 2;
font-size: 1em;
} #navbutton,
#widget-area,
#secondary,
.screen-reader-text{
display: none;
}
#secondary{
width: 90%;
margin: 0 auto 0;
}
#widget-area{
background-color: transparent;
margin: 0 auto;
} ul.children{
padding-left: 5%;
border-top: 1px solid rgba(51, 51, 51, 0.1);
box-sizing: border-box;
margin-top: 1%;
} input #writingBox{
width: 100%!important;
font-size: 1em!important;
padding-left: 3%!important;
margin-bottom: 3%!important;
line-height: 2!important;
border: #351707 1px solid!important;
box-sizing: border-box!important;
} .nav_newPostTitle{
display: block;
border-top: 1px solid rgba(51, 51, 51, 0.1);
line-height: 1.5;
font-size: .875em;
padding: .7667em 0;
}
.nav_newPostTitle:first-child{
border: none;
}  @media screen and (max-width:936px){
#widget-area{
display: block;
margin-top: 50px;
}
.secondary{
margin: 0% 4.99% 0;
}
#secondary{
margin: 0 auto;
}
#navbutton {
display: block;
width: 45px;
height: 45px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto 0;
background-color: transparent;
text-indent: -99999px;
} h4.sidebar-title{ font-size: 1.2em;
}
#widget-area li{
font-size: 1em;
line-height: 1.5;
} .widget{
margin-bottom: 9.1%;
color: rgba(51, 51, 51, 0.7);
hyphens: auto;
width: 100%;
word-wrap: break-word;
}
#archives-2{
margin-bottom: 0;
}
.search-form{
width: 100%;
margin-bottom: 7%;
}
.search-field{
width: 100%;
margin: 0 auto;
padding: .75em;
border: solid 1px #aaa;
font-size: 1em;
line-height: 1.5;
}
.widget-title{
color: #351707;
font-weight: 700;
font-family: "Noto Sans", sans-serif;
margin: 0 0 1.6em;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.widget_archive li,
.widget_categories li,
.widget_recent_entries li{
padding: .7667em 0;
}
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_recent_entries li:first-child{
border-top: 0;
padding-top: 0;
}
.widget_archive a,
.widget_categories a,
.widget_recent_entries a{
border: 0;
}
}
 ins[style] {
background-color:transparent!important;
} .advertising_top{
display: block;
margin: 3% auto 0;
} #sidebar .sideAdd{
margin-bottom: 3%;
} .under_article_Ad{
margin: 5% auto;
} @media screen and (max-width:936px){
.adsbygoogle{ }  .advertising_top{
display: none;
}
.sp_advertising_index{
margin: 3% auto;
width: 100%;
} .img_ad{
width: 85%;
margin-left: -15%;
} .under_article_Ad{
margin: 10% auto 0;
}
}