/*
 Theme Name:   patus-child
 Template:     patus
*/

/* =Structure
----------------------------------------------- */


body {
  font-family: '游ゴシック', YuGothic, 'メイリオ', Meiryo, Helvetica, Arial, sans-serif;
  font-weight: 500;
}

body, button, input, select, textarea {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.9;
  color: #474747;
}

.site-header {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}


/* =Global
----------------------------------------------- */

.hentry a {
border-bottom: solid 2px #88c34b;
	text-decoration:none;
	color:#474747;
}
.hentry a:hover{
  color:#cd5e3c!important;font-weight:bold;text-decoration: none;
}

.no-border {
 border: none!important; 
}

.widget_text a{
border-bottom: solid 2px #88c34b;
}

blockquote {
  background: #fff!important;
  line-height: 1.5em;
	margin: 30px 0 30px 0;
	padding: 0!important;
}

blockquote p {
  font-style: normal;
}

blockquote:before,
blockquote:after {
  content: none!important;
}

ul{
	margin:3em 0;
}

ol{
	margin:3em 0!important;
}

.entry-header .entry-title{line-height:1.5rem!important;}

/* Headings
----------------------------------------------- */


.entry-seotitle{
	font-size: 23px;
	line-height: 2.7rem;
	margin: 0 0 0 0;
 	font-weight: 500;
}

.entry-seotitle-salespage{
	font-size: 13px;
	line-height: 0;
	margin-bottom: -20px;
}

.entry-header{
	margin-top:30px;
}

.entry-title {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.4444444444em;
	padding: 0;
	margin-bottom:-30px;
	margin-top:-20px;
}



.hentry h2 {
		font-weight:bolder;
position: relative;
background: #ffd98a;
padding: 2px 5px 2px 20px;
font-size: 20px;
color: #474747;
border-radius: 0 10px 10px 0;
		margin-top:4em;
	margin-bottom:2em;
	margin-left:1.25em
}

.hentry h2:before {
font-family: "Font Awesome 5 Free";
content: "\f004";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #ffa337;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.55em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}



.hentry h3 {
	font-weight:bolder;
position: relative;
color: #666666;
font-size: 18px;
margin-bottom: 4em;
		margin-top:5em;
text-shadow: 0 0 2px white;
text-align: center!important;
	line-height:1.5em;
}
.hentry h3:before {
content: "";
position: absolute;
background: #FFD98A;
width: 100px;
height: 100px;
border-radius: 50%;
top: 50%;
border: dashed 1px white;
left: 50%;
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: -1;
box-shadow: 0px 0px 0px 5px #FFD98A;
}




.hentry h4{
	font-size: 17px;
text-align: center!important;
font-weight:bolder;
position: relative;
margin-bottom: 3em;
	margin-top:6em;
}
.hentry h4:before {
content: '';
position: absolute;
bottom: -10px;
display: inline-block;
width: 60px;
height: 5px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
border-radius: 2px;
}


h5 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4285714285em;
	margin: 0 0 0.5714285714em 0;
}
h6 {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4615384615em;
	margin: 0 0 0.3846153846em 0;
}
hr {
	background-color: #4c4c4c;
	border: 0;
	height: 1px;
	margin-bottom: 1.0714285714em;
}

.widget-title{
  border-left:0px;
  border-bottom:2px solid #ff9900;
  padding:.2em 0em .2em 0;
  font-size: 14px!important;
  font-size: 1.4rem!important;
  line-height: 1.5em;
  margin: 2em 0 10px 0;
  font-weight: bold;
}



/*--------------------------------
次の記事、前の記事の表示
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:15px;
font-size: 1.5rem;
line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute;
border: 1px #ccc solid;
background:#fff;
text-align: center;
padding:3px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
height:140px;
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}

/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 500px) {
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
padding:3px 10px;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img{
float:left;
margin-right:10px
}
#prev_next #next img{
float:right;
margin-left: 10px;
}
/*-- ここまで --*/
}



/* =管理人PROFILEカコミ
-------------------------------------------------------------- */

.arii-author {
    background: #f6f6f6;
    border: 1px solid #eee;
    padding: 10px 10px 10px 10px;
    position: relative;
    margin-bottom: 40px;
		margin-top: 20px;
			border-left:4px solid #88c34b;
			font-size: 14px;
      font-size: 1.4rem;
			color:#777;
}
.authorname{
	font-size: 13px;
	color:#777;
	margin: 0 5px 10px 0;
}

