@charset "utf-8";
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:transparent}
body{padding-top: 105px;margin:0;font-size:14px;line-height:1.8;position:relative;word-break:break-all;-webkit-font-smoothing:antialiased}
body, input, textarea, select {color: #000;background-color: #fff;font-family: "游ゴシック体", "YuGothic", "Yu Gothic Medium", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
@media screen and (max-width: 767px){body{padding-top: 80px;line-height:1.6;overflow-x:hidden !important}}
article,aside,details,footer,header,main,menu,section{display:block}
audio,canvas,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;color:#212121;text-decoration:none;outline:none !important}
a:active,a:hover{outline:0}
a:hover,a:focus{color:#505050;text-decoration:underline}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
p{margin:0 0 20px}
img{border:0;vertical-align:middle}
b,strong{font-weight:bold}
ul,ol{margin-top:0;margin-bottom:11px}
dl{margin-top:0;margin-bottom:22px}
dt,dd{line-height:1.7}
dt{font-weight:bold}
dd{margin-left:0}
textarea{overflow:auto}
table{background-color:transparent;border-collapse:collapse;border-spacing:0;width:100%;max-width:100%;margin-bottom:22px}
td,th{padding:0}
th{text-align:left}
tbody{-webkit-text-size-adjust: 100%;} 
caption {caption-side:top;padding-bottom:5px;text-align:left;}
hr{margin-top:22px;margin-bottom:22px;border:0;border-top:1px solid #e5e5e5}
small{font-size:92%}
mark{background:#ff0;color:#000}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em;color:#ff0000;}
sub{bottom:-0.25em}
svg:not(:root){overflow:hidden}
button,input,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;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
[role="button"]{cursor:pointer}

blockquote {background: #F5F5F5;border-left: none;margin: 1.5em 0;padding: 25px;quotes: "\201C""\201D""\2018""\2019";}
blockquote:before {left: 50px;top: 50px;color: #ccc;content: open-quote;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;}
blockquote p {color:#666!important;}
blockquote h4 {margin: 0;line-height: 10px;color: #666;border: none;padding: 0 !important;}
@media (max-width: 768px){ blockquote {padding:25px;}.ad-mobile-height { min-height:320px;}}
.clear{clear:both;}
.clearfix::before, .clearfix::after {content: " ";display: table;}
.clearfix::after {clear: both;}
.red {color: #fa4141;}
.img-responsive{display:block;max-width:100%;height:188px;object-fit: contain;}
.img-circle{border-radius:50%}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}

.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;/*padding-left:4px;padding-right:4px*/}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-1{width:8.33333333%}
.col-xs-2{width:16.66666667%}
.col-xs-3{width:25%}
.col-xs-4{width:33.33333333%}
.col-xs-5{width:41.66666667%}
.col-xs-6{width:50%}
.col-xs-7{width:58.33333333%}
.col-xs-8{width:66.66666667%}
.col-xs-9{width:75%}
.col-xs-10{width:83.33333333%}
.col-xs-11{width:91.66666667%}
.col-xs-12{width:100%}
.col-xs-push-3 {left: 25%;}
.col-xs-offset-0{margin-left:0%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-12{margin-left:100%}
@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-1{width:8.33333333%}.col-sm-2{width:16.66666667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333333%}.col-sm-5{width:41.66666667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333333%}.col-sm-8{width:66.66666667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333333%}.col-sm-11{width:91.66666667%}.col-sm-12{width:100%}.col-sm-push-0{left:auto}.col-sm-push-1{left:8.33333333%}.col-sm-push-2{left:16.66666667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333333%}.col-sm-push-5{left:41.66666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.33333333%}.col-sm-push-8{left:66.66666667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333333%}.col-sm-push-11{left:91.66666667%}.col-sm-push-12{left:100%}}
@media (min-width: 980px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-1{width:8.33333333%}.col-md-2{width:16.66666667%}.col-md-3{width:25%}.col-md-4{width:33.33333333%}.col-md-5{width:41.66666667%}.col-md-6{width:50%}.col-md-7{width:58.33333333%}.col-md-8{width:66.66666667%}.col-md-9{width:75%}.col-md-10{width:83.33333333%}.col-md-11{width:91.66666667%}.col-md-12{width:100%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.33333333%}.col-md-pull-2{right:16.66666667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333333%}.col-md-pull-5{right:41.66666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.33333333%}.col-md-pull-8{right:66.66666667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333333%}.col-md-pull-11{right:91.66666667%}.col-md-pull-12{right:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.33333333%}.col-md-push-2{left:16.66666667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333333%}.col-md-push-5{left:41.66666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.33333333%}.col-md-push-8{left:66.66666667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333333%}.col-md-push-11{left:91.66666667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-12{margin-left:100%}}
@media (min-width: 1100px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-1{width:8.33333333%}.col-lg-2{width:16.66666667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333333%}.col-lg-5{width:41.66666667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333333%}.col-lg-8{width:66.66666667%}.col-lg-9{width:72%}.col-lg-10{width:83.33333333%}.col-lg-11{width:91.66666667%}.col-lg-12{width:100%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.33333333%}.col-lg-push-2{left:16.66666667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333333%}.col-lg-push-5{left:41.66666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.33333333%}.col-lg-push-8{left:66.66666667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333333%}.col-lg-push-11{left:91.66666667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-12{margin-left:100%}}

table col[class*="col-"]{position:static;float:none;display:table-column}
table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}
input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}
input[type="file"]{display:block}input[type="range"]{display:block;width:100%}
select[multiple],select[size]{height:auto}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.form-control{display:block;width:100%;height:36px;padding:6px 12px;margin:0 0 8px;font-size:13px;line-height:1.7;color:#212121;background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:none !important;-webkit-appearance:none;-webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;-o-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
.form-control::-moz-placeholder{color:#ddd;opacity:1}
.form-control:-ms-input-placeholder{color:#ddd}
.form-control::-webkit-input-placeholder{color:#ddd}
.form-control[disabled],.form-control[readonly]{background-color:#e5e5e5;opacity:1}
.form-control[disabled]{cursor:not-allowed}
textarea.form-control{height:auto}
input[type="search"]{-webkit-appearance:none}
@media screen and (-webkit-min-device-pixel-ratio: 0){input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{line-height:36px}}

.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:13px;line-height:1.7;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn:focus,.btn.focus,.btn:active:focus,.btn:active.focus,.btn.active:focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus,.btn.focus{color:#212121;text-decoration:none}
.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn.disabled,.btn[disabled]{cursor:not-allowed;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
a.btn.disabled{pointer-events:none}
.btn-default{color:#212121;background-color:#fff;border-color:#c5c5c5}
.btn-default:focus,.btn-default.focus{color:#212121;background-color:#e6e6e6;border-color:#858585}
.btn-default:hover{color:#212121;background-color:#e6e6e6;border-color:#a6a6a6;transition: 0.3s;}
.btn-default:active,.btn-default.active{color:#212121;background-color:#e6e6e6;border-color:#a6a6a6}
.btn-default:active:hover,.btn-default:active:focus,.btn-default:active.focus,.btn-default.active:hover,.btn-default.active:focus,.btn-default.active.focus{color:#212121;background-color:#d4d4d4;border-color:#858585}
.btn-default:active,.btn-default.active{background-image:none}
.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled].active{background-color:#fff;border-color:#c5c5c5}
.btn-default .badge{color:#fff;background-color:#212121}
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:5px}
.btn .label{position:relative;top:-1px}
.btn .badge{position:relative;top:-1px}
.btn-large{width:100%;padding:6px;font-weight:bold}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}
.fade{opacity:0;-webkit-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear}
.fade.in{opacity:1}

[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}

.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.label:empty{display:none}
a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}

.panel{margin-bottom:22px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}
.panel-body{margin-bottom:10px;}
.panel-body:before,.panel-body:after{content:" ";display:table}
.panel-body:after{clear:both}
.panel-body h3{font-weight:bold}
.panel-body label{font-weight:bold;margin:6px 0 8px}
.panel-body .btn.btn-primary{font-size:20px;font-weight:bold}
@media screen and (max-width: 767px){.panel-body label{margin:2px 0 4px}.panel-body .btn.btn-primary{font-size:16px}}
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}
.panel>.panel-body+.table,.panel>.table+.panel-body{border-top:1px solid #e5e5e5}
.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}

.hide{display:none !important}
.hidden{display:none !important}
@-ms-viewport{width:device-width}
.visible-xs{display:none !important}
.visible-sm{display:none !important}
@media (max-width: 767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}
@media (min-width: 768px) and (max-width: 979px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}
@media (max-width: 767px){.hidden-xs{display:none !important}}
@media (min-width: 768px) and (max-width: 979px){.hidden-sm{display:none !important}}
@media (min-width: 980px) and (max-width: 1099px){.hidden-md{display:none !important}}
@media (min-width: 1100px){.hidden-lg{display:none !important}}

.font,.form-control,.content-group,.btn-large,.profile-area__user-name,.information-pane,.ranking-panel,.media-heading,.media-body,.panel-title,.nav-tabs,.panel .list-group-item-heading,.panel-body,.item-label,#confirm-content{font-size:16px}
@media screen and (max-width: 767px){.font,.form-control,.content-group,.btn-large,.profile-area__user-name,.information-pane,.ranking-panel,.media-heading,.media-body,.panel-title,.nav-tabs,.panel .list-group-item-heading,.panel-body,.item-label,#confirm-content{font-size:14px}} 
@keyframes anim-scale{0%{transform:scale(0.4, 0.4)}20%{transform:scale(1.4, 1.4)}50%{transform:scale(1, 1)}80%{transform:scale(1.2, 1.2)}100%{transform:scale(1, 1)}}

.content-group{background:#fff;border-radius:4px;}
.content-group.horizontal{padding:16px 0 16px}
@media (max-width: 1099px){.content-group{border-radius:0px;font-size:14px}} 
@keyframes anim_opacity{0%{opacity:0}50%{opacity:1}100%{opacity:0}} 
@media (max-width: 480px){input,textarea{font-size:14px !important}}

.h1_large {font-size: 3.7rem;font-weight: bold;padding-top:50px;line-height: 1.2;margin:0;}
.h1_span {display: block;font-size: 1.1rem;font-weight: normal;padding-bottom:15px}
.h2_large {position: relative;border-left: 10px solid #c84b89;clear: both;font-size: 17.5pt;line-height: 1.6;margin-left: -20px;margin-right: -12px;margin-bottom: 20px;margin-top: 45px !important;background-color:#f7f6f2;border-bottom: 2px solid #e0ded7;padding: 10px;}
.h2_large::before {content: " ";position: absolute;top: 100%;left: -10px;width: 0;height: 0;border-width: 0 10px 10px 0;border-style: solid;border-color:transparent;border-right-color: transparent;border-right-color: transparent;border-right-color:#7c1d4d;}
.midashi_grey {font-size: 18px;font-weight: bold;padding:20px;margin:24px -11px 8px;background-color:#f7f6f2;border-bottom: 3px solid #e0ded7;}
.midashi_large {margin-bottom:0;padding: 15px;font-weight:bold;font-size: 120%;background-color:#f7f6f2;border-bottom:2px solid #e0ded7;border-top:4px solid #c84b89;} 
.interview {color: #747781;margin-left: 2em;text-indent: -2em;}
.center {text-align: center;}
.guitar {border:1px solid #4c4c4c;padding:5px;}
.grey {color:#9e9e9e}
.scroll {display: block;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.hukudai {font-weight:bold;margin-bottom:11px;font-size:110%}
#list {width:100%;overflow-x: auto;font-size: 13px;}
#list a {color: #333;}
#list th {background-color: #f3f4f5;border: 1px solid #ddd;padding: 6px;}
#list td {border: 1px dotted #999;padding:6px;background-color:#FFF;}
#list .th_seihin {min-width: 200px;overflow-wrap: break-word;word-wrap: break-word;white-space: normal;}
#list .th_w150 {min-width: 120px;overflow-wrap: break-word;word-wrap: break-word;white-space: normal;}
#list .th_gazo {min-width: 200px;}
#list .th_gazo_s {min-width: 100px;}
#list .sticky {position: sticky;top: 0;left: 0;border-top: none;}
#list .sticky::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-left: 1px solid #ddd;border-right: 1px solid #ddd;z-index: -1;}
.detail-table {background-color: #ffffff;table-layout: fixed;width: 100%;}
.detail-tbody {column-gap: 16px;display: flex;flex-wrap: wrap;}
.detail-tr {border-top: 1px solid #e7e7e7;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;}
@media (min-width: 768px) {.detail-tr {width: calc(50% - 8px)}}
.detail-th {background-color: #ffffff;color: #666666;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;font-size: 12px;font-weight: 400;padding: 8px;text-align: left;width: 128px;}
.detail-td {background-color: #ffffff;color: #666666;font-size: 12px;font-weight: 700;padding: 8px;}
#ad_end {position: relative;clear: both;padding: 40px 0;margin-top: 30px;margin-bottom: 10px;border-top: 1px solid #CECDCD;border-bottom: 1px solid #CECDCD;}
#ad_end .kaerebalink-box{display: flex;justify-content: center;align-items: center;gap: 10px;}
#ad_end .alignleft {float: none;margin: 0 !important;}
.li-first img {width:100%;height:auto;border-radius: 4px;}
.li-first a:hover {text-decoration:none;}
.li-first img:hover {opacity:0.8;}
.b-grey {background-color:rgb(229, 229, 229); font-weight:bold;}
.b-blue {background-color:#cce7ff !important; font-weight:bold;}
.h-guitar{background:transparent url("https://farm7.static.flickr.com/6164/6180635942_f47b327ae0_t.jpg") no-repeat 0 0px; padding-left: 25px;}
.h-acoustic{padding-left: 25px; background:transparent url("https://farm7.static.flickr.com/6166/6180635956_f9949bcfb3_t.jpg") no-repeat 0 1px;}
.h-bass{  padding-left: 25px; background:transparent url("https://farm7.static.flickr.com/6177/6180636006_fe58ab56d6_t.jpg") no-repeat 0 1px;}
.h-drum{ padding-left: 25px; background:transparent url("https://farm7.static.flickr.com/6164/6180636014_c53fd60d43_t.jpg") no-repeat 0 1px;}
.dtm-news{ padding-left: 25px; background:transparent url("https://farm7.static.flickr.com/6169/6180169693_3937445296_t.jpg") no-repeat 0 1px;}
.guitar-navi{ padding-left: 25px; background:transparent url("https://farm7.static.flickr.com/6169/6180635972_c5d0d1e255_t.jpg") no-repeat 0 1px;}
.guitar-news{ padding-left: 25px; background:transparent url("https://farm7.static.flickr.com/6162/6180109235_8eec80e2c3_t.jpg") no-repeat 0 1px;}
.icon_amazon {color:white;width: 19px;height: 19px;display: inline-block;margin: 0 5px;background-image: url(img/icon-amazon.png);background-size: cover;text-indent: 100%;vertical-align: middle;}
.icon_rakuten {color:white;width: 19px;height: 19px;display: inline-block;margin: 0 5px;background-image: url(img/icon-rakuten.png);background-size: cover;text-indent: 100%;vertical-align: middle;}
.icon_ikebe {color:white;width: 19px;height: 19px;display: inline-block;margin: 0 5px;background-image: url(img/icon-ikebe.png);background-size: cover;text-indent: 100%;vertical-align: middle;}
.icon_ishibashi {color:white;width: 19px;height: 19px;display: inline-block;margin: 0 5px;background-image: url(img/icon-ishibashi.png);background-size: cover;text-indent: 100%;vertical-align: middle;}
.icon_yahuoku {color:white;width: 19px;height: 19px;display: inline-block;margin: 0 5px;background-image: url(img/icon-ishibashi.png);background-size: cover;text-indent: 100%;vertical-align: middle;}
.icon_yahoo {color:white;width: 19px;height: 19px;display: inline-block;margin: 0 5px;background-image: url(img/icon-yahoo.png);background-size: cover;text-indent: 100%;vertical-align: middle;}
.icon_soundhouse {color:white;width: 19px;height: 19px;display: inline-block;margin: 0 5px;background-image: url(img/icon-soundhouse.png);background-size: cover;text-indent: 100%;vertical-align: middle;}
span.cap {color: #333;display: block;font-size: 1.3rem;}
.ad-body{margin-top:50px;margin-bottom:15px;display: block;}
.ad-block{position: relative;clear:both;}
.alignleft {float:left; margin-bottom: 15px; margin-right: 15px;}
.alignright {float:right; margin-bottom: 15px; margin-left: 15px;}
.amazon_point {position: relative;padding-left: 30px;}
.amazon_point::before {background-image: url(img/icon-arr.png);background-size: 15px;background-position: center center;background-repeat: no-repeat;position: absolute;content: '';width: 25px;height: 25px;top: -3px;left: 0;}
.arrow {padding-left: 30px;position: relative;}
.arrow::before {content: "";background-image: url(img/icon-arr1.png);background-size: 18px;background-position: center center;background-repeat: no-repeat;width: 25px;height: 25px;position: absolute;top: -3px;left: 0;}
.supernice {padding-left: 30px;position: relative;}
.supernice::before {content: "";background-image: url(img/icon-arr2.png);background-size: 18px;background-position: center center;background-repeat: no-repeat;width: 25px;height: 25px;position: absolute;top: -3px;left: 0;}
.darkred {color:#BE4343 !important;font-weight: bold !important;font-size: 120%;}
.amazon {color:#fff;background-color:#FF9900;box-shadow:0px 4px 0px #c67801;}
.soundhouse {color:#fff;background-color:#7d5889;box-shadow:0px 4px 0px #4c3554;}
.rakuten {color:#fff;background-color:#BD0000;box-shadow:0px 4px 0px #6b0202;}
.yahoo {color:#fff;background-color:#02bb80;box-shadow:0px 4px 0px #017c55;}
.ishibashi {color:#fff;background-color:#FF4444;box-shadow:0px 4px 0px #b22e2e;}
.ikebe {color:#FFF100;background-color:#BD0000;box-shadow:0px 4px 0px #6b0202;}
.merucari {color:#fff;background-color:#ff5266;box-shadow:0px 4px 0px #cc4151;}
.buttons-box {display:flex;justify-content: space-between;flex-direction: row;margin-top:22px;width:101%;}
.buttons-box .buttons-box-cell {width: 100%;justify-content: center;flex: 1;margin: 0 0 12px 0;font-size:12px;}
.buttons-box .go-to-comment-button {line-height: 1.4;display: block;text-align:center;border-radius:4px;margin-right:8px;padding:10px 0;color:#fff !important;text-decoration:none;}
.buttons-box .go-to-comment-button:hover {opacity: 0.7;text-decoration:none}
.buttons-box .go-to-comment-button .button-kin {display:block;font-size:13px;}
@media screen and (max-width: 767px){#list .th_gazo, #list .th_seihin {min-width: 150px;}.buttons-box{display: flex;justify-content: space-between;flex-direction: column;}.buttons-box .go-to-comment-button{font-size:13px;margin-right: 3px;padding: 8px 0;}}
.googleform {display:block;text-align:right;font-size:12px;margin-bottom:40px;}
.googleform ::before {color: #999999;content: "※";margin: 0 0.5em;text-decoration:none;}
.googleform a {color:#999999 !important}

.kiji {margin-top:10px;clear:both;}
.kiji a {color:#3FA2CE;text-decoration:underline}
.kiji a:hover {text-decoration: none;}
.kiji img {max-width:100%;height: auto;}
.kiji h2{background-color: #fff;border-bottom: 2px solid #CECDCD;border-top: 2px solid #CECDCD;padding: 20px 0 20px 40px;position: relative;border-left: none;clear: both;font-size: 2.6rem;font-weight: bold;line-height: 1.3;margin-left: 0;margin-right: 0;margin-top: 100px;margin-bottom: 50px;}
.kiji h2::before {content: " ";position: absolute;top: 35px;left: 0px;width: 25px;height: 2px;background-color: #FF972F;border: none;}
.kiji h3 {font-size: 2rem;line-height: 1.3;margin: 75px 0 25px 0;padding: 5px 5px 10px 0;border-bottom: solid 2px #CECDCD;position: relative;clear: both;}
.kiji h3::after {position: absolute;content: " ";display: block;border-bottom: solid 2px#ff8c00;bottom: -2px;width: 20%;}
.kiji h4 {font-size: 1.8rem;font-weight:bold;line-height: 1.3;margin: 50px 0 15px 0;padding: 0 0 0 20px;border-bottom: none;border-left: 5px solid #FF972F;position: relative;clear: both;}
.kiji strong {background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fac590 30%) repeat scroll 0 0;}
.kiji .gaibu {background-color: #F0F0F0;border: 1px solid #888787;padding: 20px;border-radius: 10px;}
.kiji .gaibu2 {padding: 20px;border: double 4px #F0F0F0;}
.kiji .gaibu2 a {font-weight:bold;}
.kiji .artist {margin:12px 0;}
.kiji pre {line-height:1.1;border-top: solid 5px #ff8c00;background: #f9f9f9;color:#666;box-shadow: 0 1.5px 2.4px rgba(0, 0, 0, .15);padding: 20px 30px;margin: 20px 0;overflow: auto;white-space: pre-wrap;font-size:13px;font-family: "游ゴシック体", "YuGothic", "Yu Gothic Medium", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.kiji pre label {text-align:center;font-size:17px;}
.kiji pre ol, .kiji pre ul {padding-left:15px;margin:0;}
.kiji pre ol ol, .kiji pre ol ul {margin: 0 0 -25px 0;}
.kiji pre ol ol li::marker, .kiji pre ol ul li::marker {font-style: italic;}
.kiji pre h4 {font-family: "Chakra Petch", sans-serif;font-weight: 400;font-weight: 700;color: #333;font-size: 1.8rem;margin: 0 0 10px 0;padding: 0 0 10px 0;border-left:none;border-bottom: 1px solid #CECDCD !important;}
.kiji pre a {color:#666;text-decoration:none;}
.kiji pre a:hover {text-decoration:underline;} 
.kiji .caution {clear:both;background-color:#F9F9F9;border-top: solid 5px #bcbcbc;box-shadow: 0 1.5px 2.4px rgba(0, 0, 0, .15);margin: 30px 0;padding: 40px 40px 30px 40px;}
.kiji .caution h4 {font-size: 1.8rem;font-weight:bold;color: #333;position: relative;padding-left:30px;margin:0 0 5px -5px;line-height: 32px;border:none;}
.caution h4:after, .caution h4:before{content:'';height:18px;width:4px;display:block;background:#bcbcbc;position:absolute;top:8px;left:15px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.kiji .caution h4:before {height: 10px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);top: 16px;left: 7px;}
@media (max-width: 480px){.kiji iframe {max-width:100%;height:250px;}.h1_large{font-size:24px;padding-top:15px;}.ad-body{margin-top:15px;margin-bottom:15px;}}
@media (max-width: 767px){#list {font-size: 11px;}.kiji pre {font-size: 12px;padding: 20px;}.kiji pre h4 {font-size: 1.5rem;}.h1_span{font-size: 1rem;}.kiji h2{font-size: 2.1rem;margin-top: 80px;margin-bottom: 20px;padding: 20px 0 20px 35px;}.kiji h2::before {top: 34px;width: 20px;}.kiji h3{font-size: 1.8rem;margin: 35px 0 20px 0;}.kiji h4{font-size: 1.6rem;margin-top:30px;}.kiji .caution{padding: 30px;}.gaibu, .gaibu2{padding: 15px;}span.cap{font-size: 1.1rem;}}
@media (max-width: 979px){h1{font-size:19px}h5{font-size:14px}}

.mt10 {margin-top:10px}
.mb10 {margin-bottom:10px}
.mt15 {margin-top:15px}
.mb15 {margin-bottom:15px}
.mt20 {margin-top:20px}
.mb20 {margin-bottom:20px}
.mt30 {margin-top:30px}
.mb30 {margin-bottom:30px}
.mt40 {margin-top:40px}
.mb40 {margin-bottom:40px}
.cat-panel a {color:#5387A6}
.page-links { padding: 10px;text-align: center;clear: both;display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}
.page-links a {text-decoration: none;}
.page-links_t { background: #CECDCD;border: 1px solid #333;border-radius: 10px;color: #333;display: block-block;font-size: 1.6rem;font-weight: bold;padding: 0;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;transition: 0.3s;}
.page-links_tp {background: #CECDCD;border: 1px solid #333;border-radius: 10px;color: #333;display: block-block;font-size: 1.6rem;font-weight: bold;padding: 10px 20px;height: 60px;display: flex;align-items: center;justify-content: center;transition: 0.3s}
a .page-links_t, a .page-links_tp {background: #fff none repeat scroll 0 0;font-weight: normal;}
a:hover .page-links_t, a:hover .page-links_tp {background: #d9d9d9 none repeat scroll 0 0;}

#tab, #tab2, #tab3, #tab4 {position:relative; overflow:hidden; height:42px;margin: 0;padding: 0;}
#tab li.select, #tab2 li.select, #tab3 li.select, #tab4 li.select  { background: none repeat scroll 0 0 #ff8c00 !important; color:#fff; }
#tab li, #tab2 li, #tab3 li, #tab4 li  { background: none repeat scroll 0 0 #EEEEEE; cursor: pointer; float: left; list-style: none outside none; padding: 10px; margin-bottom:20px; }
#tab li:nth-child(2n), #tab2 li:nth-child(2n), #tab3 li:nth-child(2n), #tab4 li:nth-child(2n)  { background: none repeat scroll 0 0 #ddd; }
.kiji #tab {height:auto;}

.
.chatlog p {margin: 12px 12px 20px 15px;}
.chatlog h4 {margin-top:5px;margin-left:12px;}
.chatlog .kanade {background-color: #FFF5FD;border: 1px solid #FDE2F2;border-radius: 6px 6px 6px 6px;clear: both;margin-bottom: 15px;margin-left: 15px;margin-right: auto;padding: 20px;position: relative;width: 85%;}
.chatlog .kanade .icon1 {float: left; padding-right: 10px; overflow:hidden; position:relative;}
.chatlog .kanade h4, .chatlog .hakase h4, .chatlog .professional h4 {margin: 5px 0;border:none;padding:0;clear: none;}
.chatlog .kanade::before {content: "";position: absolute;top: 50%;left: -22px;margin-top: -10px;width: 0;height: 0;border-style: solid;border-width: 10px 20px 10px 0;border-color: transparent #FDE2F2 transparent transparent;}
.chatlog .kanade::after {content: "";position: absolute;top: 50%;left: -20px;margin-top: -10px;width: 0;height: 0;border-style: solid;border-width: 10px 20px 10px 0;border-color: transparent #FFF5FD transparent transparent;}
.chatlog .hakase {background: none repeat scroll 0 0 #F4FCFF;border: 1px solid #D3EBFF;border-radius: 6px 6px 6px 6px;clear: both;margin-bottom: 15px;margin-left: auto;margin-right: 15px;padding: 20px;position: relative;width: 85%;}
.chatlog .hakase .icon1 {float: right; padding-left: 10px; overflow:hidden; position:relative;}
.chatlog .hakase::before {content: "";position: absolute;top: 50%;left: auto;right: -20px;margin-top: -10px;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 20px;border-color: transparent transparent transparent #D3EBFF;}
.chatlog .hakase::after {content: "";position: absolute;top: 50%;left: auto;right: -18px;margin-top: -10px;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 20px;border-color: transparent transparent transparent #F4FCFF;}
.chatlog .professional {background: none repeat scroll 0 0 #F4F4F4;border: 1px solid #CCCCCC;border-radius: 6px 6px 6px 6px;clear: both;margin-bottom: 15px;margin-left: 15px;margin-right: auto;padding: 20px;position: relative;width: 85%;}
.chatlog .professional .icon1 {float:left;margin-right:15px;margin-left: 15px;margin-top: 5px;} 
.chatlog .professional::before {content: "";position: absolute;top: 50%;left: -22px;margin-top: -10px;width: 0;height: 0;border-style: solid;border-width: 10px 20px 10px 0;border-color: transparent #CCCCCC transparent transparent;}
.chatlog .professional::after {content: "";position: absolute;top: 50%;left: -20px;margin-top: -10px;width: 0;height: 0;border-style: solid;border-width: 10px 20px 10px 0;border-color: transparent #F4F4F4 transparent transparent;}
.chatlog .writer {display: flex;font-size:90%;border: 1px solid #ddd;border-radius: 6px 6px 6px 6px;clear: both;margin-bottom: 15px;margin-left: 15px;margin-right: auto;padding: 5px 10px 5px 5px;position: relative;width: 85%;}
.chatlog .writer:before {border-color: rgba(194, 225, 245, 0) #ddd rgba(194, 225, 245, 0) rgba(194, 225, 245, 0);border-width: 13px;margin-top: -13px;top: 50%;}
.chatlog .writer:after, .chatlog .writer:before {border: medium solid transparent;content: " ";height: 0;pointer-events: none;position: absolute;right: 100%;width: 0;}
.chatlog .writer:after {border-color: rgba(136, 183, 213, 0) #F4F4F4 rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);border-width: 10px;margin-top: -10px;top: 50%;}
.chatlog .writer figure img {height: auto;max-width: 80px;border-radius: 9999px;}
.chatlog .writer .pro_right p {color:#666;margin: 0 12px 20px 15px;line-height:1.5;font-size:90%;}
.chatlog .writer dl {margin: 0 12px 5px 15px;color:#333;}
.chatlog .writer dt {font-size:90%;font-weight: 600;line-height: 1.5;}
.chatlog .writer dd {font-size:110%;font-weight:bold;line-height: 1.5;}
.dli-chevron-round-right {margin-left: 10px;display: inline-block;vertical-align: middle;color: #999;line-height: 1;position: relative;width: 0.5em;height: 0.5em;transform: translateX(-25%) rotate(45deg);}
.dli-chevron-round-right::before, .dli-chevron-round-right::after {content: '';position: absolute;background: currentColor;border-radius: 0.1em;}
.dli-chevron-round-right::before {top: 0;left: 0;right: 0;height: 0.1em;}
.dli-chevron-round-right::after {top: 0;right: 0;bottom: 0;width: 0.1em;}
.css-sc2aji {-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #313131;bottom: 10px;color: #ffffff;display: flex;font-size: 11px;height: 18px;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;left: 0;margin-left: auto;margin-right: auto;position: relative;right: 0;text-align: center;width: 80px;}
.css-sc2aji::before {border-color: transparent transparent transparent #ffffff;border-width: 9px 0 9px 3px;left: 0;}
.css-sc2aji::after {border-color: transparent #ffffff transparent transparent;border-width: 9px 3px 9px 0;right: 0;}
.css-sc2aji::before, .css-sc2aji::after {border-style: solid;content: '';position: absolute;top: 0;}
.css-1qdodru {background-color: #738c8c;bottom: -2px;height: 2px;position: absolute;width: inherit;background-color: #f2b50d;}
.c_l .kanade, .c_l .hakase, .c_l .professional, .c_l .writer { padding:10px; }
.c_l .kanade .icon1 img { border: 1px solid #FDE2F2; }
.c_l .hakase .icon1 img { border: 1px solid #D3EBFF; }
.c_l .professional .icon1 img { border:1px solid #CCCCCC }

.panel-body h1,h2.top-panel {margin:10px 0 20px 0;padding-left:15px;font-size:120%;font-weight:bold;border-left:5px solid #ff8c00;}
.panel-body .panel-body-list {padding:0;}
.panel-body .panel-body-list li {list-style-type:none;padding:10px 0 5px 0;}
.panel-body .panel-body-list li.li-first {padding-bottom: 35px;}
.panel-body .panel-body-list .cat_img {height: 380px;object-fit: cover;padding: 10px;}
.panel-body .panel-body-list .cat_img a:hover {text-decoration:none;}
.panel-body .panel-body-list .cat_img img{width: 100%;height: 200px;object-fit: cover;}
.panel-body .panel-body-list .Items__price {font-size: 18px;}
.panel-body .panel-body-list .item-box__item-sub-name {font-size: 13px;line-height: 1.4em;color: #555;margin:5px 0;}
.panel-body .panel-body-list .tokucho {font-size: 12px;border-radius: 12px;background-color: #FF972F;padding: 3px 10px;color: #333;}
.panel-body .list-small {display: flex;flex-wrap: wrap;}
.panel-body .list-small li {border-bottom: none;padding:8px;}
.panel-body .list-small .Items__itemName {font-size: 12px;}
.panel-tokushu li {position:relative;overflow:hidden;}
.panel-tokushu .Items__image {float:left;margin-right:10px;}
.panel-tokushu .Items__price {margin-bottom:5px;}
@media (max-width: 480px){.panel-body .panel-body-list .cat_img{height: 400px;padding: 0;}.panel-body .panel-body-list .Items__image{display: inline;}.panel-tokushu .Items__image {float:none;}.kiji .caution h4{font-size: 120%;line-height: 28px;}.chatlog .icon1{float:none !important;}.alignleft, .alignright {float:none;}#ad_end .alignleft {float:left;width:35%}#ad_end p {width:65%;line-height:1.8;}.calum-left, .calum-right {float:none;width:100%}}
@media (min-width: 1000px){.panel-body .panel-body-list .Items__image{display: block;}}

.Items__caption {vertical-align: top;}
.Items__image img {border-radius: 4px;}
.Items__image img:hover ,.Items__caption:hover {opacity: 0.8;}
.Items__itemName {font-size: 13px;line-height: 1.4em;height: 36px;overflow: hidden;color:#555;}
.Items__price {font-size: 16px;font-weight: bold;display: block;line-height: 20px;padding-top: 5px;}
.item-label{font-weight:bold;line-height:1.6em;margin:10px 0;padding-left:4px}

.button{border-radius:4px;text-align:center;box-sizing:border-box}
.button:hover{opacity:0.7;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-ms-transition:0.3s;text-decoration:none}

.font,.form-control,.content-group,.btn-large,.profile-area__user-name,.information-pane,.ranking-panel,.media-heading,.media-body,.panel-title,.nav-tabs,.panel .list-group-item-heading,.panel-body,.item-label,#confirm-content{font-size:16px}
@media screen and (max-width: 767px){.font,.form-control,.content-group,.btn-large,.profile-area__user-name,.information-pane,.ranking-panel,.media-heading,.media-body,.panel-title,.nav-tabs,.panel .list-group-item-heading,.panel-body,.item-label,#confirm-content{font-size:14px}}


/****--トップページ--------------------------------------------------------------------------****/

.h1_top {border-top: 4px solid #F0F0F0;border-bottom: 4px solid #F0F0F0;padding: 15px 0;margin: 70px 0 15px 0;text-align: center;font-size: 3.2rem;font-weight: bold;line-height: 1.2;}
@media (max-width: 480px){.h1_top{font-size: 2.8rem;}}
.top-sp{display:block}
.top-pc{display:none}

#tab_top {border-top: 4px solid #F0F0F0;border-bottom: 4px solid #F0F0F0;padding: 20px 0;margin:35px 0 35px 0;display: flex;overflow-x: auto;height: auto;}
#tab_top li {background: none;font-size: 1.6rem;line-height: 1.2;float: none;margin: 0;border-right: 1px solid #333;padding: 5px 40px;cursor: pointer;list-style: none outside none; white-space: nowrap;}
#tab_top li.select {font-weight: bold;background: #fff !important;color: #333;}     
@media screen and (max-width: 767px) {#tab_top li { padding: 5px 25px;font-size: 1.2rem;}}

.content_wrap, .content_wrap2, .content_wrap3, .content_wrap4 { clear:both; }
.content_wrap ul { margin-bottom: 10px; }
.content_wrap li {position:relative; overflow:hidden; border-bottom:none !important;}
.content_wrap li h3 {float:right; width:75%; margin-bottom: 10px;}
.content_wrap li h3 a {text-decoration:none; font-weight:normal}
.content_wrap li h3 a:hover {text-decoration:underline;}
.content_wrap li span {margin-top:5px; display:block; font-size:88%;}
.content_wrap li div img:hover {filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -ms-filter: "alpha(opacity=50)"; zoom: 1;}
.disnon, .disnon2, .disnon3, .disnon4 {display: none;}
.panel-body-top .cat_img {height:300px !important;border-bottom:none !important;}
.panel-body-top .cat_img img {height:auto !important;}
@media (max-width: 767px){.panel-body-top .cat_img {height:auto !important;padding:10px 0 !important;}.panel-body-top .cat_img img {width:160px !important;}.panel-body-top .cat_img .Items__image {float:left;margin-right:15px;}}
.panel-body-tree1 .panel-tree {border-bottom:none !important;padding:0 0 0 8px;height:auto;}
.panel-body-tree1 .panel-tree li , .panel-body-tree2 li{font-size: 14px;border-bottom:none !important;padding:0 0 8px 8px !important;}
.panel-body-tree1 h2 , .panel-body-tree2 h2 {font-size: 1.7rem;font-weight: bold;display: flex;position: relative;margin-bottom: 20px;}
.panel-body-tree1 h2:before, .panel-body-tree2 h2:before {content: "";position: absolute;width: 100%;height: 1px;background-color: #FF972F;top: 50%;left: 0;}
.panel-body-tree1 h2 span, .panel-body-tree2 h2 span {display: inline-block;background-color: #fff;padding: 0 10px 0 0;position: relative;z-index: 2;}
.panel-body-tree2 {margin-right:0;width:100%;}
.panel-body-tree2 .panel-body-list {padding-left:40px;}
.kanade-s {background:transparent url("https://farm6.staticflickr.com/5453/9147267361_beaf6788b9_o.png") no-repeat; padding-bottom: 15px; min-height:200px;}
.kanade-l {background:transparent url("img/kanade-l.png") no-repeat; padding-bottom: 15px; min-height:200px;}
.kanade-s .related,.kanade-l .related {border:0; margin-bottom: 46px; font-size: 18px; font-weight:bold; margin-left: 8px; padding-bottom: 5px; padding-left: 10px; padding-top: 5px;}
.kanade-s h3,.kanade-l h3 {border:0; }
.k_wrapper {border-left:6px solid #ff8c00; border-right:6px solid #ff8c00; border-bottom:6px solid #ff8c00; margin:0 133px 0 5px; }
.menu {background: url("img/stripe.png") repeat scroll 0 0 #111111;border-radius: 6px 6px 6px 6px;margin-bottom: 35px;margin-left: 6px;margin-right: 6px;padding: 6px;}
.menu2 {background: url("img/stripe2.png") repeat scroll 0 0 #111111;border-radius: 6px 6px 6px 6px;margin-bottom: 35px;margin-left: 6px;margin-right: 6px;padding: 6px;}
.menu .menu_area, .menu2 .menu_area {background: none repeat scroll 0 0 #FFFFFF; display: block; padding: 15px;  overflow:hidden; display:block; position:relative;}
.menu .menu_midashi, .menu2 .menu_midashi {border:0; padding:0; margin-bottom: 5px; margin-top: 0; margin-left: 5px; font-weight:bold;}
.menu dl { float:left; width: 45%; margin-top: 0; margin-bottom: 0; min-height: 57px; height: auto !important; height: 57px;}
.menu dd { font-size:11px; margin-bottom:10px; }
.shikiri { clear:both; overflow:hidden; position:relative; margin-right: 12px; margin-bottom: 30px;}
.shikiri h2::before {border-style:none ;}
.shikiri h4 { margin: 0;border:none;}
.shikiri dt {float:left; width:60%; }
.shikiri dt strong {display:block; margin-top:15px; margin-bottom:2px; font-size:16px;}
.shikiri dt span {font-size:13px; color:#999; display:block; margin-top:5px; text-align:right}
.shikiri dt h3 {border:none; font-size:24px; padding-left: 0; margin-left: 0; margin-top: 20px;}
.shikiri dt h3::before ,  .shikiri dt h3::after{ background: none !important;}
.shikiri dt .setting { padding-bottom: 6px; padding-left: 6px; }
.shikiri dt #block4 { margin-bottom: 20px; margin-left: 0; margin-top: 0; padding-top: 6px; padding-left: 6px; overflow:hidden; border-bottom:1px dotted #999; margin-right: 0;}
.shikiri dt #block4 li {float: left; margin-bottom: 15px;  width: 140px;list-style-type:none;}
.shikiri dt #block4 li p { margin: 0; margin-bottom: 6px;font-weight:normal;}
.shikiri dt #block4 li img { position: relative; z-index: 1;height: fit-content !important; }
.shikiri dt #block4 li img.border { border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); position: relative; z-index: 2; }
.shikiri dt.w45 {width: 45%;}
.shikiri dd.w50 {width: 50%;}
.shikiri dd {float:right; width:35%; margin-left: 0px; padding: 8px; border:1px solid #999 ; background-color:#EFEFEF; border-radius: 5px; color:#666}
.shikiri dd h3 {border:none; font-size:24px; padding-left: 0; margin-left: 0; margin-bottom: 15px; margin-top: 15px; margin-left: 5px;}
.shikiri dd ul { margin-left: 15px; }
.shikiri dd .big { font-size:18px; font-weight:bold; margin: 5px; background-color:transparent; border:none;}
.shikiri dd.chatlog img { padding-left: 5px; }
.shikiri .chatlog .hakase .icon1 { padding-left: 0; }
p.more { background: linear-gradient(to bottom, #67B33B 1%, #5CA234 88%) repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #67B33B;border-radius: 3px;box-shadow: -1px 1px 0 rgba(255, 255, 255, 0.2) inset;color: #FFFFFF;display: block;font-size: 130%;font-weight: bold;height: 53px;line-height: margin-top: 20px;text-align: center;text-decoration: none;vertical-align: middle;  }
p.more:hover {color:#ccc;} 
p.more a {color:#fff;}
dd.chatlog { background-color:#fff; border:none; padding: 0; margin-top: 20px; width: 37%; }
dd.chatlog .hakase { width: 90%; }
dd.chatlog .kanade { width: 88%; }
dd.chatlog p { margin: 5px; }
dd.chatlog img { padding-right: 5px; padding-top: 5px; }
dd.kansou { background: linear-gradient(to bottom, #FFFFFF 83%, #FFF2D8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #F9BB83; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); }
.b-set {padding:20px;display:flex;border: double 4px #F0F0F0;}
.b-set p {color: #666;}
.b-set .b-set-right {width:100%;}
.calum-left { float:left; width:50%;padding:0 20px;}
.calum-right { float:right; width:50%;padding:0 20px;}
.two-calum {font-size:14px;}
.two-calum h4 {border:none;margin:0;padding:0;}
.two-calum .calum-right .artist {padding:0;}
.two-calum li{color: #3cf;font-size:200%;list-style: decimal inside;margin-right: 15px;}
.two-calum li span{color: #666;font-size:14px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;}
.two-calum li ul {margin-top: 0;}
.two-calum li li {list-style: square; font-size:100%; line-height: 70%; }
.two-calum .artist li { font-size: 100%; list-style:none; }
.beginner a {text-decoration:none;}
.beginner a:hover {text-decoration:underline;}
.beginner li {line-height:1.8}
@media (max-width: 767px){.calum-left {float:none !important;width:100%;}.calum-right {float:none !important;width:100%;}.menu ul {padding-left: 20px;}.beginner, .beginner ul {padding-left:20px;}}
.b_child { margin-bottom:5px; margin-top: 10px; }
.b_child li { list-style: square; margin-bottom:4px; font-size: 100%; margin-right: 0;}
.qa_q {background:#FFDEFF url("img/qa-q.png") 10px center no-repeat; padding:30px; padding-left: 150px; color: #880205;}
.qa_q span { color:#666; font-weight:bold; }
.qa_a {background:#F1FFDC url("img/qa-a.png") right center no-repeat; padding:30px; padding-right: 150px; }
.matome li {list-style-type: none;position: relative;padding:0 30px;font-size: 130%;font-weight:bold;line-height:1.4;margin-bottom:20px;margin-left:-5px;color:#999}
.matome li:after, .matome li:before{content:'';height:18px;width:4px;display:block;background:#7DD400;position:absolute;top:8px;left:15px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.matome li:before {height: 10px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);top: 16px;left: 7px;}
article pre a {color: #666;}
#block {padding: 0;margin: 0;display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;row-gap: 50px;}
#block li {list-style-type: none;height: auto;padding:0 10px;}
#block li p {margin: 0 0 15px;font-size: 14px;}
#block li h4 {border: none;clear: both;color: #333;font-size: 1.8rem;font-weight: bold;line-height: 1;margin:5px 0;padding-left: 0;padding-top: 0;}
#block li h4 a {color: #333;text-decoration: none;}
#block li h4::after {content: "";width: 75px;height: 1px;background-color: #FF972F;display: block;margin: 5px 0 0 0;}
#block p img {padding:3;border:1px solid #ccc;}
#block p a:hover img,#maintenance a:hover img {filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;-ms-filter: "alpha(opacity=70)";zoom: 1;}
@media (min-width: 1000px){.top-sp{display:none}.top-pc{display:inline}.panel-body-tree2 {width:48%;}.qa_q{padding-left:230px;}.qa_a{padding-right:230px;}}

#item_img {margin:0 8px 0 6px;}
#item_img ul {display:block;overflow:hidden;margin-left:0;margin-right: 0;clear:both;}
#MainPhoto, #MainPhoto2, #MainPhoto3{max-width:100%;}
#MainCap{margin-top: 5px;font-color:grey;font-size:14px;}
.ChangePhoto, .ChangePhoto2, .ChangePhoto3{max-width:120px;max-height:120px;}
#item_img li:hover{ border: 1px solid #bbb; }
#thum-img{ margin:10px 0 0 0; }
#item_img p ,#item_img li{border: 1px solid #e7e7e7;background: #f0f0f0;position: relative;display: table-cell;display: block\9;text-align: center;vertical-align: middle;padding:0!important;}
#item_img li {width: 125px;height: 115px;margin:0 15px 4px 0;line-height:115px;display:block;float:left;}
#item_img p img, #item_img li img {cursor: pointer;}

.yt {position:relative;margin-top:20px;}
.yt_play {position: absolute;}
.yt_play:hover {cursor:pointer;}
.yt_play::before {position: absolute;background: url("/wp-content/themes/hakase4/img/yt_icon_mono_light.webp");content: "";background-size: 100%;width: 70px;height: 50px;top: 50%;left: 50%;transform : translate(-50%,-50%);opacity: .90;transition:.5s;}
.yt_play:hover::before { cursor: pointer;background-image:url("/wp-content/themes/hakase4//img/yt_icon_rgb.webp");}

/**シェアボタン***/
.panel-body .sharebuttons{width: auto;display: flex;justify-content: center;align-items: center;gap: 15px;margin: 65px 0;}
.panel-body .sharebuttons::before {content: "share";font-size: 1.6rem;font-weight: bold;}
.panel-body .sharebuttons .col-lg-4 {width: auto;padding: 0;}
.panel-body .sharebuttons .title{text-align:center;color:#757575;font-size:0.8em;font-weight:bold}
.panel-body .sharebuttons .btn{width: 32px;height: 32px;background-size: cover;border: none;padding: 0;text-indent: 100%;overflow: hidden;}
.panel-body .sharebuttons .btn img{width:16px;height:16px;vertical-align:text-top}
.panel-body .sharebuttons .btn.twitter{background-color: transparent;background-image: url(img/icon-twitter.png);}
.panel-body .sharebuttons .btn.facebook{background-color: transparent;background-image: url(img/icon-facebook.png);}
.panel-body .sharebuttons .btn.line{background-color: transparent;background-image: url(img/icon-line.png);}

/**関連記事***/
.related {margin-bottom: 30px;overflow:hidden;position:relative;}
.related h2 {margin-top: 40px;}
.related h3 {margin: 5px 0 0 0;font-size:110%;font-weight:bold;line-height: 20px;}
.related ul {padding:0; width:100%;}
.related ul li {float:left;list-style-type:none;height: 225px;padding: 0px 4px;}
.related ul li a {color:#222;}
.related ul li a:hover {text-decoration:none;}
.related ul li a:hover img{opacity: 0.8;}
.related img {width: 100%;height: 100px;object-fit: cover;}
.related span {font-size: 12px; color: #b3b3b3;letter-spacing: 0.4px;}
.related_top li {height: 200px !important;}
.related_top h3 {font-weight:normal !important;}
@media screen and (max-width: 767px) {.related {margin-bottom: 0;}}


/****--ヘッダー--------------------------------------------------------------------------****/
#header {padding: 0;position: fixed;top: 0;left: 0;width: 100%;height: 105px;padding: 0 5%;z-index: 11;display: flex;justify-content: space-between;align-items: center;background-color: #ff8c00;transform: translateY(0);transition: 0.3s;border-bottom: 1px solid #F0F0F0;}
@media screen and (max-width: 767px) {
#header {height: 80px;padding-bottom: 20px;z-index: 100;flex-wrap: wrap;}}
#header.load {transform: translateY(0px);}
#header p.logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;width: 255px;margin: 0;}
@media screen and (max-width: 900px) {#header p.logo {width: 140px;}}
@media screen and (max-width: 767px) {#header p.logo {position: static;transform: translate(0);width: 180px;}}
#header p.logo a {display: block;transition: 0.3s;}
#header .logo-txt {margin: 0;font-size: 1.5rem;font-weight: bold;position: relative;z-index: 2;}
@media screen and (max-width: 767px) {
#header .logo-txt {width: 100%;font-size: 2vw;font-weight: normal;}}
@media screen and (max-width: 480px) {#header .logo-txt {font-size: 3vw;line-height:1.6;}}
.header__search {position: relative;z-index: 2;margin: 0 5% 0 auto;width: 170px;background-color: #fff;border: 1px solid #E6E6E6;}
@media screen and (max-width: 767px) {.header__search {width: 90%;margin: 5%;height: auto;}}
.header__search .header__searchForm {display: flex;align-items: center;padding-right: 5px;}
.header__search .header__searchForm input {border: none;width: calc(100% - 2em);height: 50px;outline: none;font-size: 1.4rem;padding: 0 0 0 10px;}
.header__search .header__searchForm input:focus {border: none;}
.header__search .header__searchForm input[type=submit] {background-image: url(img/icon-search.svg);background-size: cover;width: 22px;height: 22px;}
.header__search .header__searchForm i {font-size: 3rem;color: #B2B2B2;}
@media screen and (max-width: 767px) {.pc {display: none !important;}}
@media screen and (min-width: 768px) {.sp {display: none !important;}}
#search-text-form .form-control {width: 200px;}
.mems {z-index: 100;right: 25px;left: 50%;bottom: 5%;width: 55px;height: 36px;display: flex;align-items: center;justify-content: center;}
.mems .wave {position: relative;width: 100vw;display: none;}
.mems .wave canvas {position: absolute;top: 0;left: 0;width: 100%;}
.mems .wave canvas#waveCanvas2 {top: 10px;}
.mems .wave canvas#waveCanvas3 {top: 15px;}
.mems .wave canvas#waveCanvas4 {top: 20px;}
.mems .wave canvas#waveCanvas5 {top: 25px;}
.mems .wave canvas#waveCanvas6 {top: 30px;}
.mems .close {width: 90%;height: 90%;z-index: 5;position: relative;display: none;}
@media screen and (max-width: 767px) {.mems .close {display: none;}}
.mems .close:before, .mems .close:after {width: 100%;height: 2px;position: absolute;left: 0;right: 0;display: block;background: #000;content: "";}
.mems .close:before {top: 50%;width: 100%;transform: rotate(-45deg) !important;animation: none;}
.mems .close:after {width: 100%;transform: rotate(45deg) !important;top: 50%;animation: none;}
.mems .hamburger {width: 100%;height: 100%;z-index: 5;position: relative;}
@media screen and (max-width: 767px) {.mems .hamburger {display: block;}}
.mems .hamburger:hover i:nth-of-type(1) {animation: wave 0.8s ease 0.2s both;}
.mems .hamburger:hover i:nth-of-type(2) {animation: wave 0.8s ease 0.3s both;}
.mems .hamburger:hover i:nth-of-type(3) {animation: wave 0.8s ease 0.4s both;}
.mems .hamburger:hover i:nth-of-type(4) {animation: wave 0.8s ease 0.5s both;}
.mems .hamburger:hover:before {animation: wave 0.8s ease 0.1s both;}
.mems .hamburger:hover:after {animation: wave 0.8s ease 0.6s both;}
.mems .hamburger i,.mems .hamburger:before,.mems .hamburger:after {width: 100%;height: 2px;position: absolute;left: 0;right: 0;display: block;background: #000;content: "";}
.mems .hamburger i {margin: 0;top: 6px;left: 0;transition: all 0.2s ease-in-out;width: 70%;}
.mems .hamburger i:nth-of-type(2) {top: 13px;width: 50%;}
.mems .hamburger i:nth-of-type(3) {top: 19px;}
.mems .hamburger i:nth-of-type(4) {top: 26px;width: 100%;}
.mems .hamburger::before {margin: 0;top: 0;width: 70%;transition: all 0.2s ease-in-out;}
.mems .hamburger::after {margin: 0;width: 70%;bottom: 0;transition: all 0.2s ease-in-out;}
@keyframes wave {from, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(0, -1px, 0);transform: translate3d(0, -1px, 0);}
20%, 40%, 60%, 80% {-webkit-transform: translate3d(0, 1px, 0);transform: translate3d(0, 1px, 0);}}
nav.btns {transition: 0.5s;transform: translateY(10px);z-index: 10;visibility: hidden;opacity: 0;position: fixed;width: 100%;height: 100vh;background: #fff;display: flex;align-items: flex-start;transition: 0.3s;left: 0;top: 0;padding: 110px 0 0 0;overflow: scroll;}
@media screen and (max-width: 767px) {nav.btns {display: block;padding: 90px 0;height: calc(var(--vh, 1vh) * 100);}}
nav.btns ul.nvs {width: 72%;display: flex;flex-wrap: wrap;padding: 2.5%;margin: 0;position: relative;}
@media screen and (max-width: 767px) {nav.btns ul.nvs {width: 100%;border-top: 1px solid #CACFDD;padding-bottom: 5%;}}
nav.btns ul.nvs:after {content: "";width: 1px;height: 100%;background-color: #fff;position: absolute;top: 0;left: 2.5vw;}
nav.btns ul.nvs li {margin: -1px 0 0 0;color: #fff;list-style: none;width: 25%;border-bottom: 1px solid #CACFDD;border-top: 1px solid #CACFDD}
@media screen and (max-width: 1200px) {nav.btns ul.nvs li {width: 33.33%;}}
@media screen and (max-width: 767px) {nav.btns ul.nvs li {width: 50%;}}
nav.btns ul.nvs li a {font-size: 1.5rem;display: flex;align-items: center;gap: 10px;text-align: center;padding: 0;position: relative;padding: 25px 30px;border-left: 1px solid #F0F0F0;}
@media screen and (max-width: 1500px) {nav.btns ul.nvs li a {font-size: 1vw;}}
@media screen and (max-width: 1100px) {nav.btns ul.nvs li a {font-size: 1.25vw;}}
@media screen and (max-width: 767px) {nav.btns ul.nvs li a {font-size: 3vw;padding: 10px;}}
nav.btns ul.nvs li a img {max-width: 90px;}
@media screen and (max-width: 1500px) {nav.btns ul.nvs li a img {width: 40%;}}
@media screen and (max-width: 1200px) {nav.btns ul.nvs li a img {width: 35%;}}
@media screen and (max-width: 767px) {nav.btns ul.nvs li a img {width: 50px;}}
nav.btns ul.nvs li a:hover {opacity: 1;background-color: #F0F0F0;font-weight: bold;text-decoration: none;}
nav.btns .snv {width: 28%;background-color: #F5F5F5;padding: 2.5% 4%;}
@media screen and (max-width: 1100px) {nav.btns .snv {padding: 2%;}}
@media screen and (max-width: 767px) {nav.btns .snv {width: 100%;padding: 5%;}}
@media screen and (max-width: 767px) {nav.btns .snv .logo2 {width: 85%;margin: auto;}}
nav.btns .snv figure img {mix-blend-mode: multiply;max-width: 100%;height: auto;pointer-events: none;}
nav.btns .snv .logo2 figcaption {display: flex;justify-content: space-between;}
nav.btns .snv .logo2 figcaption a {font-size: 1.4rem;font-weight: bold;color: #FF972F;text-decoration: underline;}
@media screen and (max-width: 1100px) {nav.btns .snv .logo2 figcaption a {font-size: 1.2vw;}}
@media screen and (max-width: 767px) {nav.btns .snv .logo2 figcaption a {font-size: 3vw;}}
nav.btns .snv p {font-size: 1.4rem;line-height: 1.7;margin: 2em 0;}
@media screen and (max-width: 1100px) {nav.btns .snv p {font-size: 1.2vw;}}
@media screen and (max-width: 767px) {
nav.btns .snv p {font-size: 3vw;}}
nav.btns .snv .line-btn {max-width: 250px;}
@media screen and (max-width: 767px) {nav.btns .snv .line-btn {max-width: none;width: 100%;}}
nav.btns .snv dl dt {font-size: 1.2rem;font-weight: bold;margin: 20px 0 30px 0;}
@media screen and (max-width: 767px) {nav.btns .snv dl dt {font-size: 4.5vw;margin: 10.5% 0;}}
nav.btns .snv dl dd ul {display: flex;flex-wrap: wrap;row-gap: 20px;margin: 0;padding: 0;}
nav.btns .snv dl dd ul li {width: 25%;list-style: none;}
@media screen and (max-width: 1100px) {nav.btns .snv dl dd ul li {width: 33.33%;}}
@media screen and (max-width: 767px) {nav.btns .snv dl dd ul li {width: 25%;}}
nav.btns .snv dl dd ul li a {text-align: center;display: block;}
nav.btns .snv dl dd ul li a img {margin: auto;}
@media screen and (max-width: 767px) {nav.btns .snv dl dd ul li a img {width: 40px;}}nav.btns .snv dl dd ul li a span {display: block;font-size: 1.2rem;font-weight: bold;text-align: center;}
@media screen and (max-width: 1100px) {nav.btns .snv dl dd ul li a span {font-size: 1.2vw;}}
@media screen and (max-width: 767px) {nav.btns .snv dl dd ul li a span {font-size: 3vw;}}
nav.cats {border-bottom: 1px solid #F0F0F0;padding: 15px 0 15px 5%;overflow: hidden;position: relative;}
ul.cats {margin: 30px 0 20px 0 !important;display: flex;align-items: center;flex-wrap: wrap;column-gap: 15px;row-gap: 5px;padding: 0;}
@media screen and (max-width: 767px) {ul.cats {margin: 0;grid-area: 2/1/3/2;}}
ul.cats li {list-style: none;font-size: 1.3rem;}
@media screen and (max-width: 767px) {ul.cats li {font-size: 3vw;}}
ul.cats li.cat span, ul.cats li.cat a {display: inline-block;background-color: #FF972F;font-weight: bold;padding: 6px 10px;display: block;color: #333 !important;text-decoration: none;}
@media screen and (max-width: 767px) {ul.cats li.cat span, ul.cats li.cat a {padding: 2px 10px;}}
ul.cats li.cat span:hover, ul.cats li.cat a:hover {opacity: 0.6;}
@media screen and (max-width: 767px) {ul.cats li.sub-c {font-size: 3vw;}}
ul.cats li.sub-c span {display: inline-block;background-image: url(img/icon-tag.svg);background-size: 11px;background-position: left center;background-repeat: no-repeat;padding-left: 15px;}
nav.cats .slick-list {-webkit-mask-image: linear-gradient(to right, #fff 85%, transparent 100%);mask-image: linear-gradient(to right, #fff 85%, transparent 100%);}
@media screen and (max-width: 767px) {
nav.cats .slick-list {mask-image: none;-webkit-mask-image: none;}}
nav.cats ul {padding: 0;margin: 0;display: flex;overflow-x: auto;}
nav.cats ul li {list-style: none;margin-right: 10px;}
@media screen and (max-width: 767px) {nav.cats ul li {margin-right: 5px;}}
nav.cats ul li a {height: 55px;width: 185px;border: 1px solid #D0D0D0;border-radius: 50px;display: flex;padding: 0 0 0 25px;gap: 10px;align-items: center;font-size: 1.3rem;font-weight: bold;transition: 0.3s;}
@media screen and (max-width: 767px) {nav.cats ul li a {width: 140px;height: 50px;padding-left: 15px;font-size: 1.75vw;line-height: 1.2;gap: 5px;}}
@media screen and (max-width: 480px) {nav.cats {padding-top: 10px;padding-bottom:10px;}nav.cats ul li a {font-size: 3vw;}}
@media screen and (max-width: 767px) {nav.cats ul li a img {width: 22px;}}nav.cats ul li a:hover {background-color: #D0D0D0;text-decoration: none;}nav.cats .slick-prev, nav.cats .slick-next {width: 40px;height: 40px;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;z-index: 5;background-color: #fff;border: 1px solid #CECDCD;border-radius: 20px;display: flex;align-items: center;justify-content: center;}
@media screen and (max-width: 767px) {.mainimage {width: 113%;max-width: none !important;transform: translateX(-6%);}nav.cats .slick-prev, nav.cats .slick-next {display: none !important;}}
nav.cats .slick-prev.slick-disabled:before, nav.cats .slick-next.slick-disabled:before {border-color: #CECDCD;}
nav.cats .slick-prev:before, nav.cats .slick-next:before {content: "";font-size: 0;line-height: 1;opacity: 1;width: 10px;height: 10px;display: block;border-top: 1px solid #000;border-left: 1px solid #000;transform: rotate(135deg);}
nav.cats .slick-prev {right: calc(5% + 50px);left: auto;}
nav.cats .slick-prev:before {transform: rotate(-45deg);}
nav.cats .slick-next {right: 5%;}
figure {margin: 0;}
.nvop {overflow: hidden;}
.nvop #main {opacity: 0.5;}
.nvop #footer {opacity: 0.5;}
.nvop .mems .hamburger {display: none;}
.nvop .mems .close {display: block;}
.nvop .mems .hamburger i {display: none;}
.nvop .mems .hamburger::before {top: 50%;width: 100%;transform: rotate(-45deg) !important;animation: none;}
.nvop .mems .hamburger::after {width: 100%;transform: rotate(45deg) !important;top: 50%;animation: none;}
.nvop nav.btns {opacity: 1;visibility: visible;transform: translateY(0);}
    


/****--フッター--------------------------------------------------------------------------****/
footer {background: #34373b;}
footer p {color:#fff;text-align: center;}
footer a {color: #fff;}
footer a:hover {opacity: 1;color: #fff;}
footer a:hover:after {width: 100%;}
.footer_box{padding: 16px 0;}
.footer_heading{color:pink;border:none;font-size:14px;font-weight:bold;margin:0;padding:0 8px 0}
@media (min-width: 780px){.footer_box{display:inline-block;width:50%;padding:32px;vertical-align:top}.footer_list-table li {width:50%}}
@media (min-width: 1000px){.footer_heading{font-size:16px;padding:0 0 8px;}.footer{max-width:1148px;overflow:hidden}.footer_box{width:25%}.footer_heading{color:#fff;border-bottom:1px solid #e5e5e5;}.footer_list-table li {width:50%}}
.footer_list {font-size:14px}
.footer__list{font-size:0;padding:0;margin:0;list-style:none}
.footer__list--circle{padding:0 8px;font-size:0}
.footer__list--circle li{display:inline-block;padding:16px 8px 0;position:relative}
.footer__list--circle li:hover{opacity:0.7;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-ms-transition:0.3s}
@media (min-width: 1000px){.footer__list--circle{text-align:left;padding:0}.footer__list--circle li{display:block;padding:16px 0 0}}
.footer_list-table{font-size:0}
.footer_list-table li{display:inline-block;padding:0 8px;width:none;height:24px}
@media (min-width: 1000px){.footer_list-table li{height:auto;line-height:48px}}
.footer_list-table li a{display:table;width:100%;height:100%}
.footer_list-table li a span{display:table-cell;line-height:17px;vertical-align:middle}
.footer_list-table li a:hover{opacity:0.7;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-ms-transition:0.3s}
@media (min-width: 1000px){.footer_list-table li{display:block;padding:0;border:0;width:100%;line-height:24px;margin-top:20px}.footer_list-table li:nth-child(odd){border:0}}
@media (min-width: 780px){.footer{position:relative;margin:0 auto}.footer__wrap{display:block;font-size:0}.footer_list{border:none;width:none;font-size:14px}}
@media (min-width: 1000px){.footer__caption{font-size:16px;display:inline-block;padding:0;text-align:left;padding-left:16px}}


/****--右カラム-------------------------------------------------------------------------****/
.drawer-overlay {display: block;overflow: hidden;padding: 0 9% 0 9%;}
.container{display: flex;justify-content: space-between;}
.container .posts {width: 65%;}
@media screen and (max-width: 780px) {}
@media screen and (max-width: 1180px) {.drawer-overlay {padding: 0 5% 10% 5%;}.container {flex-direction: column;row-gap: 5vw;}.container .posts {width: 100%;}}
#main {overflow: hidden;transition: 0.2s;padding: 0 0 0 0;border-bottom: 1px solid #F0F0F0;}
#main.category .title {padding: 0;position: relative;width: 100%;margin: 20px auto;}
#main.category .title figure {max-width: 300px;margin: auto;}


/****--サイドバー-------------------------------------------------------------------------****/
.sidebar {padding-top: 30px;width: 32%;border-left: 1px solid #F0F0F0;padding-left: 35px;font-size: 1.5rem;}
.sidebar a {display: block;margin-bottom: 20px;}
.sidebar .fl {display: flex;justify-content: space-between;align-items: center;margin: 0;}
.sidebar .fl .pic {width: 150px;}
.sidebar .fl .pic img {width: 100%;}
.sidebar .fl .txt {width: calc(100% - 170px);}
.sidebar .fl ul {padding: 0;margin: 0;}
.sidebar .fl ul li {list-style: none;}
.sidebar .fl ul li.tl {font-size: 1.8rem;line-height: 1.3;font-weight: bold;}
.sidebar h2 {clear:both;border-top: 4px solid #F0F0F0;border-bottom: 4px solid #F0F0F0;padding: 5px 0;text-align: center;font-size: 2.8rem;font-weight: bold;}
.sidebar h3 {margin-top: 12px;font-size: 13px;color:#999}
.sidebar ul {padding:0;}
.sidebar li {list-style-type:none;line-height:1.5;font-weight:bold;}
.sidebar li.grey {font-weight:normal;}
.sidebar li ul {margin-left:15px;}
.sidebar section {margin-bottom:50px;display:block;}
.sidebar section img {width:125px;height:auto;}
.sidebar img:hover {opacity:0.8;}
.sidebar .ad-block {padding: 16px;}
@media screen and (max-width: 767px) {.sidebar .fl ul li.tl {font-size: 5vw;}}
@media screen and (max-width: 1180px) {.sidebar {width: 100%;border-left: none;padding-left: 0;}}


/****--ページネーション--------------------------------------------------------------------------****/
.pagination{display:block;padding-left:0;margin:16px 0;text-align:center;border-radius:4px}
.pagination span{display:inline-block;text-align:center;background:#fff;border-radius:4px}
.pagination span.current{padding:8px 16px}
.pagination span.page {border: 1px solid #a6a6a6;}
.pagination span.pageinfo{padding:8px 16px;background:none}
.pagination span a {padding:8px 16px;color:#212121;display:inline-block;transition: 0.3s;}
.pagination span a:hover {background-color:#e6e6e6;text-decoration:none;}
.pagination span.current{background:#e5e5e5 none repeat scroll 0 0;color:#c5c5c5}
.pagination span.gap{background:none;color:#c5c5c5}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.7;text-decoration:none;color:#212121;background-color:#fff;border:1px solid #e5e5e5;margin-left:-1px}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{z-index:3;color:#212121;background-color:#e5e5e5;border-color:#e5e5e5}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span,.pagination>.active>span:hover,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#fa4141;border-color:#fa4141;cursor:default}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#c5c5c5;background-color:#fff;border-color:#e5e5e5;cursor:not-allowed}
.pagination_more{margin-top:8px}
.pagination_more span{display:block}
.pagination_more span a{display:block;text-decoration:none;text-align:center;padding:8px;color:#212121;cursor:pointer;border-radius:4px}
.pagination_more span a:hover{background:#e5e5e5}
  
.bread_crumb.item-bread_crumb {padding: 20px 5% 20px 5%;margin: 0;border-bottom: 1px solid #F0F0F0;}
.bread_crumb.item-bread_crumb a{color:#757575;font-size:inherit}
.bread_crumb.item-bread_crumb a:hover{color:#757575}
.bread_crumb:nth-child(2){margin:6px 0 12px}
.breadcrumbs{display: flex;margin:0;padding:0;}
.breadcrumbs li a:hover{color:#c5c5c5}
@media (max-width: 767px){.bread_crumb{margin:6px 0 0;overflow-x:auto;overflow-y:hidden}.breadcrumbs{margin:0;padding:4px;font-size:10px}.breadcrumbs li{padding-left:4px}}
.bread_crumb.item-bread_crumb ul li {font-size: 1.3rem;color: #707070;display: flex;align-items: center;padding: 0;}
.bread_crumb.item-bread_crumb ul li i {margin-right:5px;color:grey}
.bread_crumb.item-bread_crumb ul li:after {display: none;}
.bread_crumb.item-bread_crumb ul li + li:before {color: #FF972F;content: ">";margin: 0 1em;}
@media screen and (max-width: 480px) {.bread_crumb.item-bread_crumb ul li {font-size: 2.9vw;}}
@media screen and (max-width: 767px) {.bread_crumb.item-bread_crumb {padding: 10px 0 10px 5%;}.bread_crumb.item-bread_crumb ul li {font-size: 2vw;}.bread_crumb.item-bread_crumb ul li + li:before {margin: 0 0.5em;}}
.bread_crumb.item-bread_crumb ul li a {color: #000;text-decoration: underline;}
.bread_crumb.item-bread_crumb ul li a:hover {color: #666;}

.mobile-pager { clear: both; overflow: hidden; margin-bottom:50px;}
.mobile-pager ul {overflow: hidden;margin: 0 auto ;padding: 10px;list-style-type:none;}
.mobile-pager li {width: 45%;height: 47px;line-height: 47px;background: #ccc;border-radius: 4px;color: #777;font-weight: bold;}
.mobile-pager .prev {float: left;}
.mobile-pager .next {float: right;}
.mobile-pager .prev span,.mobile-pager .next span {padding-left:25px;}
.mobile-pager li a {display: block;height: 44px;padding-left:25px;font-size: 16px;border-radius: 4px;background-color: #ff8c00;color: #fff;font-weight: bold;box-shadow: 0 3px 0 #C26B00;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);position: relative;text-decoration: none;}
.mobile-pager .prev a:after {position: absolute;top: 50%;left: 10px;display: block;content: '';width: 8px;height: 8px;margin-top: -4px;border-top: 3px solid #D9FDFF;border-right: 3px solid #D9FDFF;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
.mobile-pager .next a:after {position: absolute;top: 50%;right: 10px;display: block;content: '';width: 8px;height: 8px;margin-top: -4px;border-top: 3px solid #D9FDFF;border-right: 3px solid #D9FDFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);}