@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
#promotion {
margin: 20px auto;
padding: 10px;
background: #f5f5f5;
border-radius: 5px;
font-size: 14px;
box-sizing: border-box;
}
.promotion-wrap {}.wpp-no-data {
} .wpp-list {
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
margin-bottom: 1rem;
}
.wpp-list li:last-of-type {
margin-bottom: 0;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 1rem 0 0;
border: none;
} .wpp-post-title {
} .wpp-excerpt {
}
.wpp-excerpt:empty {
display: none;
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
}
.wpp-meta:empty, .post-stats:empty {
display: none;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


  * {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
margin: 0px;
padding: 0px;
}  .catname,.descr,.form-submit,.news-ca,.sitename a,.tagcloud a,footer .footerlogo,h3#reply-title,h5#resp{font-family:Josefin Sans,Julius Sans One,Meddon,Lobster,Pacifico,Fredericka the Great,Bilbo Swash Caps,PT Sans Caption,Montserrat,メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,ＭＳ\ Ｐゴシック,sans-serif!important}article,aside,canvas,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}body,html{height:100%}body{min-width:20pc;word-wrap:break-word;background-color:#f2f2f2}body.mceContentBody{background-color:#fff}.st-hide{display:none}hr.hrcss{border:0;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid hsla(0,0%,100%,.3)}.fa-check-circle,.fa-exclamation-triangle,.fa-pencil-square-o,.fa-question-circle,.fa-user{margin-right:5px}a{color:#4682b4}a:hover{color:#b22222}img,object,video{max-width:100%;height:auto;border:0;vertical-align:bottom}.inline-img img{display:inline}a:hover img{-moz-opacity:.8;opacity:.8}.photoline img{border:solid 1px #ccc}img.size-full,img.size-large{margin-bottom:10px;height:auto;max-width:100%}iframe{max-width:100%}.resetwidth iframe,.resetwidth img,.resetwidth object,.resetwidth video{width:initial;max-width:initial;display:inline}.wp-caption{height:auto;max-width:100%}.tuzukicenter{text-align:center;padding:20px}.tuzuki{padding:10px 20px;background:#f3f3f3;margin:10px auto}.sitename img{max-width:300px;margin:0 auto}.smanone{display:none}.clearfix{zoom:1}.clearfix:after{content:"";display:block;clear:both}code{padding:2px;background:#f3f3f3;margin:2px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}.clear{clear:both}.center{text-align:center;padding-bottom:20px}.youtube-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.youtube-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.st-youtube{position:relative;margin-bottom:20px}.st-youtube .fa-youtube-play{font-size:40px;color:#fff;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:40px;height:40px;text-align:center;z-index:3}.st-youtube:hover .fa-youtube-play{color:#cc181e}#st-player{min-width:100%;min-height:100%;display:block;position:relative}#tubular-player{max-width:none}#playnow{position:fixed;bottom:20px;left:-3px;font-size:70%;background:#d62423;color:#fff;padding:2px 10px;z-index:6;border-radius:3px}#playnow a{color:#fff;text-decoration:none}#playnow .fa-youtube-play{margin-right:5px}#playnow:hover{opacity:.6}.slick-next{right:10px}.slick-next,.slick-prev{display:none!important;z-index:7!important}.slick-prev{left:10px}[dir="rtl"] .slick-next{left:10px!important;right:auto}[dir="rtl"] .slick-prev{left:auto;right:10px!important}#comments #respond,#comments h4,#topnews .clearfix dd p,.graybox,.post h5,.post h6,.post ol li,.post ul li,.redbox,.yellowbox,p{font-size:1pc;line-height:27px}.post h5,p{margin-bottom:20px}header .sitename{font-size:22px;color:#fff;line-height:30px;font-family:Oswald,sans-serif;padding:10px 0 0;margin-bottom:10px}header .sitename a{color:#333;text-decoration:none;font-weight:700}header .sitename a:hover{-moz-opacity:.8;opacity:.8}header h1{font-size:9pt;font-weight:400}header .descr{font-size:13px;font-weight:400;margin-bottom:0;line-height:24px;padding-bottom:0}.post .st-catgroup{font-size:9pt;line-height:18px;margin:0;padding-top:10px}.catname{font-size:13px;line-height:1em;color:#1a1a1a;display:inline-block;white-space:nowrap;padding:8px;margin-top:5px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;text-decoration:none;background:#f3f3f3}.post .st-catgroup a{text-decoration:none;color:#000}.post .st-catgroup a:hover{opacity:.5}p.itiran-category{margin-bottom:0}.post .st-catgroup.itiran-category{padding:0 0 5px}.st-catgroup.itiran-category .catname{font-size:11px;margin:0 0 5px;padding:6px}.st-page .st-catgroup.itiran-category .catname,.st-post .st-catgroup.itiran-category .catname{margin-bottom:0}.entry-title,.post .entry-title{font-size:22px;line-height:35px;color:#333;margin-bottom:10px;font-weight:700}#st-page .entry-title{margin-bottom:20px}.entry-title a:hover{text-decoration:underline}.entry-title a{color:#333;text-decoration:none}h2{background:#f3f3f3;font-size:19px;padding:10px 20px;border-top:2px solid #ccc;border-bottom:1px solid #ccc}.post h3,h2{color:#1a1a1a;line-height:27px;margin:20px 0}.post h3{font-size:18px;padding:10px 15px;background-repeat:no-repeat;background-position:left center;border-bottom:1px #999 dotted}h3 a{color:#333;text-decoration:none}dd h3{line-height:20px}dd h3 a{color:#333;text-decoration:none;font-size:1pc}.post h4{padding:10px 15px;margin:20px 0;background-color:#f3f3f3;font-size:17px;line-height:26px}.post .amazonjs_info h4{background-color:transparent!important}.post h5.kanren-t{margin-bottom:5px}.post h6{margin-bottom:10px;font-weight:700}.wp-caption-text,.wp-caption-text a{font-size:9pt;color:#ccc}.n-entry-t{margin-bottom:40px;position:relative;border-bottom:solid 1px #f3f3f3;padding-top:20px}.n-entry{padding:3px 20px;margin:0;font-size:15px;font-weight:700;background:#f3f3f3;color:#000;position:absolute;top:5px;left:0}#side h5{font-size:15px;line-height:24px;margin-bottom:5px}.post h4.point{margin-bottom:40px;position:relative;border-bottom:solid 1px #f3f3f3;padding:20px 15px 10px;background-color:transparent}.post h4 .point-in{padding:3px 20px;margin:0;font-size:15px;font-weight:700;background:#f3f3f3;color:#000;position:absolute;top:15px;left:0}.cat-itiran p.point{background-color:transparent;border-bottom:1px solid #f3f3f3;margin-bottom:40px;padding:20px 15px 10px;position:relative}.cat-itiran p.point .point-in{background:#f3f3f3 0 0 repeat scroll 0 0;color:#000;font-size:15px;font-weight:700;left:0;margin:0;padding:3px 20px;position:absolute;top:15px}.cat-itiran h3{border:0}.blogbox p{font-size:9pt;margin:0;color:#bdbdbd;line-height:18px}.blogbox{margin-bottom:20px;padding:0}.tagst{font-size:13px;color:#ccc;padding:10px 0 0}.no-thumbitiran{margin-bottom:20px}.kanren .no-thumbitiran h3{margin-bottom:0;font-size:18px;line-height:27px;padding:0}.no-thumbitiran h3 a{color:#4682b4}.no-thumbitiran h5 a{color:#1a1a1a;text-decoration:none}.no-thumbitiran h3 a:hover,.no-thumbitiran h5 a:hover{color:#b22222}.no-thumbitiran p{color:#616161}.no-thumbitiran .blog_info p{font-size:9pt;margin:0;color:#666;line-height:18px}.no-thumbitiran .blog_info{margin-bottom:0;padding:5px}.post blockquote{background-color:#f3f3f3;background-image:url(//magazine.voicenote.jp/wp-content/themes/affinger4/images/quote.png);background-repeat:no-repeat;background-position:left top;padding:50px 20px 20px;margin-top:20px;margin-right:0;margin-bottom:20px;border-left-width:1px;border-left-style:solid;border-left-color:#ccc}.huto,.hutoaka{font-weight:700}.hutoaka{color:red}.oomozi{font-size:18pt;line-height:35px;font-weight:700}.komozi{font-size:80%}.ymarker{background:#fff9c4;padding:0 2px}.rmarker{background:#ffcdd2;padding:0 2px;font-weight: bold}.yellowbox{border:solid 1px #fffacd;background-color:#ffffe0}.redbox,.yellowbox{padding:20px;margin-bottom:20px}.redbox{border:solid 1px #ef5350;background-color:#ffebee}.graybox{padding:20px;border:solid 1px #ccc;background-color:#f3f3f3;margin-bottom:20px}.post .graybox ol:last-child,.post .graybox p:last-child,.post .graybox ul:last-child,.post .redbox ol:last-child,.post .redbox p:last-child,.post .redbox ul:last-child,.post .yellowbox ol:last-child,.post .yellowbox p:last-child,.post .yellowbox ul:last-child{margin-bottom:0;padding-bottom:0}.h2fuu{position:relative;background:#f3f3f3;color:#1a1a1a;font-size:20px;line-height:27px;margin-bottom:20px;padding:10px 20px;font-weight:700}.h2fuu:after{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}.h2fuu:after,.h2fuu:before{content:'';position:absolute;border-top:10px solid #f3f3f3;border-right:10px solid transparent;border-left:10px solid transparent;bottom:-10px;left:30px}.inyoumodoki{background-color:#f3f3f3;background-image:url(//magazine.voicenote.jp/wp-content/themes/affinger4/images/quote.png);background-repeat:no-repeat;background-position:left top;padding:50px 20px 20px;margin-top:20px;margin-right:0;margin-bottom:20px;border-left-width:1px;border-left-style:solid;border-left-color:#ccc}.post .inyoumodoki ol:last-child,.post .inyoumodoki p:last-child,.post .inyoumodoki ul:last-child{margin-bottom:0;padding-bottom:0}.sankou{font-size:11px;background-color:#f57c00;color:#fff;padding:2px 3px;margin:0 5px}.dotline{border-bottom:1px dotted #212121}.dotliner{border-bottom:1px dotted red}.dotline-s{border-bottom:1px solid #212121}.dotline-sr{border-bottom:1px solid red}.pagelist-box .kanrenh4{background-color:#fff}.pagelist-box .st-childlink{padding:20px 0}.post .pagelist-box .st-childlink .kopage-t{font-size:1pc;font-weight:700;margin-bottom:5px;line-height:26px}.pop-box{position:relative;border-top:solid 1px #feb20a;padding:20px 20px 10px;background:#f3f3f3;margin-bottom:10px}.kanren.pop-box dl:last-child{margin-bottom:0}.p-entry{padding:3px 20px;margin:0;font-size:15px;font-weight:700;background:#feb20a;color:#fff;position:absolute;top:-15px;left:0;max-width:80%}#side .p-entry-t,.home-post .p-entry-t,.post .p-entry-t{margin-bottom:30px}.nowhits .pop-box{margin:-20px 0 20px}.nowhits .pop-box,.nowhits-eye .pop-box{position:relative;border-top:solid 1px #feb20a;padding:20px 15px 10px}.nowhits-eye .pop-box{margin:-25px 0 20px}.nowhits .p-entry{padding:3px 20px;margin:0;font-size:15px;font-weight:700;background:#feb20a;color:#fff;position:absolute;top:-15px;left:0}.nowhits.noheader .p-entry{top:0;left:0}.nowhits.noheader .p-entry-t{margin-bottom:40px}.poprank-no2{padding:2px 8px;background:#feb20a;font-size:13px;font-weight:700;color:#fff;margin-right:10px}.poprank{position:relative}.poprank-no{position:absolute;top:0;left:0;padding:2px 8px;background:#feb20a;font-size:13px;font-weight:700;color:#fff}.freebox{border-top:solid 1px #feb20a;padding:10px 0;background:#f3f3f3;margin-bottom:10px;font-size:15px;line-height:25px;margin-bottom:20px;position:relative}.ad .freebox{margin-bottom:0}.p-free{padding:0}.p-free:after{content:"";display:block;margin-bottom:30px}.p-entry-f{padding:3px 20px;margin:0;font-size:15px;font-weight:700;background:#feb20a;color:#fff;position:absolute;top:0;left:0;max-width:80%}.free-inbox{padding:10px 15px;text-align:left}#footer .footerlogo{font-size:22px;line-height:30px;margin-bottom:10px;font-weight:700}#footer p{font-size:9pt;margin-bottom:5px}#footer .footerlogo img{max-width:300px;margin:0 auto 10px;text-align:center}#footer a{text-decoration:none;color:#212121}#footer a:hover{color:#b22222}#footer .copy,#footer .rcopy{padding:20px 10px 0}#footer .copy,#footer .copy a,#footer .rcopy,#footer .rcopy a{font-size:9pt;color:#999;line-height:18px}footer h4 a{color:#666;text-decoration:none}footer .head-telno a{font-family:Montserrat,sans-serif;font-size:25px;padding:5px 10px;text-align:center}.headbox,.headbox p{font-size:9pt;line-height:18px;text-align:center}#footer-ad{position:fixed;bottom:0;left:0;width:100%}.footer-r{text-align:left;margin-bottom:20px}.top-wbox-t{padding-bottom:20px}.top-wbox-u{padding:10px 0 20px}#topnews dd h3{font-size:20px;line-height:30px;margin-bottom:5px}#topnews dt{float:left;width:75pt}#topnews dt img{width:100%}#topnews dd{padding-left:110px}#topnews dl{margin-bottom:20px;padding-bottom:20px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#999}#topnews dl:first-child{padding-top:20px}#topnews dl:last-child{margin-bottom:20px;padding-bottom:20px;border-style:none}#topnews .clearfix dd h5{font-size:17px;line-height:25px;font-weight:700;padding:0;margin-bottom:5px}#topnews .clearfix dd p{color:#666}#topnews .clearfix dd h5 a{color:#333;text-decoration:none}.kanren .blog_info p{margin:0 0 5px}#side .kanren .blog_info p,.kanren h3{margin:0 0 3px}.blog_info p a{color:#666;text-decoration:none}#topnews .clearfix dd .blog_info p{font-size:9pt}.kizi-under-box{margin-bottom:20px}.kanren{padding-top:20px;margin-top:20px}aside .kanren{padding-top:20px;margin-top:0}.kadomaru img{border-radius:75pt;-webkit-border-radius:75pt;-moz-border-radius:75pt}#side .kanren.pop-box h5,.kanren.pop-box h5{font-size:18px;font-weight:700;padding:0;margin-bottom:10px}#side .kanren.pop-box dd h5,.kanren.pop-box dd h5{font-size:17px;font-weight:700;line-height:25px;padding:0;margin-bottom:5px}.kanren dt{float:left;width:75pt}.kanren dt img{width:75pt}.kanren dd{padding-left:115px}.kanren dl{margin-bottom:20px;padding-bottom:20px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#ccc}.kanren dl p{margin-bottom:0}.kanren dl:last-child{margin-bottom:20px;padding-bottom:20px;border-style:none}.kanren .clearfix dd p{font-size:13px;color:#1a1a1a;line-height:18px}.kanren .clearfix dd h5 a{color:#000;text-decoration:none}.kanren .clearfix dd h5 a:hover{color:#b22222}#side aside ul li{list-style-type:none;margin:0;padding:0}#side aside .children li{padding-left:10px}#side aside ul li ul li{list-style-type:none;margin:0}#side aside .sub-menu{padding-left:10px}#side aside h4{font-weight:700;margin:0;padding:10px 10px 10px 0}#side aside #mybox ul li ul li,#side aside h4{font-size:14px;line-height:24px}.fa-rss-square{margin-right:10px}.rssbox a{display:block;width:100%;background-color:#1a1a1a;padding:10px 15px;font-size:14px;color:#fff;box-sizing:border-box;text-decoration:none}.rssbox a:hover{-moz-opacity:.8;opacity:.8}#scrollad{padding:20px 0}#sidebg{background:#f3f3f3;margin-bottom:10px;box-sizing:border-box}#side aside .st-pagelists .sub-menu,#side aside .st-pagelists ul{padding:0}#side aside .st-pagelists ul li{border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}#side aside .st-pagelists ul .sub-menu li{border:0}#side aside .st-pagelists ul li:last-child{border-bottom:1px solid #ccc}#side aside .st-pagelists ul .sub-menu li:first-child{border-top:1px solid #ccc}#side aside .st-pagelists ul li li:last-child{border:0}#side aside .st-pagelists ul .sub-menu .sub-menu li{border:0;padding-left:15px}#side aside .st-pagelists ul li a{text-decoration:none;padding:8px 15px;color:#000;width:100%;display:block;box-sizing:border-box;background:#ccc;background:-webkit-linear-gradient(#fff 0,#f3f3f3 100%);background:linear-gradient(#fff 0,#f3f3f3 100%)}#side aside .st-pagelists ul li a:hover{-moz-opacity:.8;opacity:.8}#side aside .st-pagelists .sub-menu a{text-decoration:none;padding:8px 10px 8px 15px;background:transparent;color:#000;margin-bottom:0;border-bottom:1px solid #ccc;font-weight:400}#side aside .st-pagelists .sub-menu a:hover{color:red}#side aside .st-pagelists .sub-menu .sub-menu a{text-decoration:none;padding:4px 10px 4px 20px;background:transparent;background-repeat:no-repeat;background-position:left center;color:#000;border:0;margin-bottom:0}#side aside .st-pagelists .sub-menu .sub-menu a:hover{color:red}.tagcloud a{font-size:13px!important;line-height:1em;color:#1a1a1a;display:inline-block;border:1px #1a1a1a solid;white-space:nowrap;padding:8px;margin-top:5px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;text-decoration:none;opacity:.5}.tagcloud a:hover{opacity:.5}.st-formbtn{vertical-align:middle;background:#616161;padding:10px 15px;margin-bottom:0}.st-formbtnlink .fa{margin:0!important;padding:0!important}.st-originalbtn-l{padding-right:15px}.st-originalbtn-l,.st-originalbtn-r{display:table-cell;vertical-align:middle}.st-originalbtn-r{padding-left:15px;border-left:1px solid #ccc}.originalbtn-bold{font-weight:700}a.st-formbtnlink{color:#fff;text-decoration:none}a:hover .st-formbtn{opacity:.7}.st-originalbtn{vertical-align:middle;background:#616161;padding:10px 15px;margin-bottom:0}.st-originalbtn .fa-check-circle,.st-originalbtn .fa-exclamation-triangle,.st-originalbtn .fa-pencil-square-o,.st-originalbtn .fa-question-circle{margin-right:0}a.st-originallink{color:#fff;text-decoration:none}a:hover .st-originalbtn{opacity:.7}.post .kintou ul{display:table;table-layout:fixed;width:100%;padding:0;margin:0 -5px 20px}.post .kintou ul li{display:table-cell;vertical-align:middle;text-align:center;padding:0 5px;margin:0}.post table{border-top:1px #999 solid;border-right:1px #999 solid;margin-bottom:20px;width:100%;max-width:100%}table tr td{padding:10px;vertical-align:top}table th,table tr td{border-bottom-width:1px;border-left-width:1px;border-bottom-style:solid;border-left-style:solid;border-bottom-color:#999;border-left-color:#999;font-size:13px;line-height:18px}table th{padding:5px}.post table tr td,.post table tr td p{font-size:13px;line-height:18px}.post table tr:nth-child(even){background-color:hsla(0,0%,86%,.2)}#main .post table{border-top-width:1px;border-right-width:1px;border-top-style:solid;border-right-style:solid;border-top-color:#999;border-right-color:#999;color:#333}.post .notab table{border:0;width:initial;max-width:initial}.notab table tr td{border:0;text-align:left;vertical-align:top}.notab table th{border:0}.post .notab table tr:nth-child(even){background-color:transparent}.post .scroll-box table{max-width:initial}.scroll-box{overflow-x:auto;margin-bottom:10px}.scroll-box::-webkit-scrollbar{height:5px}.scroll-box::-webkit-scrollbar-track{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#f3f3f3}.scroll-box::-webkit-scrollbar-thumb{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#ccc}img.alignright{float:right;margin:0 0 5px 10px}img.alignleft{float:left;margin:0 10px 5px 0}img.aligncenter{display:block;margin:0 auto 10px}img.float-left{float:left}img.float-right{float:right}.wp-caption{text-align:center}.aligncenter{clear:both;display:block;margin:0 auto 10px}.ie8 img{width:auto}.post ul{list-style-type:disc;padding:10px 20px 10px 30px}.post ul li{padding-bottom:5px}.post ul li:last-child{padding-bottom:0}.post ol{list-style-type:decimal;padding:10px 10px 20px 30px;margin-bottom:20px}.post ol li{padding-bottom:5px}.post ol li:last-child{padding-bottom:0}.post .maruno{margin-bottom:20px}.post .maruno ol{list-style-type:none;counter-reset:a;margin-left:10px;padding:0 20px 0 30px}.post .maruno ol li{counter-increment:a;line-height:23px}.post .maruno ol li:before{content:counters(a,"");border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;display:inline-block;float:left;padding:0 8px;font-size:70%;margin-right:10px;background:#f3f3f3;color:#000;margin-left:-3em}.post .maruck{margin-bottom:20px}.post .maruck ul{list-style-type:none;margin-left:10px;padding:0 20px 0 30px}.post .maruck ul li{padding:10px 0;line-height:23px}.post .maruck ul li:before{content:" \f00c";font-family:FontAwesome;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;display:inline-block;float:left;padding:0 6px;font-size:70%;margin-right:10px;background:#f3f3f3;color:#000;margin-left:-3em}input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{box-sizing:border-box;width:100%;padding:5px}.post input,.post textarea{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #ccc}.post #search input{border:0}.wpcf7-submit{width:100%;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;background:#f3f3f3;color:#000;border:0;margin:0 auto;padding:10px;display:block;box-sizing:border-box}.wpcf7-submit:hover{opacity:.9}.responbox,.responbox30,.responbox40,.responbox50,.responbox60,.responbox70,.responbox .lbox,.responboxfree{margin-bottom:10px}/free*/.responboxfree .lbox{float:left}.responboxfree .rbox,/free*/.responboxfree .lbox{box-sizing:border-box;margin-bottom:-2048pc;padding-bottom:2048pc}.responboxfree .rbox{float:right}.responbox50.smart50 .lbox{float:left}.responbox50.smart50 .lbox,.responbox50.smart50 .rbox{width:49%;box-sizing:border-box;margin-bottom:-2048pc;padding-bottom:2048pc}.responbox50.smart50 .rbox{float:right}.responbox50.smart50{overflow:hidden}.responbox30.smart30 .lbox{float:left;width:30%}.responbox30.smart30 .lbox,.responbox30.smart30 .rbox{box-sizing:border-box;margin-bottom:-2048pc;padding-bottom:2048pc}.responbox30.smart30 .rbox{float:right;width:70%;padding-left:10px}.responbox30.smart30{overflow:hidden}.post .amazonjs_item h4,.post .amazonjs_item h4 a{color:#1a1a1a!important;font-size:15px;background-color:transparent;border:0 0!important;padding:0!important}.post .amazonjs_item ul li{font-size:9pt!important}.st-cardbox{padding:20px;border:1px solid #ccc;margin-bottom:20px}.kanren.st-cardbox dl:last-child{border-style:none;margin-bottom:0;padding-bottom:0}.post .st-cardbox p,.st-cardbox p{margin-bottom:5px}.menu-navigation-container{overflow:hidden}nav li a:hover{text-decoration:underline}#s-navi{margin:0 -10px}#s-navi ul.sub-menu{display:none}#s-navi dl.acordion p{margin:0}#s-navi dl.acordion{margin:0;box-sizing:border-box;width:100%}#s-navi dt.trigger{cursor:pointer;height:40px;overflow:hidden}.trigger .fa:not(.fa-bars){font-size:20px}#s-navi dt.trigger .op{color:#333;font-size:25px;background:#ccc;max-width:20%}#s-navi dt.trigger .op,#s-navi dt.trigger .op-st{font-family:メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,ＭＳ\ Ｐゴシック,sans-serif;line-height:30px;display:block;float:right;height:auto;margin-top:-5px;padding:10px 10px 9px;box-sizing:border-box}#s-navi dt.trigger .op-st{color:#ccc;background:#000;max-width:40%;overflow:hidden}.op-st:hover{opacity:.5}.op-text,.op-text a{font-size:13px;line-height:30px;vertical-align:middle;margin:0 0 0 7px;padding:0;text-decoration:none}#s-navi dt.trigger .op-st2{font-family:メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,ＭＳ\ Ｐゴシック,sans-serif;line-height:30px;color:#ccc;background:#1a1a1a;display:block;float:right;height:auto;max-width:40%;box-sizing:border-box;overflow:hidden;margin-top:-5px;padding:10px 10px 9px}.op-st2:hover{opacity:.5}.op-text2,.op-text2 a{font-size:13px;line-height:13px;vertical-align:middle;margin:0 0 0 7px;padding:0;text-decoration:none}#s-navi:after{content:"";display:block;clear:both;margin-bottom:5px}#s-navi dd.acordion_tree{padding:10px 10px 20px;display:none;overflow:hidden;top:0;width:100%;box-sizing:border-box;text-align:left}.acordion_tree ul.menu li{float:none;font-size:15px;padding:10px 15px;list-style:none;border-bottom:dotted 1px #000}.acordion_tree ul.menu li .fa{min-width:1em}.acordion_tree ul.menu li:last-child{border:0;padding-bottom:0}.acordion_tree ul.menu li a{text-decoration:none;color:#000}.menu-close{padding:10px}#st-menuwide div.menu,#st-menuwide nav.menu,nav.st5{display:none}#search{padding-bottom:0;position:relative;width:100%}#searchform{border:#ccc 1px solid}#s{font-family:メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,ＭＳ\ Ｐゴシック,sans-serif;height:34px;color:#333;font-size:14px;border-radius:0;border:0 0;z-index:4;padding:10px 65px 10px 10px;width:100%;box-sizing:border-box}#searchsubmit{border-radius:0;position:absolute;right:0;top:0;width:50px;height:34px;z-index:5}:first-child+html #searchsubmit{top:1px}.acordion_tree .search-box{padding:10px}.footermenust{text-align:center;padding:20px;margin-bottom:5px}.footermenust li{display:inline;font-size:14px;padding:0 10px}footer .footermenust li{border-right:1px solid #ccc;font-size:9pt;line-height:18px}footer .footermenust li:last-child{border-right:0}#footer .footermenust a{padding:0;margin:0;font-size:9pt;color:#757575}footer ol,footer ul{padding-left:30px}.st-pagelink{padding:20px 0;text-align:center}.st-pagelink:after{content:"";display:block;clear:both}.st-pagelink a{text-decoration:none;font-size:13px}.st-pagelink a:hover{opacity:.5}.st-pagelink .page-numbers{border:1px solid #ccc;padding:10px;margin-right:5px;margin-bottom:5px;font-size:15px;min-width:20px;height:20px;display:block;float:left;text-align:center}.st-pagelink .page-numbers.current{opacity:.5}.pagination{clear:both;position:relative;font-size:14px;line-height:24px;margin-bottom:20px;padding:20px 0}.pagination a,.pagination span{display:block;float:left;margin:2px 2px 2px 0;padding:6px 9px 5px;text-decoration:none;width:auto;color:#fff;background-color:#999}.pagination a:hover{color:#fff;background-color:#666}.pagination .current{padding:6px 9px 5px;color:#fff;background-color:#ccc}#breadcrumb,#breadcrumb ol{margin:0;padding:0}#breadcrumb ol li{color:#ccc;font-size:13px;list-style:none;display:inline-block}#breadcrumb ol li a{text-decoration:none;color:#ccc}.sns{width:100%;margin:0 auto;padding:0 0 20px}.snstext{padding-left:10px}.snscount,.snstext{font-size:13px;vertical-align:middle}.snscount{padding:0 10px}.post .sns ul{list-style:none;padding:0;margin:10px auto 20px}.sns li{float:left;list-style:none;width:50%}.sns li a{font-size:15px;position:relative;display:block;padding:5px 10px 5px 15px;color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;text-decoration:none;height:28px;margin:5px;cursor:pointer;vertical-align:middle;line-height:25px}.sns .twitter a{background:#55acee}.sns .twitter a:hover{background:#4892cb}.sns .fa-twitter{border-right:1px solid #9acff4;padding-right:15px}.sns .facebook a{background:#3b5998}.sns .facebook a:hover{background:#324c81}.sns .fa-facebook{border-right:1px solid #607bb2;padding-right:15px}.sns .googleplus a{background:#dc4e41}.sns .googleplus a:hover{background:#bb4237}.sns .fa-google-plus{border-right:1px solid #e0776d;padding-right:13px}.sns .hatebu a{background:#00a5de}.sns .hatebu a:hover{background:#008cbd}.sns .fa-hatena{border-right:1px solid #48b6db;padding-right:15px}.sns .line a{background:#25af00}.sns .line a:hover{background:#219900}.sns .fa-comment{border-right:1px solid #29c200;padding-right:15px}.sns .pocket a{background:#f03e51}.sns .fa-get-pocket{border-right:1px solid #f27985;padding-right:15px}.sns .pocket a:hover{background:#c0392b}#wp-calendar{border-collapse:collapse;border-top-width:1px;border-right-width:1px;border-top-style:solid;border-right-style:solid;border-top-color:#999;border-right-color:#999;width:100%}#wp-calendar thead tr th{border-bottom-width:1px;border-left-width:1px;border-bottom-style:solid;border-left-style:solid;border-bottom-color:#999;border-left-color:#999;font-size:14px;padding:10px 3px;text-align:center;background-color:#f3f3f3}#wp-calendar td{text-align:center;padding:10px 0;background-color:#fff}#wp-calendar caption{font-weight:700;text-align:left;padding-top:10px;padding-bottom:5px;font-size:14px}#wp-calendar tbody tr #today{background-color:#b0e0e6}#page-top{position:fixed;z-index:7;bottom:20px;right:0;font-size:20px}#page-top a{background:#f3f3f3;padding:9pt 1pc;text-align:center;display:block;-moz-opacity:.6;opacity:.6}#page-top a,#page-top a:hover{text-decoration:none;color:#fff}#comments p a{color:#333}.post #comments h3{background-color:transparent}#comments p{font-size:14px;font-weight:400;line-height:24px;margin:0;color:#333;padding:5px 0}#comments label{display:block}.metadata dd a{color:#333}.metadata{font-size:13px;line-height:20px}#comments{font-size:14px;line-height:24px;color:#333;padding:10px 20px;margin-bottom:20px}.comment-body{padding:10px;margin-bottom:20px}.fn{font-style:normal}.fn,.says{font-size:13px}.says{line-height:18px}.commentmetadata{font-size:9pt;line-height:24px;height:15px;width:100%;clear:both;padding:10px 10px 10px 0}.reply{padding:5px;font-size:13px}#comments #respond{font-weight:700;margin-bottom:10px;padding:5px 10px;color:#666}#comments #commentform .tags{padding:10px;background-color:#f3f3f3;font-size:13px}#comments #commentlist img{padding:10px}#comments .commets-list{padding-left:0;list-style-type:none}ul.sub-menu{padding:0}.commets-list li{list-style-type:none}.comment-author.vcard .avatar{float:left;margin-right:10px}.vcard .fn{font-size:13px;line-height:18px}.form-allowed-tags{display:none}#comments h3{background-image:none}#comments h3,#comments h4{border:0;margin-bottom:0;padding:0}#comments h4{background-color:transparent}#comments textarea{margin-bottom:10px}#comments input,#comments textarea{width:100%;border:1px #f2f2f2 solid}#comments input{box-sizing:border-box;padding:10px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}#comments input[type="submit"]{background-color:#f3f3f3;padding:10px;-webkit-appearance:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px #f2f2f2 solid}.p-navi dl dt{font-weight:700;font-size:14px;line-height:24px;float:left;width:50px;color:#666}.p-navi dl dd{font-size:15px;padding-left:55px;line-height:25px}#topnews-box div{padding:0 10px 10px}#topnews-box{padding:0 0 10px;margin-bottom:10px}.st-topin #topnews-box{padding:10px 0}.news-ca{font-size:13px}#topnews-box div.rss-bar{font-size:14px;border:1px solid #ccc;margin-bottom:20px;padding:5px 15px;margin-top:-10px}.rss-bar a{color:#333;text-decoration:none}#topnews-box dt{color:#727272}#topnews-box dd,#topnews-box dt{font-size:14px;padding-bottom:5px}#topnews-box dd{margin-bottom:5px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#ccc;margin-bottom:10px}#topnews-box div dl dd a{color:#333;text-decoration:none}#topnews-box div dl dd a:hover{color:#b22222}#header-slides[dir="rtl"]{direction:rtl}.header-slides-slide{display:none}.header-slides-slide:first-child{display:block}.slick-slider{margin-bottom:0}#wrapper{margin:0 auto;overflow:hidden}body.fixed-footer #wrapper{height:100%;min-height:100%}header{text-align:center}#headbox{padding:0 10px 10px;margin:0}#side aside{padding:0 15px 20px}footer{clear:both;padding:0}#footer{padding:20px 15px;text-align:center}#header-l{padding-top:0}main{padding:20px 15px;margin:0 0 20px;background:#fff}.post{padding-bottom:10px}section{margin-bottom:3em}.st-eyecatch{margin:-20px -15px 15px;position:relative}.st-eyecatch img{width:100%;background-color:#000}.eyecatch-copyurl{font-size:9pt;line-height:9pt;position:absolute;bottom:17px;right:10px;background-color:hsla(0,0%,100%,.4);padding:5px 10px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin:0;vertical-align:middle}.eyecatch-copyurl .fa-camera-retro{margin-right:5px}.eyecatch-copyurl a,p.eyecatch-copyurl{color:#212121}.eyecatch-copyurl a:hover{color:#b22222}.eyecatch-copyurl:hover{background-color:hsla(0,0%,100%,.5)}.adbox{padding:20px 0;margin:0 -5px}.ad{padding-bottom:10px;margin:0}.adsbygoogle{max-width:100%;box-sizing:border-box;overflow:hidden}.middle-ad{margin:0 -5px 10px}.colum1 .st-eyecatch{margin:-20px -15px 15px}.colum1 .st-eyecatch img{border-radius:0}.lp #breadcrumb,.lp #gazou,.lp #itiran,.lp .blogbox,.lp .kanren,.lp .n-entry-t,.lp .p-navi,.lp .pagination,.lp .point,.lp .st-pagelink,.lp .tagst,.lp header,.lp nav{display:none}.lp .entry-title{font-size:13px;color:#ccc;line-height:18px}.lp post img,.lp post object,.lp post video{width:100%;height:auto;border:0;vertical-align:bottom;display:block}@media all and (-ms-high-contrast:none){.rss-bar{padding-top:5px}#s{color:#ccc;padding-top:7px}}@media only screen and (max-width:959px){#side aside{clear:both;float:none;width:auto;position:static}.sns .fa{font-size:20px}.sns li a{padding:10px 15px}.rssbox a,.st-originalbtn{padding:15px 20px;font-size:20px}}@media only screen and (min-width:600px) and (max-width:959px){.tagcloud a{font-size:20px!important;line-height:1em;padding:15px;margin-top:10px}.sns .fa{font-size:25px}#side aside .st-pagelists .sub-menu .sub-menu a,#side aside .st-pagelists .sub-menu a,#side aside .st-pagelists ul li a,.sns li a{padding:15px 20px}#s-navi dt.trigger{height:60px}.trigger .fa:not(.fa-bars){font-size:25px}.trigger .fa{line-height:60px}.op-text,.op-text2,.op-text2 a,.op-text a{font-size:25px;line-height:60px;padding:5px 0;margin:0 0 0 7px}#s-navi dt.trigger .op,#s-navi dt.trigger .op-st,#s-navi dt.trigger .op-st2{font-size:30px;line-height:60px;padding:5px 20px}.acordion_tree ul.menu li{font-size:20px;padding:15px 20px}#page-top{font-size:30px}#page-top a{padding:22px 26px}}@media only screen and (min-width:600px){header{text-align:left}#headbox{padding:0 10px 10px;margin:0;text-align:center}#headbox img{margin:0 auto}.sitename img{max-width:100%;margin:0}main{background-color:#fff;padding:20px 30px}.st-eyecatch{margin:-20px -30px 10px}.nowhits .pop-box,.nowhits-eye .pop-box{margin:-20px 0 20px}.freebox{font-size:18px;line-height:28px;margin-bottom:20px}.graybox,.post h5,.post h6,.post ol li,.post ul li,.redbox,.yellowbox,p{font-size:20px;line-height:30px}.post h5,p{margin-bottom:20px}dd p{margin-bottom:5px}.entry-title,.post .entry-title{font-size:27px;line-height:40px;color:#333;margin-bottom:20px}h2{font-size:24px;line-height:35px}h2:after,h2:before{bottom:-10px;left:50px}.post h3{font-size:22px;line-height:2pc}.post h4{background-color:#f3f3f3;font-size:21px;line-height:31px}dd h3 a{color:#333;text-decoration:none;font-size:20px;line-height:35px}.kanren .clearfix dd p,.kanren .no-thumbitiran h3{font-size:1pc;line-height:26px}#side .kanren.pop-box dd h5,.kanren.pop-box dd h5{font-size:18px;line-height:27px}#side h5{font-size:20px;line-height:35px}#side aside #mybox ul li ul li,#side aside h4{font-size:1pc;line-height:26px}.oomozi{font-size:18pt;line-height:35px}.graybox,.redbox,.yellowbox{margin-bottom:20px}.h2fuu{font-size:24px;line-height:35px}.h2fuu:after,.h2fuu:before{bottom:-10px;left:50px}.ad,.adbox{margin:0}.ad{padding-bottom:10px}.middle-ad{margin:0 0 10px}.responbox .lbox img{width:100%;box-sizing:border-box}.responbox30 .lbox{width:30%}.responbox30 .rbox{float:left;box-sizing:border-box;width:70%}.responbox30 .lbox,.responbox .lbox{float:left;padding-right:15px;box-sizing:border-box}.responbox .lbox{width:40%}.responbox40 .lbox{float:left;padding-right:15px;width:40%;box-sizing:border-box}.responbox40 .rbox,.responbox .rbox{float:left;box-sizing:border-box;width:60%}.responbox50 .lbox{padding-right:7px}.responbox50 .lbox,.responbox50 .rbox{float:left;width:50%;box-sizing:border-box}.responbox50 .rbox{padding-left:7px}.responbox60 .lbox{width:60%}.responbox60 .rbox{float:left;box-sizing:border-box;width:40%}.responbox60 .lbox,.responbox70 .lbox{float:left;padding-right:15px;box-sizing:border-box}.responbox70 .lbox{width:70%}.responbox70 .rbox{float:right;box-sizing:border-box;width:30%}#topnews-box div{padding:0 10px 10px}#topnews-box div.rss-bar{font-size:14px}#topnews-box dt{float:left;width:90px;clear:both}#topnews-box dd,#topnews-box dt{font-size:14px;margin-bottom:5px;padding-bottom:5px}#topnews-box dd{padding-left:75pt;margin-bottom:10px}#topnews-box div dl dd a{text-decoration:none}#topnews dt{float:left;width:150px}#topnews dt img{width:100%}#topnews dd{padding-left:170px}#topnews .clearfix dd h5{font-size:24px;font-weight:700;padding:0;margin-bottom:5px}#topnews .clearfix dd p{font-size:13px;color:#666;line-height:24px;margin:0;padding:0}#topnews .clearfix dd h5 a{color:#333;text-decoration:none}.colum1 #side{display:none}.colum1 main{margin:0 -10px 20px;padding:20px 30px}.colum1 .st-eyecatch{margin:-20px -50px 10px}.post .st-formbtn{width:60%;margin:20px auto}.st-youtube .fa-youtube-play{font-size:60px;width:60px;height:60px}}@media print,screen and (min-width:960px){#topnews-box{padding:10px 0}#st-menuwide{border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;border:solid 1px #e0dede;padding:0;background:#f3f3f3;background:-webkit-linear-gradient(#fff 0,#f3f3f3 100%);background:linear-gradient(#fff 0,#f3f3f3 100%)}#st-menuwide,nav.smanone{margin:0 auto}nav.st5{margin:0 auto}header .smanone ul.menu li{list-style-type:none;float:left;width:10pc;height:40px;text-align:center;border-right:solid 1px #f3f3f3;position:relative}header .smanone ul.menu>li:last-child{border:0}header .smanone ul.menu li a{display:block;font-size:13px;overflow:hidden;width:100%;height:100%;line-height:40px;color:#000;text-decoration:none;position:relative;z-index:1}header .smanone ul.menu li li a{background:#f3f3f3;border-top:#ccc dotted 1px;z-index:2}header .smanone ul.menu li a:hover{color:red}header .smanone ul.sub-menu li ul.sub-menu{position:absolute;left:10pc;top:0}header .smanone ul.sub-menu{display:none}header .smanone ul.menu{zoom:1}*+html header .smanone ul.menu li{display:inline;zoom:1}*+html header .smanone ul.sub-menu{zoom:1;position:relative}.smanone{display:block}.pcnone{display:none!important}header{padding:0}#header-l{padding-top:0}#headbox{padding:10px;margin:0 auto;text-align:left}#headbox img{margin:0}#st-headwide #headbox img{margin:0 auto}nav{display:block}.ie7 aside ul li,.ie8 aside ul li,.ie9 aside ul li{display:list-item;padding:0}.freebox{font-size:14px;line-height:24px;margin-bottom:20px}.graybox,.post h5,.post h6,.post ol li,.post ul li,.redbox,.yellowbox,p{font-size:15px;line-height:26px}.post h5,p{margin-bottom:20px}dd p{margin-bottom:5px}.entry-title,.post .entry-title{font-size:27px;line-height:40px;color:#333;margin-bottom:20px}h2{font-size:22px;line-height:2pc}h2:after,h2:before{bottom:-10px;left:50px}.post h3{font-size:20px;line-height:30px}.post h4{background-color:#f3f3f3;font-size:1pc;line-height:26px}#side h5,.post dd h5{margin-bottom:5px}#side h5{font-size:1pc;line-height:26px}#side aside #mybox ul li ul li,#side aside h4,#side aside ul li{font-size:14px;line-height:24px}#side .kanren.pop-box dd h5,.kanren.pop-box dd h5{font-size:1pc;line-height:26px}.oomozi{font-size:18pt;line-height:35px}.graybox,.redbox,.yellowbox{margin-bottom:20px}.h2fuu{font-size:20px;line-height:30px}.h2fuu:after,.h2fuu:before{bottom:-10px;left:50px}#header-l{float:left;max-width:380px}#header-r{float:right;max-width:25pc;padding-top:0}#header-r a{text-decoration:none}#header-r p{margin:0}#header-r .footermenust{padding:0 10px 0 0;margin:0 0 5px;text-align:right}#header-r .footermenust li{border-right:1px solid #000;font-size:9pt;line-height:18px;margin:0}#header-r .footermenust li:last-child{border-right:0}#header-r .footermenust a{padding:0;margin:0;font-size:9pt;color:#000}.head-telno{font-family:Montserrat,sans-serif;font-size:25px;padding:5px 10px;text-align:center}#header-r .head-telno{text-align:right}.head-telno a{font-family:Montserrat,sans-serif;color:#000}header .headbox .textwidget{padding:5px 10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}#st-headwide #header-l{float:none;max-width:100%;box-sizing:border-box;padding:0}#st-headwide #header-r{display:none}.footer-r{padding:0 15px 10px 0}.footer-r>*{font-size:13px;line-height:18px;text-align:left}.footer-l,.footer-r{box-sizing:border-box;text-align:left}.footer-l{float:left;width:40%;min-width:300px;padding:0 20px 0 0}.footer-l>*{text-align:left}.footer-l .head-telno{padding-left:0}.footer-r{float:right;width:60%;box-sizing:border-box}.st-pagelink .page-numbers{padding:5px 8px}#side aside .st-pagelists li{font-size:13px;line-height:24px}#wrapper{overflow:visible;padding:0;width:100%}#content,#st-header{margin:0 auto}#content-w{padding-top:10px}footer{width:100%}#footer,#footer-in{margin:0 auto}.st-eyecatch{margin:-30px -50px 10px}.st-eyecatch img{border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0}#footer .footerlogo{font-size:1pc;line-height:26px}.colum1 #side{display:none}.colum1 main{margin:0 0 20px;padding:30px 70px}.sns{width:90%}.sns li{width:33%}.snstext{display:inline}dd h3 a{color:#333;text-decoration:none;font-size:1pc;line-height:26px}.kanren .clearfix dd p{font-size:13px;line-height:18px}.colum1 .st-eyecatch{margin:-30px -70px 10px}nav.st5{padding:5px;display:block}nav.st5 li{position:relative;float:left;font-size:14px;padding:5px 15px;display:inline;border-right:1px solid #ccc}nav.st5 li:last-child{border:0}nav.menu li .children,nav.st5 li .sub-menu{display:none}nav.st5 li a{color:#333;text-decoration:none}.menu-nav.st5igation-container{overflow:hidden}nav.st5 li a:hover{text-decoration:underline}#st-menuwide div.menu,#st-menuwide nav.menu{margin:0 auto;padding:5px;display:block}#st-menuwide div.menu:after,#st-menuwide nav.menu:after{content:'';display:block;clear:both}#st-menuwide div.menu li,#st-menuwide nav.menu li{position:relative;float:left;font-size:14px;padding:5px 15px;display:inline;border-right:1px solid #ccc}#st-menuwide div.menu li:last-child,#st-menuwide nav.menu li:last-child{border:0}#st-menuwide div.menu li .sub-menu,#st-menuwide nav.menu li .sub-menu{display:none}#st-menuwide div.menu li a,#st-menuwide nav.menu li a{color:#333;text-decoration:none}.nowhits .pop-box{position:relative;margin:-30px 0 20px;border-top:solid 2px #feb20a}.nowhits-eye .pop-box,.st-eyecatch+.nowhits .pop-box{position:relative;margin:-20px 0 20px;border-top:solid 2px #feb20a}.nowhits .p-entry{top:0;left:0}.nowhits .p-entry-t{margin-bottom:40px}.slick-next,.slick-prev{display:inline-block!important}.wpcf7-submit{width:50%}} * {
box-sizing: border-box;
}
body {
background: #fff;
}
hr {
margin: 45px 0 70px;
}
h1,
h2,
h3,
h4,
h5,
h6{
background: transparent;
}
li {
margin-left: 20px;
}
ol li {
list-style: decimal outside;
}
ul li {
list-style: disc outside;
}
a {
color: #40a4be;
}
a:hover {
color: #74cde4;
}
p {
font-size: 1rem;
} #intro {
background-color: #fff;
}
#prefix {
padding: 15px;
}
#footer {
padding: 15px;
max-width: 100% !important;
background-color: #222 !important;
color: #fff;
} footer {
background-color: #444;
font-size: 14px;
color: #fff;
text-align: center;
padding: 20;
}
footer p {
margin: 20px 0;
}
footer .menu {
list-style-type: none;
width: 880px;
margin: 10px auto 30px !important;
}
footer .menu-item {
margin: 10px !important;
}
footer .menu {
text-align: center;
}
footer .menu li {
display: inline-block;
margin: 10px 50px !important;
list-style-type: none !important;
}
footer .menu li a {
padding: 0 !important;
} #prefix-in {
width: 1000px;
margin: 0 auto;
}
#prefix-in li a {
text-decoration: none;
color: #fff;
}
#prefix-in img {
width: 480px;
-webkit-filter: brightness(10) invert(0);
filter: brightness(10) invert(0);
margin-bottom: -5px;
}
.tw-si {
font-size: 2.3em;
margin: 0 0 1px 15px;
vertical-align: middle;
line-height: 0px;
}
.f-cath {
margin-bottom: 30px;
}
.copyright {
text-align: center;
font-size: 12px;
margin: 10px 0 20px;
}
.copyright a {
color: #fff;
text-decoration: none;
} #content-w {
background-color: #fff;
}
#scrollad {
padding: 0;
}
main {
padding: 15px;
border-radius: 0 !important;
}
#s-navi {
position: fixed;
top: 0;
left: 0;
margin: 0;
width: 100%;
z-index: 100;
}
#s-navi .acordion_tree {
background: rgba(255, 255, 255, 0.9);
}
#intro .menu-header-menu-container {
text-align: center;
font-size: 13px;
color: #fff;
background-color: #222;
}
#intro .menu-header-menu-container .menu {
overflow: hidden;
}
#intro .menu-header-menu-container .menu li {
width: 50%;
float: left;
}
#intro .menu-header-menu-container .menu li:not(:last-child) {
border-right: solid 1px #fff;
}
#intro .menu-header-menu-container .menu a {
display: block;
padding: 5px 0;
}
#colophon .menu {
margin: 20px 0;
}
#colophon .menu a {
display: block;
padding-left: 20px;
background: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_navi.png) no-repeat left 50%;
}
#colophon address {
font-style: normal;
font-size: 11px;
}
#colophon address img,
#colophon address span {
display: block;
}
#colophon address img {
margin: 0 auto;
}
#colophon address span {
font-size: 13px;
}
#breadcrumb {
padding: 5px 15px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
#breadcrumb ol li {
margin-left: 0;
margin-right: 5px;
}
#breadcrumb,
#breadcrumb ol li,
#breadcrumb ol li a {
color: inherit !important;
}
#page-top a {
color: #fff;
background: #000;
} .kanren,
aside .kanren {
margin-top: 0;
padding-top: 0;
}
.kanren dl { width: 100%;
height: 100%;
}
.kanren .entry dt,
.kanren .entry dt img {
width: auto;
float: none;
}
.kanren .entry dt img {
width: 100%;
}
.kanren .entry dd {
padding-left: 0;
}
.kanren h3 {
margin: 5px 0;
font-weight: normal;
border-top: none !important;
border-bottom: none !important;
}
.kanren h3 a,
.kanren .clearfix dd h5 a {
color: #40a4be;
}
.kanren .clearfix dd h5 a:hover,
.no-thumbitiran h3 a:hover,
.no-thumbitiran h5 a:hover {
color: #74cde4;
}
.blog_info {
font-size: 11px;
color: #999;
}
@media screen and (max-width: 768px) {
.blog_info {
display: none !important;
}
}
.tags-list {
font-size: 13px;
}
.kanren .wide {
padding-bottom: 0;
border-bottom: 0;
}
.kanren .wide dd {
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
width: 100%;
color: #fff;
background: rgba(0, 0, 0, 0.6);
z-index: 10;
}
.kanren .wide dd a {
color: #fff;
}
.kanren .wide dd .tags-list,
.kanren .wide dd .blog_info,
.kanren .wide dd .smanone2 {
display: none;
}
.kanren .enquetes {
border: 0;
background: #e5f7ff;
clear: both;
}
.kanren .enquetes a {
text-decoration: none;
}
.kanren .enquetes dd {
padding: 40px 20px 0;
}
.kanren .enquetes ul {
margin: 0;
}
.kanren .enquetes li {
list-style: none;
margin: 5px 0;
}
.kanren .enquetes li a {
border-bottom: dashed 1px #40a4be;
}
.kanren .enquetes .more-link {
display: block;
margin: 10px auto 0;
padding: 10px 0;
width: 180px;
font-size: 13px;
text-align: center;
color: #fff;
background: #40a4be;
border-radius: 3px;
}
.kanren .no-thumbitiran {
padding-bottom: 20px;
border-bottom: dotted 1px #ccc;
}
.no-thumbitiran p {
margin-bottom: 10px;
}
.no-thumbitiran .blog_info {
padding: 0;
font-size: 13px;
}
.no-thumbitiran .blog_info .total strong {
font-size: 16px;
color: #6bb4d3;
}
.st-catgroup span,
.archive-title {
display: block;
margin: 0 0 20px;
padding: 15px;
font-weight: normal;
font-size: 1rem;
color: #fff;
background-color: #666;
border-radius: 3px;
}
.st-catgroup span,
body.category .archive-title,
body.post-type-archive-enquete .archive-title {
padding-left: 40px;
background: no-repeat 15px 50%;
}
.entry-title,
.post .entry-title {
padding: 0 !important;
}
.st-eyecatch {
margin: 0 -15px;
}
.blogbox {
padding: 10px 0;
font-size: 13px;
border-top: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
}
.blogbox span {
display: inline-block;
padding-left: 25px;
background: no-repeat left 50%;
}
.blogbox .date {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_mark_calendar.png);
}
.blogbox .author {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_mark_author.png);
}
.blogbox .category-list {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_mark_floder.png);
}
.blogbox .tags-list {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_mark_tag.png);
} .widget { }
.hentry aside .widget:not(.kizi-under-box) {
padding: 20px 20px 0;
border: solid 5px #eee;
}
.hentry .widget h4 {
margin: 0 0 20px;
background: transparent;
}
.widget h5 {
font-weight: normal;
font-size: 1rem;
}
.wp-tag-cloud {
padding-bottom: 20px;
}
.wp-tag-cloud li {
list-style: none;
margin: 0;
display: inline;
}
.widget .menu-category-menu-container {
margin-top: 10px;
}
.widget .menu-category-menu-container a {
display: block;
padding: 10px 0 10px 30px;
border-bottom: dotted 1px #ccc;
background: no-repeat left 50%;
}
.widget .menu-category-menu-container .cat-item-3 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_3.png);
}
.widget .menu-category-menu-container .cat-item-127 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_127.png);
}
.widget .menu-category-menu-container .cat-item-5 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_5.png);
}
.widget .menu-category-menu-container .cat-item-6 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_6.png);
}
.widget .menu-category-menu-container .cat-item-160 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_160.png);
}
.widget .menu-category-menu-container .cat-item-7 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_7.png);
}
.widget .menu-category-menu-container .cat-item-4 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_4.png);
}
.widget .menu-category-menu-container .cat-item-9 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_9.png);
}
.widget .menu-category-menu-container .cat-item-10 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_10.png);
}
.widget .menu-category-menu-container .cat-item-11 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_11.png);
}
.widget .menu-category-menu-container .cat-item-12 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_12.png);
}
.widget .menu-category-menu-container .cat-item-13 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_13.png);
}
.widget .menu-category-menu-container .cat-item-999 a {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_cate_999.png);
}
#searchform {
border: #ccc 1px solid;
border-radius: 20px;
overflow: hidden;
}
#searchform input#s[type="text"]:focus {
border: 1px solid #ff9900;
border-radius: 20px;
outline: 0;
}
#side aside h4,
#side .yarpp-related h3,
#side .tabs a {
position: relative;
display: block;
padding: 15px 0;
font-weight: normal;
text-align: center;
color: inherit;
text-decoration: none;
background: #eee url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_mark_menu.png) no-repeat 15px 50%;
border-radius: 3px 3px 0 0;
}
#side aside h4:before,
#side .yarpp-related h3:before,
#side .tabs a:before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}
#side .tabs {
margin-bottom: 20px;
overflow: hidden;
}
#side .tabs li {
list-style: none;
margin: 0;
width: 100%;
float: left;
}
#side .tabs li:not(:last-child) {
border-right: solid 1px #fff;
}
#side .tabs a {
color: #999;
}
#side .tabs a.active {
color: inherit;
}
#side .tabs a.tab-1 {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_mark_rank.png);
}
#side .tabs a.tab-2 {
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_mark_plane.png);
}
#side #newposts h4 {
display: none;
}
.gsl {
padding: 10px 0;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
overflow: hidden;
}
.gsl img {
margin-left: 10px;
float: left;
vertical-align: middle;
} .post {
padding-bottom: 0;
} .post ul {
margin-bottom: auto;
}
.post ul.slider,
.post ul.slider li {
list-style: none;
margin: 0;
padding: 0;
}
.post h4:not(.rankh4):not(.point),
.post h5:not(.rankh5):not(.point):not(.st-cardbox-t):not(.popular-t):not(.kanren-t) {
padding: 10px !important;
}
.post h5 {
margin-bottom: 0;
}
.post .st-catgroup {
padding-top: 0;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
font-size: 20px;
}
.entry-content p {
font-size: 14px;
}
.entry-content h1 {
padding: 10px;
border-style: solid;
border-width: 5px 0 0 0;
border-color: #666;
}
.entry-content h2 {
padding: 10px;
border-style: solid;
border-width: 0 0 0 4px;
border-color: #666;
padding-left: 1rem;
}
.slick-slide img {
width: 100%;
} .entry-content h2,
.entry-content h2:before,
.entry-content h2:after {
content: none;
background: none;
background-color: none;
border: none;
border-radius: 0;
}
.entry-content h2 {
position: relative;
padding: 0px 5px 10px 50px;
border-bottom: 2px solid #ccc;
font-size: 22px;
margin: 45px 0;
}
.entry-content h2::before,
.entry-content h2::after {
position: absolute;
content: "";
border-radius: 100%;
}
.entry-content h2::before {
top: -10px;
left: 0px;
z-index: 2;
width: 38px;
height: 38px;
background: #fff;
opacity: 0.7;
}
.entry-content h2::after {
top: 9px;
left: 17px;
width: 27px;
height: 27px;
background: #fff;
}
.entry-content h2:before {
background: rgba(146, 164, 48, 0.8); }
.entry-content h2:after {
background: rgba(146, 164, 48, 0.3); } .entry-content h3,
.entry-content h3:before,
.entry-content h3:after {
content: none;
background: none;
background-color: none;
border: none;
border-radius: 0;
}
.entry-content h3 {
color: #333; padding: 0.7em 0; margin: 40px 5px 10px 5px;
border-top: solid 3px #92a430; border-bottom: solid 3px #92a430; font-size: 20px;
font-weight:bold;
} .entry-content h4,
.entry-content h4:before,
.entry-content h4:after {
content: none;
background: none;
background-color: none;
border: none;
border-radius: 0;
}
.entry-content h4 {
padding: 0.25em 0.5em; color: #333; margin: 40px 10px 10px 0px;
background: transparent; border-left: solid 4px #92a430; font-size: 18px;
font-weight:bold;
}
.entry-content span.ymarker {
background: linear-gradient(transparent 60%, #f1ee93 60%);
}
.category-money .entry-title {
color: #e7a800 !important;
}
.category-entertainment .entry-title {
color: #e03638 !important;
}
.category-job .entry-title {
color: #2c609a !important;
}
.category-health .entry-title {
color: #4ca29f !important;
}
.category-season .entry-title {
color: #3a8c1d !important;
}
.category-romance .entry-title {
color: #e35d80 !important;
}
.category-event .entry-title {
color: #2c609a !important;
}
.category-life .entry-title {
color: #92a430 !important;
}
.category-beauty .entry-title {
color: #755b7e !important;
}
.category-childcare .entry-title {
color: #df5b26 !important;
}
.category-cosme .entry-title {
color: #e35d80 !important;
}
.category-mens-cosme .entry-title {
color: #3aabd2 !important;
}
.category-hair-removal .entry-title {
color: #67e58d !important;
}
.category-gourmet .entry-title {
color: #df5b26 !important;
}
.post-type-archive-enquete .entry-title {
color: #6bb4d3 !important;
}
.post-type-archive-enquete .entry-content h1,
.post-type-archive-enquete .entry-content h2 {
border-color: #6bb4d3;
}
.sns {
margin-left: -1%;
margin-right: -1%;
width: auto;
overflow: hidden;
padding: 0;
}
.sns li {
margin-left: 1%;
margin-right: 5%;
width: 48%;
}
.sns li a {
height: auto;
}
.sns .fa-facebook-f {
border-right: 1px solid #5879bf;
padding-right: 15px;
}
@media screen and (max-width: 480px) {
.fa-hatena {
display: none;
}
.sns i {
display: none;
}
.sns a {
text-align: center;
}
.sns .snstext {
padding-left: 0;
}
}
.menu {
margin: 0;
padding: 0;
}
.menu li {
list-style: none;
margin: 0;
}
.menu a,
.p-navi li a {
color: inherit;
text-decoration: none;
}
.st-pagelink .page-numbers {
display: inline-block;
padding: 0;
width: 40px;
height: 40px;
line-height: 40px;
color: inherit;
background: #eee;
border: solid 1px #eee;
border-radius: 3px;
}
.st-pagelink .page-numbers.current {
color: #fff;
background: #222;
opacity: 1;
}
.p-navi ol {
margin: 0 -1%;
padding: 0;
}
.p-navi ol li {
position: relative;
list-style: none;
margin: 0 1%;
padding: 0;
width: 48%;
float: left;
border: solid 5px #eee;
}
.p-navi a {
display: block;
padding: 5px 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.p-navi i {
position: absolute;
top: 0;
left: 0;
margin: 10px 5px;
}
.p-navi .navi-next i {
left: auto;
right: 0;
}
.category-label a,
.enquetes dt a {
position: relative;
display: block;
width: 120px;
height: 30px;
line-height: 30px;
font-size: 12px;
text-align: center;
color: #fff;
background-color: #222;
text-decoration: none;
}
.category-label a:before,
.enquetes dt a:before {
content: "";
position: absolute;
top: 0;
right: -15px;
width: 0;
height: 0;
border-width: 15px;
border-style: solid;
border-color: #222;
border-right-color: transparent;
}
.entry .category-label,
.enquetes dt {
position: absolute; }
.widget .category-label a {
margin-bottom: 5px;
width: 100px;
height: 20px;
line-height: 20px;
font-size: 11px;
}
.widget .category-label a:before {
right: -10px;
border-width: 10px;
}
.category-label .cat-id-3,
.category-label .category-3 {
background-color: #e7a800;
}
.category-label .cat-id-3:before,
.category-label .category-3:before {
border-color: #e7a800;
}
.category-label .cat-id-4,
.category-label .category-4 {
background-color: #2c609a;
}
.category-label .cat-id-4:before,
.category-label .category-4:before {
border-color: #2c609a;
}
.category-label .cat-id-5,
.category-label .category-5 {
background-color: #2c609a;
}
.category-label .cat-id-5:before,
.category-label .category-5:before {
border-color: #2c609a;
}
.category-label .cat-id-6,
.category-label .category-6 {
background-color: #4ca29f;
}
.category-label .cat-id-6:before,
.category-label .category-6:before {
border-color: #4ca29f;
}
.category-label .cat-id-7,
.category-label .category-7 {
background-color: #e35d80;
}
.category-label .cat-id-7:before,
.category-label .category-7:before {
border-color: #e35d80;
}
.category-label .cat-id-9,
.category-label .category-9 {
background-color: #92a430;
}
.category-label .cat-id-9:before,
.category-label .category-9:before {
border-color: #92a430;
}
.category-label .cat-id-10,
.category-label .category-10 {
background-color: #755b7e;
}
.category-label .cat-id-10:before,
.category-label .category-10:before {
border-color: #755b7e;
}
.category-label .cat-id-11,
.category-label .category-11 {
background-color: #df5b26;
}
.category-label .cat-id-11:before,
.category-label .category-11:before {
border-color: #df5b26;
}
.category-label .cat-id-127,
.category-label .category-127 {
background-color: #e03638;
}
.category-label .cat-id-127:before,
.category-label .category-127:before {
border-color: #e03638;
}
.category-label .cat-id-160,
.category-label .category-160 {
background-color: #3a8c1d;
}
.category-label .cat-id-160:before,
.category-label .category-160:before {
border-color: #3a8c1d;
}
.category-label .cat-id-550,
.category-label .category-550 {
background-color: #df5b26;
}
.category-label .cat-id-550:before,
.category-label .category-550:before {
border-color: #df5b26;
border-right-color: transparent;
}
.category-label .cat-id-549,
.category-label .category-549 {
background-color: #e35d80;
}
.category-label .cat-id-549:before,
.category-label .category-549:before {
border-color: #e35d80;
border-right-color: transparent;
}
.category-label .cat-id-593,
.category-label .category-593 {
background-color: #67e58d;
}
.category-label .cat-id-593:before,
.category-label .category-593:before {
border-color: #67e58d;
border-right-color: transparent;
}
.category-label .cat-id-594,
.category-label .category-594 {
background-color: #3aabd2;
}
.category-label .cat-id-594:before,
.category-label .category-594:before {
border-color: #3aabd2;
border-right-color: transparent;
}
.category-label .cat-id-3:before,
.category-label .cat-id-4:before,
.category-label .cat-id-5:before,
.category-label .cat-id-6:before,
.category-label .cat-id-7:before,
.category-label .cat-id-9:before,
.category-label .cat-id-10:before,
.category-label .cat-id-11:before,
.category-label .cat-id-127:before,
.category-label .cat-id-160:before,
.category-label .category-3:before,
.category-label .category-4:before,
.category-label .category-5:before,
.category-label .category-6:before,
.category-label .category-7:before,
.category-label .category-12:before,
.category-label .category-13:before,
.category-label .category-9:before,
.category-label .category-10:before,
.category-label .category-127:before,
.category-label .category-160:before {
border-right-color: transparent;
}
.home .category-label {
display: none;
}
.home #side .category-label {
display: block;
}
.st-catgroup span.cat-id-3,
body.category-3 .archive-title {
background-color: #e7a800;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_kaden.png);
}
.st-catgroup span.cat-id-4,
body.category-4 .archive-title {
background-color: #2c609a;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_event.png);
}
.st-catgroup span.cat-id-5,
body.category-5 .archive-title {
background-color: #2c609a;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_job.png);
}
.st-catgroup span.cat-id-6,
body.category-6 .archive-title {
background-color: #4ca29f;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_health.png);
}
.st-catgroup span.cat-id-7,
body.category-7 .archive-title {
background-color: #e35d80;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_love.png);
}
.st-catgroup span.cat-id-9,
body.category-9 .archive-title {
background-color: #92a430;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_life.png);
}
.st-catgroup span.cat-id-10,
body.category-10 .archive-title {
background-color: #755b7e;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_beauty.png);
}
.st-catgroup span.cat-id-11,
body.category-11 .archive-title {
background-color: #df5b26;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_child.png);
}
.st-catgroup span.cat-id-127,
body.category-127 .archive-title {
background-color: #e03638;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_entertainment.png);
}
.st-catgroup span.cat-id-160,
body.category-160 .archive-title {
background-color: #3a8c1d;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_season.png);
}
.st-catgroup span.cat-id-550,
body.category-550 .archive-title {
background-color: #df5b26;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_gourmet.png);
}
.st-catgroup span.cat-id-549,
body.category-549 .archive-title {
background-color: #e35d80;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_cosme.png);
}
.st-catgroup span.cat-id-594,
body.category-594 .archive-title {
background-color: #3aabd2;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_mens-cosme.png);
}
.st-catgroup span.cat-id-593,
body.category-593 .archive-title {
background-color: #67e58d;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_hair-removal.png);
}
.st-catgroup span.enquete,
body.post-type-archive-enquete .archive-title {
background-color: #6bb4d3;
background-image: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_ttl_enquete.png);
} @media screen and (min-width: 769px) {
.btn {
width: 90% !important;
}
}
.btn {
display: inline-block;
width: 90%;
margin-bottom: 10px;
padding: 1rem 3rem;
box-sizing: border-box;
text-decoration: none;
text-align: center;
color: #fff;
position: relative;
z-index: 10;
font-weight: 700;
top: 0;
background: #aaa;
transition: 0.2s;
}
.btn:hover {
color: #fff;
text-decoration: none;
opacity: 0.8;
transform: translateY(5px);
}
.btn:hover:after {
box-shadow: 0 0 0 0 rgba(31, 31, 31, 0.5);
}
.btn:before {
position: absolute;
top: 0;
bottom: 0;
right: 1rem;
height: 1.8rem;
margin: auto;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f104";
transition: 0.3s;
}
.btn:hover:before {
right: 0.75rem;
}
.btn:after {
transition: 0.4s;
position: absolute;
content: "";
display: block;
background-color: transparent !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}
.btn-money {
background-color: #e7a800;
}
.btn-event {
background-color: #2c609a;
}
.btn-job {
background-color: #2c609a;
}
.btn-health {
background-color: #4ca29f;
}
.btn-romance {
background-color: #e35d80;
}
.btn-life {
background-color: #92a430;
}
.btn-beauty {
background-color: #755b7e;
}
.btn-childcare {
background-color: #df5b26;
}
.btn-entertainment {
background-color: #e03638;
}
.btn-season {
background-color: #3a8c1d;
}
.btn-enquete {
background-color: #6bb4d3;
}
.btn-amazon {
background-color: #ff8e02;
}
.btn-rakuten {
background-color: #b70001;
}
.btn-official {
background-color: #b70001;
}
.btn-koushiki {
background-color: #00a23f;
} .btn2 {
padding: 0.5em 0;
overflow: hidden;
position: relative;
color: #ffffff;
}
.btn2 a {
border: solid #fff 2.5px;
border-radius: 12px;
box-shadow: 1px 1px 10px 0 #a1a1a1;
color: #ffffff;
display: block;
font-size: 24px;
font-weight: bold;
line-height: 1.3;
margin: 0.6em auto;
padding: 22px 24px 18px;
position: relative;
text-align: center;
text-decoration: none;
transition: 0.2s ease-in-out;
vertical-align: middle;
width: 77%;
}
.btn2.is-fz20 a {
font-size: 20px;
color: #ffffff;
}
.btn2 a img {
vertical-align: middle;
}
.btn2 a:after {
content: " " !important;
} .btn2 a:before {
background: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/arrow-circle-right-solid.svg) center no-repeat;
background-size: 100%;
width: 34px;
height: 32px;
display: block;
font-weight: normal;
font-size: 1.1em;
margin-top: -0.6em;
position: absolute;
right: 16px;
top: 50%;
content: "";
color: #ffffff;
}
.btn2 a:hover {
box-shadow: 1px 1px 2px 0 #a1a1a1;
filter: alpha(opacity=70);
opacity: 0.7;
color: #ffffff;
}
.btn2 a:link {
color: #ffffff;
}
.btn2 a:visited {
color: #ffffff;
} .btn2 + .btn2 a {
margin-top: 0;
} .btn2 a {
background: #00a23f;
background: linear-gradient(#00a23f, #39900a);
text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 1px 1px 1px black;
color: #ffffff;
} .btn2.is-red a {
background: #fb4e3e;
background: linear-gradient(#fb4e3e, #d64b26);
color: #ffffff;
} .btn2.is-blue a {
background: #09c;
background: linear-gradient(#09c, #069);
color: #ffffff;
} .btn2.is-black a {
background: #666;
background: linear-gradient(#8a8a8a, #666);
color: #ffffff;
} .is-reflection a {
overflow: hidden;
}
.is-reflection a:after {
-moz-animation: is-reflection 4s ease-in-out infinite;
-moz-transform: rotate(45deg);
-ms-animation: is-reflection 4s ease-in-out infinite;
-ms-transform: rotate(45deg);
-o-animation: is-reflection 4s ease-in-out infinite;
-o-transform: rotate(45deg);
-webkit-animation: is-reflection 4s ease-in-out infinite;
-webkit-transform: rotate(45deg);
animation: is-reflection 4s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px;
} .is-reflection + .is-reflection a:after {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
@keyframes is-reflection {
0% {
transform: scale(0) rotate(45deg);
opacity: 0;
}
80% {
transform: scale(0) rotate(45deg);
opacity: 0.5;
}
81% {
transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
transform: scale(50) rotate(45deg);
opacity: 0;
}
}
@-webkit-keyframes is-reflection {
0% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0;
}
80% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0.5;
}
81% {
-webkit-transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
-webkit-transform: scale(50) rotate(45deg);
opacity: 0;
}
} .is-trembling a:before {
-webkit-animation-name: is-trembling;
-webkit-animation-duration: 0.8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease;
-moz-animation-name: is-trembling;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease;
}
@-webkit-keyframes is-trembling {
0% {
-webkit-transform: translate(-10px, 0);
}
100% {
-webkit-transform: translate(0, 0);
}
} .is-bounce {
animation: bounce 4s infinite;
-moz-animation: bounce 4s infinite;
-webkit-animation: bounce 4s infinite;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
@-webkit-keyframes bounce {
0%,
4%,
10%,
18%,
100% {
-webkit-transform: translateY(0);
}
5% {
-webkit-transform: translateY(-6px);
}
12% {
-webkit-transform: translateY(-4px);
}
}
@keyframes bounce {
20%,
24%,
30%,
34%,
100% {
transform: translateY(0);
}
25% {
transform: translateY(-6px);
}
32% {
transform: translateY(-4px);
}
} .is-bounce + .is-bounce {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
} .is-purun {
-webkit-animation: is-purun 5s infinite;
animation: is-purun 5s infinite;
}
@-webkit-keyframes is-purun {
0% {
-webkit-transform: scale(1, 1) translate(0%, 0%);
}
4% {
-webkit-transform: scale(0.9, 0.9) translate(0%, 3%);
}
8% {
-webkit-transform: scale(1.1, 0.8) translate(0%, 7%);
}
12% {
-webkit-transform: scale(0.9, 0.9) translate(0%, -7%);
}
18% {
-webkit-transform: scale(1.1, 0.9) translate(0%, 3%);
}
25% {
-webkit-transform: scale(1, 1) translate(0%, 0%);
}
}
@keyframes is-purun {
0% {
transform: scale(1, 1) translate(0%, 0%);
}
4% {
transform: scale(0.9, 0.9) translate(0%, 3%);
}
8% {
transform: scale(1.1, 0.8) translate(0%, 7%);
}
12% {
transform: scale(0.9, 0.9) translate(0%, -7%);
}
18% {
transform: scale(1.1, 0.9) translate(0%, 3%);
}
25% {
transform: scale(1, 1) translate(0%, 0%);
}
} .is-purun + .is-purun {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
} @media only screen and (max-width: 769px) {
.btn2 a {
font-size: 16px;
margin: 0 auto 1em;
padding: 20px 24px 18px 15px;
width: 94%;
}
.btn2 a:before {
right: 4px;
}
} .fb-comments,
.cliparea {
margin-bottom: 20px;
}
.cliparea h2 {
margin: 0 0 10px;
padding: 10px;
font-size: 13px;
border-left: solid 5px #ddd;
} .c {
margin: 1em 0;
padding: 1em 20px;
border: dashed 2px #ddd;
}
.d {
margin: 20px 0;
padding: 20px;
border: solid 4px #ddd;
}
.e {
overflow: hidden;
}
.e li {
list-style: none;
margin: 0;
width: 50%;
float: left;
}
.e li:nth-child(even) {
text-align: right;
}
.e li strong {
font-size: 20px;
color: #6bb4d3;
}
.v,
.v2 {
position: relative;
margin: 1em 0;
padding: 1em 20px;
}
.v {
padding-left: 120px;
background: #eee url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/v_male.png) no-repeat left 50%;
}
.v2 {
padding-right: 120px;
background: #eee url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/v_female.png) no-repeat right 50%;
}
.company {
margin: 20px 0;
padding: 20px;
border: dashed 4px #e35d80;
}
.wpcf7-form-control-wrap.company {
border: none;
margin: 0;
padding: 0;
}  @media only screen and (min-width: 600px) {
#colophon .footer-l {
overflow: hidden;
}
#colophon .menu-category-menu-container,
#colophon .menu-secondary-menu-container {
width: 50%;
float: left;
}
main .kanren {
overflow: hidden;
}
main .kanren dl,
main .kanren .no-thumbitiran {
margin-left: 2%;
}
main .kanren .entry {
display: inline-block;
width: 48%;
padding-bottom: 0;
border-bottom: 0;
vertical-align: top;
}
} @media print,
screen and (min-width: 960px) {
main,
#side {
padding: 15px 0 !important;
}
main { } #contentInner main {
margin-right: 340px;
}
#headbox,
#intro .menu-header-menu-container .menu,
#prefix-in,
#footer-in,
#breadcrumb ol {
margin: 0 auto;
padding-left: 0;
padding-right: 0;
max-width: 1100px !important;
}
#header-l {
width: 700px;
max-width: 700px;
}
#header-r {
width: 300px;
max-width: 300px;
}
#intro .menu-header-menu-container .menu {
border-left: solid 1px #fff;
border-right: solid 1px #fff;
}
#intro .smanone .menu {
margin-bottom: 5px;
line-height: 1;
text-align: right;
}
#intro .smanone .menu li,
#intro .smanone .menu li a {
display: inline-block !important;
width: auto !important;
height: auto !important;
float: none !important;
}
#intro .smanone .menu li a {
line-height: 1 !important;
}
#intro .smanone .menu li:not(:last-child) {
padding-right: 5px;
border-right: dotted 1px #ccc;
}
#intro .sitename {
margin-right: 10px;
float: left;
}
#intro .descr {
margin-top: 20px;
padding-left: 30px;
overflow: hidden;
}
#intro .widget {
margin-bottom: 5px;
margin-top: 5px;
}
#footer {
text-align: left;
overflow: hidden;
}
#footer address,
#footer .copyr {
float: left;
}
#footer address {
width: 60%;
}
#footer .copyr {
width: 40%;
text-align: right;
}
#footer address img {
margin-right: 10px;
float: left;
}
#colophon .footer-rbox {
width: 50%;
float: left;
}
#breadcrumb ol {
white-space: normal;
}
.st-eyecatch {
margin: 0;
border-radius: 0;
}
main .kanren {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
}
main .kanren h3 a {
font-size: 20px;
}
.sns li {
width: 31.33333%;
}
.adbox {
text-align: center;
}
.adbox div {
display: inline-block;
}
body.home main .kanren .entry:not(.wide) dt {
width: 250px;
float: left;
}
body.home main .kanren .entry:not(.wide) dd {
padding-left: 265px;
}
}
body.home main .kanren .entry:not(.wide) {
width: 100%;
padding: 1rem 0;
position: relative;
background: #fff;
border-bottom: 1px solid #ddd;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
body.home main .kanren .entry:not(.wide) {
width: 100%;
}
}
@media screen and (max-width: 768px) {
body.home main .kanren .entry:not(.wide) {
width: 100%;
}
#intro {
z-index: 1;
top: 0;
left: 0;
width: 100%; }
#intro .sitename {
margin: 0 auto;
}
nav.pc { }
footer #prefix-in {
width: 100%;
}
footer .menu {
width: 100%;
padding: 0;
}
footer .menu li {
margin: 10px 6px !important;
}
.widget.headbox {
margin-bottom: 10px;
margin-top: 15px;
}
}
@media screen and (max-width: 480px) {
body.home main .kanren .entry:not(.wide) {
width: 100%;
}
#prefix-in img {
width: 230px;
margin: 10px auto;
}
}
body.home main .kanren h3 a {
display: block;
font-size: 1rem;
line-height: 1.4;
font-weight: 700;
margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
body.home main .kanren h3 a {
margin-bottom: 1rem;
font-size: 15px;
height: auto;
}
}
.excerpt {
margin-bottom: 5px;
font-size: 12px;
color: #888;
}
@media screen and (max-width: 480px) {
body.home main .entry {
padding-bottom: 0;
}
}
body.home main .entry-box { width: calc(100% - 190px);
box-sizing: border-box;
background: #fff;
}
@media screen and (max-width: 768px) {
body.home main .entry-box {
width: calc(100% - 120px);
}
}
body.home main body.home main .entry-excerpt {
display: none;
}
body.home main .entry-excerpt p {
font-size: 11px;
line-height: 1.4;
color: #333;
}
body.home .kanren dl:last-child {
margin: 0 auto 2rem;
width: 100%;
}
body.home .enquetes-box {
max-width: 1110px;
margin: 0 auto;
}
body.home #content-w {
padding-bottom: 1rem;
}
body #content {
max-width: 1110px;
}
#intro .sitename {
padding-top: 0;
float: none;
text-align: center;
}
#intro .descr {
margin-top: 0;
padding-left: 0;
font-size: 12px;
}
#headbox {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; flex-flow: column wrap;
align-items: center;
}
#headbox img {
display: inline;
width: 370px;
height: auto;
margin: 0 auto;
}
#header-l {
width: auto; }
#header-r {
display: none;
}
.mainVisual {
overflow-x: hidden;
}
.mainvisual-box {
width: 100vw;
height: 70vh;
background-position: center center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.mainvisual-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1024px) {
.mainvisual-box {
height: 450px;
}
}
@media screen and (max-width: 768px) {
.mainvisual-box {
width: 100%;
height: 450px;
position: relative;
margin: 0 auto; background-size: cover;
background-position: 60% 50%;
}
}
@media screen and (max-width: 480px) {
.mainvisual-box {
height: 400px;
}
}
.mainvisual-box_txt {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 76%;
height: 98px;
margin: auto;
text-align: left;
}
@media screen and (max-width: 480px) {
.mainvisual-box_txt {
height: 98px;
}
}
.mainvisual-box_txt h1 {
margin-bottom: 10px;
font-size: 1.5rem;
font-weight: 400;
color: #fff;
line-height: 1.4;
letter-spacing: 1px;
}
@media screen and (max-width: 1024px) {
.mainvisual-box_txt h1 {
font-size: 1rem;
}
}
@media screen and (max-width: 480px) {
.mainvisual-box_txt h1 {
font-size: 14px;
font-weight: 700;
}
}
@media screen and (max-width: 768px) {
.mainvisual-box_txt h1 br {
display: none;
}
}
.mainvisual-box_txt h1 span {
font-weight: 400;
}
.mainvisual-box_txt p {
color: #fff;
font-size: 1.4rem;
line-height: 1.4;
margin: 7px auto;
}
@media screen and (max-width: 768px) {
.mainvisual-box_txt p {
font-size: 1.2rem;
}
.mainvisual-box_txt p br {
display: none;
}
}
@media screen and (max-width: 768px) {
.mainvisual-box_txt p {
font-size: 0.75rem;
}
nav .categoryNav {
justify-content: flex-start;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
}
.categoryNav {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
flex-flow: row nowrap;
margin: 0 auto 0px;
}
@media screen and (max-width: 768px) {
.categoryNav { }
}
.menu-item-object-category a:hover {
color: inherit;
}
.categoryNav .menu-item a {
display: inline-block;
margin: 0.5rem;
padding: 0.5rem 1rem;
box-sizing: border-box;
font-size: 0.8rem;
color: #999;
border: 1px solid #ddd;
border-radius: 0.2rem;
transition: 0.2s;
}
h4.top-category {
display: none;
}
@media screen and (max-width: 768px) {
.categoryNav .menu-item a {
width: 100px;
padding: 0.5rem 0;
text-align: center;
}
h4.top-category {
position: relative;
display: block;
padding: 15px 0;
font-weight: normal;
text-align: center;
color: inherit;
text-decoration: none;
background: #eee url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/icon_mark_menu.png) no-repeat 15px 50%;
border-radius: 3px 3px 0 0;
}
h4.top-category:before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}
}
.categoryNav .menu-item a:hover {
background: rgba(255, 255, 255, 0.85);
}
.categoryNav .current-menu-item a {
color: #5ab8ce;
border-color: #5ab8ce;
}
.categoryNav li:first-child a:hover {
border: 1px solid #e35d80;
color: #e35d80;
}
.categoryNav .cat-item-127 a:hover {
border: 1px solid #755b7e;
color: #755b7e;
}
.categoryNav .cat-item-4 a:hover {
border: 1px solid #3aabd2;
color: #3aabd2;
}
.categoryNav .cat-item-6 a:hover {
border: 1px solid #67e58d;
color: #67e58d;
}
.categoryNav .cat-item-9 a:hover {
border: 1px solid #92a430;
color: #92a430;
}
.categoryNav .cat-item-10 a:hover {
border: 1px solid #e03638;
color: #e03638;
}
.categoryNav .cat-item-7 a:hover {
border: 1px solid #4ca29f;
color: #4ca29f;
}
.categoryNav .cat-item-12 a:hover {
border: 1px solid #2c609a;
color: #2c609a;
}
.categoryNav .cat-item-13 a:hover {
border: 1px solid #e7a800;
color: #e7a800;
}
.categoryNav .cat-item-11 a:hover {
border: 1px solid #df5b26;
color: #df5b26;
}
.categoryNav .cat-item-3 a:hover {
border: 1px solid #e03638;
color: #e03638;
}
.categoryNav .cat-item-5 a:hover {
border: 1px solid #2c609a;
color: #2c609a;
}
.categoryNav .cat-item-160 a:hover {
border: 1px solid #755b7e;
color: #755b7e;
}
.categoryNav .cat-item-549 a:hover {
border: 1px solid #e35d80;
color: #e35d80;
}
.categoryNav .cat-item-550 a:hover {
border: 1px solid #df5b26;
color: #df5b26;
}
.categoryNav .cat-item-999 a:hover {
border: 1px solid #e7a800;
color: #e7a800;
}
.categoryNav ul {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
main .kanren {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
}
main .kanren .entry img {
width: 100%;
height: auto;
} header h1.sitename {
padding-top: 5px;
margin: 2px 0;
}
@media screen and (max-width: 768px) {
header h1.sitename {
padding-top: 0;
margin: 2px 0;
}
}
@media screen and (max-width: 480px) {
header .sitename {
margin: 2px auto;
padding: 0;
}
}
#headbox {
padding: 10px !important;
box-sizing: border-box;
}
header .sitename a.logo-text {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif !important;
font-size: 1.4rem;
font-weight: 700;
}
@media screen and (max-width: 768px) {
header .sitename a.logo-text {
font-size: 1rem;
margin: 0 auto;
}
} #toc_container {
margin-bottom: 40px;
padding: 15px 20px;
background: #fff;
border: 1px solid #b9b9b9;
border-radius: 2px;
color: #666;
background-color: #fcfcfc;
}
#toc_container .toc_title {
font-family: "Unica One", cursive;
text-align: center;
margin-bottom: 35px;
margin-top: 0;
padding-top: 0;
padding-bottom: 0px;
font-size: 1.7em;
border-bottom: 1px solid #dedede;
}
#toc_container .toc_list {
list-style-type: none !important;
counter-reset: li;
}
#toc_container .toc_list > li {
position: relative;
margin-bottom: 15px;
margin-left: 30px;
line-height: 1.3em;
font-size: 0.9em;
list-style: none !important;
}
#toc_container .toc_list > li:after {
counter-increment: li;
content: "0"counter(li) " |";
position: absolute;
left: -40px;
top: 0px;
background: none;
font-family: "Unica One", cursive;
font-size: 1.4em;
letter-spacing: -1px;
background-color: #fcfcfc;
}
#toc_container .toc_list > li a {
text-decoration: none !important;
}
#toc_container .toc_list > li a:hover {
text-decoration: underline !important;
}
#toc_container .toc_list > li ul {
list-style-type: disc;
margin-top: 15px;
padding-left: 20px;
}
#toc_container .toc_list > li > ul li {
font-size: 0.9em;
margin-bottom: 8px;
} #toc_container .toc_title:before {
content: ""; width: 22px;
height: 22px;
display: inline-block;
background: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/check-square-regular.svg) center no-repeat;
background-size: 100%;
vertical-align: middle;
font-size: 18px; color: #ff0000;
}
#toc_container .toc_toggle a {
color: #f89174;
}
#toc_container ul {
counter-reset: number;
list-style: none;
list-style-image: none;
}
#toc_container ul li {
line-height: 1.25em;
margin-bottom: 0.9em;
margin-top: 10px;
list-style-image: none;
}
#toc_container ul li a {
font-weight: bold;
text-decoration: none;
}
#toc_container ul li a:hover {
text-decoration: underline;
}
#toc_container ul ul {
margin-top: 0.5em;
}
#toc_container ul ul li {
line-height: 1.25em;
margin-bottom: 0.5em;
font-size: 14px;
margin-left: -30px;
}
#toc_container ul ul li:before { padding-right: 6px;
margin-left: 0px;
color: #fffbf4;
font-weight: 700;
margin-left: -10px;
}
#toc_container ul ul li a {
color: #3d3d3d;
font-weight: normal;
padding-right: 6px;
text-decoration: none;
}
#toc_container ul ul li a:hover {
text-decoration: underline;
}
#toc_container .toc_list > li a {
text-decoration: none !important;
}
#toc_container .toc_list > li a:hover {
text-decoration: underline !important;
}
#toc_container .toc_list > li ul {
list-style-type: disc;
margin-top: 15px;
padding-left: 20px;
}
#toc_container .toc_list > li > ul li {
font-size: 0.9em;
margin-bottom: 8px;
} .entry-content h1 {
border-top: 0;
border-bottom: 2px solid #3c92ae;
font-size: 1.5rem;
}
.st-post .entry-title {
color: #1e1e1e !important;
}
.author_info {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
margin: 0.5rem 0 1rem;
}
.author_info a {
color: #333;
text-decoration: none;
transition: 0.2s;
}
.author_info a:hover {
opacity: 0.7;
}
.author_comments {
position: relative;
margin-bottom: 0;
padding: 1rem;
font-size: 0.9rem;
box-sizing: border-box;
background: #f2f2f2;
border-radius: 10px;
}
.author_comments:before {
content: "";
position: absolute;
top: -20px;
left: 30px;
margin-left: -10px;
border: 10px solid transparent;
border-bottom: 10px solid #f2f2f2;
}
span.author_name {
width: calc(100% - 90px);
}
span.author_des {
display: block;
color: #999;
font-size: 12px;
}
span.author_thumb {
position: relative;
width: 50px;
height: 50px;
margin-right: 1rem;
border-radius: 100px;
overflow: hidden;
border: 1px solid #f5f5f5;
}
span.author_thumb img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 50px;
max-width: initial;
margin: auto;
}
.st-eyecatch {
text-align: center;
}
.st-eyecatch img {
width: 100%;
}
@media screen and (max-width: 480px) {
.st-eyecatch img {
width: 100%;
}
}
@media screen and (max-width: 480px) {
body.home main .entry-box {
position: static;
}
}
.campaign-box {
display: flex;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-ms-align-items: flex-start;
align-items: flex-start;
margin-bottom: 2rem;
}
.campaign-image {
width: 100%;
order: 2;
margin-bottom: 1rem;
}
.campaign-button {
width: 100%;
order: 1;
padding: 1rem 1rem 0;
background: #f5f5f5;
box-sizing: border-box;
}
.campaign-des {
order: 3;
}
.campaign-button_sp {
width: 100%;
order: 4;
}
.campaign-des strong {
font-size: 18px;
line-height: 1.5;
}
.campaign-des p {
font-size: 14px;
line-height: 1.8;
}
.campaign-link {
width: 100%;
padding: 1rem 0;
color: #fff;
background-color: #40a4be;
border: solid 3px #40a4be;
border-radius: 0.25rem;
}
.campaign-link_q {
display: block;
width: 100%;
padding: 0.5rem;
color: #fff;
background-color: #40a4be;
border: solid 3px #40a4be;
border-radius: 0.25rem;
transition: 0.2s;
}
.campaign-link_q {
margin-bottom: 0.75rem;
}
.campaign-link:hover {
text-decoration: none;
color: #40a4be;
background-color: #fff;
border-color: #40a4be;
}
.campaign-link_q:hover {
text-decoration: none;
color: #40a4be;
background-color: #fff;
border-color: #40a4be;
}
.product-maker {
color: #666;
font-size: 12px;
}
.product-name {
margin-bottom: 0.5rem;
font-size: 16px;
}
.product-price {
margin-bottom: 1rem;
font-size: 12px;
line-height: 1;
}
.product-price strong {
font-size: 20px;
}
@media (min-width: 576px) {
.campaign-link_q {
width: 100%;
}
.campaign-box {
padding: 1rem;
border: solid 3px #eee;
box-sizing: border-box;
}
.campaign-image {
width: 51%;
}
.campaign-image img {
width: 100%;
height: auto;
}
.campaign-button {
width: 46%;
order: 1;
padding: 0;
background: transparent;
}
.campaign-des strong {
font-size: 18px;
line-height: 1.5;
}
.campaign-des p {
font-size: 14px;
line-height: 1.8;
}
.product-maker {
color: #666;
font-size: 12px;
}
.product-name {
margin-bottom: 0.5rem;
font-size: 18px;
}
.product-price {
margin-bottom: 1.5rem;
font-size: 14px;
line-height: 1;
}
.product-price strong {
font-size: 20px;
}
.campaign-image {
order: 1;
}
.campaign-button {
order: 2;
}
.campaign-des {
order: 3;
}
}
@media (min-width: 992px) {
.campaign-link {
font-size: 1.4rem;
}
}
.enquetes ul {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
}
.enquetes ul li {
width: 48%;
line-height: 1.6;
}
.home .thumb { width: 168px;
display: block;
overflow: hidden;
}
.thumb {
display: block;
max-height: 190px;
overflow: hidden;
}
.home .kanren h3 {
margin-top: 0;
}
@media screen and (max-width: 768px) {
.home .thumb {
width: 108px;
}
.home .excerpt {
display: none;
}
body.home main .kanren h3 a {
font-size: 12px;
line-height: 1.5;
margin-bottom: 5px;
}
body.home main .kanren .entry:not(.wide) {
padding: 5px 0;
}
body.home main .tags-list a {
font-size: 12px;
}
body.home .kanren h3 a,
.kanren .clearfix dd h5 a {
font-size: 12px;
line-height: 1.5;
margin-bottom: 5px;
}
body.home #side h5 {
line-height: 1;
}
}
.eyecatch_yt { width: 100%;
height: 400px;
position: relative;
}
.eyecatch_yt iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
right: 0;
}
.eyecatch_yt img {
cursor: pointer;
transition: 0.2s;
}
.eyecatch_yt img:hover {
opacity: 0.75;
}
.eyecatch_yt .yt-btn {
pointer-events: none;
transition: 0.2s;
}
.eyecatch_yt .yt-btn:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100px;
height: 100px;
font-size: 60px;
content: "";
background: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/youtube-brands.svg) center no-repeat;
background-size: 100%;
color: #444;
}
.eyecatch_yt img:hover + .yt-btn:after {
background: url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/images/youtube-brands-active.svg) center no-repeat;
background-size: 100%;
}
.post table tr td {
word-break: break-all;
}
.page .categoryNav,
.single .categoryNav {
display: none;
}
.sns ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 10px auto;
overflow: hidden;
}
.sns li {
width: 23%;
margin-right: 1%;
}
.sns li a {
margin: 0;
}
.snstext {
font-size: 10px;
padding-left: 8px;
}
@media screen and (max-width: 1024px) {
.sns ul {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.sns li {
width: 20%;
margin-right: 3%;
}
.sns li a {
padding: 8px;
}
.sns .fa {
font-size: 14px;
padding-right: 10px;
}
}
.hentry aside .widget.newposts {
padding-bottom: 20px;
}
.new_h {
display: none;
}
@media screen and (max-width: 768px) {
.new_h {
display: block;
text-align: center;
background: #eeeeee;
padding: 10px;
border-radius: 3px 3px 0 0;
}
}   .point1 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #69c1e8;
border-radius: 8px;
}
.point1 .point-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #fff;
color: #329fd0;
font-weight: bold;
}
.point1 p {
margin: 0.5em;
padding: 0.5em;
}
.point2 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #ffc1de;
border-radius: 8px;
}
.point2 .point-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #fff;
color: #ff485d;
font-weight: bold;
}
.point2 p {
margin: 0.5em;
padding: 0.5em;
} .box1 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #69c1e8;
border-radius: 8px;
}
.box1 .box1-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #fff;
color: #329fd0;
font-weight: bold;
}
.box1 p {
margin: 0.5em;
padding: 0.5em;
} .box2 {
position: relative;
margin: 2em 0;
padding: 1em 1em;
border: solid 3px #ffb8cc;
border-radius: 8px;
}
.box2 .box2-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #fff;
color: #ff485d;
font-weight: bold;
}
.box2 p {
margin: 0.5em;
padding: 0.5em;
} .box3 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #ffd45f;
}
.box3 .box3-title {
position: absolute;
display: inline-block;
top: -27px;
left: -3px;
padding: 0 9px;
height: 25px;
line-height: 25px;
font-size: 17px;
background: #ffd45f;
color: #ffffff;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.box3 p {
margin: 0;
padding: 0;
} .box4 {
position: relative;
background: #f7fde8;
border-radius: 10px;
padding: 20px;
line-height: 130%;
display: block;
margin: 38px 10px 1px;
}
.box4 .box4-title {
position: absolute;
top: -15px;
left: 10px;
display: block;
background: #1a7d96;
color: #fff;
border-radius: 10px;
padding: 5px 20px;
text-align: center;
line-height: 148%;
font-size: 110%;
font-weight: bold;
} .box4B {
position: relative;
background: #f1f1f1;
border-radius: 10px;
padding: 20px;
line-height: 130%;
display: block;
margin: 38px 10px 20px;
}
.box4B .box4B-title {
transform: rotate(-30deg);
position: absolute;
top: -20px;
left: -25px;
display: block;
background: #e65151;
color: #fff;
border-radius: 10px;
padding: 5px 20px;
text-align: center;
line-height: 148%;
font-size: 110%;
font-weight: bold;
-webkit-animation: kurukurku 3s ease infinite alternate;
animation: kurukurku 3s ease infinite alternate;
}
@keyframes kurukurku {
0% {
transform: rotate(-30deg);
}
90% {
transform: rotate(0deg);
}
100% {
transform: rotate(-40deg);
}
} .box5 {
position: relative;
margin: 1.2em auto;
padding: 3em 1em 0.8em;
max-width: 95%; border-style: solid;
border-width: 5px 0 0 0;
border-color: #7b7b7b; background-color: #f2f6fc; color: #666; box-shadow: 0 0 3px #999; }
.box5 .box5-title {
position: absolute;
top: 12px;
left: 15px;
background-color: #f2f6fc; color: #71645c; font-size: 15px;
font-weight: bold;
border-style: none none double;
border-color: #0d7cae; border-width: 3px;
} .box6 {
margin: 2em auto;
padding: 1em;
max-width: 98%;
border: 5px dotted #69a3f3; background-color: #fdfdfd; border-radius: 1px; } .box7 {
position: relative;
margin: 20px auto;
background: #fffdfa;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.22);
padding: 18px 8px 22px 8px;
background-color: #fffdfa;
background-size: 8px 100%, 100% 2em;
line-height: 2;
color: #000000;
max-width: 88%;
}
.box7 .box7-title {
font-size: 26px;
padding: 4px 0 4px 16px;
background-color: #f5f5f5;
background-image: linear-gradient(-45deg,
rgba(208, 208, 208, 0.5) 25%,
transparent 25%,
transparent 50%,
rgba(208, 208, 208, 0.5) 50%,
rgba(208, 208, 208, 0.5) 75%,
transparent 75%,
transparent 100%),
linear-gradient(45deg,
rgba(208, 208, 208, 0.5) 25%,
transparent 25%,
transparent 50%,
rgba(208, 208, 208, 0.5) 50%,
rgba(208, 208, 208, 0.5) 75%,
transparent 75%,
transparent 100%);
background-size: 35px 35px;
color: #505050;
font-weight: bold;
margin: -29px -8px 8px -8px;
}
.box7 p {
margin: 15px 0;
padding: 0;
}
@media only screen and (max-width: 769px) {
.box7 {
max-width: 100%;
}
} .box8 {
position: relative;
margin: 20px auto;
background: #fefee9;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.22);
padding: 22px 8px 22px 8px;
background-color: #fefee9;
background-image: linear-gradient(90deg,
rgba(237, 119, 128, 0) 0%,
rgba(237, 119, 128, 0) 50%,
#fefee9 0%,
#fefee9 100%),
linear-gradient(180deg,
rgba(237, 119, 128, 0) 0%,
rgba(237, 119, 128, 0) 95%,
#9a9a9a 100%);
background-size: 8px 100%, 100% 2em;
line-height: 2;
font-weight: bold;
max-width: 94%;
}
.box8 .box8-title {
margin: 2px 3px -5px 3px; font-size: 20px; position: relative; font-weight: bold; border-radius: 2px; color: #a1292b;
}
p {
margin: 20px auto; line-height: 2; }
.box8-title_point {
background-color: #a1292b; border-radius: 50%; padding: 2px 9px; font-size: 24px; color: #fff; margin-right: 3px; font-weight: bold;
}
.box8:after {
position: absolute;
content: "";
top: 25px;
width: 30%;
height: 35px;
opacity: 0.3;
margin: -38px auto 10px 35%;
background: #a0a0a05c;
transform: rotate(-3deg);
left: 10px;
right: 10px;
border: 1.1px solid #ccc; }
.box8 p {
margin: 0;
padding: 0;
}
@media only screen and (max-width: 769px) {
.box8 {
position: relative;
margin: 1.3em 0 1em 0;
background: #fefee9;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.22);
padding: 28px 8px 22px 8px;
background-color: #fefee9;
background-image: linear-gradient(90deg,
rgba(237, 119, 128, 0) 0%,
rgba(237, 119, 128, 0) 50%,
#fefee9 0%,
#fefee9 100%),
linear-gradient(180deg,
rgba(237, 119, 128, 0) 0%,
rgba(237, 119, 128, 0) 95%,
#9a9a9a 100%);
background-size: 8px 100%, 100% 2em;
line-height: 2;
}
.box8 .box8-title {
margin: -12px 3px -5px 3px; font-size: 20px; position: relative; font-weight: bold; border-radius: 2px; color: #a1292b;
}
}
#page-top a {
padding: 8px 0px !important;
line-height: 1;
margin: 0 60px 40px 0;
border-radius: 50px;
}
#page-top img {
max-width: 100%;
width: 51px;
}
@media only screen and (max-width: 769px) {
#page-top a {
padding: 7px 0px !important;
margin: 0 10px 10px 0;
}	
#page-top img {
width: 42px;
}
} .hosoku {
margin: 1em 0em 2em 4em; padding: 5px 10px;
font-size: 0.9em; color: #555555; border-left: 3px solid #999999; border-radius: 5px;
} .clip-box {
position: relative;
margin: 2em auto;
padding: 15px 35px 15px 25px;
width: 92%; background-color: #f3f3f3; color: #666666; box-shadow: 4px 4px 1px #9d9d9d; }
.clip-box::before {
position: absolute;
content: "";
top: -15px;
right: 10px;
height: 55px;
width: 15px;
border: 3px solid #c0c0c0; background-color: none;
border-radius: 12px;
box-shadow: 1px 1px 2px #ccc; transform: rotate(10deg);
z-index: 1;
}
.clip-box::after {
position: absolute;
content: "";
top: 0px;
width: 10px;
right: 20px;
border: solid 5px #f3f3f3; z-index: 2;
}
@media only screen and (max-width: 769px) {
.clip-box {
width: 80%;
}
} .tape-box {
position: relative;
margin: 30px auto;
padding: 35px 20px 15px;
max-width: 94%; color: #555555; background-color: #fffde7; box-shadow: 0 2px 2px #ccc; }
.tape-box::before {
position: absolute;
top: -1.5em;
left: 30%;
height: 40px;
width: 160px; content: "";
border: 1.1px solid #ccc; background-color: #f5f5f5; opacity: 0.3; transform: rotate(-4.5deg); }
@media only screen and (min-width: 481px) {
.tape-box::before {
left: 40%;
}
} .point {
background: #fff3f3;
margin: 2em 0;
padding: 25px;
border-radius: 10px;
}
.point-circle1 {
font-size: 17px;
line-height: 1.6;
position: absolute;
margin-top: -37px;
font-weight: bold;
color: #fff;
background-color: #ff3939;
border-radius: 50%;
text-align: center;
width: 26px;
height: 26px;
}
.point-circle1:after {
content: "イ";
position: absolute;
margin-top: 0.2em;
margin-left: 1.5px;
font-weight: bold;
color: #fff;
background-color: #ff3939;
border-radius: 50%;
text-align: center;
width: 26px;
height: 26px;
}
.point-circle2:before {
content: "";
position: absolute;
top: 96%;
margin-left: -14px;
border: 5px solid transparent;
border-top: 10px solid #ff3939;
transform: rotate(-20deg);
}
.point-circle2 {
position: absolute;
font-size: 17px;
line-height: 1.6;
margin-top: -37px;
margin-left: 46px;
font-weight: bold;
color: #fff;
background-color: #ff3939;
border-radius: 50%;
text-align: center;
width: 26px;
height: 26px;
}
.point-circle2:after {
content: "ト";
position: absolute;
margin-top: 0.2em;
margin-left: 1px;
font-weight: bold;
color: #fff;
background-color: #ff3939;
border-radius: 50%;
text-align: center;
width: 26px;
height: 26px;
}
.point p {
margin: 0;
padding: 0;
}
.matome {
background: #f7f8f9;
margin: 2.4em 0;
padding: 25px;
border-radius: 10px;
} .matome-circle1 {
font-size: 24px;
line-height: 1.8;
position: absolute;
margin-top: -47px;
font-weight: bold;
color: #fff;
background-color: #0c5bac;
border-radius: 50%;
text-align: center;
width: 38px;
height: 38px;
}
.matome-circle2 {
position: absolute;
margin-top: -42px;
margin-left: 34px;
line-height: 1.7;
font-size: 24px;
font-weight: bold;
color: #fff;
background-color: #0c5bac;
border-radius: 50%;
text-align: center;
width: 38px;
height: 38px;
}
.matome-circle3:before {
content: "";
position: absolute;
top: 108%;
margin-left: -19px;
border: 5px solid transparent;
border-top: 11px solid #0c5bac;
transform: rotate(-20deg);
}
.matome-circle3 {
position: absolute;
font-size: 24px;
line-height: 1.7;
margin-top: -50px;
margin-left: 68px;
font-weight: bold;
color: #fff;
background-color: #0c5bac;
border-radius: 50%;
text-align: center;
width: 38px;
height: 38px;
}
.matome p {
margin: 0;
padding: 10px 0;
} .arrow {
background: linear-gradient(to bottom left, #ff3438 50%, transparent 54%) top left/51% 100% no-repeat,
linear-gradient(to bottom right, #ff3438 50%, transparent 54%) top right/51% 100% no-repeat;
margin: auto;
}
.base_B a.outer-btn {
color: #bfbfbf;
border: 2px solid #bfbfbf;
}
.tablepress td:first-child {
background: #bfbfbf;
}
.tablepress td {
background: #f5f5f5;
}
.base_B tr:last-child td a {
background: #bfbfbf;
box-shadow: 0 0.2rem 0 #757575;
}
.meta-box {
border: solid 5px #eceded;
margin: 40px 0 3rem;
padding: 0 20px 20px;
}
.meta-box a:hover {
color: #333;
} .scroll table {
width: 100%;
}
.scroll {
overflow: auto;
white-space: nowrap;
} .contact-tbl .require {
color: #ff0000;
}
.mw_wp_form table {
border: solid 1px #d6d6d6;
}
.mw_wp_form th {
padding: 5px 5px 5px 10px;
font-weight: normal;
text-align: left;
background: #f7f7f7;
border: solid 1px #d6d6d6;
}
.mw_wp_form td {
border: solid 1px #d6d6d6;
background: #fff;
}
.mw_wp_form .mw-tel {
width: auto !important;
}
.mw_wp_form .text-center {
text-align: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.text-center input {
padding: 5px 10px;
background: #329ed1;
color: #fff;
border: none;
margin: 0 0.5rem;
width: 7rem;
}
.wpcf7 p {
margin: 10px auto;
}
::-webkit-input-placeholder { color: #ccc;
}
:-ms-input-placeholder { color: #ccc;
}
::-moz-placeholder { color: #ccc;
}
::-ms-input-placeholder { color: #ccc;
}
::placeholder { color: #ccc;
}
.advertisement-desc {
position: relative;
padding: 10px 15px;
font: bold 16px/1.6 Arial, Helvetica, sans-serif;
color: #333;
background: #fff;
margin-top: 40px; border-top: #329ed1 solid 3px;
border-bottom: #329ed1 solid 3px;
background-image: linear-gradient(to bottom -45deg,
transparent 40%,
rgba(0, 0, 0, 0.1) 40%,
rgba(0, 0, 0, 0.1) 60%,
transparent 60%);
background-size: 4px 4px;
}
.advertisement-desc:before {
content: " ";
position: absolute;
top: 102%;
left: 24px;
width: 0;
height: 0;
border-width: 12px;
border-style: solid;
border-color: transparent;
border-top-color: #329ed1;
}
.copyr {
display: none;
}
.main-head {
max-width: 1110px; margin: 0 auto;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
padding: 0.7rem 0;
}
.mainVisual #headbox {
display: block !important;
}
.mainVisual #headbox img {
text-align: left;
margin: 0;
}
.headbox { }
.headbox input {
padding: 10px;
}
.mainVisual .headbox #searchform {
border-radius: 50px;
}
.mainVisual .headbox #searchsubmit {
width: 68px;
height: 48px;
}
.mainVisual .headbox #s {
height: 48px;
font-size: 18px;
}
#breadcrumb {
background: #eee;
}
@media only screen and (max-width: 480px) {
.mainVisual .headbox #searchform {
border-radius: 50px;
}
.mainVisual .headbox #searchsubmit {
width: 50px;
height: 34px;
}
.mainVisual .headbox #s {
height: 34px;
font-size: 16px;
}
.main-head .headbox {
margin: 0 auto;
}
}
@media only screen and (max-width: 768px) {
.home .headbox { margin: 0 auto;
}
#headbox-bg {
margin: 0 auto;
display: flex;
}
}
.mt-1r {
margin-top: 1rem;
}
.mb-1r {
margin-bottom: 1rem;
}
.mb-4r {
margin-bottom: 4rem;
} .kiziad {
padding: 0px !important;
}
.adleft {
float: left;
width: 50%;
}
.adright {
float: right;
width: 50%;
}
div.clear {
clear: both;
} .prbox {
background-color: #fff;
border-radius: 5px;
box-shadow: 10px 10px 0px 0px #afcffa;
font-size: 14px;
line-height: 1.7;
margin: 0 0 20px;
overflow: hidden;
padding: 30px;
position: relative;
border: 1px solid #afcffa;
}
.prbox .prdesign {
font-size: 20px;
font-weight: bold;
height: 70px;
left: -55px;
line-height: 90px;
position: absolute;
text-align: center;
top: -15px;
transform: rotate(-45deg);
width: 155px;
z-index: 1;
background-color: #afcffa;
border: 1px solid #afcffa;
color: #fff;
} main a:hover {
color: #000;
}
.category-label a:hover {
color: #fff;
} table caption {
font-weight: bold;
padding: 0.5em 1em;
margin: 0;
background: #f8f8f8;
border: double 1px #999999;
}  .category-money h2:before {
background: rgba(231, 168, 0, 0.8); }
.category-money h2:after {
background: rgba(231, 168, 0, 0.3); }
.category-money h3{
border-top: solid 3px #e7a800;
border-bottom: solid 3px #e7a800;
}
.category-money h4 {
border-left: solid 4px #e7a800;
} .category-kaden h2:before {
background: rgba(231, 168, 0, 0.8); }
.category-kaden h2:after {
background: rgba(231, 168, 0, 0.3); }
.category-kaden h3{
border-top: solid 3px #e7a800;
border-bottom: solid 3px #e7a800;
}
.category-kaden h4 {
border-left: solid 4px #e7a800;
} .category-entertainment h2:before {
background: rgba(224, 54, 56, 0.8); }
.category-entertainment h2:after {
background: rgba(224, 54, 56, 0.3); }
.category-entertainment h3{
border-top: solid 3px #e03638;
border-bottom: solid 3px #e03638;
}
.category-entertainment h4 {
border-left: solid 4px #e03638;
} .category-job h2:before {
background: rgba(60, 146, 174, 0.8); }
.category-job h2:after {
background: rgba(60, 146, 174, 0.3); }
.category-job h3{
border-top: solid 3px #2c609a;
border-bottom: solid 3px #2c609a;
}
.category-job h4 {
border-left: solid 4px #2c609a;
} .category-health h2:before {
background: rgba(76, 162, 159, 0.8); }
.category-health h2:after {
background: rgba(76, 162, 159, 0.3); }
.category-health h3{
border-top: solid 3px #4ca29f;
border-bottom: solid 3px #4ca29f;
}
.category-health h4 {
border-left: solid 4px #4ca29f;
} .category-mens-cosme h2:before {
background: rgba(58, 171, 210, 0.8); }
.category-mens-cosme h2:after {
background: rgba(58, 171, 210, 0.3); }
.category-mens-cosme h3{
border-top: solid 3px #3aabd2;
border-bottom: solid 3px #3aabd2;
}
.category-mens-cosme h4 {
border-left: solid 4px #3aabd2;
} .category-cosme h2:before {
background: rgba(227, 93, 128, 0.8); }
.category-cosme h2:after {
background: rgba(227, 93, 128, 0.3); }
.category-cosme h3{
border-top: solid 3px #e35d80;
border-bottom: solid 3px #e35d80;
}
.category-cosme h4 {
border-left: solid 4px #e35d80;
} .category-event h2:before {
background: rgba(44, 96, 154, 0.8); }
.category-event h2:after {
background: rgba(44, 96, 154, 0.3); }
.category-event h3{
border-top: solid 3px #2c609a;
border-bottom: solid 3px #2c609a;
}
.category-event h4 {
border-left: solid 4px #2c609a;
} .category-life h2:before {
background: rgba(146, 164, 48, 0.8); }
.category-life h2:after {
background: rgba(146, 164, 48, 0.3); }
.category-life h3{
border-top: solid 3px #92a430;
border-bottom: solid 3px #92a430;
}
.category-life h4 {
border-left: solid 4px #92a430;
} .category-beauty h2:before {
background: rgba(117, 91, 126, 0.8); }
.category-beauty h2:after {
background: rgba(117, 91, 126, 0.3); }
.category-beauty h3{
border-top: solid 3px #755b7e;
border-bottom: solid 3px #755b7e;
}
.category-beauty h4 {
border-left: solid 4px #755b7e;
} .category-hair-removal h2:before {
background: rgba(103, 229, 141, 0.8); }
.category-hair-removal h2:after {
background: rgba(103, 229, 141, 0.3); }
.category-hair-removal h3{
border-top: solid 3px #67e58d;
border-bottom: solid 3px #67e58d;
}
.category-hair-removal h4 {
border-left: solid 4px #67e58d;
} .category-gourmet h2:before {
background: rgba(223, 91, 38, 0.8); }
.category-gourmet h2:after {
background: rgba(223, 91, 38, 0.3); }
.category-gourmet h3{
border-top: solid 3px #df5b26;
border-bottom: solid 3px #df5b26;
}
.category-gourmet h4 {
border-left: solid 4px #df5b26;
} @-webkit-keyframes display {
0% { opacity: 0;
}
14% { opacity: 1;
}
28% { opacity: 1;
}
42% { opacity: 0;
}
100% { opacity: 0;
}
}
@keyframes display {
0% { opacity: 0;
}
14% { opacity: 1;
}
28% { opacity: 1;
}
42% { opacity: 0;
}
100% { opacity: 0;
}
}
.pic-ctn {
position: relative;
width: auto;
height: auto;
}
.pic-del {
opacity: 0;
}
.pic-ctn01 {
position: absolute;
top: 0;
opacity: 0;
-webkit-animation: display 9s infinite;
animation: display 9s infinite;
}
.pic-ctn02 {
position: absolute;
top: 0;
opacity: 0;
-webkit-animation: display 9s infinite 3s;
animation: display 9s infinite 3s;
}
.pic-ctn03 {
position: absolute;
top: 0;
opacity: 0;
-webkit-animation: display 9s infinite 6s;
animation: display 9s infinite 6s;
} .sliderjs {
max-width: 600px;
margin: 0 auto 50px;
}
.sliderjs img {
width: 100%;
} .ban2res div {
display: inline-block;
margin: 0 10px;
}
@media screen and (max-width: 700px) {
.ban2res div {
display: block;
}
}
.check {
color: #444;
font-size: 18px;
font-weight: bold;
position: relative;
padding: 0 0 0 8px;
border-bottom: 1px dashed #b9b9b9;
margin: 34px 0 10px;
}
.check:before {
content: "\002714"; color: #ee8992;
margin: 0px 10px 0 0;
font-size: 28px;
}
@media only screen and (max-width: 700px) {
.check {
font-size: 16px;
margin: 20px 0 10px;
}
}
.rbox {
display: inline-block;
}
.rbox img {
width: 34%;
height: auto;
float: left;
margin: 10px 10px 30px;
}
.rbox p {
float: right;
width: 62%;
font-size: 14px;
margin: 11px 0;
line-height: 28px;
padding: 0px 5px 0 10px;
}
@media only screen and (max-width: 700px) {
.rbox img {
width: 100%;
margin: 10px auto 12px;
}
.rbox p {
width: 100%;
}
}
#s {
border: 0;
} .review {
padding: 5px;
margin: 5px;
border: solid 1px #dbdbdb;
border-radius: 10px;
}
.review-img {
float: left;
margin: 5px;
}
.review-plofile {
margin: 5px 0px 20px;
height: 50px;
}
.review-name {
float: left;
font-weight: bold;
font-size: 0.9em;
margin: 5px;
width: 120px;
}
.review-abstract {
float: left;
font-size: 0.8em;
margin: 5px 5px 15px;
width: 250px;
}
.review-text {
clear: left;
position: relative;
margin: 1.3em 0 0;
padding: 0 5px;
min-width: 120px;
max-width: 100%;
color: #555;
}
.review-q {
font-weight: bold;
margin: 15px 0 5px;
}
.review-a {
margin: 5px 0 15px;
} .yarpp-thumbnails-horizontal .yarpp-thumbnail img {
height: auto;
}
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail {
width: auto;
height: 200px;
}
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail:hover {
color: #74cde4;
}
.yarpp-related .yarpp-thumbnails-horizontal {
text-align: center;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail .yarpp-thumbnail-title {
max-height: 80px;
font-size: 12px;
line-height: 1.7em;
}
.entry-content .yarpp-related h3 {
padding-left: 3rem;
}
.entry-content .yarpp-related {
margin: 3rem 0;
} .t-scroll {
overflow-x: auto;
}
.t-scroll table {
margin: 0;
}
.th-scroll {
width: 1082px;
}
.tb-scroll {
width: 1082px;
height: 610px;
overflow-x: hidden;
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.tb-scroll::-webkit-scrollbar {
display: none;
}
.tablepress {
table-layout: fixed;
} .p-navi {
display: none;
} .r-banner {
border: solid 1px #dbdbdb;
border-radius: 10px;
padding: 20px;
background-color: #f8f8f8;
}
.rb-ad {
float: left;
}
.rb-comment {
float: left;
width: 300px;
}
.rb-comment ul {
padding: 0;
margin: 10px;
}
.rb-comment ul li {
font-size: 14px;
position: relative;
list-style-type: none;
}
.rb-comment ul li::after {
content: "";
display: block;
position: absolute;
top: 0.5em;
left: -1.5em;
width: 10px;
height: 5px;
border-left: 2px solid #25af01;
border-bottom: 2px solid #25af01;
transform: rotate(-45deg);
}
.rb-clear {
clear: left;
}
.nw-scroll {
overflow-x: auto;
white-space: nowrap;
} .kaiwa-talk {
margin-bottom: 40px;
}
.kaiwa-talk figure img {
width: 100%;
height: 100%;
border: 2px solid #c0c0c0;
border-radius: 50%;
margin: 0;
} .kaiwa-talk-imgname {
padding: 5px 0 0;
font-size: 10px;
text-align: center;
}
p.kaiwa-talk-text {
margin: 0 0 8px;
}
p.kaiwa-talk-text:last-child {
margin-bottom: 0px;
} .kaiwa-talk:after,
.talk:before {
clear: both;
content: "";
display: block;
}  .kaiwa-talk-Limg {
margin-left: 4px;
margin-top: -1px;
float: left;
width: 60px;
height: 60px;
} .kaiwa-talk-Ltxt {
color: #444;
position: relative;
margin-left: 100px;
padding: 1.2em;
border: 3px solid #c0c0c0;
background-color: #fff;
border-radius: 5px;
} .kaiwa-talk-Ltxt:before {
position: absolute;
content: "";
border: 10px solid transparent;
border-right: 10px solid #c0c0c0;
top: 15px;
left: -20px;
}
.kaiwa-talk-Ltxt:after {
position: absolute;
content: "";
border: 10px solid transparent;
border-right: 10px solid #fff;
top: 15px;
left: -16px;
}
.spot dt a {
position: relative;
display: block;
width: 100px;
height: 100px;
overflow: hidden;
}
.spot dt a img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
transform: scale(1.8);
} .supervisor-title {
margin: 10px 0;
}
.supervisor {
border: solid 3px #dbdbdb;
padding: 20px;
}
.supervisor-text {
clear: left;
}
.supcome-title {
font-weight: bold;
}
.supcome-img {
float: left;
margin: 15px 30px 15px 0px;
}
.supcome-plofile {
margin: 15px 0px;
}
.supcome-name {
font-weight: bold;
font-size: 1.2em;
}
.supcome-text {
clear: left;
position: relative;
margin: 1.5em 0;
padding: 15px 20px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #fff;
border: solid 3px #dbdbdb;
box-sizing: border-box;
}
.supcome-text:before {
content: "";
position: absolute;
top: -24px;
left: 7%;
margin-left: -15px;
border: 12px solid transparent;
border-bottom: 12px solid #fff;
z-index: 2;
}
.supcome-text:after {
content: "";
position: absolute;
top: -30px;
left: 7%;
margin-left: -17px;
border: 14px solid transparent;
border-bottom: 14px solid #dbdbdb;
z-index: 1;
} .adosusumepr {
background-color: #fff;
border-radius: 1px;
font-size: 14px;
line-height: 1.7;
margin: 0 0 20px;
overflow: hidden;
padding: 30px;
position: relative;
border: 1px solid #a3a0a0;
} .adosusumepr .adosusumeprdesign {
font-size: 19.5px;
font-weight: 700;
height: 60px;
left: -10px;
line-height: 75px;
position: absolute;
text-align: center;
top: -15px;
transform: rotate(-0deg);
width: 260px;
z-index: 1;
border: 1px solid #a3a0a0;
color: #595858;
} .adosusumeprmidashi {
font-size: 19.5px;
font-weight: 700;
height: 60px;
left: -10px;
line-height: 75px;
text-align: center;
top: -15px;
width: 300px;
position: absolute;
transform: skewX(-15deg);
border: 1px solid #a3a0a0;
color: #595858;
} .adosusumeprmidashi span {
display: block;
transform: skewX(15deg);
} a.cp_btn {
display: block;
position: relative;
width: 100%;
padding: 0.8em;
text-align: center;
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 1.5em;
border: 2px solid #4ca29f;
background: #4ca29f;
overflow: hidden;
z-index: 1 !important;
}
a.cp_btn:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 0;
width: 100%;
background: #fff;
opacity: 0;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
transition: 0.5s;
z-index: -1;
}
a.cp_btn:hover {
color: #000000;
}
a.cp_btn:hover:after {
height: 525%;
opacity: 1;
}
a.cp_btn:active:after {
height: 350%;
opacity: 1;
} .saishinpr {
background-color: #fff;
border-radius: 1px;
font-size: 14px;
line-height: 1.7;
margin: 0 0 20px;
overflow: hidden;
padding: 30px;
position: relative;
border: 1px solid #a3a0a0;
} .saishinpr .saishinprdesign {
font-size: 19.5px;
font-weight: Bold;
height: 75px;
left: -55px;
line-height: 105px;
position: absolute;
text-align: center;
top: -15px;
transform: rotate(-45deg);
width: 155px;
z-index: 1;
border: 1px solid #a3a0a0;
color: #595858;
} .boxQA {
position: relative;
margin: 2em 0;
padding: 0.5em 0.5em;
background: #edf1f5; border-radius: 10px;
}
.boxQA .box-title {
position: relative;
background: #fff; padding: 10px 5px 10px 40px;
color: #454545; border-radius: 10px;
}
.boxQA .box-title:before {
content: "Q";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white; background: #9ed1ff; font-weight: bold;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.2em;
top: 20px;
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}
.boxQA .box-title:after {
content: "A";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white; background: #ffab8b; font-weight: bold;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.2em;
bottom: -80px;
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}
.boxQA p {
padding: 20px 20px 15px 40px;
margin: 0;
}
.boxQA ul {
padding: 0 1em;
position: relative;
}
.boxQA ul li {
line-height: 1.5;
padding: 0.5em 0 0.5em 4.2em;
list-style-type: none !important;
}
.boxQA ul li:before {
font-family: "FontAwesome";
content: "\f138"; position: absolute;
left: 3.5em;
color: #ffab8b; } .animate-maker {
background: linear-gradient(transparent 50%, #fff799 10%);
font-weight: bold;
} td.jyouge {
font-size: 20px;
display: table-cell;
vertical-align: middle;
} .nextend-thumbnail-inner {
background: #fff !important;
}
.n2-ss-slider.n2-ss-desktopLandscape .n2-ss-widget-hide-desktoplandscape,
.n2-ss-slider.n2-ss-desktopPortrait .n2-ss-widget-hide-desktopportrait,
.n2-ss-slider.n2-ss-tabletLandscape .n2-ss-widget-hide-tabletlandscape,
.n2-ss-slider.n2-ss-tabletPortrait .n2-ss-widget-hide-tabletportrait,
.n2-ss-slider.n2-ss-mobileLandscape .n2-ss-widget-hide-mobilelandscape,
.n2-ss-slider.n2-ss-mobilePortrait .n2-ss-widget-hide-mobileportrait {
display: block !important;
} .microbtn {
background-color: #00bf2d;
border-bottom: 4px solid #05800d;
border-radius: 10px;
margin: 0.4em auto;
width: 95%;
text-align: center;
display: block;
color: #fff;
display: inline-block;
font-size: 21px;
font-weight: 600;
letter-spacing: 0.1rem;
padding: 16px 20px;
text-decoration: none;
}
.microbtn:hover {
border-bottom: 0px;
transform: translateY(4px);
}
@media only screen and (max-width: 769px) {
.microbtn {
background-color: #00bf2d;
border-bottom: 4px solid #05800d;
border-radius: 10px;
margin: 0.4em auto;
width: 90%;
text-align: center;
display: block;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.1rem;
padding: 13px 20px;
text-decoration: none;
}
.microbtn:hover {
border-bottom: 0px;
transform: translateY(4px);
}
} .kakomi-box2 {
margin: 1em auto;
padding: 1em;
width: 95%;
background-color: #f7fde8; } .amazonrakutenkakomi {
display: inline-flex;
} .amazonbtn {
background-color: #ff8e02;
border-bottom: 4px solid #de7c02;
border-radius: 40px;
margin: -15px 5px;
display: inline-block;
width: 350px;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 700;
padding: 22px 24px 18px;
text-decoration: none;
transition: 0.4s;
}
.amazonbtn:hover {
opacity: 0.7;
color: #fff;
}
@media only screen and (max-width: 769px) {
.amazonbtn {
background-color: #ff8e02;
border-bottom: 4px solid #de7c02;
border-radius: 40px;
margin: -15px 5px;
display: inline-block;
width: 135px;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 18px 20px 14px;
text-decoration: none;
transition: 0.4s;
}
.amazonbtn:hover {
opacity: 0.7;
}
} .amazonbtnonly {
background-color: #ff8e02;
border-bottom: 4px solid #de7c02;
border-radius: 40px;
margin: -15px 5px;
display: inline-block;
width: 700px;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 700;
padding: 22px 24px 18px;
text-decoration: none;
transition: 0.4s;
}
.amazonbtnonly:hover {
opacity: 0.7;
color: #fff;
}
@media only screen and (max-width: 769px) {
.amazonbtnonly {
background-color: #ff8e02;
border-bottom: 4px solid #de7c02;
border-radius: 40px;
margin: -15px 5px;
display: inline-block;
width: 270px;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 18px 20px 14px;
text-decoration: none;
transition: 0.4s;
}
.amazonbtnonly:hover {
opacity: 0.7;
}
} .rakutenbtn {
background-color: #b70001;
border-bottom: 4px solid #910102;
border-radius: 40px;
margin: -15px 5px;
display: inline-block;
width: 350px;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 700;
padding: 22px 24px 18px;
text-decoration: none;
transition: 0.4s;
}
.rakutenbtn:hover {
opacity: 0.7;
color: #fff;
}
@media only screen and (max-width: 769px) {
.rakutenbtn {
background-color: #b70001;
border-bottom: 4px solid #910102;
border-radius: 40px;
margin: -15px 5px;
display: inline-block;
width: 135px;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 18px 20px 14px;
text-decoration: none;
transition: 0.4s;
}
.rakutenbtn:hover {
opacity: 0.7;
}
} .rakutenbtnonly {
background-color: #b70001;
border-bottom: 4px solid #910102;
border-radius: 40px;
margin: -15px 5px;
display: inline-block;
width: 700px;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 700;
padding: 22px 24px 18px;
text-decoration: none;
transition: 0.4s;
}
.rakutenbtnonly:hover {
opacity: 0.7;
color: #fff;
}
@media only screen and (max-width: 769px) {
.rakutenbtnonly {
background-color: #b70001;
border-bottom: 4px solid #910102;
border-radius: 40px;
margin: -15px 5px;
display: inline-block;
width: 270px;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 18px 20px 14px;
text-decoration: none;
transition: 0.4s;
}
.rakutenbtnonly:hover {
opacity: 0.7;
}
} .p-article__product__btn__item__price {
margin-top: 3px;
line-height: 1.4;
color: #777;
font-size: 13px;
}
.p-article__product__btn__item__price__num {
margin-right: 3px; } .shohincopy {
margin: 10px 10px 10px 20px;
font-size: 15px;
color: #777;
}
@media only screen and (max-width: 769px) {
.shohincopy {
margin: 10px;
font-size: 15px;
color: #777;
}
}
.slider-thumbnail .swiper-slide {
padding: 2px;
border: 1px solid #ccc;
overflow: hidden;
transition: 0.15s;
}
.slider-thumbnail .swiper-slide img {
margin-bottom: 0;
transition: 0.15s;
cursor: pointer;
}
.slider-thumbnail .swiper-slide:hover {
opacity: 1;
}
.slider-thumbnail .swiper-slide:hover img {
transform: scale(1.1);
} .kutikomi {
position: relative;
display: flex;
padding: 0 15px 5px;
margin: 2.5em auto;
width: 92%;
color: #555555;
background-color: #ffffff;
border: 1px dashed #cccccc;
box-shadow: 0px 0px 1px #999;
border-radius: 2px;
} .kutikomi-title {
position: absolute;
top: -15px;
left: 30px;
padding: 4px 20px;
color: #424242;
font-weight: bold;
font-size: 15px;
background-color: rgb(245, 245, 245);
border-left: 2px dotted rgba(0, 0, 0, .1);
border-right: 2px dotted rgba(0, 0, 0, .1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transform: rotate(-3deg);
} .kutikomi-title2 {
font-size: 14px;
font-weight: bold;
color: #757575;
margin: 4px 10px 5px 0px;
border-bottom: 1px solid #cdcdcd;
padding: 0 0 2px 30px;
} .kutikomi img {
width: 80px;
height: 92px !important;
float: left;
margin: 20px 20px 0 16px;
}
.kutikomi p {
overflow: hidden;
margin: 10px 0 6px !important;
line-height: 18px;
} .kutikomi-coment {
width: 80%;
margin: 30px 10px 0 20px;
font-size: 14px;
}
.kutikomi blockquote {
margin: 0;
}
@media only screen and (max-width: 769px) {
.kutikomi img {
width: 54px;
height: 58px !important;
margin: 28px 15px 0 0 !important;
}
.kutikomi-coment {
margin: 30px 6px 0 0;
font-size: 12px;
line-height: 24px;
}
.kutikomi {
padding: 0 8px 5px 10px;
}
.kutikomi-title {
font-size: 13px;
padding: 2px 16px;
}
} .items {
display: flex;
justify-content: space-evenly;
}
.item.items {
width: 30%;
}
.merit_box {
width: 300px; padding: 10px;
margin: 2em auto;
background: #FFFFFF; border: medium solid #C0C0C0;
color: #000; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.03);
word-break: break-all;
position: relative;
}
.merit_box p {
margin: 0;
padding: 0;
font-size: 0.9em;
}
.merit_box_title {
text-align: center;
font-size: 1.4em !important;
margin-top: 5px !important;
}
.merit_box_title:before { content: "\01F592"; color: #ed3834;
font-size: 30px;
position: relative;
top: 5px;
left: -25px;
}
.merit_box ul li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none !important;
}
.merit_box ul li:before { content: "\002714"; color: #ed3834;
font-size: 20px;
position: absolute;
left: 20px;
}
.demerit_box {
width: 300px; padding: 10px;
margin: 2em auto;
background: #FFFFFF; border: medium solid #C0C0C0;
color: #000; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.03);
word-break: break-all;
position: relative;
}
.demerit_box p {
margin: 0;
padding: 0;
font-size: 0.9em;
}
.demerit_box_title {
text-align: center;
font-size: 1.3em !important;
margin-top: 5px !important;
}
.demerit_box_title:before { content: "\01F593"; color: #0c9ed2;
font-size: 30px;
position: relative;
top: 5px;
left: -25px;
}
.demerit_box ul li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none !important;
}
.demerit_box ul li:before { content: "\002714"; color: #0c9ed2;
font-size: 20px;
position: absolute;
left: 20px;
}
@media (max-width:480px) {
.items {
flex-wrap: wrap;
}
.merit_box {
width: 100%;
}
} .howto_box01 {
margin: 4em 0;
background: #dcefff;
position: relative;
padding: 0 0 1 8px;
}
.howto_box01 ul li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none !important;
}
.howto_box01 .box-title {
font-size: 1.2em;
background: #5fb3f5;
padding: 2px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.howto_box01 p {
padding: 15px 20px;
margin: 0;
}
.howto_box01 ul li:before { content: "\01F5F9"; color: #ED3834;
font-size: 20px;
position: absolute;
left: 15px;
} .howto_box02 ul {
border: solid 2px #ffb03f;
padding: 0 0 1 8px;
position: relative;
}
.howto_box02 p {
padding: 15px 20px;
margin: 0;
}
.howto_box02 ul li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none !important;
}
.howto_box02 ul li:before { content: "\01F5F9"; color: #ED3834;
font-size: 20px;
position: absolute;
left: 15px;
} .howto_box03 {
position: relative;
margin: 2em 0;
padding: 0 0 0 8px;
border: solid 3px #C0C0C0;
border-radius: 8px;
}
.howto_box03 p {
margin: 0;
padding: 0;
}
.howto_box03 ul {
padding-left: 0px;
}
.howto_box03 ul li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none !important;
}
.howto_box03 ul li:before { content: "\01F5F9"; color: #ED3834;
margin: 0px 10px 0 0;
font-size: 20px;
top: 5px;
left: -30px;
} .items {
display: flex;
justify-content: space-evenly;
}
.item.items {
width: 30%;
}
.left_box {
width: 300px; padding: 10px;
margin: 2em auto;
background: #FFFFFF; border: medium solid #C0C0C0;
color: #000; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.03);
word-break: break-all;
position: relative;
}
.left_box p {
margin: 0;
padding: 0;
font-size: 0.9em;
}
.left_box_title {
text-align: center;
font-size: 1.4em !important;
margin-top: 5px !important;
}
.left_box_title:before { content: "\002714"; color: #ed3834;
font-size: 30px;
position: relative;
top: 5px;
left: -25px;
}
.left_box ul li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none !important;
}
.left_box ul li:before { content: "\01F5F9"; color: #ed3834;
font-size: 20px;
position: absolute;
left: 20px;
}
.right_box {
width: 300px; padding: 10px;
margin: 2em auto;
background: #FFFFFF; border: medium solid #C0C0C0;
color: #000; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.03);
word-break: break-all;
position: relative;
}
.right_box p {
margin: 0;
padding: 0;
font-size: 0.9em;
}
.right_box_title {
text-align: center;
font-size: 1.3em !important;
margin-top: 5px !important;
}
.right_box_title:before { content: "\002714"; color: #ed3834;
font-size: 30px;
position: relative;
top: 5px;
left: -25px;
}
.right_box ul li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none !important;
}
.right_box ul li:before { content: "\01F5F9"; color: #ed3834;
font-size: 20px;
position: absolute;
left: 20px;
}
@media (max-width:480px) {
.items {
flex-wrap: wrap;
}
.left_box {
width: 100%;
}
}
.arrange {
display: flex;
}
@media only screen and (max-width: 769px) {
.arrange {
display: block;
}
} .howto_box04 {
width: 94%;
position: relative;
margin: 4em 0 2em 1em;
padding: 1.5em 1em 0.5em;
border-top: solid 2px #217094;
border-bottom: solid 2px #217094;
background-color: #f5fbff;
}
.howto_box04-title {
position: absolute;
top: -1.3em;
left: 50px;
font-weight: bold;
font-size: 18px;
background-color: #217094;
color: #fff;
padding: 9px 14px 7px;
border-radius: 1px;
}
.howto_box04 p {
margin: 0;
padding: 0;
}
.howto_box04 ul li {
line-height: 22px !important;
padding: 0.5em 0.5em 0.5em 1em;
margin: 7px 0 7px 8px;
list-style: none;
}
.howto_box04 ul li:before {
position: absolute;
content: "\01F5F9";
left: 1.5em;
color: #ee8992;
font-size: 24px;
}
.howto_box04 ul li:last-of-type {
border-bottom: none;
}
@media only screen and (max-width: 769px) {
.howto_box04 {
width: 98%;
margin: 4em 0 2em 0.2em;
padding: 0.9em 0.8em 0.5em 0;
font-size: 13px !important;
}
.howto_box04 ul {
padding: 10px 0px 10px 30px !important;
}
.howto_box04 ul li {
padding: 0.5em 0.5em 0.5em 0.6em;
font-size: 13px;
}
.howto_box04 ul li:before {
left: 0.8em;
font-size: 20px;
}
.howto_box04-title {
top: -1.3em;
left: 28px;
font-size: 16px;
}
} .howto_box05 {
position: relative;
box-shadow: 0 0 100px rgba(255 220 220 / 20%) inset;
padding: 32px 30px 38px 42px;
border: 2px solid rgb(255 118 118 / 60%);
border-radius: 4px;
max-width: 94%;
margin: 40px 0;
}
.howto_box05:before,
.howto_box05:after {
content: "";
position: absolute;
z-index: -1;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
top: 50%;
bottom: 0;
left: 10px;
right: 10px;
border-radius: 100px / 10px;
}
.howto_box05:after {
right: 10px;
left: auto;
transform: skew(8deg) rotate(3deg);
}
.howto_box05 ul {
counter-reset: list;
list-style-type: none;
font: 14px/1.6 'arial narrow', sans-serif;
padding: 0;
}
.howto_box05 ul li {
list-style: none;
position: relative;
padding: 6px 0 6px 20px;
margin: 7px 0 7px 0px;
font-size: 14px;
line-height: 22px !important;
border-bottom: dashed 1px #F6A38B;
}
.howto_box05 ul li:before {
counter-increment: list;
content: "";
display: block;
position: absolute;
left: -18px;
height: 25px;
width: 25px;
border-radius: 50%;
background: #F6A38B;
top: 50%;
transform: translateY(-50%);
}
.howto_box05 ul li:after {
content: "";
display: block;
position: absolute;
left: -9px;
height: 0;
width: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 9px solid #fff;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width: 769px) {
.howto_box05 {
max-width: 98%;
padding: 26px 30px 32px 42px;
}
.howto_box05 ul li {
padding: 6px 0 6px 14px;
font-size: 13px;
}
.howto_box05 ul li:before {
left: -22px;
height: 20px;
width: 20px;
}
.howto_box05 ul li:after {
left: -14px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 7px solid #fff;
}
} .howto_box06 {
position: relative;
margin: 2em 0;
padding: 0.9em 2em;
border-top: 3px solid rgb(173 173 173 / 50%);
border-bottom: 3px solid rgb(173 173 173 / 50%);
}
.howto_box06:before,
.howto_box06:after {
position: absolute;
top: -16px;
width: 3px;
height: calc(100% + 32px);
background-color: rgb(173 173 173 / 50%);
content: "";
}
.howto_box06:before {
left: 16px;
}
.howto_box06:after {
right: 16px;
}
.howto_box06-title {
font-size: 1.4em;
padding: 6px 0 3px;
color: rgb(9 76 11 / 68%);
font-weight: bold;
text-align: center;
}
.howto_box06 ul {
padding: 0;
font: 14px/1.6 'arial narrow', sans-serif;
max-width: 98%;
margin: 0 0 14px 5px !important;
list-style: none;
}
.howto_box06 ul li {
list-style: none;
position: relative;
padding: 6px 0 6px 38px;
margin: 7px 8px 7px 4px;
color: #505050;
font-size: 14px;
line-height: 22px !important;
border-bottom: 1px solid rgb(5 119 46 / 15%);
}
.howto_box06 ul li:after,
.howto_box06 ul li:before {
content: "";
position: absolute;
transform: rotate(45deg);
}
.howto_box06 ul li:before {
top: 0.7em;
left: 0.2em;
width: 15px;
height: 15px;
border: 2px solid rgb(106 191 109 / 55%);
}
.howto_box06 ul li:after {
top: 1em;
left: 0.7em;
width: 17px;
height: 17px;
background: rgb(106 191 109 / 55%);
transform: rotate(60deg);
}
.howto_box06 ul li:last-child {
padding-bottom: 6px;
}
@media only screen and (max-width: 769px) {
.howto_box06 ul {
margin: 0 0 14px 0px !important;
}
.howto_box06 ul li {
margin: 7px 2px;
}
.howto_box06 ul li:before {
width: 13px;
height: 13px;
}
.howto_box06 ul li:after {
width: 15px;
height: 15px;
}
} .howto_box06a {
position: relative;
margin: 2em 0.8em;
padding: 0.9em 2em;
border-top: 5px solid rgb(173 173 173 / 50%);
border-bottom: 5px solid rgb(173 173 173 / 50%);
width: 50%;
}
.howto_box06a:before,
.howto_box06a:after {
position: absolute;
top: -16px;
width: 4px;
height: calc(100% + 32px);
background-color: rgb(173 173 173 / 50%);
content: "";
}
.howto_box06a:before {
left: 16px;
}
.howto_box06a:after {
right: 16px;
}
.howto_box06a-title {
font-size: 1.5em;
padding: 6px 0 3px;
color: rgb(255 10 10 / 68%);
font-weight: bold;
text-align: center;
}
.howto_box06a ul {
padding: 0;
font: 14px/1.6 'arial narrow', sans-serif;
max-width: 98%;
margin: 0 0 14px 5px !important;
list-style: none;
}
.howto_box06a ul li {
list-style: none;
position: relative;
padding: 6px 0 6px 38px;
margin: 7px 8px 7px 4px;
color: #505050;
font-size: 14px;
line-height: 22px !important;
}
.howto_box06a ul li:after,
.howto_box06a ul li:before {
content: "";
position: absolute;
transform: rotate(45deg);
}
.howto_box06a ul li:before {
top: 0.7em;
left: 0.2em;
width: 15px;
height: 15px;
border: 2px solid rgb(250 129 129 / 50%);
}
.howto_box06a ul li:after {
top: 1em;
left: 0.7em;
width: 17px;
height: 17px;
background: rgb(250 129 129 / 50%);
transform: rotate(60deg);
}
.howto_box06a ul li:last-child {
padding-bottom: 6px;
}
@media only screen and (max-width: 769px) {
.howto_box06a {
margin: 2em 0.2em 4em;
width: 99%;
}
.howto_box06a ul {
margin: 0 0 14px 0px !important;
}
.howto_box06a ul li {
margin: 7px 2px;
}
.howto_box06a ul li:before {
width: 13px;
height: 13px;
}
.howto_box06a ul li:after {
width: 15px;
height: 15px;
}
} .howto_box06b {
position: relative;
margin: 2em 0.8em;
padding: 0.9em 2em;
border-top: 5px solid rgb(173 173 173 / 50%);
border-bottom: 5px solid rgb(173 173 173 / 50%);
width: 50%;
}
.howto_box06b:before,
.howto_box06b:after {
position: absolute;
top: -16px;
width: 4px;
height: calc(100% + 32px);
background-color: rgb(173 173 173 / 50%);
content: "";
}
.howto_box06b:before {
left: 16px;
}
.howto_box06b:after {
right: 16px;
}
.howto_box06b-title {
font-size: 1.5em;
padding: 6px 0 3px;
color: rgb(10 97 255 / 70%);
font-weight: bold;
text-align: center;
}
.howto_box06b ul {
padding: 0;
font: 14px/1.6 'arial narrow', sans-serif;
max-width: 98%;
margin: 0 0 14px 5px !important;
list-style: none;
}
.howto_box06b ul li {
list-style: none;
position: relative;
padding: 6px 0 6px 38px;
margin: 7px 8px 7px 4px;
color: #505050;
font-size: 14px;
line-height: 22px !important;
}
.howto_box06b ul li:after,
.howto_box06b ul li:before {
content: "";
position: absolute;
transform: rotate(45deg);
}
.howto_box06b ul li:before {
top: 0.7em;
left: 0.2em;
width: 15px;
height: 15px;
border: 2px solid rgb(78 141 255 / 55%);
}
.howto_box06b ul li:after {
top: 1em;
left: 0.7em;
width: 17px;
height: 17px;
background: rgb(78 141 255 / 55%);
transform: rotate(60deg);
}
.howto_box06b ul li:last-child {
padding-bottom: 6px;
}
@media only screen and (max-width: 769px) {
.howto_box06b {
margin: 2em 0.2em 4em;
width: 99%;
}
.howto_box06b ul {
margin: 0 0 14px 0px !important;
}
.howto_box06b ul li {
margin: 7px 2px;
}
.howto_box06b ul li:before {
width: 13px;
height: 13px;
}
.howto_box06b ul li:after {
width: 15px;
height: 15px;
}
} .howto_box07 {
background-color: #fbfbfb;
border: 5px solid #fff;
box-shadow: 0 0 0 3px #efefef;
color: #525252;
margin: 3em 0;
padding: 1em;
padding: 0.8em 1em;
}
.howto_box07 ul {
padding: 0.3em 0.5em;
list-style-type: none;
border: none;
margin: 2px 0 !important;
}
.howto_box07 ul li {
list-style: none;
position: relative;
padding: 6px 0 6px 32px;
margin: 7px 0;
font-size: 14px;
line-height: 22px !important;
}
.howto_box07 ul li:before {
position: absolute;
content: '';
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 14px solid #ee8992;
top: 8px;
left: 0.5em;
}
@media only screen and (max-width: 769px) {
.howto_box07 {
padding: 0.8em 0.7em;
}
} .howto_box08 {
border: 3px solid #cacaca;
padding: 24px 10px 15px 10px;
margin: 40px auto;
}
.howto_box08 .title {
margin-bottom: 10px;
font-size: 16px;
}
.howto_box08 .title span {
margin-left: -10px;
display: inline-block;
color: #fff;
line-height: 1.5rem;
background-color: #aaa;
padding: 12px 20px 12px 35px;
background-image: url(https://magazine.voicenote.jp/wp-content/themes/affinger4-child/images/stripe.png);
background-size: 15px 48px;
background-repeat: repeat-y;
position: relative;
font-weight: bold;
}
.howto_box08 ul {
margin: 10px 5px 5px 5px !important;
padding: 7px 5px !important;
}
.howto_box08 ul li {
list-style: none;
padding: 6px 0 0 38px;
margin: 12px 5px !important;
position: relative;
line-height: 22px !important;
}
.howto_box08 ul li:after,
.howto_box08 ul li:before {
content: '';
position: absolute;
top: 7px;
left: 11px;
height: 18px;
width: 4px;
background: rgb(255 129 0 / 79%);
border-radius: 10px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.howto_box08 ul li:after {
top: 14px;
left: 3px;
height: 10px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
@media only screen and (max-width: 769px) {
.howto_box08 ul {
margin: 8px 0 !important;
}
.howto_box08 ul li {
padding: 6px 2px 0 34px;
font-size: 13px;
}
} .howto_box08a {
border: 3px solid #cacaca;
padding: 24px 10px 15px 10px;
margin: 20px 10px 40px 4px;
width: 47%;
}
.howto_box08a .title {
margin-bottom: 10px;
font-size: 16px;
}
.howto_box08a .title span {
margin-left: -10px;
display: inline-block;
color: #fff;
line-height: 1.5rem;
background-color: rgb(255 19 19 / 51%);
padding: 10px 27px 10px 45px;
background-image: url(https://magazine.voicenote.jp/wp-content/themes/affinger4-child/images/red-stripe.png);
background-size: 15px 48px;
background-repeat: repeat-y;
position: relative;
font-weight: bold;
}
.howto_box08a ul {
margin: 10px 5px 5px 5px !important;
padding: 7px 5px !important;
}
.howto_box08a ul li {
list-style: none;
padding: 6px 0 0 38px;
margin: 12px 5px !important;
position: relative;
line-height: 22px !important;
}
.howto_box08a ul li:after,
.howto_box08a ul li:before {
content: '';
position: absolute;
top: 7px;
left: 11px;
height: 18px;
width: 4px;
background: #ee8992;
border-radius: 10px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.howto_box08a ul li:after {
top: 14px;
left: 3px;
height: 10px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
@media only screen and (max-width: 769px) {
.howto_box08a {
margin: 20px 1px 30px;
width: 96%;
}
.howto_box08a ul {
margin: 8px 0 !important;
}
.howto_box08a ul li {
padding: 6px 2px 0 34px;
font-size: 13px;
}
} .howto_box08b {
border: 3px solid #cacaca;
padding: 24px 10px 15px 10px;
margin: 20px 4px 40px 10px;
width: 47%;
}
.howto_box08b .title {
margin-bottom: 10px;
font-size: 16px;
}
.howto_box08b .title span {
margin-left: -10px;
display: inline-block;
color: #fff;
line-height: 1.5rem;
background-color: rgb(0 102 228 / 46%);
padding: 10px 27px 10px 45px;
background-image: url(https://magazine.voicenote.jp/wp-content/themes/affinger4-child/images/blue-stripe.png);
background-size: 15px 48px;
background-repeat: repeat-y;
position: relative;
font-weight: bold;
}
.howto_box08b ul {
margin: 10px 5px 5px 5px !important;
padding: 7px 5px !important;
}
.howto_box08b ul li {
list-style: none;
padding: 6px 0 0 38px;
margin: 12px 5px !important;
position: relative;
line-height: 22px !important;
}
.howto_box08b ul li:after,
.howto_box08b ul li:before {
content: '';
position: absolute;
top: 7px;
left: 11px;
height: 18px;
width: 4px;
background: rgb(0 97 181 / 76%);
border-radius: 10px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.howto_box08b ul li:after {
top: 14px;
left: 3px;
height: 10px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
@media only screen and (max-width: 769px) {
.howto_box08b {
margin: 20px 1px 30px;
width: 96%;
}
.howto_box08b ul {
margin: 8px 0 !important;
}
.howto_box08b ul li {
padding: 6px 2px 0 34px;
font-size: 13px;
}
} .howto_box09 {
position: relative;
background: linear-gradient(-45deg, #fff 25%, #fbc6cc 25%, #fbc6cc 50%, #fff 50%, #fff 75%, #fbc6cc 75%, #d8e0ff);
background-size: 8px 8px;
padding: 8px;
margin: 2em auto 3em;
}
.howto_box09_inner {
background: #FFF;
padding: 1em .5em .5em .8em;
}
.howto_box09-title {
font-size: 20px;
font-weight: bold;
color: #f34f61;
margin: 0.5em 1em 0em 2em;
}
.howto_box09 ul li {
line-height: 22px !important;
padding: 0.5em 0.5em 0.5em 1.7em;
margin: 7px 0 7px 8px;
border-bottom: dashed 1px #ee8992;
list-style: none;
}
.howto_box09 ul li:before {
position: absolute;
content: "\01F5F9";
left: 1.5em;
color: #ee8992;
font-size: 26px;
}
.howto_box09 ul li:last-of-type {
border-bottom: none;
}
@media only screen and (max-width: 769px) {
.howto_box09 ul {
padding: 5px 10px 10px !important;
}
.howto_box09 ul li {
font-size: 13px;
}
.howto_box09 ul li:before {
left: 1.1em;
font-size: 24px;
}
} .howto_box10 {
position: relative;
background: linear-gradient(-45deg, #fff 25%, #757575 25%, #757575 50%, #fff 50%, #fff 75%, #757575 75%, #bfbfbf);
background-size: 4px 4px;
padding: 4px;
margin: 2em auto 3em;
}
.howto_box10_inner {
background: #FFF;
padding: .7em .5em .5em .5em;
}
.howto_box10-title {
font-size: 20px;
font-weight: bold;
color: #404040;
margin: 0.5em 1em 0em 2em;
}
.howto_box10 ul li {
line-height: 20px !important;
padding: .3em .5em .2em .9em;
margin: 7px 0 7px 8px;
border-bottom: dashed 1px #cccccc;
list-style: none;
}
.howto_box10 ul li:before {
position: absolute;
content: "\01F5F9";
left: 1.5em;
color: #ec8991;
font-size: 22px;
}
.howto_box10 ul li:last-of-type {
border-bottom: none;
}
@media only screen and (max-width: 769px) {
.howto_box10-title {
font-size: 18px;
font-weight: bold;
color: #404040;
margin: 0.3em 1em 0em 1.8em;
}
.howto_box10 ul {
padding: 5px !important;
}
.howto_box10 ul li {
padding: .3em .3em .2em .9em;
font-size: 13px;
}
.howto_box10 ul li:before {
left: .8em;
font-size: 20px;
}
} .article_top-img {
text-align: center;
} .cp_quote {
position: relative;
width: 90%;
margin: 2em auto;
} .cp_quote blockquote {
margin: 0;
padding: 0.5em 1em;
text-indent: 1.5em;
color: #333333;
border-left: 5px solid #f2a2a2;
} .cp_quote blockquote:before,
.cp_quote blockquote:after {
position: absolute;
color: #f2a2a2;
} p.example1 {
padding-left: 1em;
text-indent: -1em;
} .movieinyou {
position: relative;
width: 90%;
margin: 2em auto;
} .movieinyou blockquote {
margin: 0;
padding: 0.5em 1em;
text-indent: 1.5em;
color: #333333;
border-left: 5px solid #f2a2a2;
} .movieinyou blockquote:before,
.movieinyou blockquote:after {
position: absolute;
color: #f2a2a2;
} p.example1 {
padding-left: 1em;
text-indent: -1em;
} blockquote footer {
background: #f3f3f3;
color: #000;
text-align: right;
} .box9 {
position: relative;
background: #f7fde8;
border-radius: 10px;
padding: 20px 10px 10px 10px;
line-height: 100%;
display: block;
margin: 40px 10px 10px 10px;
}
.box9 .box9-title {
position: absolute;
top: -15px;
left: 10px;
display: block;
background: #1a7d96;
color: #fff;
border-radius: 10px;
padding: 5px 20px;
text-align: center;
line-height: 148%;
font-size: 90%;
font-weight: bold;
}
.box9 p {
margin: 0;
padding: 0;
}
.box9 ul {
margin: 10px 5px 5px 5px !important;
padding: 7px 5px !important;
}
.box9 ul li {
list-style: none;
padding: 6px 0 0 30px;
margin: 12px 5px !important;
position: relative;
line-height: 22px !important;
}
.box9 ul li:after,
.box9 ul li:before {
content: '';
position: absolute;
top: 7px;
left: 11px;
height: 18px;
width: 4px;
background: rgb(37 175 1 / 79%);
border-radius: 10px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.box9 ul li:after {
top: 14px;
left: 3px;
height: 10px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
@media only screen and (max-width: 769px) {
.box9 ul {
margin: 8px 0 !important;
}
.box9 ul li {
padding: 6px 2px 0 30px;
font-size: 13px;
}
}
@media screen and (min-width: 482px){
.hamburger-menu {
display: none;
}
}
@media screen and (max-width: 481px){ .menu-btn {
top: 30px;
right: 0px;
display: flex;
height: 40px;
width: 25px;
justify-content: center;
align-items: center;
z-index: 90;
margin: 8px;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
content: '';
display: block;
height: 3px;
width: 22px;
border-radius: 3px;
background-color: #444444;
position: absolute;
}
.menu-btn2 span,
.menu-btn2 span:before,
.menu-btn2 span:after {
content: '';
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background-color: #444444;
position: absolute;
}    
.menu-btn span:before {
bottom: 8px;
}
.menu-btn span:after {
top: 8px;
}
.menu-btn2 span {
background-color: rgba(255, 255, 255, 0); }
.menu-btn2 span::before {
bottom: 0;
transform: rotate(45deg);
}
.menu-btn2 span::after {
top: 0;
transform: rotate(-45deg);
}
.menu-btn2 {
top: 30px;
right: 0px;
display: flex;
height: 40px;
width: 25px;
justify-content: center;
align-items: center;
z-index: 90;
margin: 8px;
}
#menu-btn-check {
display: none;
}
#menu-btn-check {
display: none;
}
.menu-content {
width: 90%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 80;
background-color: #FFF;
}
.menu-content ul {
padding: 20px 10px 0;
}
.menu-content ul li {
border-bottom: solid 1px #CCC;
list-style: none;
}
.menu-content ul li a {
display: block;
width: 100%;
font-size: 15px;
box-sizing: border-box;
color:#444;
text-decoration: none;
padding: 16px;
position: relative;
text-align: left;
}
.menu-content ul li a::before {
content: "";
width: 7px;
height: 7px;
border-top: solid 1px #444;
border-right: solid 1px #444;
transform: rotate(45deg);
position: absolute;
right: 11px;
top: 24px;
}
.menu-content {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: -100%; z-index: 80;
background-color: #FFF;
transition: all 0.5s; overflow-y: scroll;
}
#menu-btn-check:checked ~ .menu-content {
left: 0; }
.menu-content #search {
padding-bottom: 0;
position: relative;
margin: 10px 2rem 0px!important;
width: auto!important;
}
.menu-content #search #s{
font-size: 80%;
}
.menu-content li {
margin-left: 0px;
}
hamburger-menu {
display: flex;
}
#headbox {
text-align: left;
align-items: unset;
width: 86%!important;
}
.sitename img{
max-width: 100%!important;
padding-bottom: 3px;
}
.widget.headbox {
display: none;
}
}
@media screen and (min-width: 482px){
.search-menu {
display: none;
}
}
@media screen and (max-width: 481px){ .menu-btn1 {
top: 10px;
right: 0px;
display: flex;
height: 50px;
width: 35px;
justify-content: center;
align-items: center;
z-index: 90;
margin: 4px;
}
.menu-btn1 span,
.menu-btn1 span:before,
.menu-btn1 span:after {
content: '';
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background-color: #444444;
position: absolute;
}
.menu-btn2 span,
.menu-btn2 span:before,
.menu-btn2 span:after {
content: '';
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background-color: #444444;
position: absolute;
}    
.menu-btn1 span:before {
bottom: 8px;
}
.menu-btn1 span:after {
top: 8px;
}
.menu-btn2 span {
background-color: rgba(255, 255, 255, 0); }
.menu-btn2 span::before {
bottom: 0;
transform: rotate(45deg);
}
.menu-btn2 span::after {
top: 0;
transform: rotate(-45deg);
}
.menu-btn2 {
top: 10px;
right: 0px;
display: flex;
height: 60px;
width: 60px;
justify-content: center;
align-items: center;
z-index: 90;
margin-left: auto;
margin-top: 0.7rem;
}
#menu-btn-check1 {
display: none;
}
#menu-btn-check1 {
display: none;
}
.menu-content1 {
width: 90%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 80;
background-color: #FFF;
}
.menu-content1 ul {
padding: 20px 10px 0;
}
.menu-content1 ul li {
border-bottom: solid 1px #CCC;
list-style: none;
}
.menu-content1 ul li a {
display: block;
width: 100%;
font-size: 15px;
box-sizing: border-box;
color:#444;
text-decoration: none;
padding: 16px;
position: relative;
text-align: left;
}
.menu-content1 ul li a::before {
content: "";
width: 7px;
height: 7px;
border-top: solid 1px #444;
border-right: solid 1px #444;
transform: rotate(45deg);
position: absolute;
right: 11px;
top: 24px;
}
.menu-content1 {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 100%; z-index: 80;
background-color: #FFF;
transition: all 0.5s; overflow-y: scroll;
}
#menu-btn-check1:checked ~ .menu-content1 {
left: 0; }
.menu-content1 #search {
padding-bottom: 0;
position: relative;
margin: 10px 2rem 0px!important;
width: auto!important;
}
.menu-content1 #search #s{
font-size: 80%;
}
.menu-content1 li {
margin-left: 0px;
}
hamburger-menu1 {
display: flex;
}
#headbox1 {
text-align: left;
align-items: unset;
width: 86%!important;
}
.sitename1 img{
max-width: 100%!important;
padding-bottom: 3px;
}
.widget.headbox1 {
display: none;
}
} .p-sticky-table{
white-space: nowrap;
line-height:1.6;
}
.p-sticky-table table{
border:none;
border: 1px solid #dedede;
border-bottom: none;
border-collapse: collapse;
word-break: break-all;
table-layout: fixed;
display:block;
overflow:scroll;
max-height: 80vh;
}
.p-sticky-table thead th:first-child {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
z-index: 3;
}
.p-sticky-table thead th {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
text-align:center;
}
.p-sticky-table tbody th:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 1;
border:none;
white-space: normal;
min-width: 130px;
}
.p-sticky-table th, .p-sticky-table td {
min-width: 50px;
text-align: left;
font-size: 16px !important;
position: relative;
padding: 13px !important;
color: #333;
border: none !important;
z-index: 0;
vertical-align:middle !important;
background:#fff;
}
.p-sticky-table th{
background:#f0f9ff !important;
letter-spacing: 1px;
font-weight: 500 !important;
color: #555 !important;
}
.p-sticky-table tr{
border-bottom:none !important;
}
.p-sticky-table img{
margin: 10px auto;
display: block;
padding: 0;
max-width: 80% !important;
}
.p-sticky-table table th::before, .p-sticky-table table td::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
z-index: -1;
} @media screen and (max-width: 560px) {
.p-sticky-table table {
max-height: 60vh;
}
.p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
min-width: 25vw;
}
.p-sticky-table th, .p-sticky-table td {
font-size: 12px !important;
padding: 7px !important;
}
} .pst-center td {
text-align: center;
}  .pst-grey thead th, .pst-grey tbody th {
background: #dde5ea !important;
}
.pst-grey tr:nth-child(odd) td {
background: #fff;
}
.pst-grey tr:nth-child(even) td {
background: #f1f4f7;
}
.pst-grey table th::before {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
} .comparison-table-wrap{
width:100%;
max-width:600px;
margin: 0 auto 2em;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.comparison-table-title{
background : linear-gradient(90deg, rgba(71, 206, 255, 1) 0%, rgba(56, 224, 248, 1) 100%);
text-align: center;
color: #fff;
font-weight: bold;
padding: 1em;
letter-spacing: 1px;
margin: 0;
font-size:14px;
box-shadow: 0 2px 5px rgba(100,100,100,0.1);
}
.comparison-table{
background:#f8f9fb;
margin:0;
padding:0.3em 1em;
}
.comparison-table table{
border-collapse: separate;
border-spacing:5px 10px;
border:none;
margin-bottom: 0;
}
.comparison-table table th,.comparison-table table td {
width:50%;
}
.comparison-table table thead th{
background : #d1d1d1;
border:none;
color:#fff;
box-shadow: 0 2px 5px rgba(100,100,100,0.1);
padding: 0.8em 0.5em;
line-height: 1.5;
border-radius: 3px;
font-size: 14px;
}
.comparison-table table tbody th{
background : linear-gradient(90deg, rgba(71, 206, 255, 1) 0%, rgba(56, 224, 248, 1) 100%);
text-align: center;
color:#fff;
border:none;
border-radius:30px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
padding: 0.4em 1em;
font-size: 14px;
line-height: 1.3;
}
.comparison-table table tbody td{
background:#fff;
box-shadow: 0 2px 5px rgba(100,100,100,0.1);
border-radius:3px;
border:none;
padding:1.2em;
color: #555;
line-height: 1.8;
text-align:justify;
vertical-align:top;
}
.comparison-table table tbody td p{
margin:0;
padding:0;
margin-bottom:1em;
font-size: 14px;
}
.comparison-table table tbody td .td-h{
text-align:center;
font-weight:bold;
color:#33ccff;
font-size: 16px;
margin-bottom:7px;
}
@media screen and (max-width: 768px){
.comparison-table{
padding:7px;
}
.comparison-table table{
border-spacing:3px 10px;
}
.comparison-table table thead th{
position: -webkit-sticky;
position: sticky;
top:0px;
z-index:100;
}
}
</style>
<style>  .comparison-table-pink .comparison-table-title{
background:#f7bcbc!important;
} .comparison-table-pink .comparison-table table tbody th{
background:#f7bcbc!important;
} .comparison-table-pink .comparison-table table tbody td .td-h{
color:#f7bcbc!important;
} .comparison-table-pink .comparison-table{
background:#fdf1f1!important;
} .comparison-table-pink .comparison-table table thead th{
background:#d1baba!important;
}  .comparison-table-datsumou .comparison-table-title{
background:#67e58d !important;
} .comparison-table-datsumou .comparison-table table tbody th{
background:#67e58d !important;
} .comparison-table-datsumou .comparison-table table tbody td .td-h{
color:#333333 !important;
} .comparison-table-datsumou .comparison-table{
background:#E9FBEE!important;
} .comparison-table-datsumou .comparison-table table thead th{
background:#92EBAD !important;
}  .comparison-table-green .comparison-table-title{
background:#755b7e !important;
} .comparison-table-green .comparison-table table tbody th{
background:#755b7e !important;
} .comparison-table-green .comparison-table table tbody td .td-h{
color:#755b7e !important;
} .comparison-table-green .comparison-table{
background:#EEEAF0 !important;
} .comparison-table-green .comparison-table table thead th{
background:#CABDD0 !important;
}  .comparison-table-simple .comparison-table-title{
box-shadow:none !important;
} .comparison-table-simple .comparison-table table tbody th{
box-shadow:none !important;
} .comparison-table-simple .comparison-table{
background:none !important;
} .comparison-table-simple .comparison-table table thead th{
box-shadow:none !important;
} .comparison-table-simple .comparison-table table tbody td{
box-shadow:none !important;
padding: 0.5em 1em;
}  .comparison-table-img .comparison-table table thead th{
box-shadow:none !important;
padding:0;
margin:0;
}
.comparison-table-img .comparison-table table thead tr{
background:none !important;
}
.comparison-table-img .comparison-table table thead th img{
display:block;
}
.comparison-table table thead th p{
margin:0;
} .comparison-table-img .comparison-table table thead th .th-h{
color:#fff;
padding-top:10px;
margin-bottom:10px;
font-size:14px;
} @media screen and (max-width: 768px){
.no-sticky .comparison-table table thead th{
position:static;
}
} .compare-box {
display:-webkit-box; display:-ms-flexbox; display:flex; max-width:700px; margin: 0 auto 2rem; border-radius:4px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); background: #fef9ed; } .compare-box .compare-left-wrap, .compare-box .compare-right-wrap{
width:50%; overflow:hidden; } .compare-box .compare-left-head, .compare-box .compare-right-head{
background: #fdc44f; text-align: center; color: #FFF; font-weight: bold; padding:0em 1em; font-size:19px; line-height:1.5; height:65px; display:table-cell; vertical-align:middle; width:1000px; } .compare-box .compare-left-head{
border-radius:4px 0 0 0; } .compare-box .compare-right-head{
border-radius:0 4px 0 0; } .compare-box .compare-left, .compare-box .compare-right{
padding:1.5em; font-size:15px; line-height:2; text-align: justify; text-justify: inter-ideograph; } .compare-box p {
padding: 0; margin: 0 0 20px 0; } @media screen and (max-width: 480px){ .compare-box .compare-left-head, .compare-box .compare-right-head{
font-size:17px; height:50px; } .compare-box .compare-left, .compare-box .compare-right {
padding: 1.2em; font-size: 12px; }
}  .compare-box .list{
list-style: none !important; padding:0 !important; margin:0 !important; border:none !important; } .compare-box .list li { 
border-bottom:1px dashed #cdcdcd; position: relative; margin:0.5em 0 !important; max-width:500px; padding: 0 0 0.7em 1.4em !important; line-height:1.8; list-style-type:none; font-size: 13px;
} .compare-box .list li:last-child{ 
border:none;
} .compare-box .list li:before {
background-color:  #ffa952; position: absolute; content: ''; top: 10px; left: 7px; width: 7px; height: 7px; border-radius: 4px; } @media screen and (max-width: 480px){ .compare-box .list li:before {
top: 9px; left: 3px; width:5px; height:5px; }
}  .compare-box .list-number{
counter-reset:number; list-style: none !important; padding:0 !important; margin:0 !important; border:none !important; } .compare-box .list-number li {
position: relative; margin:0.5em 0 !important; max-width:500px; padding: 0 0 0.5em 1.8em !important; line-height:1.8; border-bottom:1px dashed #cdcdcd; } .compare-box .list-number li:last-child{ 
border:none;
} .compare-box .list-number li:before {
counter-increment: number; content: counter(number); background-color: #fdc44f; color: #fff; position: absolute; font-weight:bold; font-size: 12px; border-radius: 50%; left: 0; top:5px; width: 18px; height: 18px; line-height: 18px; text-align:center; } .compare-box .list-number li:after{
content:'';
} @media screen and (max-width: 480px){ .compare-box .list-number li{
padding: 0 0 0.5em 1.8em !important; } .compare-box .list-number li:before {
font-size:10px; width: 16px; height: 16px; line-height: 16px; top:2px; }
} .compare-box-separate .compare-left{
background:#FEFBFB !important;
height:100%;
} .compare-box-separate .compare-right{
background:#FBFCFE !important;
height:100%;
} .compare-box-separate .compare-left-head{
background: rgb(255 19 19 / 51%) !important;
} .compare-box-separate .compare-right-head{
background: rgb(0 102 228 / 46%) !important;
} .compare-box-separate .compare-left .list li:before {
background: rgb(255 19 19 / 51%) !important;
} .compare-box-separate .list-number li:before {
background:#ffa883 !important;
} .compare-box-separate .compare-right .list li:before {
background: rgb(0 102 228 / 46%) !important;
} .compare-box-separate .compare-right .list-number li:before {
background:#6fc7e1 !important;
} .supervisor-box-prof {
padding: 10px 20px;
margin-bottom: 20px;
border: 1px solid #666;
}
.supervisor-box-prof .box-top {
display: flex;
align-items: end;
justify-content: space-between;
margin-bottom: 5px;
}
{
border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
font-size: 100%;
}
.supervisor-box-prof .box-top .name-wrap {
width: 80%;
padding: 0px 5px;
}
.supervisor-box-prof .box-top .desc {
margin: 0px !important;
font-size: 12px;
font-weight: 700;
}
.supervisor-box-prof .box-top .name {
margin-bottom: 0;
font-size: 18px;
font-weight: 700;
margin: 0px !important;
}
.supervisor-box-prof .box-top .sns {
margin-bottom: 0;
font-size: 12px;
word-break: break-all;
margin: 0px !important;
}
.box-prof {
margin: 0px !important;
font-size: 14px;
}
.box-prof .att{
font-size: 11px;
margin-bottom: 0 !important;
margin: 0px !important;
} .caution-box {
margin-bottom: 20px;
font-size: 10px;
margin: 0px !important;
} .mc-campaign {
font-size: 18px;
font-weight:bold;
} p.rink-text {
margin-bottom: 10px;
font-size: 10px;
line-height: 16px;
color: #666;
} td.color {
font-size: 12px!important;
display: table-cell;
width: 31.4493%;
　　height: 24px;
text-align: center;
display: table-cell;
vertical-align: middle;
font-weight:bold;
}
td.color1 {
font-size: 12px!important;
width: 55.5555%;
　　height: 24px;
font-weight:bold;
display: table-cell;
vertical-align: middle;
}
td.color2 {
font-size: 12px!important;
width: 68.5507%;
　　height: 24px;
}
td.color3 {
font-size: 12px!important;
width: 21.3044%;
　　height: 24px;
font-weight:bold;
display: table-cell;
vertical-align: middle;
}
td.color4 {
font-size: 12px!important;
width: 44.9275%;
　　height: 24px;
}
td.color5 {
font-size: 12px!important;
width: 100%;
　　height: 24px;
}
td.color-top {
font-size: 12px;
width: 100%;
　　height: 24px;
text-align: center;
font-weight:bold;
}
td.color-top1 {
font-size: 12px!important;
display: table-cell;
width: 31.4493%;
　　height: 24px;
text-align: center;
display: table-cell;
vertical-align: middle;
font-weight:bold;
}
td.color-top2 {
font-size: 16px!important;
display: table-cell;
width: 31.4493%;
　　height: 24px;
text-align: center;
display: table-cell;
vertical-align: middle;
font-weight:bold;
}
.category-money td.color-top {
background: rgba(231, 168, 0, 0.3);
}
.category-kaden td.color-top {
background: rgba(231, 168, 0, 0.3);
}
.category-entertainment td.color-top {
background: rgba(224, 54, 56, 0.3);
}
.category-job td.color-top {
background: rgba(60, 146, 174, 0.3);
}
.category-health td.color-top {
background: rgba(76, 162, 159, 0.3);
}
.category-mens-cosme td.color-top{
background: rgba(58, 171, 210, 0.3);
}
.category-cosme td.color-top {
background: rgba(227, 93, 128, 0.3);
}
.category-event td.color-top {
background: rgba(44, 96, 154, 0.3);
}
.category-life td.color-top {
background: rgba(146, 164, 48, 0.3);
}
.category-beauty td.color-top {
background: rgba(117, 91, 126, 0.3);
}
.category-hair-removal td.color-top {
background: rgba(103, 229, 141, 0.3);
}
.category-gourmet td.color-top {
background: rgba(223, 91, 38, 0.3);
}
.category-money td.color-top1 {
background: rgba(231, 168, 0, 0.3);
}
.category-kaden td.color-top1 {
background: rgba(231, 168, 0, 0.3);
}
.category-entertainment td.color-top1 {
background: rgba(224, 54, 56, 0.3);
}
.category-job td.color-top1 {
background: rgba(60, 146, 174, 0.3);
}
.category-health td.color-top1 {
background: rgba(76, 162, 159, 0.3);
}
.category-mens-cosme td.color-top1 {
background: rgba(58, 171, 210, 0.3);
}
.category-cosme td.color-top1 {
background: rgba(227, 93, 128, 0.3);
}
.category-event td.color-top1 {
background: rgba(44, 96, 154, 0.3);
}
.category-life td.color-top1 {
background: rgba(146, 164, 48, 0.3);
}
.category-beauty td.color-top1 {
background: rgba(117, 91, 126, 0.3);
}
.category-hair-removal td.color-top1 {
background: rgba(103, 229, 141, 0.3);
}
.category-gourmet td.color-top1 {
background: rgba(223, 91, 38, 0.3);
}
.category-money td.color-top2 {
background: rgba(231, 168, 0, 0.3);
}
.category-kaden td.color-top2 {
background: rgba(231, 168, 0, 0.3);
}
.category-entertainment td.color-top2 {
background: rgba(224, 54, 56, 0.3);
}
.category-job td.color-top2 {
background: rgba(60, 146, 174, 0.3);
}
.category-health td.color-top2 {
background: rgba(76, 162, 159, 0.3);
}
.category-mens-cosme td.color-top2 {
background: rgba(58, 171, 210, 0.3);
}
.category-cosme td.color-top2 {
background: rgba(227, 93, 128, 0.3);
}
.category-event td.color-top2 {
background: rgba(44, 96, 154, 0.3);
}
.category-life td.color-top2 {
background: rgba(146, 164, 48, 0.3);
}
.category-beauty td.color-top2 {
background: rgba(117, 91, 126, 0.3);
}
.category-hair-removal td.color-top2 {
background: rgba(103, 229, 141, 0.3);
}
.category-gourmet td.color-top2 {
background: rgba(223, 91, 38, 0.3);
} .ptimeline-wrap{
margin:0 auto 2rem;
}
.ptimeline-wrap .ptimeline{
padding:0 !important;
list-style: none !important;
}
.ptimeline-wrap .ptimeline-label {
padding: 3px 0 0 2px;
color: #aaa;
font-size: 12px;
font-weight: 500;
}
.ptimeline-wrap .ptimeline-title {
font-size: 1.1em;
font-weight: bold;
line-height: 1.5;
color:#00bfff;
}
.ptimeline-wrap .ptimeline-main {
margin-top: 0.5em;
padding: 0 0 1.5em;
font-size: 0.9em;
line-height: 1.8;
border-bottom: dashed 1px #ddd;
color:#555;
}
.ptimeline-wrap .ptimeline-main img{
display:block;
margin:1em auto;
}
.ptimeline-wrap .ptimeline-item {
position: relative;
padding: 0 0 1em 1.5em !important;
margin-bottom:0 !important;
border:none;
list-style: none !important;
}
.ptimeline-wrap .ptimeline .ptimeline-item:before {
content: "";
width: 3px;
background: #eee !important;
display: block;
position: absolute;
top: 25px;
bottom: -3px;
left: 5px;
}
.ptimeline-wrap .ptimeline-item:last-child:before{
content:none;
} .ptimeline-wrap .ptimeline-marker{
display: block;
position: absolute;
content: "";
top: 6px;
left: 0;
width: 14px;
height: 14px;
border-radius: 50%;
border: solid 3px #00bfff;
}
.ptimeline-wrap .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .ptimeline-item:last-child .ptimeline-marker{
background:#00bfff;
} .ptimeline-wrap .square .ptimeline-marker{
border-radius: 0;
} .ptimeline-wrap .icon .ptimeline-item .ptimeline-marker{
content:unset;
border:none !important;
background:none !important;
}
.ptimeline-wrap .icon .ptimeline-item .ptimeline-marker:before{
font-family: "Font Awesome 5 Free";
top: -1px;
left: 0;
position:absolute;
font-weight:bold;
font-size:16px;
line-height:1;
color:#00bfff;
}
.ptimeline-wrap .icon .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .icon .ptimeline-item:last-child .ptimeline-marker{
background:none !important;
} .ptimeline-wrap .tl-img .ptimeline-item .ptimeline-marker{
content:unset;
border:none !important;
background:none !important;
}
.ptimeline-wrap .tl-img .ptimeline-item .ptimeline-marker:before {
content:"";
display:inline-block;
background-image:url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/ここに画像URL); background-size:contain;
background-repeat:no-repeat;
width:40px;
height:40px;
position: relative;
top: -4px;
left: -2px;
}
.ptimeline-wrap .tl-img li:nth-of-type(2) > .ptimeline-marker:before{
background-image:url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/ここに画像URL) !important; }
.ptimeline-wrap .tl-img li:nth-of-type(3) > .ptimeline-marker:before{
background-image:url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/ここに画像URL) !important; }
.ptimeline-wrap .tl-img li:nth-of-type(4) > .ptimeline-marker:before{
background-image:url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/ここに画像URL) !important; }
.ptimeline-wrap .tl-img li:nth-of-type(5) > .ptimeline-marker:before{
background-image:url(//magazine.voicenote.jp/wp-content/themes/affinger4-child/ここに画像URL) !important; }
.ptimeline-wrap .tl-img .ptimeline-item {
padding: 0 0 1em 3em !important;
}
.ptimeline-wrap .tl-img .ptimeline-item:before {
top: 30px;
left: 15px;
}  .ptimeline-wrap .money .ptimeline-title{
color:#e7a800 !important; }
.ptimeline-wrap .money .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .money .ptimeline-marker{
border: solid 3px #f7bcbc !important; color:#e7a800; }
.ptimeline-wrap .money .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .money .ptimeline-item:last-child .ptimeline-marker{
background:#e7a800; }
.ptimeline-wrap .money .ptimeline-item .ptimeline-marker:before{
color:#e7a800 !important; } .ptimeline-wrap .kaden .ptimeline-title{
color:#e7a800 !important; }
.ptimeline-wrap .kaden .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .kaden .ptimeline-marker{
border: solid 3px #e7a800 !important; color:#e7a800; }
.ptimeline-wrap .kaden .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .kaden .ptimeline-item:last-child .ptimeline-marker{
background:#e7a800; }
.ptimeline-wrap .kaden .ptimeline-item .ptimeline-marker:before{
color:#e7a800 !important; } .ptimeline-wrap .entertainment .ptimeline-title{
color:#e03638 !important; }
.ptimeline-wrap .entertainment .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .entertainment .ptimeline-marker{
border: solid 3px #e03638 !important; color:#e03638; }
.ptimeline-wrap .entertainment .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .entertainment .ptimeline-item:last-child .ptimeline-marker{
background:#e03638; }
.ptimeline-wrap .entertainment .ptimeline-item .ptimeline-marker:before{
color:#e03638 !important; } .ptimeline-wrap .job .ptimeline-title{
color:#3c92ae !important; }
.ptimeline-wrap .job .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .job .ptimeline-marker{
border: solid 3px #3c92ae !important; color:#3c92ae; }
.ptimeline-wrap .job .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .job .ptimeline-item:last-child .ptimeline-marker{
background:#3c92ae; }
.ptimeline-wrap .job .ptimeline-item .ptimeline-marker:before{
color:#3c92ae !important; } .ptimeline-wrap .health .ptimeline-title{
color:#4ca29f !important; }
.ptimeline-wrap .health .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .health .ptimeline-marker{
border: solid 3px #4ca29f !important; color:#4ca29f; }
.ptimeline-wrap .health .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .health .ptimeline-item:last-child .ptimeline-marker{
background:#4ca29f; }
.ptimeline-wrap .health .ptimeline-item .ptimeline-marker:before{
color:#4ca29f !important; } .ptimeline-wrap .mens-cosme .ptimeline-title{
color:#3aabd2 !important; }
.ptimeline-wrap .mens-cosme .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .mens-cosme .ptimeline-marker{
border: solid 3px #3aabd2 !important; color:#3aabd2; }
.ptimeline-wrap .mens-cosme .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .mens-cosme .ptimeline-item:last-child .ptimeline-marker{
background:#3aabd2; }
.ptimeline-wrap .mens-cosme .ptimeline-item .ptimeline-marker:before{
color:#3aabd2 !important; } .ptimeline-wrap .cosme .ptimeline-title{
color:#e35d80 !important; }
.ptimeline-wrap .cosme .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .cosme .ptimeline-marker{
border: solid 3px #e35d80 !important; color:#e35d80; }
.ptimeline-wrap .cosme .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .cosme .ptimeline-item:last-child .ptimeline-marker{
background:#e35d80; }
.ptimeline-wrap .cosme .ptimeline-item .ptimeline-marker:before{
color:#e35d80 !important; } .ptimeline-wrap .event .ptimeline-title{
color:#2c609a !important; }
.ptimeline-wrap .event .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .event .ptimeline-marker{
border: solid 3px #2c609a !important; color:#2c609a; }
.ptimeline-wrap .event .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .event .ptimeline-item:last-child .ptimeline-marker{
background:#2c609a; }
.ptimeline-wrap .event .ptimeline-item .ptimeline-marker:before{
color:#2c609a !important; } .ptimeline-wrap .life .ptimeline-title{
color:#92a430 !important; }
.ptimeline-wrap .life .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .life .ptimeline-marker{
border: solid 3px #92a430 !important; color:#92a430; }
.ptimeline-wrap .life .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .life .ptimeline-item:last-child .ptimeline-marker{
background:#92a430; }
.ptimeline-wrap .life .ptimeline-item .ptimeline-marker:before{
color:#92a430 !important; } .ptimeline-wrap .beauty .ptimeline-title{
color:#755b7e !important; }
.ptimeline-wrap .beauty .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .beauty .ptimeline-marker{
border: solid 3px #755b7e !important; color:#755b7e; }
.ptimeline-wrap .beauty .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .beauty .ptimeline-item:last-child .ptimeline-marker{
background:#755b7e; }
.ptimeline-wrap .beauty .ptimeline-item .ptimeline-marker:before{
color:#755b7e !important; } .ptimeline-wrap .hair-removal .ptimeline-title{
color:#67e58d !important; }
.ptimeline-wrap .hair-removal .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .hair-removal .ptimeline-marker{
border: solid 3px #67e58d !important; color:#67e58d; }
.ptimeline-wrap .hair-removal .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .hair-removal .ptimeline-item:last-child .ptimeline-marker{
background:#67e58d; }
.ptimeline-wrap .hair-removal .ptimeline-item .ptimeline-marker:before{
color:#67e58d !important; } .ptimeline-wrap .gourmet .ptimeline-title{
color:#df5b26 !important; }
.ptimeline-wrap .gourmet .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .gourmet .ptimeline-marker{
border: solid 3px #df5b26 !important; color:#df5b26; }
.ptimeline-wrap .gourmet .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .gourmet .ptimeline-item:last-child .ptimeline-marker{
background:#df5b26; }
.ptimeline-wrap .gourmet .ptimeline-item .ptimeline-marker:before{
color:#df5b26 !important; } .c-banner {
border: solid 1px #dbdbdb;
border-radius: 10px;
padding: 20px;
background-color: #f8f8f8;
}
.cp-ad {
float: left;
}
.cp-comment {
float: left;
width: 300px;
}
.cp-comment ul {
padding: 0;
margin: 10px;
}
.cp-comment ul li {
font-size: 14px !important;
position: relative;
list-style-type: none;
margin-bottom: 5px;
}
.cp-comment ul li::after {
content: "";
display: block !important;
position: absolute;
top: 0.5em;
left: -1.5em;
width: 10px;
height: 5px;
border-left: 2px solid #25af01;
border-bottom: 2px solid #25af01;
transform: rotate(-45deg);!important;
}
.cp-clear {
clear: left;
}
.nw-scroll {
overflow-x: auto;
white-space: nowrap;
} html {
scroll-behavior: smooth;
}

#headbox {
padding: 10px!important;
} #s-navi dt.trigger .op-st2 {
max-width:80%;
} @media only screen and (max-width: 959px) {
} @media only screen and (min-width: 600px) { } @media only screen and (min-width: 960px) { #st-menuwide, nav.smanone,
nav.st5,
#st-menuwide div.menu,
#st-menuwide nav.menu,
#st-header, #content, #footer-in { 
max-width:1060px;
}
#headbox
{ 
max-width:1040px;
} #contentInner{float:left;width:100%;margin-right:-300px}main{margin-right:20pc;margin-left:0;background-color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:30px 50px}#side aside{float:right;width:300px;padding:0} header .sitename{padding:5px;margin:0;
line-height:0;font-size:1px;	}
#headbox {padding: 5px 10px!important;} }.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{padding-right:24px;position:relative}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{bottom:0;color:var(--head-sort-arrow-color);position:absolute;right:6px;top:0;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{font-family:sans-serif!important;font-size:12px;line-height:12px;opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}
.tablepress{table-layout:fixed}.tablepress td:first-child{padding:4px;text-align:center;vertical-align:middle;color:#fff;font-size:12px;box-sizing:border-box;border:0}.tablepress td{width:152px;padding:10px;vertical-align:middle;word-break:break-all;box-sizing:border-box}.horizonal-scroll .tablepress td,.ranking-outer .tablepress td{border-left:10px solid #fff}.ranking-outer .tablepress td:first-child{display:none}.ranking-outer .tablepress td:nth-child(2){border-left:0}.tablepress tr{border:0}.column-1,.tablepress td:first-child{width:96px;border-left:0}.base_B tr.row-1 td{position:relative}.tablepress tbody td,.tablepress tfoot th{border-top:0}.base_B tr.row-1 td span{position:absolute;left:5px;top:-.25rem;width:30px;height:30px;line-height:30px;border:2px solid #fff;border-radius:50px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);background:#666;color:#fff;font-size:18px;font-style:italic;text-align:center;text-indent:-.04in}.base_B tr.row-1 td:nth-child(2) span{width:50px;height:50px;top:-.5rem;border:0;background:url(//magazine.voicenote.jp/wp-content/themes/e_ver004/img/ranking-one.svg);background-size:100%;box-shadow:none;text-indent:-9999px}.base_B tr.row-1 td:nth-child(3) span{width:50px;height:50px;top:-.5rem;border:0;background:url(//magazine.voicenote.jp/wp-content/themes/e_ver004/img/ranking-two.svg);background-size:100%;box-shadow:none;text-indent:-9999px}.base_B tr.row-1 td:nth-child(4) span{width:50px;height:50px;top:-.5rem;border:0;background:url(//magazine.voicenote.jp/wp-content/themes/e_ver004/img/ranking-three.svg);background-size:100%;box-shadow:none;text-indent:-9999px}.base_B .ranking-outer tr:last-child td a{display:block;width:100%;margin-bottom:.3rem;padding:.5rem 0;text-align:center;background:#f44336;color:#fff;box-sizing:border-box;box-shadow:0 .2rem 0 #d32f2f;border-radius:5px;transition:.15s}.base_B tr:last-child td a{display:block;width:100%;margin-bottom:.3rem;padding:.5rem 0;text-align:center;color:#fff;box-sizing:border-box;border-radius:5px;transition:.15s}.base_B tr:last-child td a:hover{margin:.2rem 0 0;box-shadow:none;opacity:.85}.row-2 td{font-weight:700}@media screen and (max-width: 768px){.tablepress{width:900px}#page .tablepress{width:100%}.tablepress td{width:calc(750px / 5)}#page .tablepress td{width:auto}.horizonal-scroll{width:100%;margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.horizonal-scroll:after{content:"※ このテーブルは横にスクロールできます。";color:red;font-size:16px}}.tablepress tbody tr:first-child td:first-child{position:static}.btn-square{display:inline-block;padding:.7em 1em;text-decoration:none;background-color:#4079A7;color:#fff!important;margin:5px 0 7px 15px;box-shadow:0 3px #01579B;height:35px;border-radius:6px;width:94px;text-align:center}.btn-square:hover{-ms-transform:translateY(3px);-webkit-transform:translateY(3px);transform:translateY(3px);border-bottom:none;box-shadow:none;opacity:.8}@media only screen and (max-width: 769px){.btn-square{margin:5px 0 7px 11px;width:102px}}a:hover{color:#fff}.tablepress{border:0!important}.tablepress tr.row-1 td:nth-child(2) span{width:50px;height:50px;top:-.5rem;border:0;background:url(//magazine.voicenote.jp/wp-content/themes/affinger4/images/ranking-one.svg);background-size:100%;box-shadow:none;text-indent:-9999px}.tablepress tr.row-1 td:nth-child(3) span{width:50px;height:50px;top:-.5rem;border:0;background:url(//magazine.voicenote.jp/wp-content/themes/affinger4/images/ranking-two.svg);background-size:100%;box-shadow:none;text-indent:-9999px}.tablepress tr.row-1 td:nth-child(4) span{width:50px;height:50px;top:-.5rem;border:0;background:url(//magazine.voicenote.jp/wp-content/themes/affinger4/images/ranking-three.svg);background-size:100%;box-shadow:none;text-indent:-9999px}.tablepress tr.row-1 td span{position:absolute;left:5px;top:-.25rem;width:30px;height:30px;line-height:30px;border:2px solid #fff;border-radius:50px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);background:#666;color:#fff;font-size:18px;font-style:italic;text-align:center;text-indent:-.04in}span.says{display:none}.comment-body{clear:both;margin-top:2%;overflow:hidden}.tablepress td{border-bottom:solid 1px #fff!important;border-left:solid 5px #fff!important}.tablepress td:first-child{background:#4079A7!important}.tablepress td{background:#E8EAF6;font-size:11px!important;line-height:20px!important}.tablepress img{max-width:100%}#tb-press{overflow-x:auto}@media screen and (max-width:480px){#tb-press{overflow-x:auto}}.tableamazonbtn{background-color:#ff8e02;border-bottom:4px solid #de7c02;border-radius:40px;margin:5px 0 7px 15px;height:35px;display:inline-block;width:94px;font-weight:700;text-align:center;color:#fff!important;padding:.7em 1em;text-decoration:none;transition:.4s}.tableamazonbtn:hover{opacity:.7}@media only screen and (max-width: 769px){.tableamazonbtn{margin:5px 0 7px 11px;width:102px}.tableamazonbtn:hover{opacity:.7}}.tablerakutenbtn{background-color:#B70001;border-bottom:4px solid #910102;border-radius:40px;margin:5px 0 7px 15px;height:35px;display:inline-block;width:94px;font-weight:700;text-align:center;color:#fff!important;padding:.7em 1em;text-decoration:none;transition:.4s}.tablerakutenbtn:hover{opacity:.7}@media only screen and (max-width: 769px){.tablerakutenbtn{margin:5px 0 7px 11px;width:102px}.tablerakutenbtn:hover{opacity:.7}}.officialbtn{background-color:#00BF2D;border-bottom:4px solid #05800D;border-radius:40px;margin:5px 0 7px 15px;height:35px;display:inline-block;width:94px;font-weight:700;text-align:center;color:#fff!important;padding:.7em 1em;text-decoration:none;transition:.4s}.officialbtn:hover{opacity:.7}@media only screen and (max-width: 769px){.officialbtn{margin:5px 0 7px 11px;width:102px}.officialbtn:hover{opacity:.7}}