@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: deer
Theme URI: https://fanfare-co-ltd.com/deer/
Description: デジタルマーケティングを頑張る人のためのWordPressテーマ
Author: JUNICHI
Author URI: https://junichi-manga.com/
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: digital-marketing, full-wide-landing-page,speed-up
Version: 1.5.1
---------------------------------------------------------*/

/*
　WordPressテーマ『Deer』のレスポンシブの考え方　
　・領域1：すべての端末で適用（スマホ＆タブレット＆PC）
　・領域2：ディスプレイサイズ最小440px以上（タブレット＆PC）
　・領域3：ディスプレイサイズ最小780px以上（PC）
*/

/*↓　領域1　ここからすべての端末で適用　↓*/

body.mceContentBody{background:#fff;width:99%}
.sub-menu{display:none}
p.has-drop-cap:not(:focus)::first-letter{font-size:6.2em;line-height:100px}
.post a{word-break:break-all}
img.size-full,img.size-large{margin-bottom:10px;height:auto;max-width:100%}
.wp-caption{height:auto;max-width:100%}
* html .clearfix{height:1%}
.center{text-align:center;padding-bottom:20px}
h2{font-weight:700;font-size:22px;padding:18px 1.5em;margin:10px 0;border-radius:3px}
.post .fukidasi h2{position:relative;padding:15px;margin:10px 0 20px;text-align:center}
.post .fukidasi h2:after{position:absolute;content:'';top:100%;left:50%;margin-left:-30px;border:25px solid transparent;width:0;height:0}
.post h2{font-weight:700;font-size:20px;padding:1em 1.5em;margin:10px 0;border-radius:3px;line-height:1.6em}
h2.archiev{text-align:center;background:none}
.post .material h2{font-weight:700;font-size:20px;padding:1em 1.5em;margin:10px 0;border-radius:3px;line-height:1.6em;box-shadow:0 1px 5px rgba(0,0,0,.3)}
.post .fukidasi h2{position:relative;padding:15px;margin:10px 0 20px;text-align:center}
.post .fukidasi h2:after{position:absolute;content:'';top:100%;left:50%;margin-left:-30px;border:25px solid transparent;border-top:15px solid #2a66a5;width:0;height:0}
.post .shadow h2{padding:20px;border-radius:3px;margin:10px 0 20px;box-shadow:0 0 20px rgba(0,0,0,0.15) inset}
.post .ribbon h2{position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.25);margin:10px 0 20px}
.post .ribbon h2::before,.post .ribbon h2::after{content:"";position:absolute;top:100%;height:0;width:0;border:5px solid transparent}
.post .ribbon h2::before{right:0}
.post .ribbon h2::after{left:0}
h2.widgettitle{margin:10px;}
.post .under-gradline h2{position:relative;padding:.8em 0;background:none;margin:10px 0 20px}
.post .under-gradline h2:after{content:"";display:block;margin-top:5px;height:4px}
.post .first-big h2{background:none;margin:10px 0 20px;padding:5px 0}
.post .first-big h2:first-letter{font-size:1.2em;background:none}
.post .hamiwaku h2{position:relative;margin:10px 0 20px;padding:15px 20px;font-size:20px;text-align:center;border-radius:0;background:none}
.post .hamiwaku h2:before,.post .hamiwaku h2:after{content:'';position:absolute;top:-10px;width:3px;height:calc(100% + 20px)}
.post .hamiwaku h2::before{left:10px}
.post .hamiwaku h2::after{right:10px}
.post .chapter h2{position:relative;padding:20px 10px;font-size:20px;margin:20px 0;background:none}
.post .chapter h2::after{font-family:'Font Awesome 5 Free';content:"\f0c8  Chapter";position:absolute;top:-15px;left:10px;background:#fff;font-size:12px;padding:0 10px}
.post .icon h2{position:relative;margin:10px 0 20px;padding-left:1.6em;line-height:1.4em;border-radius:3px}
.post .icon h2:before{font-family:'Font Awesome 5 Free';content:"\f058";position:absolute;font-size:1em;left:9px}
.post .simpleh2 h2{background:none;margin:10px 0 0;padding:1em 0;font-size:24px}
.post .kagikakko h2{position:relative;padding:1em 2em;text-align:center;margin:20px 0;background:none}
.post .kagikakko h2:before,.post .kagikakko h2:after{position:absolute;content:''}
.post .kagikakko h2:after{top:0;left:0;width:50px;height:50px}
.post .kagikakko h2:before{right:0;bottom:0;width:50px;height:50px}
.post .short-line h2{background:none;position:relative;padding:1.5rem;text-align:center;margin-bottom:20px}
.post .short-line h2:before{position:absolute;bottom:0;left:calc(50% - 30px);width:60px;height:2px;content:'';border-radius:3px}
.post .stripe-bottom h2{position:relative;padding:1.5rem 0;margin-bottom:20px;background:none}
.post .stripe-bottom h2:after{position:absolute;bottom:0;left:0;width:100%;height:10px;content:'';background-size:7px 7px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.post h3{margin:0 0 10px;padding:15px 8px;border-width:3px 0;border-style:solid;line-height:140%;font-weight:700}
.post .h3underline h3{margin:0 0 10px;padding:15px 0;border-width:0 0 3px;border-style:solid;line-height:140%;font-weight:700}
.post .thin-underline h3{margin:0 0 10px;padding:15px 0;border-width:0 0 1px;border-style:solid;line-height:140%;font-weight:700}
.post .stripes h3{position:relative;border:none}
.post .stripes h3:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px}
.post .lh3 h3{padding:.25em 0 .5em .75em;border-width:0 0 1px 5px;border-color:#1a1a1a}
.post .box2 h3{position:relative;padding-left:30px;font-size:20px;border:none}
.post .box2 h3::before,.post .box2 h3::after{content:"□";position:absolute}
.post .box2 h3::before{left:0;top:10px}
.post .box2 h3::after{left:5px;top:16px}
.post .simpleh3 h3{background:none;border:none}
.post h4{margin-bottom:10px;position:relative;padding:10px 10px 10px 1.4em;line-height:1.4em}
.post h4:before{font-family:'Font Awesome 5 Free';content:"\f054";position:absolute;font-size:1.4em;left:0}
.post .cube-icon h4{margin-bottom:10px;position:relative;padding:10px 10px 10px 1.4em;line-height:1.4em}
.post .cube-icon h4:before{font-family:'Font Awesome 5 Free';content:"\f1b2";position:absolute;font-size:1.2em;left:0}
.post .left-border h4{padding:.5em 0 .5em .75em;border-width:0 0 0 3px;border-style:solid}
.post .left-border h4:before{content:""}
.post .left-thin-border h4{padding:.5em 0 .5em .75em;border-width:0 0 0 1px;border-style:solid}
.post .left-thin-border h4:before{content:""}
.post .trans-color h4{background:none;border:none;padding:10px}
.post .trans-color h4:before{content:""}
.post .simpleh4 h4{background:none;border:none;padding:10px 0;font-size:1.1em}
.post .simpleh4 h4:before{content:""}
.post h5{margin-bottom:10px;font-size:16px}
.post ul li,.post ol li{color:#333;font-size:1em;font-weight:500;line-height:1.9em}
.post ul{padding:10px 20px 10px 30px;margin-bottom:10px}
.entry-title{font-size:22px;font-weight:800;line-height:30px;color:#333;margin:10px 0}
.entry-title a:hover{text-decoration:underline}
.entry-title a{color:#333;text-decoration:none}
#eyecatch{position:relative;clear:both;text-align:center;margin:0 -10px}
.ec-position{margin:-24px 0 20px}
.page-template-sp-landingpage .header-contact.clearfix{display:none}
.page-template-one-column #eyecatch{margin-top:0;margin-left:0;margin-right:0;margin-bottom:0}
.page-template-sp-landingpage #before-footer .clearfix,.page-template-sp-landingpage h1.entry-title,.page-template-sp-landingpage #toc_container{display:none}
.point{font-size:16px;font-weight:700;padding:10px 20px;margin-bottom:20px;line-height:28px;color:#666}
.blogbox p{font-size:12px;font-weight:800;margin:0;line-height:18px;color:#1a1a1a;display:inline-block;text-decoration:none;padding:1px 0}
.blogbox{position:absolute;clear:both;text-decoration:none;padding:1px 5px;border-radius:3px;margin-top:0;margin-bottom:0;font-weight:700;top:2px;width:130px}
footer h4 a{color:#ccc;text-decoration:none}
footer h4 p{color:#666;text-decoration:none}
#footer-navi p{color:#fff}
#footer h3{font-size:14px;color:#ccc;margin-bottom:10px}
#footer_w ul li{list-style-type:none;margin:0 auto;padding:0;text-decoration:none;line-height:1.9em}
#footer_w ul li a{max-width:420px;margin:5px auto;padding:5px;text-decoration:none}
#footer .copy{font-size:12px;line-height:15px}
#footer_w a{font-size:14px}
.main .front-page{flex: 1;background:none;box-shadow:0 0 0}
.readmore.none-sidebar.wide-card{display:none}
#topnews .itiran-dd .category_info{height:24px;margin-bottom:3px}
.blog_info p a{color:#666;text-decoration:none}
span.post-date{display:none}
.front-simple-page #mybox{margin:0}
.front-simple-page #side aside{margin:0 25px 0 20px}
#side aside{margin:10px}
#side aside ul li a:hover{background:#ededed}
#side aside #mybox ul li ul li{color:#1a1a1a;font-size:14px;line-height:27px}
#side aside #mybox ul li ul li:last-child{border:0;margin-bottom:-30px}
#side aside #mybox ul.children{padding-left:20px}
#kijishita-inner{max-width:750px;margin:0 auto;padding:15px 5px}
img.aligncenter{display:block;margin:0 auto}
img.alignleft{display:block;margin:0 auto 0 0;float:left;padding:0 10px 0 0;text-align:left}
img.alignright{display:block;margin:0 0 0 auto;float:right;padding:0 0 0 10px;text-align:right}
img.float-left{float:left}
img.float-right{float:right}
.wp-caption{text-align:center}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
.ie8 img{width:auto}
.post ol{list-style-type:decimal;counter-reset:ol_li;padding:10px;margin-bottom:10px}
.deer-ul-style-circle ul,.deer-ul-style-square ul,.deer-ul-style-circle ol,.deer-ul-style-square ol{list-style:none}
.deer-ul-style-circle ul li,.deer-ul-style-square ul li{position:relative}
.deer-ul-style-circle ul li:before,.deer-ul-style-square ul li:before{font-family:'Font Awesome 5 Free';position:relative;margin:0 0 0 -30px;text-align:center;border-radius:50%;font-weight:900}
.deer-ul-style-circle ul li:before{padding-right:13px;left:2px}
.deer-ul-style-square ul li:before{padding-right:15px;left:7px}
.deer-ul-style-circle ul li:before{content:"\f058"}
.deer-ul-style-square ul li:before{content:"\f14a"}
.deer-ol-style-circle ol{counter-reset:num;list-style-type:none!important;padding:0;margin:20px 0}
.deer-ol-style-circle ol li{position:relative;line-height:1.9em;padding:0;text-indent:0}
.deer-ol-style-circle ol li:before{position:relative;counter-increment:num;content:counter(num);display:inline-block;font-family:'Arial',sans-serif;font-weight:700;font-size:12px;border-radius:50%;width:20px;height:20px;line-height:1.9em;text-align:center;margin-right:10px}
.deer-ol-style-square ol{counter-reset:num;list-style-type:none!important;padding:0;margin:20px 0}
.deer-ol-style-square ol li{position:relative;line-height:1.5em;padding:.5em .5em .5em 30px;text-indent:0}
.deer-ol-style-square ol li:before{position:absolute;counter-increment:num;content:counter(num);display:inline-block;font-family:'Arial',sans-serif;font-weight:700;font-size:12px;border-radius:3px;left:4px;width:20px;height:20px;line-height:20px;text-align:center;top:10px}
ul.wp-block-latest-posts__list li:before{display:none;}
#main-navigation li ul a{left:0;display:block;border-radius:3px;font-weight:500;color:#1a1a1a;text-decoration:none}
#main-navigation li ul a:hover{box-shadow:0 7px 20px -5px rgba(0,0,0,.3)}
#main-navigation li ul li{width:100%;margin:0;padding:0;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative}
#main-navigation li ul li a{position:relative;display:flex;z-index:9000;width:200px;text-align:left;padding:15px 10px;margin:7px 0 3px;box-shadow:0 10px 25px -5px rgba(0,0,0,.3)}
#main-navigation li ul li a:hover{transition:.2s ease-in-out;-webkit-transform:translate(0px,-1px);-moz-transform:translate(0px,-1px);-ms-transform:translate(0px,-1px);-o-transform:translate(0px,-1px);transform:translate(0px,-1px);box-shadow:0 15px 25px -5px rgba(0,0,0,.3)}
#main-navigation ul li.main-no-child-menu a:after{content:""}
#main-navigation ul li.main-parent-menu ul li.main-no-child-menu a:after{content:""}
#main-navigation li ul li ul{top:0;left:100%;margin:0}
#main-navigation li ul li ul li a{margin-left:10px}
#side aside #mybox ul li ul li{font-size:14px;color:#333;line-height:28px;margin-bottom:0;padding:5px 0}
#side aside .searchsubmit{top:25px}
#mybox input.searchsubmit{margin-top:10px}
:first-child + html .searchsubmit{top:1px}
p#headimg img{width:100%;position:relative}
#breadcrumb{font-size:13px}
#breadcrumb a{color:#333;text-decoration:none}
#breadcrumb{padding:5px;margin:0;clear:both}
#breadcrumb a{color:#333}
#breadcrumb a{color:#333;text-decoration:none;font-size:1em}
#breadcrumb i.fa.fa-home{color:#00b8cf}
#breadcrumb i.fa.fa-folder{color:#00b5ce}
.sstw i.fab.fa-twitter,.share-plz-icon i.fab.fa-twitter,.twitter.ripple a{color:#000}
.ssfb i.fab.fa-facebook,.share-plz-icon i.fab.fa-facebook,.facebook.ripple a{color:#1877f2}
.ssyoutube i.fab.fa-youtube,.share-plz-icon i.fab.fa-youtube{color:#DA1725;}
.sspinterest i.fab.fa-pinterest,.share-plz-icon i.fab.fa-pinterest,.pinterest.ripple a{color:#e6011a}
.hatebu.ripple a{font-family:"Verdana";font-weight:700;text-decoration:none;color:#00a4de}
.pocket.ripple a{color:#f03e51}
.share-plz-icon i.fab.fa-line,.line.ripple a{color:#00b900}
.share-plz-icon i.fa.fa-rss {color: #6CC655}
.copy-link{margin:10px}
.copy-link p{padding:5px;text-align:center}
.article-share-message{text-align:center;font-size:26px;padding:30px 20px 15px}
.about-share-article-ttl{position:relative;padding:10px;font-size:18px;text-align:left}
.about-share-article-author{padding:5px 30px 30px;background:#eee;text-align:left}
.about-share-article-author a{text-decoration:none;color:#1a1a1a}
.about-share-article-ttl{position:relative;padding:20px 30px 5px;font-size:20px;background:#eee}
ul.children{padding-left:10px}
#p-navi{margin:5px 5px 0;padding:25px 0;clear:both}
.p-navi-title{margin:15px;text-align:center;font-size:22px}
#p-navi-inner{max-width:750px;margin:0 auto;padding:0 10px}
#p-navi a{text-decoration:none;position:relative;top:0;left:0;width:100%;height:100%;padding:10px 0}
#p-navi-inner{max-width:750px;margin:0 auto;padding:0}
.next.ripple{text-align:right}
.prev.ripple,.next.ripple{border-bottom:solid .0625rem #e0e0e0;display:block;transition:.2s ease-in-out}
.prev-label,.next-label{width:100%;color:#565656;margin:5px 0}
.prev.ripple{clear:both}
.prev-title p,.next-title p{font-size:.8em;line-height:18px}
.wp-block-buttons a{display:block;transition:.2s ease}
.wp-block-buttons a:hover{background:#1a73e8;transition:.2s ease}
.wp-block-button.is-style-outline a:hover{border:solid 2px #1a73e8;background:#1a73e8;color:#fff;transition:.2s ease}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:auto;display:block}
.wp-block-button.material-btn a{box-shadow:0 1px 5px #8e8e8e}
.wp-block-button.material-btn a:hover{box-shadow:0 5px 20px #8e8e8e}
.wp-block-button.solid-btn a{background:#168657;border-bottom:5px solid #15543a;transition:.1s ease}
.wp-block-button.solid-btn a:hover{border-bottom:2px solid #15543a;margin-top:3px;transition:.1s ease}
@keyframes shiny {
0%{left:-20%}
10%{left:120%}
100%{left:120%}
}
.wp-block-button.shiny-btn a{position:relative;display:block;overflow:hidden}
.wp-block-button.shiny-btn a::after{content:'';position:absolute;top:-10%;left:-20%;width:40px;height:100%;transform:scale(2) rotate(20deg);background-image:linear-gradient(100deg,rgba(255,255,255,0) 10%,rgba(255,255,255,.5) 100%,rgba(255,255,255,0) 0%);animation-name:shiny;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.wp-block-cover.deer-cover-block-simple{margin:0 calc(-50vw + 50%);width:auto;padding:20px}
.wp-block-cover.deer-cover-block-simple .wp-block-cover__inner-container{max-width:1200px}
.btn-wrap{text-align:center;margin:1.5em 0 2em}
.btn-wrap.aligncenter{text-align:center}
.btn-wrap.alignleft{text-align:left}
.btn-wrap.alignright{text-align:right}
.btn-wrap a{font-weight:700;display:inline-block;text-decoration:none;padding:.8em 2.1em;-webkit-border-radius:3px;-moz-border-radius:3px;color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.3)}
.btn-wrap.yes a{box-shadow:0 0 0}
.btn-wrap.yes a:hover,.btn-wrap.ghost.yes a:hover{box-shadow:0 0 0}
.btn-wrap.align.free a{color:#fff}
.shiny a:before{display:block;position:absolute;z-index:0;left:-150%;top:-50%;content:"";width:30px;height:130px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);background-image:linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left bottom,right bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(20%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));background-image:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,#fff rgba(255,255,255,1),rgba(255,255,255,0) 100%);animation:shiny 1.8s infinite linear;-webkit-animation:shiny 1.8s infinite linear;-moz-animation:shiny 1.8s infinite linear}
.btn-wrap.kotei1 a{font-weight:700;display:inline-block;width:75%;max-width:200px;margin:0 1%;text-decoration:none;font-size:.75em;padding:.9em 1em;background:#3cb371;border:2px solid #3cb371;-webkit-border-radius:2px;-moz-border-radius:2px;color:#fff}
.btn-wrap.kotei2 a{font-weight:700;display:inline-block;width:75%;max-width:200px;margin:0 1%;text-decoration:none;font-size:.75em;padding:.9em 1em;background:#3cb371;border:2px solid #3cb371;-webkit-border-radius:2px;-moz-border-radius:2px;color:#fff}
.btn-wrap.ghost a{font-weight:700;display:inline-block;text-decoration:none;padding:.8em 2.1em;background:rgba(255,255,255,0);border:2px solid #0090e1;-webkit-border-radius:2px;-moz-border-radius:2px;text-shadow:1px 1px 0 rgba(255,255,255,0.3);color:#0090e1}
.btn-wrap.spe a{display:inline-block;text-decoration:none;padding:.9em 2.3em;position:relative;z-index:0;background:#333;border:2px solid #333;color:#fff;display:inline-block;text-align:center;font-weight:700;outline:none}
.btn-wrap.spe a::before,.btn-wrap.spe a::after{position:absolute;z-index:-1;display:block;content:'';top:0;width:50%;height:100%;background:#333}
.btn-wrap.spe a::before{right:0}
.btn-wrap.spe a::after{left:0}
.btn-wrap.spe a:hover::before,.btn-wrap.spe a:hover::after{width:0;background:#59b1eb}
.btn-wrap.spe a,.btn-wrap.spe a::before,.btn-wrap.spe a::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s}
.btn-wrap.ghostspe a{display:inline-block;font-weight:700;text-decoration:none;padding:.9em 2.3em;position:relative;z-index:0;background:none;border:2px solid #59b1eb;color:#59b1eb;display:inline-block;text-align:center;outline:none}
.btn-wrap.ghostspe a::before,.btn-wrap.ghostspe a::after{position:absolute;z-index:-1;display:block;content:'';top:0;width:50%;height:100%;background:rgba(255,255,255,0)}
.btn-wrap.ghostspe a::before{right:0}
.btn-wrap.ghostspe a::after{left:0}
.btn-wrap.ghostspe a:hover::before,.btn-wrap.ghostspe a:hover::after{width:0;background:none}
.btn-wrap.ghostspe a,.btn-wrap.ghostspe a::before,.btn-wrap.ghostspe a::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s;transition-delay:.1s}
.btn-wrap.spe2 a{display:inline-block;text-decoration:none;padding:.9em 2.3em;position:relative;z-index:0;background:none;border:2px solid #59b1eb;color:#fff;text-align:center;outline:none}
.btn-wrap.spe2 a::before,.btn-wrap.spe2 a::after{position:absolute;z-index:-1;display:block;content:'';left:0;width:100%;height:50%;background:#333}
.btn-wrap.spe2 a::before{top:0}
.btn-wrap.spe2 a::after{bottom:0}
.btn-wrap.spe2 a,.btn-wrap.spe2 a::before,.btn-wrap.spe2 a::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s;transition-delay:.1s}
.btn-wrap.spe2 a:hover{background:#fff;border-color:#333;color:#fff;font-weight:700}
.btn-wrap.spe2 a:hover::before,.btn-wrap.spe2 a:hover::after{height:0;background:#fff}
.btn-wrap.zoomin a{display:inline-block;text-decoration:none;padding:.2em 2.3em;position:relative;z-index:0;background:none;border:2px solid #333;color:#333;line-height:50px;overflow:hidden}
.btn-wrap.zoomin a::after{top:0;left:0;width:100%;height:100%;-webkit-transform:scale(.3);transform:scale(.3)}
.btn-wrap.zoomin a:hover{color:#fff}
.btn-wrap.zoomin a:hover::after{background:#333;-webkit-transform:scale(1);transform:scale(1)}
.btn-wrap.zoomin a:hover::after{background:#333;-webkit-transform:scale(1);transform:scale(1)}
.btn-wrap.zoomin a::before,.btn-wrap.zoomin a::after{position:absolute;z-index:-1;display:block;content:''}
.btn-wrap.zoomin a,.btn-wrap.zoomin a::before,.btn-wrap.zoomin a::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s}
.btn-wrap.down a{display:inline-block;text-decoration:none;padding:.2em 2.3em;position:relative;z-index:0;border:2px solid #333;color:#333;background:none;line-height:50px;-webkit-perspective:300px;perspective:300px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.btn-wrap.down a::after{top:0;left:0;width:100%;height:100%;background:#333;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}
.btn-wrap.down a:hover::after{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}
.btn-wrap.down a::before,.btn-wrap.down a::after{position:absolute;z-index:-1;display:block;content:''}
.btn-wrap.down a,.btn-wrap.down a::before,.btn-wrap.down a::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s}
.shiny a:before{display:block;position:absolute;z-index:0;left:-150%;top:-50%;content:"";width:30px;height:115px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);background-image:linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left bottom,right bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(20%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));background-image:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,#fff rgba(255,255,255,1),rgba(255,255,255,0) 100%);animation:shiny 1.8s infinite linear;-webkit-animation:shiny 1.8s infinite linear;-moz-animation:shiny 1.8s infinite linear}
#entry{padding:10px -10px}
.header-info.not-front{position:relative}
#gazou p{margin:0}
section{padding-top:1em;margin-bottom:3em}
.ad{padding-bottom:10px}
.end-tag{font-size:16px;font-weight:800;margin:0;line-height:0;color:#fff;display:inline-block;text-decoration:none;padding:1px 5px}
.footer_s{margin:0 auto 20px;width:auto;padding:0 15px}
#footer_w .footer_s h4{margin:30px 0 10px}
#footer_w h4{font-size:95%;font-weight:700;text-align:center;color:#f5f5f5;margin:10px 0;padding:0 0 3px}
#article-up{padding-top:10px;margin:-20px}
#article-down{padding-top:10px}
.bottom-article-share .article-share-message{padding:40px 20px 0;font-size:14px}
.bottom-article-share .simple-sns-share-btn.simple-type .sns{margin:20px auto 15px}
.bottom-article-share .simple-sns-share-btn.simple-type{border-top:solid .0625rem #e0e0e0;border-bottom:0;margin:30px 10px 0}
.bottom-article-share .simple-sns-share-btn.simple-type p{margin:0}
.sns ul li:before{margin:0;display:none}
.post .sns ul li:before{display:none}
ol{counter-reset:ol_li;list-style-position:inside;margin-bottom:10px}
ol li{padding-left:18px;text-indent:-18px}
#header-sp-innner-left{position:absolute;left:5px;right:5px;margin:0 auto;top:10%;bottom:0;transform:translateY(-10%) translateX(-0%);z-index:999}
#header-sp-innner-left img{width:100%;max-width:280px;position:absolute;left:5px;right:5px;margin:0 auto;top:5%;bottom:0}
#header-sp-innner-right{position:absolute;left:5px;right:5px;margin:0 auto;top:10%;bottom:0;transform:translateY(-10%) translateX(-0%);z-index:999;text-align:right}
#header-sp-innner-right img{width:100%;max-width:280px;position:absolute;left:5px;right:5px;margin:0 auto;top:5%;bottom:0}
.page-template-page-one-column-sns #wrapper{max-width:600px;padding:0;margin:0 auto}
.page-template-page-one-column-sns #content{margin:0 auto;width:100%}
body.page-template-page-one-column-sns main{flex: 1;max-width:450px;margin-top:0;margin-right:auto;margin-left:auto;padding:0 10px 20px}
.page-template-page-one-column-sns .kijisita-sns-button .sns ul li{margin:0 1%;padding:0}
.page-template-page-one-column #wrapper{max-width:600px}
.page-template-page-one-column #content{margin:0 auto;width:100%}
body.page-template-page-one-column main,body.page-template-page-one-column-sns main{flex: 1;max-width:450px;margin-top:0;margin-right:auto;margin-left:auto;padding:0 10px;float:none}
.page-template-page-one-column .titie-sita-area{position:relative;clear:both}
body.page-template-portfolio main{flex: 1;width:100%;max-width:1200px;margin:0 auto;border-radius:4px;padding:0}
.page-template-portfolio .post{margin:0;width:100%}
body.page-template-sp-landingpage .post {max-width: 1200px;}
.pf4{position:relative;overflow:hidden;width:50%;height:50%;float:left}
.pf4:before{content:"";display:block;padding-top:100%}
.pf4 .pf4-inner{display:block;position:absolute;top:0;left:-150px;right:-150px;width:auto;height:100%;overflow:hidden;margin:auto;transition:.3s}
.pf4-inner p a{width:100%;height:auto;line-height:0;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}
.pf4-inner img{width:100%;height:auto;line-height:0;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}
.pf4-inner:hover .pf4-inner-box{position:absolute;background:rgba(0,41,119,0.66);transition:.3s ease}
.pf4 .pf4-inner-box{left:150px;right:150px;width:auto;height:100%;top:0;text-align:center}
.pf4-inner-box a{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);display:none;color:#fff;font-weight:700;text-decoration:none}
.pf4-inner:hover .pf4-inner-box a{display:inline-block;width:100%;height:100%;transition:.3s ease;color:#fff}
.pf4-inner-box span{position:absolute;left:50%;top:50%;display:inline-block;transform:translateY(-50%) translateX(-50%);transition:.3s ease;border:1px solid #fff;padding:20px}
.pf4b{width:48%;height:48%;position:relative;background:#fff;border-radius:3px;margin:1%;box-shadow:0 1px 5px rgba(0,0,0,.3);float:left;overflow:hidden}
.pf4b:before{content:"";display:block;padding-top:100%}
.pf4b-inner{display:block;position:absolute;top:0;left:-50px;right:-50px;width:auto;height:100%;overflow:hidden;margin:auto;transition:.3s}
.pf4b-inner img{width:100%;height:auto;line-height:0;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}
.pf4b-inner a{position:absolute;top:0;left:0;right:0;bottom:0;display:block;color:#fff;text-decoration:none;transition:.3s ease}
.pf4b-inner:hover .pf4b-inner-box{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,41,119,0.66);transition:.3s ease}
.pf4b-inner span{display:none;transition:.3s ease}
.tob{position:relative;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-attachment:scroll;background-position:center center;max-width:420px;height:500px;margin:auto -10px}
.tob-inner{position:absolute;width:310px;max-width:310px;margin:0 auto;padding:10px;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}
.tob2{position:relative;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-attachment:scroll;background-position:center center;max-width:2000px;height:500px;margin:auto -500px}
.tob2-inner{position:absolute;width:310px;max-width:310px;margin:0 auto;padding:10px;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}
.tob3{background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-attachment:fixed;background-position:center center;width:auto;max-width:100%;height:500px;margin:auto;position:relative}
.tob3-inner{min-width:315px;max-width:1000px;margin:0 auto;padding:10px;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}
h1.entry-title.portfolio{text-align:center}
body.page-template-one-column h1.entry-title{display:none}
.page-template-one-column #wrapper{max-width:1000px;padding:0;margin:0 auto}
.page-template-one-column #content{margin:0 auto;width:100%}
body.page-template-one-column main{flex: 1;max-width:450px;margin:0 auto;padding:0 10px}
.page-template-one-column #page-top{bottom:25px}
body.page-template-sp-landingpage main{padding:0 10px;max-width:1200px}
body.page-template-sp-landingpage #contentInner{margin:0 auto}
.page-template-one-column #contentInner{margin:0 auto;padding:0}
main.front-page{flex: 1;padding:0}
main.archive{flex: 1;max-width:1200px}
.category-description{margin:10px}
.lp-wide-inner{max-width:420px;width:100%;padding:0}
#lpwide-img{margin:0 auto -1px;width:100%;max-width:420px;text-align:center}
#lpwide-img-inner{margin:0 -10px}
#lpwide-img-inner img{margin-bottom:0}
.lpwide2{background:#fff;margin:0 -100px;padding:20px 100px;clear:both}
.lpwide2-inner{max-width:420px;width:100%;padding:0}
#kijisita-wrap{padding:0;clear:both}
.text-on-back{position:relative;margin:0 -502px;overflow:hidden}
.text-on-back-img p{margin:0}
.text-on-back-img img{height:auto}
.text-on-back-inner{position:absolute;left:502px;right:502px;margin:0 auto;top:50%;transform:translateY(-50%) translateX(-0%)}
#lp-article-inner{padding:9px 0 0}
.fb-posts{width:auto;max-width:700px;padding:10px;margin:0 0 0 -20px}
.spcolwrap{padding:0 5px}
.spcol2:first-child{float:left;width:49%;margin:0 1% 0 0}
.spcol2:last-child{float:left;width:49%;margin:0 0 0 1%}
.spcol3{float:left;width:32%;margin:0 2%}
.spcol3:first-child{float:left;width:32%;margin:0}
.spcol3:last-child{float:left;width:32%;margin:0}
.spcol3 img{margin:0 0 10px}
.col4{float:left;width:48%;margin:0 1%}
.spcol37{float:left;width:28%;margin:0 1%}
.spcol73{float:left;width:68%;margin:0 1%}
.spfont{font-size:.75em}
.spfont a{font-size:.75em}
.spfont p{font-size:.75em}
.spfont ul li{font-size:.75em}
.spfont ol{font-size:.75em}
.flow{display:block;padding:10px;border-radius:5px;margin:20px;box-shadow:0 1px 5px rgba(0,0,0,.3)}
.flow p{margin:0}
#archive-cta{margin-top:10px}
@keyframes slidein {
from{top:0;left:-400px}
to{top:0;left:0}
}
@keyframes slidein2 {
from{left:-400px}
to{left:230px}
}
@keyframes slidein3 {
from{left:-400px}
to{left:238px}
}
@keyframes slideinclose {
from{margin-right:100%;width:0}
to{margin-left:0;width:30px}
}
.kijisita-category a{padding:5px;text-decoration:none;color:#fff;border-radius:3px;line-height:17px;margin:2px;display:inline-block}
.hashtag{margin:10px 0}
.hashtag a{padding:3px;margin:3px 0;text-decoration:none;color:#009fc1;display:inline-block;line-height:16px}
.hashtag a:before{content:'\f02b';font-family:'Font Awesome 5 Free';font-weight:700;margin:0 2px 0 0}
.left-menu-style li.parent-menu a{position:relative}
.left-menu-style li.parent-menu a:after{position:absolute;right:-20px;content:"\f078";font-family:'Font Awesome 5 Free';color:#333;font-size:16px;font-weight:700;line-height:22px;transition:.3s ease}
.left-menu-style ul li.active a:after{content:"\f077";transition:.3s ease}
.left-menu-style ul li.active ul li a:after{content:"";transition:.3s ease}
.left-menu-style li.no-child-menu a:after{content:""}
.left-menu-style li{border-bottom:solid 1px #ccc}
.left-menu-style ul.sub-menu li{border-bottom:none}
.left-menu-style ul.sub-menu{padding:0 0 0 10px}
#start-menu:checked ~ .left-menu-wrap,#change-start-menu:checked ~ .left-menu-wrap{left:0;animation:slidein .3s ease 0 1 normal}
#start-menu:checked ~ label .left-menu-close,#change-start-menu:checked ~ label .left-menu-close{display:block;top:0;left:0;position:fixed;animation:fadein .3s ease 0 1 normal;z-index:998;width:100vw;height:100vh;background:rgb(0 0 0 / 60%)}
#start-menu:checked ~ label .left-menu-close:hover,#change-start-menu:checked ~ label .left-menu-close:hover{transition:.2s ease-in-out;-webkit-transform:translate(0px,-2px);-moz-transform:translate(0px,-2px);-ms-transform:translate(0px,-2px);-o-transform:translate(0px,-2px);transform:translate(0px,-2px)}
#search-button:hover{background:rgba(152,152,152,0.47)}
#start-search:checked ~ #search-wrap{display:block}
#search-wrap #search{margin:0;position:fixed;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%)}
#start-search:checked ~ label #search-button-close{position:fixed;display:block;right:0;top:0;width:100vw;height:100vh;background:rgb(0 0 0 / 60%);color:#fff;font-weight:700;z-index:1;line-height:55px;font-size:50px;text-align:center;animation:fadeIn .3s ease 0 1 normal}
#search-wrap .s{width:300px;height:50px;border:none;padding:10px;border-radius:3px}
#footer-kotei{position:fixed;clear:both;text-align:center;height:44px;width:100%;z-index:998;bottom:0;box-shadow:0 1px 15px rgba(0,0,0,0.30)}
.titie-sita-area{position:relative;clear:both}
#contentInner .front-page{margin:0 auto}
.cat-item ul.children{padding-left:20px}
#under-eyecatch{margin:0 auto}
#under-eyecatch-sp{margin-top:0}
#kiji-ue{height:50px;position:relative;width:auto;clear:both;float:left}
.wp-caption-text a,.wp-caption-text{font-size:14px;color:#4a4a4a;margin:0 0 10px}
aside.none-sidebar{display:none}
main.none-sidebar{flex: 1;margin:0 auto;padding:0 10px;float:none}
.page .post.none-sidebar{max-width:750px;margin:0 auto}
.kanren dd h4{font-size:12px;color:#333;padding:0 7px;font-weight:500}
.kanren dd h4:before,kanren dd h4 a:before {display: none}
.progress{position:fixed;width:100%;height:.3125rem;background:#fff;z-index:1}
.progress-bar{position:absolute;bottom:0;left:0;margin:0;width:100%;height:.3125rem;border-radius:0;z-index:1;-webkit-appearance:none;-moz-appearance:none;border:none;background:#fff}
.progress-bar::-webkit-progress-bar{background:#fff}
.progress-bar::-moz-progress-bar{background:#b9b9b9}
.progress-bar::-webkit-progress-value{background:#b9b9b9}
button#wp-custom-header-video-button{display:none}
.social-share-button ul li:before{display:none}
.post .social-share-button ul li:before{display:none}
.social-prof-link a:hover{background:#ccc}
.cardlink{float:left;width:48%;max-width:300px;margin:10px 1%}
.cardlink-wrap{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;align-content:center}
.cardlink a dl{transition:.3s ease;display:flex;flex-wrap:wrap;align-items:flex-start;align-content: flex-start}
.cardlink a dl:hover{color:#333}
.cardlink dl{border-radius:3px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.3);height:200px;}
.cardlink a dl:hover{box-shadow:0 5px 25px rgba(0,0,0,.3);transition:.3s ease;color:#fff}
.cardlink a{text-decoration:none}
.cardlink dt{overflow:hidden}
.cardlink dt img{width:auto}
.cardlink dd{padding:5px}
.cardlink p{margin:0}
#footer-navigation{margin:10px 0 30px}
.tob4{position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);background-size:cover;background-position:center;background-repeat:no-repeat;height:500px;background-attachment:scroll}
.tob4-inner{position:relative;max-width:1200px;padding:20px;top:50%;left:50%;transform:translate(-50%,-50%)}
.share-wrap{border-top:solid .0625rem #e0e0e0;border-bottom:solid .0625rem #e0e0e0;margin:20px 10px}
.share-plz-wrap{padding:10px}
.share-message{text-align:left;margin:20px 0 5px;color:#1a1a1a;position:relative;font-size:.75rem}
.share-message-profimg{width:60px;margin:10px auto}
.share-message-profimg img{border-radius:50%}
.share-plz-icon{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0 auto 20px}
.share-plz-icon a{display:block;font-size:20px;color:#1a1a1a;text-decoration:none;text-align:center;width:35px}
.share-plz-icon a span{font-size:10px;display:none}
.bottom-about-writer{font-size:.75rem}
.bottom-article-profile{margin:40px 10px 0;padding:40px 0 20px;border-top:solid .0625rem #e0e0e0;text-align:left}
.bottom-profimg{width:70px;margin:10px 10px 0}
.bottom-profimg img{border-radius:100%}
.bottom-prof-name{margin:5px 10px}
.bottom-prof-name a{text-decoration:none;color:#1a1a1a}
.bottom-prof-job{margin:0 10px;font-size:.75rem}
.page-template-full-wide-lp-plus-header #wrapper{margin:0;width:100%;max-width:100%}
.page-template-full-wide-lp-plus-header #content,.page-template-full-wide-lp-plus-header #contentInner{margin:0}
.page-template-full-wide-lp-plus-header #contentInner{max-width:100%;padding:0}
.page-template-full-wide-lp-plus-header main{margin:0;padding:0}
.page-template-full-wide-lp-plus-header .entry-title{display:none}
.post table{margin:20px 0;width:100%}
table tr td{padding:15px 10px;font-size:16px;line-height:20px;border:solid 1px #e0e0e0}
table th{padding:10px;font-size:16px;line-height:20px}
.post table tr td p{font-size:16px;line-height:20px}
hr.wp-block-separator.is-style-default{max-width:100px;margin:5px auto;height:2px;border:none;background:#888}
.wp-block-separator.is-style-dots:before{content:"·········";color:currentColor;font-size:1em;letter-spacing:1em;padding-left:2em;font-family:serif}
p.deer-enclose-warning{position:relative;padding:20px 50px}
p.deer-enclose-warning:before{font-family:'Font Awesome 5 Free';content:"\f06a";font-weight:700;position:absolute;top:21px;left:25px}
p.deer-enclose-good{position:relative;padding:20px 50px}
p.deer-enclose-good:before{font-family:'Font Awesome 5 Free';content:"\f164";font-weight:700;position:absolute;top:21px;left:25px}
p.deer-enclose-bad{position:relative;padding:20px 50px}
p.deer-enclose-bad:before{font-family:'Font Awesome 5 Free';content:"\f165";font-weight:700;position:absolute;top:21px;left:25px}
.wp-block-media-text.dmcblc-img-text,.wp-block-media-text.dmcblc-text-img{margin:0 calc(-50vw + 50%)}
.wp-block-media-text.dmcblc-img-text img,.wp-block-media-text.dmcblc-text-img img{margin:0}
.writer-title{font-size:.75em}
.writer-name a{font-size:.9em;text-decoration:none;color:#333;font-weight:700}
/*ローディングアニメーション*/
#loading{width:100vw;height:100vh;transition:all 1s;position:fixed;top:0;left:0;z-index:10000}
.loading-item{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}
.loaded{opacity:0;visibility:hidden}
.spinner.circle{position:relative;width:100px;height:100px;margin:0 auto;border-radius:100%;animation:sk-scaleout 1s infinite ease-in-out}
@keyframes sk-scaleout {
0%{transform:scale(0)}
100%{transform:scale(1.0);opacity:0}
}
.spinner.square{width:40px;height:40px;margin:0 auto;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}
@-webkit-keyframes sk-rotateplane {
0%{-webkit-transform:perspective(120px)}
50%{-webkit-transform:perspective(120px) rotateY(180deg)}
100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}
}
@keyframes sk-rotateplane {
0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}
50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}
100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
.spinner.antenna,.spinner.antenna:before,.spinner.antenna:after{-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out;width:1em;height:4em}
.spinner.antenna{text-indent:-9999em;margin:0 auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}
.spinner.antenna:before,.spinner.antenna:after{position:absolute;top:0;content:''}
.spinner.antenna:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}
.spinner.antenna:after{left:1.5em}
@-webkit-keyframes load1 {
0%,80%,100%{box-shadow:0 0;height:4em}
40%{box-shadow:0 -2em;height:5em}
}
@keyframes load1 {
0%,80%,100%{box-shadow:0 0;height:4em}
40%{box-shadow:0 -2em;height:5em}
}
.spinner.arch{font-size:20px;margin:0 auto;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load4 1.3s infinite linear;animation:load4 1.3s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
@-webkit-keyframes load4 {
0%,100%{box-shadow:0 -3em 0 0.2em,2em -2em 0 0em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}
12.5%{box-shadow:0 -3em 0 0,2em -2em 0 0.2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}
25%{box-shadow:0 -3em 0 -0.5em,2em -2em 0 0,3em 0 0 0.2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}
37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 0.2em,0 3em 0 0em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}
50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0em,0 3em 0 0.2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}
62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 0.2em,-3em 0 0 0,-2em -2em 0 -1em}
75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0.2em,-2em -2em 0 0}
87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}
}
@keyframes load4 {
0%,100%{box-shadow:0 -3em 0 0.2em,2em -2em 0 0em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}
12.5%{box-shadow:0 -3em 0 0,2em -2em 0 0.2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}
25%{box-shadow:0 -3em 0 -0.5em,2em -2em 0 0,3em 0 0 0.2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}
37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 0.2em,0 3em 0 0em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}
50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0em,0 3em 0 0.2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}
62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 0.2em,-3em 0 0 0,-2em -2em 0 -1em}
75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0.2em,-2em -2em 0 0}
87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}
}
.spinner.three-circles,.spinner.three-circles:before,.spinner.three-circles:after{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s infinite ease-in-out;animation:load7 1.8s infinite ease-in-out}
.spinner.three-circles{font-size:10px;margin:0 auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}
.spinner.three-circles:before,.spinner.three-circles:after{content:'';position:absolute;top:0}
.spinner.three-circles:before{left:-3.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}
.spinner.three-circles:after{left:3.5em}
@-webkit-keyframes load7 {
0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}
40%{box-shadow:0 2.5em 0 0}
}
@keyframes load7 {
0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}
40%{box-shadow:0 2.5em 0 0}
}
.spinner.guruguru{font-size:10px;margin:0 auto;text-indent:-9999em;width:11em;height:11em;border-radius:50%;position:relative;-webkit-animation:load3 1.4s infinite linear;animation:load3 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
.spinner.guruguru:before{width:50%;height:50%;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:''}
.spinner.guruguru:after{width:75%;height:75%;border-radius:50%;content:'';margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
@-webkit-keyframes load3 {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes load3 {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
#copy{padding:5px 500px 10px;text-align:center;width:auto;margin:0 -500px;clear:both;font-size:14px}
#copy a{text-decoration:none}
#copy p{margin-bottom:0;font-size:.75em}
.is-scrollable .scroll-hint-text{display:none}
.ac-menu input{display:none}
.ac-menu label{color:#fff;font-size:1em;line-height:2;text-align:left;background:#1e73be;border:1px solid #1e73be;padding:20px;cursor:pointer;position:relative;display:block;margin:10px auto;border-radius:3px;max-width:1000px}
.ac-menu label:before{font-family:'Font Awesome 5 Free';content:"Q";color:#1e73be;width:20px;height:20px;line-height:20px;text-align:center;background:#fff;font-size:1em;font-weight:700;padding:2px;display:inline-block;margin:0 10px 0 0;border-radius:50%}
.ac-menu input:checked ~ label::before{content:"−"}
.ac-menu div{height:0;overflow:hidden;opacity:0;transition:.3s}
.ac-menu input:checked ~ div{height:auto;opacity:1;padding:20px;background:#fff;border:solid 1px #1e73be;margin:-12px auto 0; max-width:1000px}
.ac-menu-inside:before{content:"A";width:20px;height:20px;line-height:20px;background:#ef0000;display:inline-block;text-align:center;font-size:1em;padding:2px;border-radius:50%;color:#fff}
.ac-menu-inside{font-size:1em;line-height:2em}
.wp-block-query ul li:before {display: none;}
figcaption {text-align: center;font-size: .75em}
.accordion-title{background:#036;border:1px solid #036;line-height: 2em;padding:20px 20px 20px 50px;cursor:pointer;position:relative;display:block;border-radius:3px;color:#fff;margin:20px auto 0;max-width:1000px}
.accordion-title p {margin:0;line-height: 2em;display:inline-block}
.accordion-title:before,.accordion-contents:before{position:absolute;top:22px;left:15px;margin:0 10px 0 0;padding:3px;font-size:1em;line-height:20px;width:20px;height:20px;display:inline-block;border-radius:50%;transition:.2s ease;text-align:center;font-family:'Font Awesome 5 free';font-weight:700}
.accordion-title:before{content:"Q";background:#fff;color:#036}
.accordion-title.open:before{content:"\f00d";font-family:'Font Awesome 5 free';font-weight:700}
.accordion-contents{border:1px solid #036;line-height: 2em;margin:-2px auto 20px;padding:20px 20px 20px 50px;display:none;max-width:1000px;position:relative}
.accordion-contents p{margin:0;line-height: 2em;display:inline-block}
.accordion-contents:before{content:none;transition:.2s ease;position:absolute;top:22px;left:15px;margin:0 10px 0 0;padding:3px;font-size:1em;line-height:20px;width:20px;height:20px;display:inline-block;border-radius:50%;transition:.2s ease;text-align:center;font-family:'Font Awesome 5 free';font-weight:700}
.accordion-contents.open:before{content:"A";background:#ef0000;color:#fff;transition:.2s ease}
#scrollad {display: none;}
.user-profile-custom-item {margin-bottom: 15px}
.user-profile-custom-item label {display: block;font-weight: bold; /* label を太字にする */
    margin-bottom: 5px; /* label と textarea の間隔 */
}
.user-profile-custom-item label {
    display: block;
    margin: 10px 0;
    font-weight: bold;
}
.user-profile-custom-item textarea {
    width: 100%; /* textarea の幅を親要素 (div) いっぱいに広げる */
    box-sizing: border-box; /* padding, border を幅に含める */
    border: 1px solid #ccc; /* textarea の枠線 */
    padding: 8px; /* textarea 内の余白 */
    border-radius: 3px; /* textarea の角を丸くする */
}
@media only screen and (min-width: 440px) {
#search-wrap .s{width:400px}
ul.breadcrumb li a{float:left;padding:0;margin:0}
.tob{max-width:780px;height:500px;margin:auto -30px}
.prev.ripple,.next.ripple{float:left;width:48%;margin:0;padding:1%;border-bottom:0}
#p-navi{border-bottom:solid .0625rem #e0e0e0}
.sitename img{max-width:300px;margin:0}
#start-menu:checked ~ label #menu-button .left-menu-header p.sitename img,#change-start-menu:checked ~ label #menu-button .left-menu-header p.sitename img{position:relative;top:60px;max-width:100%;height:40px}
html{overflow:auto}
body{overflow:hidden}
.entry-title{font-size:26px;font-weight:700;line-height:30px;color:#333}
#topnews .itiran-dl.clearfix:hover{box-shadow:0 1px 10px #ccc;transition:.2s ease-in-out}
#topnews .itiran-dt a{width:100%}
#topnews .itiran-dt img{width:100%}
#topnews .clearfix h3 a{padding:0;font-size:16px;font-weight:500;color:#333;text-decoration:none}
.blog_info p a{color:#666;text-decoration:none}
#topnews .clearfix dd .blog_info p{padding:1px 10px;float:left;font-size:13px}
#eyecatch{position:relative;text-align:center;margin:0 -10px}
.sns{margin:20px auto 15px}
.sns ul li:before{margin:0;display:none}
#header-sp{margin:-5px 0}
#header-sp-innner-left{position:absolute;left:50px;right:50px;margin:0 auto;top:25%;transform:translateY(-25%) translateX(-0%);z-index:999}
#header-sp-innner-left img{max-width:330px;left:50px;right:50px;top:25%}
#header-sp-innner-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;height:auto}
#header-sp-innner-right{position:absolute;left:50px;right:50px;margin:0 auto;top:25%;transform:translateY(-25%) translateX(-0%);z-index:999;text-align:right}
#header-sp-innner-right img{max-width:330px;left:50px;right:50px;top:25%}
.page-template-page-one-column-sns #wrapper{max-width:1000px;padding:0;margin:0 auto}
.page-template-page-one-column-sns #content{margin:0 auto;width:100%}
body.page-template-page-one-column-sns main{flex: 1;max-width:750px;margin-top:10px;margin-right:auto;margin-left:auto;border-radius:4px;padding:0 30px 20px}
.page-template-page-one-column #wrapper{max-width:1000px}
.page-template-page-one-column #content{margin:0 auto;width:100%}
body.page-template-page-one-column main{flex: 1;max-width:750px;margin-top:10px;margin-right:auto;margin-left:auto;border-radius:4px;padding:0 10px}
body.page-template-page-one-column h2{margin:10px 0;padding:20px 30px}
body.page-template-one-column h1.entry-title{display:none}
body.page-template-one-column footer{display:none}
.page-template-one-column #wrapper{max-width:1000px;padding:0;margin:0 auto}
.page-template-one-column #content{margin:0 auto;width:100%}
body.page-template-one-column main{flex: 1;max-width:750px;border-radius:4px;padding:0 30px;margin:0 auto}
body.page-template-sp-landingpage main{flex: 1;padding:0 20px}
#wrapper{max-width:800px;padding:0;margin:0 auto}
.lpwide2{background:#fff;margin:0 -300px;padding:20px 300px}
.lpwide2-inner{max-width:780px;width:100%}
.lp-wide-inner{max-width:780px;width:100%}
#lpwide-img{margin:0 auto -1px;width:100%;max-width:700px;text-align:center}
#lpwide-img-inner{margin:0 -35px}
.btn-wrap.kotei1 a{font-size:1em;padding:.9em 2.3em}
.btn-wrap.kotei2 a{font-size:1em;padding:.9em 2.3em}
#search{margin:55px 10px}
.blogbox{width:250px}
.blogbox p{font-size:16px;line-height:24px}
#prof-kijisita .prof-under-article-title{font-size:20px}
#prof-kijisita-inner{padding:10px}
#prof-kijisita{padding:15px 20px 30px}
#prof-kijisita .prof-under-article-name a{font-size:1.3em}
#search-button2 i.fa.fa-search.ripple{top:-5px}
#start-search2:checked ~ #search-wrap2{top:50px;width:500px}
#start-search2:checked ~ label #search-button-close2{top:70px;line-height:42px}
.tob-inner{width:700px;max-width:700px}
.tob2-inner{width:700px;max-width:700px}
.pf4{position:relative;overflow:hidden;width:25%;height:25%;float:left}
.pf4:before{content:"";display:block;padding-top:100%}
.pf4 .pf-inner{display:block;position:absolute;top:0;left:-150px;right:-150px;width:auto;height:100%;overflow:hidden;margin:auto}
.pf4b{width:23%;height:23%}
.pf4b-inner{left:-150px;right:-150px}
#footer_w #search{margin:0}
#footer-navigation li a{text-align:center;margin:10px 5px;text-decoration:none;padding:5px 20px;display:block;font-size:.8em;line-height:1.5em;font-weight:500;color:#fff;background:rgba(255,255,255,0.21)}
#before-footer .wpp-list li,#kanren-comment-aida .wpp-list li{width:23%;height:230px}
.kaerebalink-image{width:30%;float:left}
.kaerebalink-info{width:64%}
.booklink-image{width:30%}
.booklink-info{width:64%}
.tomarebalink-image{width:30%}
.tomarebalink-info{width:64%}
.cardlink{width:31%}
.cardlink dl{height:235px}
}
@media only screen and (min-width: 780px) {
.tob{max-width:2000px;height:500px;margin:auto -500px}
nav{text-align:center;display:block;padding:0}
.h-upper.smanone{height:40px;background:#81deea}
.header-fb,.header-tw,.header-youtube,.header-line,.header-flicker,.header-insta{text-align:center}
.header-fb a,.header-tw a,.header-youtube a,.header-line a,.header-flicker a,.header-insta a{display:block;color:#fff;float:right;margin:0 5px;height:35px;font-size:18px;line-height:35px;border-radius:50%;width:35px;background:#56aab4}
header .descr{font-size:12px;line-height:14px}
#logo{max-width:300px}
#logo-area,#change-logo-area{width:100%;max-width:1400px;padding:0;margin:0 auto;text-align:left;position:relative;display:flex;align-items:center;justify-content:space-between}
#navi-area.logoleft{float:right;padding:0;margin:5px 0}
p.sitename{padding:6px 0;margin:0}
.header-fixed-area-desc{height:20px}
.header-fixed-area-main{height:59px}
.header-fixed-area-spnavi{height:0}
#gazou{display:block;overflow:hidden;text-align:center}
#contentInner{display: flex;flex-direction: row;max-width:1200px;margin:0 auto 30px;padding:20px}
#contentInner.total-flat{box-shadow:0 0 0}
#contentInner.front-page{margin:0 auto}
#wrapper{max-width:100%;padding:0;margin:15px auto 0}
span.kdate{font-size:16px}
#breadcrumb{padding:0;margin:10px auto;clear:both;width:100%;max-width:1200px}
.page-template-page-one-column-sns #breadcrumb{width:100%;max-width:1200px}
.page-template-page-one-column #breadcrumb{width:100%;max-width:1200px;padding:25px 30px 5px}
ul.breadcrumb li{list-style:none;font-size:12px}
ul.breadcrumb li:first-child a:before{content:"\f015";font-family:"Font Awesome\ 5 Free";font-weight:700;color:#000;margin-right:5px}
main{flex: 1;width:100%;margin: 0 15px 0 0;padding: 0 15px 0 0;box-sizing:border-box}
main.front-page{flex: 1;max-width:1200px;background:none;box-shadow:0 0 0;margin:20px auto}
article{margin:0 auto}
.post{width: 100%;padding: 0;max-width: 750px;margin: 0 auto}
#mybox{margin:75px 0 0}
#mybox.not-front-page{margin:0}
#side {width: 325px}
#side aside{padding:0;margin:10px 10px 0 10px}
.ie7 aside ul li,.ie8 aside ul li,.ie9 aside ul li{display:list-item;padding:0}
p{font-size:16px;line-height:35px;margin-bottom:20px}
.entry-title{font-size:26px;font-weight:700;line-height:35px;color:#333;padding:0;margin:15px 0;clear:both}
ol{counter-reset:ol_li;list-style-position:inside}
html{overflow:auto}
body{overflow:hidden}
footer{margin:0 calc(-50vw + 50%);padding:20px}
#topnews .itiran-dl.clearfix:hover{cursor:pointer;box-shadow:0 1px 10px #ccc}
#topnews .itiran-dt a{width:auto;height:auto;overflow:hidden;position:absolute;top:-1px;left:0}
#topnews .itiran-dt img{width:100%}
.category_info p{text-align:center;position:absolute;top:0;left:0;padding:3px 10px;font-size:.85em;font-weight:700;line-height:1.9em;width:auto}
#topnews .itiran-dd{position:relative}
.topnews-author{width:50px}
.topnews-author img{border-radius:50%}
#adsense-pc{margin:0 auto;max-width:720px;text-align:center}
nav{text-align:center;display:block;padding:0}
#prof-upper-article .prof-under-article-right-profurl a{margin:0}
#footer_w ul li a{margin:0 auto}
#entry{padding:10px -10px}
#eyecatch{text-align:center;margin:0}
.ec-position img{margin:0 0 10px}
.page-template-one-column #eyecatch{margin:0}
#cta-area{margin:0 0 20px;padding:0 20px;border-width:0;border-color:#029EBC;border-style:solid;background:#80CEDD;line-height:140%;font-weight:700;text-align:center}
header .sitename{font-size:35px;font-weight:500;color:#fff;line-height:40px;padding:0;margin-bottom:0}
.page-template-page-one-column-sns #wrapper{max-width:1200px;padding:0;margin:15px auto 0}
.page-template-page-one-column-sns #content{margin:0 auto;width:100%}
body.page-template-page-one-column-sns main{max-width:1200px;margin-right:auto;margin-left:auto;border-radius:4px;padding:0 50px 20px}
.page-template-page-one-column-sns .kijisita-sns-button .sns ul li{width:14.6%;margin:0 1%}
.page-template-page-one-column-sns .kijisita-sns-button .sns ul{padding-right:0;margin:0}
.page-template-page-one-column #wrapper{max-width:1200px}
.page-template-page-one-column #content{margin:0 auto;width:100%}
body.page-template-page-one-column main{max-width:1200px;margin-right:auto;margin-left:auto;border-radius:4px;padding:0 50px 20px}
body.page-template-one-column h1.entry-title{display:none}
body.page-template-one-column footer{display:none}
.page-template-one-column #wrapper{max-width:2000px;padding:0;margin:0 auto}
.page-template-one-column #content{margin:0 auto;width:100%}
body.page-template-one-column main{max-width:1200px;margin:0 auto;border-radius:4px;padding:0 30px}
.page-template-one-column .post{max-width:950px;padding:0;margin:0 auto}
body.page-template-sp-landingpage main{padding:0 50px}
.lpwide2{background:#fff;margin:0 -500px;padding:20px 500px}
.lpwide2-inner{max-width:1200px;width:100%}
.lp-wide-inner{max-width:1200px;width:100%}
.wp_rp_content ul li:before{content:none}
#lpwide-img{margin:0 auto -1px;width:100%;max-width:2000px;text-align:center}
#lpwide-img-inner{margin:0 -500px}
.colwrap{padding:0 5px}
.col3{float:left;width:32%;margin:0 2%}
.col3:first-child{float:left;width:32%;margin:0}
.col3:last-child{float:left;width:32%;margin:0}
.col2:first-child{float:left;width:49%;margin:0 1% 0 0}
.col2:last-child{float:left;width:49%;margin:0 0 0 1%}
.col4{float:left;width:23.5%;margin:0 1%}
.col4:first-child{float:left;width:23.5%;margin:0 1% 0 0}
.col4:last-child{float:left;width:23.5%;margin:0 0 0 1%}
.col37{float:left;width:28%;margin:0 1%}
.col73{float:left;width:68%;margin:0 1%}
.spfont{font-size:1em}
.spfont a{font-size:1em}
.spfont p{font-size:1em}
.spfont ul li{font-size:1em}
.spfont ol{font-size:1em}
.hbtn-wrap a{font-size:1em}
.blogbox{width:320px;top:10px}
#search-button{top:0;right:5px;width:45px;height:45px;line-height:45px;font-size:22px}
.left-menu{top:-8px;left:2px;font-size:26px}
.menu-title{font-size:12px}
#start-menu:checked ~ label .left-menu-close,#change-start-menu:checked ~ label .left-menu-close{animation:slidein2 .3s ease 0 1 normal;left:220px;top:-5px}
#kiji-ue{height:50px}
.page-template-portfolio #contentInner{width:auto;max-width:100%}
body.page-template-portfolio main{margin:0 auto;border-radius:4px;padding:0;width:100%;max-width:100%}
.page-template-portfolio .post{margin:0;width:100%}
.tob-inner{width:1000px;max-width:1000px}
.tob2-inner{width:1000px;max-width:1000px}
.pf4-inner:hover{left:-200px;right:-200px;transition:.3s}
.pf4b-inner:hover span{font-size:1em}
.sns i.fab.fa-line{top:5px;left:0}
.page .post{width:100%;padding:0}
.mce-menu-item{padding:12px}
#topnews .itiran-dl.clearfix.none-sidebar{width:27%;height:320px;margin:5px 1% 35px}
#header-gazou-area.animated.fadeIn.smallheader{max-width:1200px;margin:30px auto 0}
#header-gazou-area.animated.fadeIn.smallheadershadow{max-width:1200px;margin:30px auto 0;box-shadow:0 1px 5px rgba(0,0,0,.3)}
.descr.logoleft{width:100%;max-width:1400px;text-align:left;margin:0 auto}
#topnews .itiran-dl.clearfix.none-sidebar dt .trim{height:220px}
#before-footer .wpp-list li{height:260px}
.tob2{background-attachment:fixed}
.footer-navi{width:100%;max-width:1200px;margin:0 auto}
.cardlink{width:18%}
#scrollad {display:block}
#scrollad-wrapper {width: 280px;z-index: 1;}
}