/*
Theme Name:サークルローズ
Theme URL:https://daintybess.stars.ne.jp
Description:自作テーマ
Author:amənɪːta
Version:1.3.00
*/
@charset "UTF-8";
*{margin:0;padding:0}
body{font-family:"Merriweather",Helvetica,Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;letter-spacing:.1em;background-color:#fff;color:#544947;max-width:99.5%}
a{color:#dba28c;text-decoration:none;transition:all .5s ease-in}
a:hover{color:#ccc4c2}
a[target="_blank"]::after{content:"";background-color:#dba28c;display:inline-block;-webkit-mask:url(newwin.svg);mask:url(newwin.svg);-webkit-mask-size:cover;mask-size:cover;width:12px;height:12px;vertical-align:middle}
p{padding:.6rem 0}
input,button,textarea{line-height:1.8;font-size:1em;padding:.5rem;border-radius:3px}
input,textarea{background-color:#fff;border:1px #ccc4c2 solid;color:#666261;width:80%}
input:hover,textarea:hover{border:1px #dcb9ac solid}
button,input.wpcf7-submit{background-color:#666261;border:1px #666261 solid;color:#fff;width:auto}
input.wpcf7-submit{padding:.5rem 1em}
button:hover,input.wpcf7-submit:hover{background-color:#fff;color:#999391}

header{padding-top:3rem}
h1{text-align:center}
h1 a{display:block}
.description{font-feature-settings:"palt";align-items:center;display:flex;justify-content:center;text-transform:uppercase;color:#999}
.description::before,.description::after{content:"";width:20px;height:1px;background:#999}
.description::before{margin-right:.5rem}
.description::after{margin-left:.5rem}

.hereis{margin:2rem auto;padding:1rem;max-width:1000px;width:80%;background:repeating-linear-gradient(-135deg,#ede4e1,#ede4e1 1px,transparent 1px,transparent 8px)}

#container{margin:2rem auto;max-width:1000px;width:80%;display:flex;justify-content:center}
#main{width:70%}
#side{width:calc(30% - 3rem);padding:1.5rem 0 0 3rem}
#side a{color:#666261}

.menu,.searchicon,.searchbox,#hamburger{display:none}
.tbg{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:7;display:none}
.bbg{position:fixed;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5);transition:all .5s;cursor:pointer;z-index:99;display:none}
.open{display:block}

.breadcrumb{font-size:.9em;padding:1rem 0 0;color:#777;display:flex;list-style:none}
.breadcrumb li{display:flex;align-items:center}
.breadcrumb li:first-child::before{display:inline-block;width:1em;height:1em;margin-right:4px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 20C20 20.5523 19.5523 21 19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20ZM11 13V19H13V13H11Z' fill='%23777777'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;content:""}
.breadcrumb li:nth-of-type(n+2):before{display:inline-block;transform:rotate(45deg);width:.3em;height:.3em;margin-left:3px;margin-right:6px;border-top:1px solid #777;border-right:1px solid #777;content:""}
.breadcrumb a{border-bottom:1px #decfca solid;white-space:nowrap}
.breadcrumb a:hover{border-color:transparent}

.entry{width:95%;margin-top:2rem}
.entry:nth-of-type(n+2){margin-top:3rem;padding-top:3rem;border-top:1px #decfca solid}
.entry:last-of-type{margin-bottom:1.5rem}
.entry_date{font-size:.95em;display:inline-block;margin:0 .5rem;color:#777}
.entry_date::before{content:"";display:inline-block;width:.9rem;height:1px;transform:rotate(60deg);box-sizing:border-box;background-color:#777;margin-right:2px}
.entry_date::after{display:inline-block;content:"";width:.9rem;height:1px;transform:rotate(-60deg);box-sizing:border-box;background-color:#777}
.post-categories{display:inline-block}
.post-categories li{list-style-type:none;display:inline-block}
.post-categories a{font-size:.9em;padding:.2rem .4rem;border:1px #dba28c solid;color:#666261;border-radius:3px;background-color:#dba28c;color:#332e2d}
.post-categories a:hover{color:#fff;background-color:#d9bdb4}
.single_entry .post-categories a{background:#dba28c;color:#332e2d}
.single_entry .post-categories a:hover{background:#fff}
.entry_title{margin:.2rem 0 .7rem;padding-left:1rem;border-bottom:2px #dba28c solid;position:relative}
.entry_title::before{content:"";position:absolute;left:0;bottom:-5px;width:8px;height:8px;box-sizing:border-box;border-radius:50%;background-color:#dba28c}
.entry_title::after{content:"";position:absolute;right:0;bottom:-5px;width:8px;height:8px;box-sizing:border-box;border-radius:50%;background-color:#dba28c}
.entry_title h2{font-size:140%;padding:.5rem 0;font-weight:700;font-feature-settings:"palt"}
.entry_title a{display:block;color:#666261}
.entry_title a:hover{color:#dcb9ac}
.entry_title a::before{display:inline-block;content:"";width:.8rem;height:.8rem;line-height:1rem;border-radius:50%;background-color:#dba28c;margin-right:.5rem}
.thumb{width:calc(100% - 1.8rem);display:block;height:200px;margin:1rem 1rem .5rem .8rem;position:relative}
.thumb::before{width:100%;display:block;height:200px;content:"";background-color:rgba(255,255,255,.4);position:absolute;transition:all .5s ease-in;z-index:2}
.thumb:hover::before{background-color:transparent}
.thumb img{object-fit:cover;width:100%;height:200px;border-radius:5px;box-shadow:0 0 5px #ccc}
.entry_text{margin:0 .8rem 0 .5rem;line-height:2;font-size:1.1em}
.single_entry .entry_text{margin-top:1rem;width:95%}
.entry_text.index{word-break:break-all;position:relative}
.entry_text.index a{color:#544947;display:block}
.entry_text.index a:hover{color:#ccc4c2}
.entry_text img{height:auto!important;border:1px #ccc4c2 solid;padding:5px;max-width:calc(100% - 12px)!important;border-radius:5px;background-color:#fff}
.wp-block-image{margin:.8rem 0}
.wp-lightbox-container img{transition:all .5s ease-in}
.wp-lightbox-container img:hover{opacity:.6;border-color:#aaa}
.scrim{background-color:rgba(255,255,255,.5)!important}/*--画像拡大時背景--*/
.wp-caption{max-width:95%!important}
.wp-caption-text{color:#ccc}
.wp-element-caption{font-size:.9rem;color:#aaa}
.entry_text h1,.entry_text h2,.entry_text h3{border-bottom:2px #f0bca8 solid}
.entry_text h1,.entry_text h2,.entry_text h3,.entry_text h4{border-left:10px #f0bca8 solid;padding-left:.5rem;margin:1rem 0 .8rem;font-size:110%}
.entry_text h1:nth-of-type(n+2),.entry_text h2:nth-of-type(n+2),.entry_text h3:nth-of-type(n+2),.entry_text h4:nth-of-type(n+2){margin-top:2rem}
.entry_text h2~p,.entry_text h3~p{margin-left:1.5rem}
.single_entry .entry_text{margin-bottom:.5rem}
.entry_text a{word-break:break-all}
.single_entry .entry_text a{font-weight:700}
.entry_text.index a::after{position:absolute;content:"Read More";bottom:1rem;right:-2rem;font-size:3.0em;font-weight:700;transform:translateX(-15%) rotate(-14deg);color:#f0bca8;z-index:3;opacity:.6}
blockquote{position:relative;padding:.8rem 1.4rem .8em 3.5rem;box-sizing:border-box;font-style:italic;background-color:rgba(204,196,194,.5);color:#666261;margin-bottom:.5rem}
blockquote::before{display:inline-block;position:absolute;top:.8rem;left:-3px;content:"“";font-family:sans-serif;color:#999391;font-size:5.5em;line-height:1}
blockquote p{padding:0;margin:.8rem 0;line-height:1.7}
blockquote cite{display:block;text-align:right;color:#999391;font-size:.9em}
blockquote cite a{text-decoration:underline}
pre{white-space:pre-wrap}
.single_tags{margin:0 0 1rem 1.5rem;padding:2rem 0 .8rem}
.single_tags li{list-style-type:none;display:inline-block}
.single_tags li:nth-of-type(n+2){margin-left:.7rem}
.single_tags li a::before{content:"#"}
.single_tags a{color:#666261;border-bottom:1px #decfca solid;font-size:.9em;padding-bottom:.2rem;}
.single_tags a:hover{border-color:#eee;color:#ccc}
.single_category{text-align:right}
.single_category a{font-size:.9em}
.entry_data{font-size:.9em;color:#666261;text-align:right;margin-top:1.2rem;display:none}
.related{margin:3rem 0;border-top:1px #ccc solid;padding-top:3rem}
.related_midashi{align-items:center;display:flex;justify-content:center;text-transform:uppercase;letter-spacing:.2em}
.related_midashi::before,.related_midashi::after{background-color:#dba28c;content:"";height:5px;width:50px;border-radius:2.5px}
.related_midashi::before{margin-right:.9rem}
.related_midashi::after{margin-left:.9rem}
.related ul{width:calc(100% - 3.5rem);margin:1rem .5rem 1rem 3rem}
.related ul li{white-space:nowrap;width:100%;text-overflow:ellipsis;list-style:disc;height:2.5em;line-height:2.5}
.entry_pager{display:flex;justify-content:space-around;margin:3.5rem 0 2rem;width:100%}
.entry_pager li{list-style-type:none;width:40%;text-align:center;height:3em;line-height:3em}
.entry_pager li.noentry{border:1px #999391 solid;color:#999391;border-radius:4px}
.entry_pager li a{display:block;border:1px #dba28c solid;background-color:#dba28c;color:#332e2d;border-radius:4px}
.entry_pager li a:hover{background-color:#fff;color:#dba28c}
.title404{font-size:2em;font-weight:700;line-height:2.2;margin:.4rem 0 1.5rem}
.wpcf7-form{margin-top:1.5rem}
textarea{height:8em}

.pager{display:flex;justify-content:center;margin:4rem 0 2rem;width:95%}
ul.page-numbers li{list-style-type:none;display:inline-block;line-height:2}
ul.page-numbers a{width:2em;height:2em;text-align:center;display:block;border:1px #dba28c solid;background-color:#dba28c;color:#332e2d;border-radius:3px}
ul.page-numbers a:hover{background-color:#fff;color:#dba28c}
ul.page-numbers span.current{width:2em;height:2em;display:block;text-align:center;border:1px #999391 solid;color:#999391;border-radius:3px}

.side_content:nth-of-type(n+2){margin-top:3rem}
.side_title{font-size:1.1em;letter-spacing:.3em;border-bottom:2px solid #dba28c;line-height:2;text-align:center;position:relative}
.side_title::first-letter{color:#dba28c;font-weight:700;font-size:1.2em}
.side_title::before{content:"";position:absolute;left:0;bottom:-5px;width:8px;height:8px;box-sizing:border-box;border-radius:50%;background-color:#dba28c}
.side_title::after{content:"";position:absolute;right:0;bottom:-5px;width:8px;height:8px;box-sizing:border-box;border-radius:50%;background-color:#dba28c}
.prof_image{border-radius:50%;margin:0 auto;width:100px;height:100px;background:linear-gradient(rgba(237,228,225,.4),rgba(237,228,225,.4)),url(me.webp);background-size:cover;display:block;box-shadow:0 0 5px #ccc}
.prof_text{margin-top:.5rem;line-height:2;text-align:center}
.prof_text a{border-bottom:1px #decfca solid}
.prof_text p{}
.side_inner{margin:.8rem .5rem .5rem;width:92%}
.side_inner li{list-style-type:none;color:#ccc;line-height:2.5;border-bottom:1px #eee solid;height:auto;padding-left:.5rem}
.side_recent a{display:block;white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden}
.category_children{padding-left:.5rem;border-top:1px #eee solid}
.category_children li:last-of-type{border:0}
.side_tags{font-size:.9em}
.side_tags li{display:inline-block;line-height:1.8;margin-right:.3rem;white-space:nowrap;padding:0;border:0;color:#999391}
.side_tags a{border-bottom:1px #decfca solid}
.side_tags a:hover{border:0}
.side_tags a .side_tags_count{color:#ccc;font-size:.9em}
.searchform{width:90%;margin:1.3rem .5rem}
.searchform input{width:70%;border-radius:3px 0 0 3px}.searchform button{width:30%;border-radius:0 3px 3px 0}
.searchform input,.searchform button{line-height:1.2;font-size:.8em;padding:.3rem}

footer{width:100%;padding:.8rem 0;background-color:#333130;color:#fff}
footer a{color:#f09c7a}
.footer_content{width:100%;display:flex;justify-content:space-between}
.copy{margin-right:1.5rem}
.links{margin-left:1.5rem}
.disp{display:none}

@media(max-width:810px){
a{transition:none}
input,textarea{width:90%}
.grecaptcha-badge{bottom:4rem!important;opacity:.6}

header{padding-bottom:2rem}
.hereis{width:calc(100% - 2rem)}
#container{display:block;margin-bottom:3rem}
#main{width:100%}
#side{width:100%;padding:3rem 0}

#hamburger{display:block;width:3rem;height:3em;cursor:pointer;z-index:300;position:fixed;right:1rem;top:.8rem;background-color:rgba(235,215,209,.8);border-radius:50%}
.sidebardot{width:100%;height:5px;background-color:#999391;transition:all .5s;position:absolute}
.sidebardot1{top:50%;left:20%;transform:translateY(-50%);width:5px;border-radius:50%}
.sidebardot2{top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:5px;border-radius:50%}
.sidebardot3{top:100%;top:50%;right:20%;transform:translateY(-50%);width:5px;border-radius:50%;padding:0}
.sideopen .sidebardot1{transform: rotate(-45deg);left:.7rem;top:1.4rem;width:53%;border-radius:3px}
.sideopen .sidebardot2{opacity:0}
.sideopen .sidebardot3{transform: rotate(45deg);top:1.4rem;right:.7rem;width:53%;border-radius:3px}
#side{position:fixed;top:0;height:100vh;background-color:#fff;transition:all .5s;z-index:100;right:-100%;width:60%;overflow-y:auto;padding:2rem}
#side.sideopen{right:0}
.side_content:last-of-type{padding-bottom:5rem}

.breadcrumb{padding-top:0}

.entry{width:100%}
.entry_title{padding-left:.4rem;margin-bottom:.5rem}
.entry_title a{overflow:hidden;white-space:nowrap;width:100%;max-width:100%;text-overflow:ellipsis}
.entry_text{width:96%;margin:0 auto}
.entry_text.index a:hover{color:#544947}
.thumb{width:95%;margin:1rem auto 0}
.related ul{width:calc(100% - 1.5rem);margin-left:1rem}
.pager{margin:4rem 0 2rem;width:100%}

.searchicon{right:2.6rem;background:#dcb9ac}
.searchbox{right:5rem}
}

@media(max-width:430px){
header{padding-top:3rem;padding-bottom:1.5rem}
.description{font-size:.9em;letter-spacing:.1em;margin-right:-.1em}

.menu{background-color:#ede4e1;line-height:2.5;width:100%;color:#aaa;font-size:.9em;position:fixed;bottom:0;left:0;display:flex;align-items:center;z-index:9;height:3em}
.menu a{display:block;width:fit-content;padding:0 .3rem;color:#666261;margin-left:0rem/*.4rem*/;font-weight:700}
.menu a::before{content:"?";font-family:Georgia,"Times New Roman",serif;font-weight:900;font-size:1.1em;color:#fff;background-color:#dba28c;border-radius:50%;display:inline-block;width:calc(1.5rem - .09em);height:1.5rem;line-height:1.5;margin:.5rem .2rem;text-align:center;padding-left:.09em}
.menu a:hover{animation:kaku .45s}
@keyframes kaku{
  0%{translate:0 0;rotate:0deg}
  20%{translate:2px -2px;rotate:2deg}
  40%{translate:-2px 2px;rotate:-2deg}
  60%{translate:2px -1px;rotate:1deg}
  80%{translate:-1px 1px;rotate:-1deg}
  100%{translate:0 0;rotate:0deg}
}
.searchicon{cursor:pointer;background-color:#dba28c;-webkit-mask:url(search.svg);mask:url(search.svg);-webkit-mask-size:cover;mask-size:cover;margin:.4rem .5rem;right:2.5rem;bottom:.3rem;width:1.5em;height:1.5em;position:fixed;z-index:9;transition:all .5s ease-in;display:block}
.searchicon.close{-webkit-mask:url(close.svg);mask:url(close.svg)}
.searchbox{position:fixed;z-index:10;display:none;width:100%;bottom:0;left:50%;transform:translateX(-50%);z-index:10;background:rgba(0,0,0,.6);text-align:center;padding:.6rem 0}
.searchbox input,.searchbox button{font-size:.9em;padding:.1rem .2rem;line-height:1;height:2.5em;border-radius:0}
.searchbox input{width:65%;border:2px #ede4e1 solid;background:transparent;color:#ccc4c2;margin-right:.5rem}
.searchbox button{padding:.1rem .5rem;width:calc(25% - .5rem);background-color:#999391;border:2px #ccc4c2 solid;color:#fff}
.open{display:block}
	
#hamburger{bottom:.6rem;top:auto;width:1.5rem;height:1.5em;background:transparent}
.sidebardot1{left:0}
.sidebardot3{right:0}
.sideopen .sidebardot1{top:11px;left:0;width:100%}
.sideopen .sidebardot3{top:11px;right:0;width:100%}
#container{margin-bottom:2rem;width:90%}

.entry:nth-of-type(n+2){margin-top:2rem;padding-top:2rem}
/*.entry_title a{color:#dba28c}*/
.thumb,.thumb::before,.thumb img{height:150px}
.entry_text h2~p,.entry_text h3~p{margin-left:0}
.single_tags{padding-top:0;width:96%;margin:0 auto}
.entry_pager li{width:45%}
.pager{margin:3rem 0 0}

.side_tags{margin:1rem .3rem 0}

.copy{margin-right:1rem}
.links{margin-left:1rem}
}


@media(min-width:1280px){
.footer_content{max-width:1000px;width:80%;margin:0 auto}
.copy,.links{margin:0}
.disp{display:inline}
}

/*--ブログカードCottpic用--*/
.bcard-wrapper{display:block;width:90%;max-width:700px;margin:10px 0;padding:1rem;border:1px #999 solid;border-radius:10px}.bcard-site{display:none}.bcard-url{line-height:1.6;font-size:.7em}.bcard-header{position:relative;margin-bottom:5px;display:block}.withgfav{padding-left:23px}.bcard-favicon{position:absolute;top:0;left:0;width:16px;height:16px}.bcard-main{overflow:hidden;position:relative;display:block}.withogimg{padding-right:110px;height:100px}.bcard-img{width:100px;height:100px;position:absolute;top:0;right:0;background-size:cover;background-position:center center}.bcard-title{font-size:1.1em;margin:0 0 2px;line-height:1.6;font-weight:700}.bcard-url a,.bcard-title a{overflow:hidden;display:inline-block;white-space:nowrap;width:max-content;max-width:100%;text-overflow:ellipsis}.bcard-description{line-height:1.5;font-size:.8em;max-height:72px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.bcard-url a{color:#666;font-weight:400}.bcard-url a:hover,.bcard-site a:hover{text-decoration:underline}a.bcard-img-link[target="_blank"]::after{content:none}