.authorname-sidebar{
	font-size: 15px;
	color:#777;
	margin: 0 0 10px 0;
}

.authortext-sidebar{
	font-size: 14px;
  font-size: 1.4rem;
	color:#777;
}

.site-info{
  font-size:12px;
}

/* =text-design
-------------------------------------------------------------- */

.ya {
	font-size:15px;
	line-height: 1.3;
   padding: 8px 0 2px 40px;
   background: url(https://atopy100days.com/wp-content/uploads/2014/06/happa.png) no-repeat;
   background-position: 0px 60%;
	font-weight: bold;
	margin: 40px 0 40px 5px;
}
.single .byline {display: none;}
.post-date {display: none;}

#header-img{
  text-align:center;
}

.music{margin-top:40px;color:#cd5e3c;
margin-bottom:5px;font-size:15px;padding:5px 0 10px 25px;
   background: url(https://atopy100days.com/wp-content/uploads/2014/12/folder-music.png) no-repeat;
   background-position: 0 10%;
font-weight: bold;
}

.breadcrumbs {
        color:#808000;
	font-size: 11px;
	line-height:19px;
	background: transparent;
	border-radius: 0;
	border-top: 2px solid #f5f5f5;
	border-bottom: 2px solid #f5f5f5 !important;
	margin-bottom: 20px!important;
}

.wp_rp_thumbnail{margin-right:5px;}



.blockquote-wq {
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
    color: #4e4e4e;
    background: #fff3e1;
	margin-bottom:20px;
}

.blockquote-wq:before{
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 10px;
    vertical-align: middle;
    content: "\f10d";
font-family: "Font Awesome 5 Free";
    color: #ffe2b8;
    font-size: 58px;
    line-height: 1;
	font-weight:bold;
}

.blockquote-wq:after{
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 15px;
    vertical-align: middle;
    text-align: center;
    content: "\f10e";
font-family: "Font Awesome 5 Free";
    color: #ffe2b8;
    font-size: 40px;
		font-weight:bold;
    line-height: 1;
}

.blockquote-wq p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

.blockquote-wq cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

.mainnaviimg img{margin:5px;float:center;}


.mainnaviimg a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.mainnaviimg0 img{float:center!important;}

.mainnaviimg0 a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.sample_04{
margin:30px 0 50px 0!important;
width: 100%;
border-collapse: collapse;
border-right: 1px solid #999;
font-size:11px
}
.sample_04 th{
width: 25%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #fff;
background-color: #555;
border-left: 5px solid #88c34b;
border-top: 1px solid #fff;
}
.sample_04 td{
width: 25%;
padding: 6px;
background-color: #fff;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
}

.waku{
border-width: 1px;
border-color: #88c34b;
border-style: dashed;
padding: 10px;
padding-left:15px;
margin:30px 0px 30px 0px;
background-color: #fff;
font-size:0.9em;}

.waku p{margin-bottom:8px!important;}

.wakumemo {
   font-size: 1.2em;font-weight:900;
   padding: 30px 0 25px 60px;
   background: url(https://atopy100days.com/wp-content/themes/patus-child/icomoon/icon-memoy.png) no-repeat;
   background-position: -10px 60%;
color:#e6b422!important;
margin:0 0 5px 0;
}

.shoptitle {
	color: #555;
   font-size: 14px;
   font-size: 1.4rem;
	 font-weight:900;
   padding: 8px 0 15px 40px;
   background: url(https://atopy100days.com/wp-content/themes/patus-child/icomoon/shopimg.png) no-repeat;
   background-position: 0px 0px;
margin:0 0 0 0;
}

.r1 {
	color: #ee7800;
	line-height: 2.3;
   background: url(https://atopy100days.com/wp-content/uploads/2018/09/icon_1r_48.png) no-repeat;
   background-position: center right;
}

.r2 {
	color: #ee7800;
	line-height: 2.3;
	background: url(https://atopy100days.com/wp-content/uploads/2014/07/fryingpan.png) no-repeat ;
	background-position: center right;
}

.ingredients{
	color: #ee7800;
	line-height: 2.3;
	padding-left:55px;
	margin:30px 0;
	font-size:17px;
	font-weight:bold;
   background: url(https://atopy100days.com/wp-content/uploads/2014/07/pencil.gif) no-repeat;
	background-position: center left;
}


.recipe{
	color: #ee7800;
	line-height: 2.3;
	padding-left:55px;
	margin:30px 0;
	font-size:17px;
	font-weight:bold;
	background: url(https://atopy100days.com/wp-content/uploads/2014/07/fryingpan.png) no-repeat ;
	background-position: center left;
}


.selector12{
	border-left:7px solid #88C34B;
	padding:.5em .5em;	font-size:1.2em;margin:50px 0 30px 0;	font-weight: 700;
}
.selector12b{
	display: block;
	padding-top:.2em;
	font-size:.8em;
}

.wakux{
border-width: 1px;
border-color: #88c34b;
border-style: dashed;
padding: 10px;
padding-left:15px;
margin:50px 0px 50px 0px;
background:url(https://atopy100days.com/wp-content/uploads/2014/12/restaurant.png);
font-size:12px;}

.wakux p{color:#fff!important;margin-bottom:8px!important;margin-top:20px!important;}

.wakumemox {
   font-size: 14px;font-weight:900;
   padding: 10px 0 5px 30px;
   background: url(https://atopy100days.com/wp-content/uploads/2014/07/memo.png) no-repeat;
   background-position: 0px 60%;
color:#fff!important;
margin:0 0 5px 0;
}


th {color:#fff; background-color:#ff9900!important;}

.nodys{display:none;}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: alpha( opacity=80 );
}

.meta-description{
	font-size: 15px;
	font-size:1.5rem;
	color: #777;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	min-height: 100px;
	margin-bottom: 50px;
	background: url(https://atopy100days.com/wp-content/themes/patus-child/icomoon/youyaku.png) no-repeat right bottom;
}


.osirase{
	font-size: 13px;
	font-weight: bolder;
	color: #777;
	margin-top: 20px;
	border: 1px solid #e4e4e4;
	min-height: 120px;
	padding: 60px 15px 0px 15px;
	margin-bottom: 20px;
	background: url(https://atopy100days.com/wp-content/uploads/2017/02/osirase.jpg) no-repeat center 10px;
}

.attention-kakomi{
		color: #777;
	font-size: 11px;
	color:#999;
	margin: 10px 3px;
	border: 1px solid #e4e4e4;
	min-height: 50px;
	padding: 10px 15px 0px 75px;
	margin-bottom: 20px;
	background: url(https://atopy100days.com/wp-content/themes/patus-child/icomoon/attention.png) no-repeat left center;
}

.adsence-top{
	font-size: small;
	text-align: center;
	margin-bottom: 20px;
  background-color: #999;
}

.toc_title{
  text-align: left!important;
}

.data-on-posttitle {
        color:#808000;
	font-weight: bold;
	font-size: 13px;
	line-height:19px;
	background: transparent;
	border-radius: 0;
	padding: 0.5em 0em;
}

.data-on-posttitle a{
	border-bottom:none!important;
	color:#808000!important;
}

.data-on-posttitle-cate a{
	text-decoration:none!important;
	color:#808000!important;
	border-bottom:none;
}

.data-on-posttitle-cate {
	color:#808000;
	font-weight: bold;
	font-size: 13px;
	line-height:19px;
	background: transparent;
	border-radius: 0;
	margin-top:-5px;
}

.addtoany_header{
	font-size: 20px;
	font-weight: bolder;
	color: #888;
}

.related_post_title {
	border-left:0px solid #ff9900;
	padding:.2em 0em .2em 1em;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5em;
	color: #777;
	margin: 0 0 1.2em 1em;
}

.adsence-related{
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5em;
	color: #777;
	margin-bottom: 20px;
}

.gototopbanner{
	margin-top: -50px;
	margin-bottom: 30px;
}

.commentmargin{
	margin-top:-20px;
	margin-bottom: 40px;
}

.fb-margin{
	margin-top: 30px;
}

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

.sidebar-cap{
	color:#e60033;
	font-weight: bold;
}

.entry-title a {
	font-size: 18px;
	font-weight: bold;
	color: #88c34b;
}

.entry-title a:hover {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}


.cate-img-left{
	float: left;margin-right:10px;
}

.zzz{
	font-size: 15px;
}

.kkr{
    font-size: 0.95em;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin: 40px 0px 40px 0px;
    padding: 0 20px 10px 80px;
    position: relative;
	background: url(https://atopy100days.com/wp-content/uploads/2018/07/imyavatar.png) no-repeat left top;
}


.defaultlist{margin:3em 0!important;}

.defaultlist
,.defaultlist li{
	padding:0;
	margin:20px 0 25px 0;
font-weight:bold;
color:#666;
	font-style:normal;
}

.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 0px 0px 5px 10px !important;
}

.list4 li{
	position:relative;
	padding-left:20px;
}

.list4 li:after, .list4 li:before{
	content:'';
	display:block;
	position:absolute;
	top:8px;
	left:8px;
	height:11px;
	width:4px;
	background:#aaa;
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.list4 li:before{
	top:12px;
	left:3px;
	height:8px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

.post ol {
margin:20px 0 20px 10px;
	counter-reset: li;
}

.post ol > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	padding-left: 2em; /*li:before分左に余白を。調整可*/
	/*margin-bottom: 2em;*//*リストの数字がくっついてしまう場合*/
font-weight:bold;
color:#666;
padding-bottom:10px;
font-style:normal;
}

.post ol > li:before {
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
	background: #88c34b; /*薄いグリーン*/
	border: 1px solid #3e5923; /*濃いグリーン*/
	color: #ffffff; /*白*/
	border-radius: 50%; /*丸く*/
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 1.3em; /*幅を決めるheightと同じ数値に*/
	height: 1.3em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left: 0em; /*項目の基準、左にあわせる*/
	top: 2px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height: 1.4;/*数字の位置あわせで数値を指定*/
}

.note{
margin: 4em 2em 4em 2em;
}
.note h5 {
  position: relative;
  text-align: center;
	font-size:1em;
}
.note h5 span {
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  color: #000;
  background-color: #fff;
}
.note h5::before {
  content: '';
  width: 100%;
  border-top: 1px solid #ccc;
  position: absolute;
  top: 50%;
  left: 0;
}
.note p {
font-size:0.9em;
  padding: 0em 1em 1em;
  border-bottom: 1px solid #ccc;
}

.photocap{
color: #ff9900;
font-size:0.93em;
margin:-1em 0 30px 0;
}

.photocap a{
color: #ff9900!important;
}

.checkkakomi {
  background-color: #fff!important;
  position: relative;
	margin:25px 0 30px 0;
  padding: 15px 10px 10px 50px;
	background: url(https://atopy100days.com/wp-content/themes/patus-child/icomoon/bikkuri.png) no-repeat 7px 12px;
font-size:0.9em;font-weight:bold;
color:#777;
}

.bold{
font-weight:bold;
}

.boldred{
	font-weight:bold;
  color: #e2041b!important;
}

.boldbig{
font-weight:bold;
font-size:1.2em;
}



.blockquote9 {
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
    color: #4e4e4e;
    background: #fff3e1;
		margin-bottom:20px;
}

.blockquote9:before{
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 10px;
    vertical-align: middle;
    content: "\f10d";
font-family: "Font Awesome 5 Free";
    color: #ffe2b8;
    font-size: 58px;
    line-height: 1;
	font-weight:bold;
}

.blockquote9:after{
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 15px;
    vertical-align: middle;
    text-align: center;
    content: "\f10e";
font-family: "Font Awesome 5 Free";
    color: #ffe2b8;
    font-size: 40px;
		font-weight:bold;
    line-height: 1;
}

.blockquote9 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

.blockquote9 cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}








.ainstep{
		border-left: 8px solid #ff9900;
	line-height: 2em;
	margin: 3em 0 3em 3px;
	padding: 0 0 0 10px;
	font-weight:bold;
}

.ainstep a {
   background-image: url(https://atopy100days.com/wp-content/themes/patus-child/icomoon/goimg.png);
   background-repeat: no-repeat;
   background-position: right 2px;
   padding-right: 20px;
   margin-right: 3px;
text-decoration:none;
	color:#88c34b;
	border-bottom:none;
}

.nextcontent{
color:#88c34b;
	font-size: 15px;
   padding: 10px 0 5px 50px;
   background: url(https://atopy100days.com/wp-content/themes/patus-child/icomoon/nextcontent.png) no-repeat;
   background-position: 0px 60%;
	font-weight: bold;
	margin: 40px 0 40px 0;
}

.blogrankingcap{
color: #ff9900;
font-size: small;
margin-top: 80px;
	text-align:center;
	margin-bottom:50px;
}

.kijisita-br{
margin:55px 0 20px 0;
}

.kijishita-ad{
	font-size: x-small;
	text-align:center;
	margin-top:30px;
}

.table-fontsize{
	margin:4em 0;
font-size:12px!important;
}

.topkakomi-fontsize{
	margin:4em 0;
font-size:13px!important;
}

.sankobunken{
margin-top:50px;
margin-bottom:40px;
font-size: 11px;
color:#666;
}

.kuuhakutop{
margin-top:60px;
}

.minimumfont{
font-size: 11px;
}

.coconutstable{
line-height:1.2em;
width:100px;
 text-align: center;
}

.pointbox {
    border: 1px solid #ff9900;
    border-radius: 4px;
    margin: 3em 0;
    padding: 1em;
    position: relative;
	font-weight:bold;
color:#666;
font-size:16px;
}

.pointbox::before {
    background-color: #fff;
    color: #ff9900;
    content: "POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}


.anchortext{

}

.anchortext:hover{

}

li .facebook_count, .twitter_count, .hatena_count, .feedy_count, .pocket_count {
	list-style: none;
	padding: 0;
}

.SBS_SocialCountCache_balloon {
	margin-bottom:70px!important;
}
.SBS_SocialCountCache_balloon ul{
	list-style: none!important;
	padding:0!important;
}
.SBS_SocialCountCache_balloon li{
	margin-right:5px!important;
}

.SBS_SocialCountCache_balloon a {
	border-bottom:none;
}

/* 回り込み解除のためのクラス */
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}


.lkc-card{
	font-style:normal!important;
	padding-bottom:15px;
	  background: url(https://atopy100days.com/wp-content/uploads/2018/06/blogcardplus.png) no-repeat left bottom;
}


/******************/
/* 次のページ、前のページ *****/

.page-links {clear:both; text-align:center; margin:50px 0 40px 0;}
.page-links:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.page-links span {
padding:8px 12px;
margin:5px;
border:2px solid #AEAEAE;
background:transparent;
color:#777;
}
.page-links a {border-bottom: none;} 
.page-links a span {border:2px solid #AEAEAE; color:#fff; background:#88c34b;}
.page-links a:hover span {border:2px solid #AEAEAE; background:transparent; color:#88c34b;}

.block:after {
    content: " ";
    display: table;
    clear: both;
}
.block{
  overflow:hidden;
  clear:both;
}
a.btn{
  display: block;
  padding: 16px 24px;
  margin: 24px auto;
  border: 2px solid #AEAEAE;
  text-align: center;
  color: #AEAEAE;
  background: #FFF;
  position: relative;
  max-width:375px;
	font-weight:bold;
}

a.btn.goto-next{
/*   text-align: left; */
  text-align: center;
  max-width: 750px;
}
a.btn span.fixed-label{
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #AEAEAE;
  margin-right: 5px;
	text-decoration-line: underline;
	text-decoration-color: #fff!important;
}
a.btn span.link-label{
  text-decoration: underline;
  color: #88c34b;
}

/******************/
/* トップ段組 *****/

div.cover {
   display: table;
	border-spacing: 10px 3px;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

div.cover div.box1 {
   display: table-cell;
   width: 50%;
   font-size:13px;font-weight:700;
}
div.cover div.box2 {
   display: table-cell;
   width: 50%;
   font-size:13px;font-weight:700;
}

@media screen and (max-width: 750px) {
   div.cover {
      display: block;
   }
   div.cover div.box1 {
      display: block;
      width: 100%;
   }
   div.cover div.box2 {
      display: block;
	  width: 100%;
	}
}

.box-text{
	font-size:13px;font-weight:normal;
}

.box-text-bold{
	font-size:13px;font-weight:bold;
}

.box-text-big{
	font-size:15px;
}

/*****お知らせ******/

.whatsnew{font-size:13px!important;}
.whatsnew hr {
	background-color: #e5e5e5!important;
	height: 1px!important;
	margin-bottom: 0em!important;
}

.newsbox{border:1px solid #88c34b;padding:2px;margin-top:2px;border-radius:2px;background:#fff;border-radius:2px;padding:2px 8px;margin-bottom:2px}
.newsbox-inner{background:#fdfcf7;height:130px;overflow:auto;margin-top:-17px;border-radius:3px}
.newsbox-title{width:250px;height:16px}
.spr2{background:url(img/bellnews.png) no-repeat top left;vertical-align:middle;display:inline-block;}

/******************/
/* Newpost Catchを使った質問箱 */

#npcatch .title a{
         font-size: 13px;
         text-decoration: none!important;
}
#npcatch li{
         border-bottom: 1px solid #eee;
		list-style: none;
	padding: 0;margin:0;
}

#npcatch .date{
	padding-left:10px;
}

#npcatch .date:before {
content: "（";
}
#npcatch .date:after {
content: "）";
}
#npcatch .title{
	padding-left:40px;
	   background: url(img/qa-new.png) no-repeat left;vertical-align:middle;display:inline-block;
}


/*****Newpost Catch設定*****/
.qabox{border:1px solid #aecba6;padding:5px;margin-top:30px;border-radius:4px;background:#88c34b;border-radius:4px;padding:10px;margin-bottom:5px}
.qabox-inner{background:#fdfcf7;height:210px;overflow:auto;margin-top:9px;border-radius:2px;}
.more{line-height:120%}
.more{float:left}.box.book .more a{margin:0}
.qabox-title{width:250px;height:22px}
.spr1{background:url(img/qaboxtext.png) no-repeat top left;vertical-align:middle;display:inline-block;}
.qabox-inner ul{margin-top:0em!important;margin-bottom:0em!important;}

/*****画像の２つ横並び*****/

.img-float ul{
  margin-bottom:15px;  /* 下のコンテンツまでの余白 */
	margin-top:0px;
	  margin-left:0; padding-left:0;
}
.img-float li {
  width:46%;  /* 画像の横幅（２つなので） */
  float: left;  /* 画像の左寄せ */
  list-style: none;  /* リストマークを削除 */
  margin:0 5px;/* 画像の周りの余白を削除 */
  box-sizing: border-box;
}
.img-float ul:after {
 content:"";
 clear:both;  /* 画像の回り込みを解除 */
 display:block;
}

/*****画像の２つ横並びをブロック要素にしてさらに横に２つ並べる*****/

div.cover2 {
   display: table;
	border-spacing: 5px 0px;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

div.cover2 div.box21 {
   display: table-cell;
   width: 50%;
   font-size:13px;font-weight:700;
}
div.cover2 div.box22{
   display: table-cell;
   width: 50%;
   font-size:13px;font-weight:700;
}

@media screen and (max-width: 750px) {
   div.cover2 {
      display: block;
   }
   div.cover2 div.box21 {
      display: block;
      width: 100%;
   }
   div.cover2 div.box22 {
      display: block;
	  width: 100%;
	}
}

.box-text2{
	font-size:13px;font-weight:normal;
}

/*****画像の３つ横並び*****/

/* トップ段組 *****/

div.cover3 {
   display: table;
	border-spacing: 10px 3px;
	margin:0px;
	margin-bottom:20px;
	padding: 0px;
   width: 100%;
}

div.cover3 div.box31 {
   display: table-cell;
   width: 33%;
}
div.cover3 div.box32 {
   display: table-cell;
   width: 33%;
 }
div.cover3 div.box33 {
   display: table-cell;
   width: 33%;
}

@media screen and (max-width: 750px) {
   div.cover3 {
      display: block;
   }
   div.cover3 div.box31 {
      display: block;
      width: 100%;
	   margin-bottom:10px;
   }
   div.cover3 div.box32 {
      display: block;
	  width: 100%;
	   margin-bottom:10px;
	}
	div.cover3 div.box33 {
	  display: block;
	  width: 100%;
		margin-bottom:10px;
	}
}

/*****質問箱の風貌シルエットと名前、時刻*****/
.qboxwoman{
	font-size:small;
	font-weight:bold;
     margin: 0 0 20px 0;
    padding: 20px 0 20px 100px;
    position: relative;
	background: url(https://atopy100days.com/wp-content/uploads/2018/06/womaheads2.jpg) no-repeat left top;
}
.qboxman{
	font-size:small;
	font-weight:bold;
     margin: 0 0 20px 0;
    padding: 20px 0 20px 100px;
    position: relative;
	background: url(https://atopy100days.com/wp-content/uploads/2018/06/manheads3.jpg) no-repeat left top;
	
}
.abox{
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin: 40px 0px 40px 20px;
    padding: 0 20px 10px 70px;
    position: relative;
	background: url(https://atopy100days.com/wp-content/themes/patus-child/icomoon/hitokoto.png) no-repeat left top;
}

/*****細いカギ括弧の見出しデザイン*****/

.hosokagikakko {
position: relative;
color: #333333;
text-shadow: 0 0 2px white;
font-size:16px;
	color:#fff
}

.hosokagikakko:before{
content: "";
		display:inline-block;
position: absolute;
background: #ff9900;
width: 80px;
height: 80px;
border-radius: 50%;
top: 120%;
/* border: dashed 1px white; */
left: -15px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}


/********使ったものリストへのリンク**********/

#linkgoods {
	margin: 60px 0 20px 0!important;
	width: 320px; 
	display: table;
	border: 2px solid #ccc; 
}
#linkgoods p { 
	margin: 0;
	padding: 0;
}
.image_center,
#text_center{
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	font-size:0.9em;
	font-weight:bold;
}

/********アンケート**********/

.wp-polls{
margin:60px 0 60px 0!important;	
}
.wp-polls-ul li{
	text-align:center!important;
}
.pollbar{
	margin:auto!important;
	margin-bottom:20px!important;
}

/******マーカー*******/
/* マーカー線・赤 */
.marker1{
background:linear-gradient(transparent 85%, #ffadad 75%);
font-weight:bolder;
}
/* マーカー線・青 */
.marker2{
background:linear-gradient(transparent 80%, #c1ffff 75%);
font-weight:bolder;
}
/* マーカー線・黄色 */
.marker3{
background:linear-gradient(transparent 80%, #fff799 75%);
font-weight:bolder;
}
/* マーカー線・オレンジ */
.marker4{
background:linear-gradient(transparent 80%, #ffe0c1 75%);
font-weight:bolder;
}


/******目次のカスタマイズ************/

#toc_container p.toc_title+ul.toc_list>li {
 margin-bottom: 0.1em;
 padding-bottom: 0.4em;
}

#toc_container p.toc_title+ul.toc_list {
    margin-top: 1em;
    margin-right: 0.4em;
}

#toc_container li {
 padding-left: 1em !important;
 line-height: 1.8em;
}

#toc_container ul ul {
 margin-bottom: 10px;
}

.toc_number {
 margin-left: -0.5em;
 margin-right: 0.5em;
 font-family: 'Dynalight', cursive;/*数字のフォント*/
}

#toc_container p.toc_title {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0;
    letter-spacing: 0.05em;
}

#toc_container ul>li>ul>li {
    font-size: 94% !important;/*小見出しの文字サイズ*/
}

#toc_container {
    background: #e2edd7 !important;/*背景色*/
    padding: 10px;
    margin-bottom: 4em!important;
    width: auto;
    display: table;
    box-shadow: 0 0 0 10px #e2edd7 !important;
    border: dashed 2px #88c34b !important;/*内側に破線*/
    border-radius: 9px;
    margin-top: 0px;
}

#toc_container a {
    text-decoration: none;
	border-bottom:none;
    text-shadow: none;
    color: #98605e !important;/*リンクの色*/
}





/*********参考文献のアコーディオン************/

/*全体*/
.hidden_box {
	margin: 5em 0 2em 0;/*前後の余白*/
    padding: 0;
	font-size:13px;
}

/*ボタン装飾*/
.hidden_box label {
	color:#88c34b;
    padding: 15px;
	font-size:13px;
	font-weight:bold;
	border: solid 1px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.hidden_box a {border-bottom:none;padding:0;font-style:normal;}

/**********QAのスタイル************/

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
font-family: "Font Awesome 5 Free";/*忘れずに*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_qa dt,.cp_qa dd {
position: relative;
padding: 0.5em;
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
border-radius: 0.3em;
}
.cp_qa dt {
margin: 0 3em 1em 3em;
background: #ffeddb;
		font-size:1.0em;
}
.cp_qa dd {
margin: 0 3em 3em 3em;
background: #e8f5f7;
	font-size:0.9em;
}
/* 吹き出し▶︎ */
.cp_qa dt::before,.cp_qa dd::before{
position: absolute;
z-index: 99;
top: 0.5em;
display: inline-block;
width: 0;
height: 0;
content: '';
border-style: solid;
}
/* 質問吹き出し▶︎ */
.cp_qa dt::before {
left: -0.5em;
border-width: 5px 8.7px 5px 0;
border-color: transparent #ffe0b2 transparent transparent;
}
/* 答え吹き出し▶︎ */
.cp_qa dd::before {
right: -0.5em;
border-width: 5px 0 5px 8.7px;
border-color: transparent transparent transparent #b2ebf2;
}
/* ?!アイコン */
.cp_qa dt::after,.cp_qa dd::after {
font-size: 1.2em;
position: absolute;
top: 0;
color: #ffffff;
border-radius: 50%;
display: inline-block;
width: 1.5em;
height: 1.5em;
line-height: 1.2em;
}
/* ?アイコン */
.cp_qa dt::after {
left: -2.5em;
margin: 0 0.5em 0 0;
padding: 0.2em 0.4em;
content: '\f128';
background: #f57c00;
}
/* !アイコン */
.cp_qa dd::after {
right: -2.5em;
margin: 0 0 0 0.5em;
padding: 0.2em 0.3em;
content: '\f118';
background: #0097a7;
}

/**********文末の関連記事のカコミ************/

.box30 {
margin: 6em 0 4em 0;
}

.box30 .box-title{
	font-weight:bold;
position: relative;
color: black;
background: #d8efbf;
line-height: 1.4;
padding: 0.25em 0.5em;
margin: 2em 0px 0.5em 0;
border-radius: 0 5px 5px 5px;
}

.box30 .box-title:after {/*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c Check';
  background: #88c34b;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
  }

.box30 .linkcard{
	padding:0px!important;
	margin:-10px 0!important;
}



/**********YARPPムネイルサイズ変更************/
.kanrenkiji{margin-top:3em!important;}

.yarpp-thumbnail-title{font-size:small!important;}

.yarpp-thumbnail > img, .yarpp-thumbnail-default {
width: 80 !important;
height: auto !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
max-width:80 !important;
height: auto !important;
}

.yarpp-related h3{display:none;}


/**********トップの「完治とは？」************/

.ribbon_box3{
    display: block;
    position: relative;
    margin: 15px auto;
    padding: 10px 10px;
	background: #f3f9ed;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
    box-sizing: border-box;
	margin-bottom:2em;
}

.ribbon_area {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 89px;
    height: 91px;
    overflow: hidden;
  }

.ribbon14 {
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    left: -23px;
    top: 22px;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 16px;
    background: #ffa520;
    color: #fff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon14:before,.ribbon14:after{
    position: absolute;
    content: "";
    border-top: 4px solid #b2751b;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -4px;
}

.ribbon14:before{
    left: 14px;
}

.ribbon14:after{
  	right: 18px;
}

/**********etc************/

.bottom20px, .response-adsence{
	margin-bottom:20px;
}

.top-titlebar{font-size:14px;font-weight:700;border-bottom:3px solid #ff9900;border-radius:4px 4px 0 0;padding:13px 13px 7px;background:url(img/headline.png);margin-bottom:10px!important;}


.photo_btn_top{margin:-15px 10px 60px 0;}

.entry-googletitle{
	font-size:15px;
	font-weight:bold;
	margin-top:-15px;
	margin-bottom:5px;
	margin-left:2px;
}

.centering{margin-right:auto; margin-left:auto; width:350px;text-align:center;}

.kanren{margin:2em 0 4em 0;font-weight:bold;}
.kanrentitle{font-size:13px;color:#88c34b;text-decoration:underline;text-decoration-color:#fff!important;}
.kanren0{margin-bottom:0px;font-size:0.9em;color:#ff9900;}
.ps{margin-top:3em;}
.dialog{color:#777;font-weight:bold;margin:3em 0 3em 0;text-align:center;line-height:2.5em;}
.h5boldline{margin-bottom:1em;margin-top:3em;font-size:1em;font-weight:bold;border-bottom: solid 3px black;}
.sitemap a {border-bottom: none;}