@charset "utf-8";
/*
Theme Name: パパママ GoodLife
Theme URI: https://www.papamama-goodlife.net/
Description: パパママ GoodLife
Version: 3.0
Author: 株式会社これあらた
Author URI: https://www.core-arata.co.jp/
*/

/* 全体 */
html{visibility:hidden}
html.wf-active{visibility:visible}
body{margin:auto;width:960px;background:#fff url(/images/bg.png);color:#333;font-family:"source-han-sans-japanese","游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;-webkit-text-size-adjust:100%}

#header_description{height:20px;line-height:20px;overflow:hidden;background:#6eab22}
#header_description>div{color:#fff;font-size:60%;font-weight:normal;margin:0;padding:0 0 0 5px}
#header_description h1,#header_description h2{display:inline;font-size:inherit}
#header_image img{display:block;margin:0}
#header_menu ul{height:100%}
#header_menu li{width:150px;height:100%;border-right:1px solid #6eab22}
#header_menu li a{display:block;font-size:90%;text-align:center;padding-left:0;padding-right:0;height:100%;font-weight:bold;color:#333;text-decoration:none}
#header_menu li.current-cat a{background:#b9d892}

#breadcrumb{font-size:70%;background:#fff;padding:5px 10px}

#main{background:#fff}
#main a{color:#0072ff;text-decoration:underline}
#main a:hover,#main a:focus{color:#fa3c12;text-decoration:none}
#contents .inside{margin-left:20px}

#footer{height:25px;line-height:25px;background:#6eab22;color:#fff}
#footer .inside{height:25px;line-height:25px}
#footer .inside #copyright{text-align:right;font-size:85%;padding-right:5px}

/* PCサイドバー/スマホサイドバー */
#sidebar ul a{color:#333;text-decoration:none;font-size:90%;font-weight:bold}
#main a:hover,#main a:focus{color:#333}
#smp{padding-top:10px;background:#fff}
.inside_b p{line-height:1.7;margin:0 0 0.3em 0;font-size:90%}
.inside_b div{margin-bottom:0.3em}
.inside_b h3{height:30px;line-height:30px;background:#6eab22;color:#fff;font-weight:bold;text-align:center;margin:0 0 0.7em;font-size:100%}
.inside_b div.cate>div{border-left:0!important;border-right:0!important}
.inside_b .cate h3{margin-bottom:0}
.inside_b .pure-button{font-size:90%!important}
.inside_b .pure-menu{border:0!important}
#smp .inside_b.smp_left p, #smp .inside_b.smp_right p{font-size:100%!important}
.inside_b .pop_list>div{border-bottom:1px solid #ccc;padding-top:5px}
.inside_b .pop_text p{margin-left:0.5em}

/** ページ用 **/
#contents .inside>div>h2{border-left:solid 6px #6eab22;background:#eef6e5;padding:2px 4px;margin:0 0 10px 0;font-size:126%;font-weight:bold;overflow:hidden}
#blog .article_list h3 a{color:#333;text-decoration:none}
#blog .article_list h3 a:hover,#blog .article_list h3 a:focus{text-decoration:underline}
#contents h4{padding:0;margin:0 0 10px 0;font-size:100%;font-weight:bold;overflow:hidden}
#contents .story{margin-right:10px;margin-bottom:0.5em}
#contents #adsense{margin-bottom:2em}
#blog .article_list{padding-bottom:10px}
#blog .article_list .story p{margin-bottom:0!important}
#blog .article_list .story img{margin-left:0.3em;display:block}
#blog #the_article #related>h3{background:url("/images/indicators_1.png") no-repeat;padding-left:45px;margin-bottom:0.5em}
#blog #the_article #related li{padding-left:20px;background: url(/images/pointers_3.png) no-repeat;list-style:none}
#blog #the_article #article_info{border:solid #ccc;border-width:1px 0;padding:10px 0;overflow:hidden}
#blog #the_article #article_info p.art_cat{background:url("/images/indicators_2.png") no-repeat;padding-left:45px}
#blog #the_article #article_info p.art_tag{background:url("/images/indicators_3.png") no-repeat;padding-left:45px}
#blog #the_article #respond{padding-top:10px}
#blog #comments>h3{background:url("/images/indicators_4.png") no-repeat;padding-left:45px;margin-bottom:0.5em}
#blog #comments ol{border:solid #ccc;border-width:0 0 1px}
#blog #comments .comment-author{background:#eef6e5;height:30px;line-height:30px;padding-left:5px}
#blog #comments .commentmetadata{background:#eef6e5;text-align:right}
#blog #respond>h3{background:url("/images/indicators_5.png") no-repeat;padding-left:45px;margin-bottom:0.5em}

#blog ul.cont_h,#blog ul.cont_f{margin:0 0 10px!important;padding:0!important;list-style-type:none;display:table;line-height:1.2;font-weight:bold}
#blog ul.cont_h>li,#blog ul.cont_f>li{margin:0!important;padding:3px 10px!important;display:table-cell;vertical-align:middle;margin:0;background-color:#eef6e5}
#blog ul.cont_h>li>div>h2{font-size:126%;margin:.3em 0}
#blog ul.cont_h>li>div>h3{font-size:100%}
#blog ul.cont_h>li:nth-child(1){padding:3px 20px;white-space:nowrap;background-color:#6eab22;color:#fff;text-align:center}
#blog ul.cont_h>li:nth-child(1)>div:nth-child(-n+3){display:block}
#blog ul.cont_h>li:nth-child(1)>div:nth-child(4){display:none;text-align:left}
#blog ul.cont_h>li:nth-child(2){width:100%}
#blog ul.cont_h>li:nth-child(2)>div:nth-child(1){font-size:110%}

#blog .cont_f>li:nth-child(1){width:100%}
#blog .cont_f>li:nth-child(2){white-space:nowrap;background-color:#6eab22;color:#fff;text-align:right}

/* 記事内タグの最適化 */
#contents .inside p{line-height:1.7;margin:0 0 0.3em 0}
#contents .inside .story p,#contents .inside .story ul,#contents .inside .story ol{margin-bottom:2em}
#contents .inside .story h3{border:0!important;font-size:100%!important;padding-left:20px!important;background: url(/images/pointers_1.png) no-repeat 0 5px}
#contents .inside .story h4{border:0!important;padding-left:20px!important;background: url(/images/pointers_2.png) no-repeat}
#contents .inside .story h5{border:0!important;font-size:100%;padding-left:20px;margin:0 0 10px 0;background: url(/images/pointers_3.png) no-repeat}
#contents .inside ul,#contents .inside ol{margin:0 0 0.3em 0;padding:0}
#contents .inside ul li{list-style-type:disc;list-style-position:outside;padding:0;margin:0.3em 0 0.3em 2.6em}
#contents .inside ol li{list-style-type:decimal;list-style-position:outside;padding:0;margin:0.3em 0 0.3em 2.6em}
#contents .inside td,#contents .inside th{border:1px solid #333;padding:5px}
#contents .inside th{background-color:#e5dfec}

/* Navigation */
.pure-paginator{font-weight:bold;font-size:0}
.pure-paginator li{margin-left:0!important;font-size:16px;font-size:1rem}
.pure-paginator .dots,.pure-paginator a{color:#666!important;text-decoration:none!important}
.pure-paginator a.pure-button-selected{color:#fff!important}

/* Common Style  */
strong{font-weight:bold}.em{text-decoration:underline}
.txtcenter{text-align:center}.txtright{text-align:right}.txtleft{text-align:left}
.left{float:left}.right{float:right}.center{margin:0 auto}
.hidden{overflow:hidden}.clear{clear:both}
.txtm4{font-size:90%}.txtm3{font-size:92.5%}.txtm2{font-size:95%}.txtm1{font-size:97.5%}
.txt0{font-size:100%}
.txtp1{font-size:105%}.txtp2{font-size:110%}.txtp3{font-size:115%}.txtp4{font-size:120%}.txtp5{font-size:125%}
.txtp6{font-size:130%}.txtp7{font-size:135%}.txtp8{font-size:140%}.txtp9{font-size:145%}.txtp10{font-size:150%}
img.aligncenter{display:block;margin:0 auto}img.alignleft{display:block;margin:0 auto 0 0}img.alignright{display:block;margin:0 0 0 auto}

/* Broken Link Checker */
.broken_link,a.broken_link{text-decoration:line-through!important}
.removed_link,a.removed_link{text-decoration:line-through!important}
.broken_link:after,.removed_link:after{content:"<リンク切れ>";font-size:90%}

/* WordPress.com Stats */
img#wpstats{display:none}

/* SNS */
.fb-page-overlap{text-align:center}
.sbm a{width:30px;display:inline-block;overflow:hidden}
.sbm>a>img{max-width:initial;max-width:none;margin:0;padding:0;vertical-align:bottom}
.sbm a:nth-child(2) img{margin-left:-30px}
.sbm a:nth-child(3) img{margin-left:-60px}
.sbm a:nth-child(4) img{margin-left:-90px}
.sbm a:nth-child(5) img{margin-left:-120px}

/* Adsense */
#adsense_post,.adsense_side{text-align:center}
#adsense_post .my_adslot{width:468px;margin:0 auto}
h3.adsense_side.noscript{display:none}
@media screen and (min-width:980px){#adsense_post .my_adslot{width:700px;height:auto}}
@media screen and (max-width:640px){#adsense_post .my_adslot{width:320px;height:auto}}
.adsense_side .my_adslot{width:180px;height:auto;margin:0 auto}
@media screen and (min-width:980px){.adsense_side .my_adslot{width:200px;height:auto}}
@media screen and (min-width:768px) and (max-width:979px){.adsense_side .my_adslot{width:320px;height:auto}}
@media screen and (max-width:767px){.adsense_side .my_adslot{width:728px;height:auto}}/*スマホ*/
@media screen and (max-width:727px){.adsense_side .my_adslot{width:468px;height:auto}}/*スマホ*/
@media screen and (max-width:467px){.adsense_side .my_adslot{width:320px;height:auto}}/*スマホ*/

/* MV WP Form */
.mw_wp_form label{margin-bottom:3px;font-weight:bold}
.mw_wp_form label span{color:#aaa;margin-left:4px;font-weight:normal}
.mw_wp_form input[type=text] {width:300px;max-width:98%;margin-bottom:13px}
.mw_wp_form textarea{height:200px;width:100%;margin-bottom:13px}
.mw_wp_form.mw_wp_form_confirm>form>div{border:3px solid #6eab22;padding:5px;margin-bottom:13px}
.mw_wp_form.mw_wp_form_confirm label span{display:none}
#contents div.mw_wp_form p.confirm-button{margin:0 auto 2em;text-align:center}
#contents div.mw_wp_form p.confirm-button input{/* Copy of Pure-Form */width:40%;height:40px;vertical-align:middle;font-weight:bold;color:#fff;background:#0078e7;letter-spacing:0.7em;text-indent:0.7em;display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:100%;*font-size:90%;*overflow:visible;border:1px solid #a5a7a5;border:none rgba(0,0,0,0);text-decoration:none;border-radius:2px;-webkit-font-smoothing:antialiased;-webkit-transition:.1s linear -webkit-box-shadow;-moz-transition:.1s linear -moz-box-shadow;-ms-transition:.1s linear box-shadow;-o-transition:.1s linear box-shadow;transition:.1s linear box-shadow}
#contents div.mw_wp_form p.confirm-button input:hover{/* Copy of Pure-Form */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,0.05)),to(rgba(0,0,0,0.05)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.15));background-image:-moz-linear-gradient(top,rgba(0,0,0,0.05) 0,rgba(0,0,0,0.05));background-image:-ms-linear-gradient(transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.15));background-image:-o-linear-gradient(transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.05));background-image:linear-gradient(transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.05))}
#contents div.mw_wp_form.mw_wp_form_input p.confirm-button span{display:none}
#contents div.mw_wp_form p.confirm-button span input{color:#333!important;background-color:#ccc!important}
/**/
@media only screen and (max-width:767px){
#contents div.mw_wp_form table{margin:2em auto;border:1px solid #ccc;border-bottom-width:0}
#contents div.mw_wp_form table th,#contents div.mw_wp_form table td{padding:0;float:left;clear:both;width:100%}
#contents div.mw_wp_form table th{background-color:#f4f4f4}
#contents div.mw_wp_form table ul li{line-height:3.5em}
#contents div.mw_wp_form table tr:hover{background:#fff}
}

/* Responsive */
@media screen and (min-width:960px){
body{margin:auto;width:960px}
}
@media screen and (max-width:938px){
#header_menu ul.slimmenu{font-size:75%}
#header_menu ul.slimmenu li{width:120px;overflow:hidden}
}
@media screen and (min-width:768px) and (max-width:959px){
body{margin:auto;width:100%}
#sidebar table.blog th{background:transparent}
}
@media screen and (max-width:767px) {
body{margin:auto;width:100%}
#header_menu.noscript{display:none}
#header_menu div.menu-collapser{font-weight:700}
#header_menu ul.slimmenu{font-size:100%}
#sidebar table.blog th{background:transparent}
#contents .inside{margin:0}
.pure-skin-kayo .pure-paginator .pure-button{padding:0.8em 0.8em!important}

#blog ul.cont_h,#blog ul.cont_h>li{display:block;padding:3px!important}
#blog ul.cont_h>li>div>h3{margin:.3em 0}
#blog ul.cont_h>li:nth-child(1)>div:nth-child(-n+3){display:none}
#blog ul.cont_h>li:nth-child(1)>div:nth-child(4){display:block}
#blog ul.cont_h>li:nth-child(2){display:block;padding:10px;width:inherit}
#blog ul.cont_f>li:nth-child(2){background-color:#eef6e5;color:inherit}
}
@media screen and (max-width: 320px) {
body{margin:auto;width:320px}
#header_menu.noscript{display:none}
}