@charset "utf-8";
  @font-face {
font-family: 'design_plus';
src: url(//proct.jp/wp-content/themes/bloc_tcd035/fonts/design_plus.eot?v=1.2);
src: url(//proct.jp/wp-content/themes/bloc_tcd035/fonts/design_plus.eot?v=1.2#iefix) format('embedded-opentype'),
url(//proct.jp/wp-content/themes/bloc_tcd035/fonts/design_plus.woff?v=1.2) format('woff'),
url(//proct.jp/wp-content/themes/bloc_tcd035/fonts/design_plus.ttf?v=1.2) format('truetype'),
url(//proct.jp/wp-content/themes/bloc_tcd035/fonts/design_plus.svg?v=1.2#design_plus) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'tiktok_x_icon';
src: url(//proct.jp/wp-content/themes/bloc_tcd035/fonts/tiktok_x_icon.eot?v=1.1);
src: url(//proct.jp/wp-content/themes/bloc_tcd035/fonts/tiktok_x_icon.eot?v=1.1#iefix) format('embedded-opentype'),
url(//proct.jp/wp-content/themes/bloc_tcd035/fonts/tiktok_x_icon.woff?v=1.1) format('woff'),
url(//proct.jp/wp-content/themes/bloc_tcd035/fonts/tiktok_x_icon.ttf?v=1.1) format('truetype'),
url(//proct.jp/wp-content/themes/bloc_tcd035/fonts/tiktok_x_icon.svg?v=1.1#tiktok_x_icon) format('svg');
font-weight: normal;
font-style: normal;
} .icon-arrow-right:before {
content: "\e910";
}
.icon-file-text:before {
content: "\f15c";
}
.icon-share-alt:before {
content: "\f1e0";
}
.icon-phone:before {
content: "\f095";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-tag:before {
content: "\f02b";
}
.icon-pencil:before {
content: "\f040";
}
.icon-close:before {
content: "\e91a";
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; }
input[type="checkbox"]{ -webkit-appearance: checkbox; }
input[type="radio"]{ -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; } .clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }/*\*/* html .clearfix { height:1% }
.clearfix { display:block;}/**/ body { font-family:Arial,sans-serif; color:#333; line-height:1; min-width:1200px; background:#f7f6f3; }
.pc .admin-bar { padding-top:33px; }
a { color:#333; text-decoration:none; }
a, a:before, a:after, input {
-webkit-transition-property:background-color color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
-moz-transition-property:background-color color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
-o-transition-property:background-color color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
}
a:hover { text-decoration:underline; }
.clear { clear:both; }
.hide { display:none; } #header {
height:130px; min-width:1200px; width:100%; background:#fff;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#header_inner { height:130px; width:1200px; margin:0 auto; position:relative; }
#main_content1 { width:100%; }
#main_content2 { width:100%; background:#fff; }
#main_content2_inner { width:1200px; margin:0 auto; padding:50px 0; }
#one_col1 { width:100%; }
#one_col2 { width:1200px; margin:0 auto; padding:0 0 100px 0; }
#main_col { width:840px; float:left; }
#side_col { width:300px; float:right; } #site_wrap { display:none; }
#site_loader_overlay {
position: fixed; background:#fff; background:rgba(255,255,255,1);
top:0px; left:0px; bottom:0px; right:0px;
z-index: 99999; opacity:1;
-webkit-transition: opacity 0.3s; transition: opacity 0.3s;
}
#site_loader_spinner {
width:60px; height:60px; border-radius:100%; margin-top:-30px; margin-left:-30px;
border:4px solid #ccc; border-top-color:#666; box-sizing:border-box;
position:absolute; top:50%; left:50%;
animation:loading 1.2s linear infinite;
-webkit-animation:loading 1.2s linear infinite;
}
@keyframes loading{
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
@-webkit-keyframes loading{
0% {-webkit-transform:rotate(0deg); }
100% {-webkit-transform:rotate(360deg); }
}  .box_list { width:100%; position:relative; }
.box-sizer { width:25%; }
.box_list .box {
float:left; position:relative; width:25%; overflow:hidden; background:#fff;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.box_list .box2 { width:50%; }
.box_list .box:before { content:""; display:block; padding-top:100%; }
.box_list .box2:before { padding-top:50%; } @-moz-document url-prefix() {
.box-sizer { width:24.99999%; }
}
.box_list .box .content { position:absolute; top:0; left:0; bottom:0; right:0; }
.box_list .box .content img { display:block; width:100%; height:auto; -webkit-backface-visibility:hidden; } .box_list .caption, .box_list .caption > a { position:absolute; top:0; left:0; width:100%; height:100%; }
.box_list .caption > a { z-index:10; text-indent:200%; white-space:nowrap; font-size:0; opacity:0; }
.box_list .caption > div {
padding:0 30px; width:100%;
position:absolute;
left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.box_list .box img {
opacity:1;
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
}
.box_list .caption .title, .box_list .caption .excerpt {
-ms-word-wrap: break-word; word-wrap: break-word;
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
.box_list .caption .title {
font-size:20px; font-weight:normal; line-height:160%; margin:0 0 10px 0;
opacity:0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
.box_list .caption .excerpt {
font-size:14px; line-height:180%; margin:0;
opacity:0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
.box_list .box:hover img { opacity:0.2; }
.box_list .box:hover .title, .box_list .box:hover .excerpt {
opacity:1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.box_list .box:hover .excerpt {
-webkit-transition-delay: 0.15s; transition-delay: 0.15s;
-webkit-transition-duration: 0.35s; transition-duration: 0.35s;
}  .box_list_headline { clear:both; position:relative; height:70px; width:100%; background:#fff; }
.box_list_headline .headline { text-align:center; height:70px; line-height:70px; font-size:21px; } .box_list_headline .archive_link a, .box_list_headline .archive_link span{
display: block;
width: 100%;
position: relative;
height: 70px;
line-height: 70px;
text-align: center;
font-weight: bold;
font-size: 21px;
}
.box_list_headline .archive_link a:hover{
text-decoration: none;
color: #fff;
}
.box_list_headline .archive_link a:after{
font-family:'design_plus'; color:#bbb;
font-size:18px;
content:'\e910';
position: absolute;
top: 3px;
right: 10px;
}
.box_list_headline .archive_link a:hover:after{
color: #fff;
} .box_list2 { width:100%; position:relative; }
#box_list3 { background:#fafafa; }
.box_list2 .box {
float:left; position:relative; width:25%; overflow:hidden; background:#f5f5f5;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#box_list3 .box { width:33.33333%; width:-webkit-calc(100% / 3); width:calc(100% / 3); width:calc(100% / 3); }
.box_list2 .box:before { content:""; display:block; padding-top:100%; }
.box_list2 .box .content { position:absolute; top:0; left:0; bottom:0; right:0; }
.box_list2 .box .content img { display:block; width:100%; height:auto; -webkit-backface-visibility:hidden; }
.box_list2 .caption, .box_list2 a { position:absolute; top:0; left:0; width:100%; height:100%; }
.box_list2 a { z-index:10; text-indent:200%; white-space:nowrap; font-size:0; opacity:0; }
.box_list2 .caption > div {
padding:0 30px; width:100%;
position:absolute;
left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.box_list2 .date { font-size:12px; margin:0 0 15px 0; font-family: 'Arial';}
.box_list2 .caption .title { font-size:14px; line-height:160%; margin:0 0 15px 0; -ms-word-wrap: break-word; word-wrap: break-word; }
.box_list2 .caption .excerpt { font-size:12px; font-weight:normal; line-height:180%; margin:0; -ms-word-wrap: break-word; word-wrap: break-word; }
.box_list2 .box img {
opacity:1;
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
}
.box_list2 .box:hover img { opacity:0.3; }
.box_list2 .has_image .caption .date, .box_list2 .has_image .caption .title, .box_list2 .has_image .caption .excerpt {
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
.box_list2 .has_image .caption .date, .box_list2 .has_image .caption .title, .box_list2 .has_image .caption .excerpt {
opacity:0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
.box_list2 .has_image:hover .date, .box_list2 .has_image:hover .title, .box_list2 .has_image:hover .excerpt {
opacity:1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.box_list2 .has_image:hover .title {
-webkit-transition-delay: 0.15s; transition-delay: 0.15s;
-webkit-transition-duration: 0.35s; transition-duration: 0.35s;
}
.box_list2 .has_image:hover .excerpt {
-webkit-transition-delay: 0.35s; transition-delay: 0.35s;
-webkit-transition-duration: 0.35s; transition-duration: 0.35s;
}
.box_list2 .no_image {
-webkit-transition: all 0.6s, -webkit-transform 0.6s;
transition: all 0.6s, transform 0.6s;
}
.box_list2 .no_image:hover { background:#000; color:#fff; }  #template1_main_image img { width:100%; height:auto; display:block; } #template1_header { padding:130px 215px 115px; background:#fff; }
#template1_header .headline { font-size:30px; line-height:160%; margin:0 0 40px 0; } #template1_header .product_cateogry { font-size:12px; margin:-30px 0 40px 0; color:#999; }
#template1_header .product_cateogry a { color:#999; } .template1_content_list { width:100%; position:relative; background:#fff; }
.template1_content_list .box {
float:left; position:relative; width:50%; overflow:hidden; background:#fff;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.template1_content_list .box:before { content:""; display:block; padding-top:100%; }
.template1_content_list .box .content { position:absolute; top:0; left:0; bottom:0; right:0; }
.template1_content_list .box .content img { display:block; width:100%; height:auto; }
.template1_content_list .caption, .template1_content_list .caption a.link { position:absolute; top:0; left:0; width:100%; height:100%; }
.template1_content_list .caption a.link { z-index:10; text-indent:200%; white-space:nowrap; font-size:0; opacity:0; }
.template1_content_list .caption > div {
padding:0 70px; width:100%;
position:absolute;
left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.template1_content_list .title { font-size:24px; line-height:170%; margin:0 0 30px 0; }
.template1_content_list .title a { color:#333; -webkit-transition: color 0.6s, -webkit-transform 0.6s; transition: color 0.6s, transform 0.6s; }
.template1_content_list .excerpt { font-size:14px; -webkit-transition: color 0.6s, -webkit-transform 0.6s; transition: color 0.6s, transform 0.6s; }
.template1_content_list .excerpt p { font-size:14px; line-height:2.4; -webkit-transition: color 0.6s, -webkit-transform 0.6s; transition: color 0.6s, transform 0.6s; }
.template1_content_list .even .box { float:right; }
.template1_content_list .no_image:hover .title a { }
.template1_content_list .image_box img {
opacity:1;
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
}
.template1_content_list .image_box:hover img { opacity:0.3; } #template1_footer { padding:130px 215px 100px; background:#fff; } .template1_content_list_headline { position:relative; height:60px; line-height:60px; font-size:21px; text-align:center; background:#333; color:#fff; } #previous_next_page { }
#previous_next_page a { width:50%; height:70px; line-height:70px; font-size:14px; float:left; font-weight:bold; display:block; text-align:center; color:#fff; text-decoration:none; }
#previous_next_page a.next { float:right; }
#previous_next_page a.prev { background:#ddd url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow_left3.png) no-repeat 30px 25px; }
#previous_next_page a.next { background:#ddd url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow_right3.png) no-repeat right 30px top 25px; }
#previous_next_page a:hover { color:#fff; }  .pc .header_fixed #header { position:relative; top:0px; z-index:30; }
.pc .header_slide_down #header {
position:fixed; width:100%; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); top:0px; z-index:30;
animation: slideDown 0.5s ease; -ms-animation: slideDown 0.5s ease; -webkit-animation: slideDown 0.5s ease; -moz-animation: slideDown 0.5s ease;
}
.pc .header_slide_down { padding-top:130px; }
@keyframes slideDown {
0% { top:-130px; }
100% { top:0px; }
}
.pc .header_slide_up #header {
position:fixed; width:100%; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); top:-130px; z-index:30;
animation: slideUp 0.5s ease; -ms-animation: slideUp 0.5s ease; -webkit-animation: slideUp 0.5s ease; -moz-animation: slideUp 0.5s ease;
}
@keyframes slideUp {
0% { top:0px; }
100% { top:-130px; }
} .pc #logo_text { position:absolute; top:50px; left:0px; }
.pc #logo_text #logo { font-size:26px; font-weight:normal; margin:0 0 10px 0; }
.pc #logo_text #logo a { display:block; -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; }
.pc #logo_text #logo a:hover { }
.pc #logo_text #tagline { font-size:11px; font-weight:normal; }
.pc #logo_image #logo { position:absolute; margin:0; padding:0; line-height:100%; }
.pc #logo_image #logo img { display:block; } #global_menu { position:absolute; right:0px; top:0px; display:block; }
#global_menu > ul { height:130px; margin:0 auto; text-align:center; font-size:0; position:relative; z-index:20; }
#global_menu > ul > li { float:left; font-size:1%; position:relative; margin:0 0 0 70px; }
#global_menu > ul > li:first-child { margin:0; }
#global_menu > ul > li a {
font-size:12px; font-weight:bold; text-decoration:none; height:130px; line-height:130px; display:block; text-align:center;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#global_menu li a:hover { text-decoration:none; }
#global_menu > ul > li.active > a { }
#global_menu ul ul { display:none; width:200px; position:absolute; top:130px; left:0px; margin:0; padding:0; }
#global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; border:none; }
#global_menu ul ul li { width:200px; line-height:150%; padding:0; margin:0; text-align:left; position:relative; }
#global_menu ul ul a { display:block; font-size:11px; background:#6bb8e4; position:relative; padding:14px 20px 12px 20px; height:auto; line-height:160%; margin:0; text-align:left; box-shadow:none; color:#fff; }
#global_menu ul ul a:hover { background:#457694; color:#fff; text-decoration:none; border:none; }
#global_menu li.hide_menu { display:none; }
.menu_button { display:none; } #bread_crumb { padding:20px 0 20px; width:1200px; margin:0 auto; }
#bread_crumb li.home a {
float:left;  height:15px; width:0px; line-height:15px; display:block; position:relative;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#bread_crumb li.home a span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#bread_crumb li.home a:before {
font-family:'design_plus'; color:#888; font-size:14px; display:block; position:absolute; top:2px; left:0px;
width:17px; height:17px; line-height:17px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#bread_crumb li.home:after { display:none; }
#bread_crumb li.home a:before { content:'\e90c'; }
#bread_crumb li.home a:hover:before { color:#fff; }
#bread_crumb li { color:#aaa; font-size:12px; display:inline; padding:0 15px 0 0; margin:0 0 0 15px; line-height:160%; position:relative; }
#bread_crumb li:after {
font-family:'design_plus'; content:'\e910'; color:#aaa; font-size:9px; display:block; position:absolute; left:-20px; top:-1px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#bread_crumb li a { color:#888; }
.pc .no_side #bread_crumb, .pc .error404 #bread_crumb { width:900px; } #index_news_list { height:60px; width:100%; min-width:1200px; background:#f5f5f5; line-height:60px; font-size:13px; position:relative; }
#index_news_list .news_title a {
display:block; text-decoration:none; float:left;
padding:0 35px; width:75%; width:-webkit-calc(100% - 200px); width:calc(100% - 200px); width:calc(100% - 200px); overflow:hidden;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#index_news_list .date { font-weight:bold; margin:0 35px 0 0; }
.pc #index_news_list .news_title a:hover { color:#fff; }
#index_news_list .archive_link { float:right; width:200px; text-align:center; display:block; text-decoration:none; background:#ccc; color:#fff; } .headline_base1 { background:#222; color:#fff; height:60px; line-height:60px; font-size:20px; padding:0 25px; margin:0; position:relative; }
#category_desc { background:#fafafa; padding:30px; font-size:14px; } #category_menu_button { display:block; }
.pc #archive_product_cateogry_menu { background:#fff; position:relative; display:block; }
.pc #archive_product_cateogry_menu li { float:left; width:200px; }
.pc #archive_product_cateogry_menu li a { display:block; text-align:center; height:60px; line-height:60px; font-weight:bold; font-size:13px; background:#fff; text-decoration:none; }
.pc #archive_product_cateogry_menu li a:hover { color:#fff !important; }
.pc #archive_product_cateogry_menu li ul { display:block; width:100%; position:absolute; z-index:20; left:0px; top:60px; }
.pc #archive_product_cateogry_menu li.active > a { color:#fff; }
.pc #archive_product_cateogry_menu li ul a { background:none; color:#fff; }
.pc #archive_product_cateogry_menu li ul a:hover {  } #archive_news_list { background:#fff; }
#archive_news_list .image { width:300px; height:300px; float:left; display:block; }
#archive_news_list .image img { width:100%; height:auto; display:block; }
#archive_news_list .content {
float:left; width:900px; height:300px; overflow:hidden;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#archive_news_list .content a {
min-height:300px; display:block; padding:60px 50px; text-decoration:none; color:#333;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#archive_news_list .content a:hover { background:#f1f1f1; }
#archive_news_list .no_image .content { float:none; width:100%; height:auto; }
#archive_news_list .date { font-size:12px; line-height:180%; font-weight:bold; }
#archive_news_list .title { font-size:20px; line-height:160%; margin:0 0 25px 0; }
#archive_news_list .excerpt { font-size:14px; line-height:180%; } #single_product_list .slick-arrow {
-webkit-transition-property:background color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
-moz-transition-property:background color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
-o-transition-property:background color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
}
#single_product_list .slick-prev { border:none; background:url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow_left.png) no-repeat center; height:70px; width:70px; overflow:hidden; text-indent:-400px; position:absolute; left:0; top:-70px; z-index:3; cursor:pointer; }
#single_product_list .slick-next { border:none; background:url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow_right.png) no-repeat center; height:70px; width:70px; overflow:hidden; text-indent:-400px; position:absolute; right:0; top:-70px; z-index:3; cursor:pointer; }
#single_product_list .slick-prev:hover { background:url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow_left2.png) no-repeat center; }
#single_product_list .slick-next:hover { background:url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow_right2.png) no-repeat center; }  #page_header_inner { width:1200px; margin:0 auto; padding:40px 0; }
#page_header .title { font-size:24px; line-height:160%; margin:0 0 10px 0; font-weight:600;  }
#post_meta_top li { display:inline; line-height:180%; font-size:11px; border-right:1px solid #888; margin:0 8px 0 0; padding:0 10px 0 0; }
#post_meta_top li:last-child, #post_meta_top li:only-child { border:none;  margin:0; padding:0; }
#post_meta_top li a { } #single_share { margin:15px 0 10px 0; } #post_image { padding:0; margin:0 0 50px 0; }
#post_image img { width:100%; height:auto; display:block; margin:0; } #article { margin:0 0 100px 0; } #post_pagination { margin:0 0 50px 0; clear:both; }
#post_pagination h5 { margin:0 0 10px 0; font-size:12px; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:35px; height:35px; line-height:35px; text-align:center; text-decoration:none; color:#333; font-size:12px; }
#post_pagination p { background:#666; color:#fff; }
#post_pagination a:hover { color:#fff; } #post_meta_bottom { margin:0; background:#fafafa; padding:20px; }
#post_meta_bottom li { display:inline; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #ddd; font-size:12px; line-height:160%; }
#post_meta_bottom li:last-child { border:none; margin:0; padding:0; }
#post_meta_bottom li.post_category { background:url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/icon_category2.png) no-repeat left top; padding-left:20px; }
#post_meta_bottom li.post_tag { background:url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/icon_tag.png) no-repeat left 1px; padding-left:20px; }
#post_meta_bottom li.post_author { background:url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/icon_author.png) no-repeat left 1px; padding-left:20px; }
#post_meta_bottom li.post_comment { background:url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/icon_comment.png) no-repeat left 1px; padding-left:18px; } .previous_next_post { }
.previous_next_post p { width:50%; height:70px; line-height:70px; font-size:14px; float:left; font-weight:bold; }
.previous_next_post p.next_post { float:right; }
.previous_next_post a { display:block; text-align:center; color:#fff; text-decoration:none; }
.previous_next_post .previous_post a { background:#ddd url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow_left3.png) no-repeat 30px 25px; }
.previous_next_post .next_post a { background:#ddd url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow_right3.png) no-repeat right 30px top 25px; }
.previous_next_post a:hover { color:#fff; }
#single_previous_next_post { margin:60px 0 0 0; }
#single_previous_next_post p { width:50%; width:-webkit-calc(50% - 2px); width:calc(50% - 2px); width:calc(50% - 2px); } #single_banner_area { margin:-40px 0 0; text-align:center; }
#single_banner_area .single_banner_left { display:inline; margin:0 10px; }
#single_banner_area .single_banner_right { display:inline; margin:0 10px; }
#single_banner_area img { max-width:100%; height:auto; }
#single_banner_area.one_banner img { margin:0 auto; display:block; } #single_banner_area2 { margin:50px 0; text-align:center; }
#single_banner_area2 .single_banner_left { display:inline; margin:0 10px; }
#single_banner_area2 .single_banner_right { display:inline; margin:0 10px; }
#single_banner_area2 img { max-width:100%; height:auto; }
#single_banner_area2.one_banner img { margin:0 auto; display:block; } #related_post { overflow:hidden; margin:60px 0 0 0; }  .side_widget { margin:0 0 50px 0; font-size:12px; position:relative; }
.side_widget:last-child, .side_widget:only-child  { margin:0; }
.side_headline { background:#f7f6f3; font-size:13px; line-height:160%; margin:0 0 25px 0; padding:12px 25px; font-weight:bold; }
.side_widget ul { margin:0; }
.side_widget li ul { margin:10px 0 0 0; }
.side_widget li { line-height:200%; padding:2px 0; margin:0 0 10px 0; }
.side_widget a { }
.side_widget a:hover { }
.side_widget img { height:auto; max-width:100%; } .ml_ad_widget { margin:0 0 50px 0; border:none; padding:0; background:none; }
.ml_ad_widget img { height:auto; max-width:100%; width:auto; margin:0 auto; display:block; } #wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; }
#wp-calendar th, #wp-calendar td { color:#333; padding:2px; line-height:340%; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background-color:#eee; }
#wp-calendar td a:hover { text-decoration:none; color:#fff; background:#ccc; }
#wp-calendar caption { padding:7px 0; }
#wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:200%; }
#wp-calendar #prev, #wp-calendar #next { line-height:300%; }
#wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { color:#fff; background:#ccc; }
#wp-calendar td#today { font-weight:bold; } .styled_post_list1 { margin:0; }
.styled_post_list1 li { margin:0 0 20px 0; padding:0; background:none; }
.styled_post_list1 li:last-child { margin:0; padding:0; border:none; }
.styled_post_list1 ul li { display:inline; line-height:160%; border:none; }
.styled_post_list1 ul li:last-child { border-left:1px solid #ccc; margin:0 0 0 5px; padding:0 0 0 7px; }
.styled_post_list1 ul li:only-child { border:none; margin:0; padding:0; }
.styled_post_list1 .date { font-size:12px; font-weight:bold; }
.styled_post_list1 .title { font-size:13px; margin:0 0 5px 0; padding:2px 0 0 0; display:block; font-weight:normal; max-height:50px; overflow:hidden; line-height:180%; }
.styled_post_list1 .image { float:left; margin:0 15px 0 0; overflow:hidden; width:100px; height:100px; }
.styled_post_list1 .image img {
width:100px; height:100px; display:block; margin:0;
-webkit-backface-visibility:hidden; backface-visibility:hidden; image-rendering:optimizeQuality;
-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
.styled_post_list1 .image:hover img {
-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
} .collapse_category_list { border-bottom:1px solid #ccc; }
.collapse_category_list ul { margin:0; padding:0; }
.collapse_category_list li ul { margin:0; padding:0; }
.collapse_category_list li { margin:0; padding:0; }
.collapse_category_list li li { margin:0; padding:0; }
.collapse_category_list li a { color:#333; background:#fff; display:block; padding:10px 25px; margin:0; text-decoration:none; border:1px solid #ddd; border-bottom:none; }
.collapse_category_list li a:hover { color:#fff; }
.collapse_category_list .parent_category > a, .collapse_category_list .menu-item-has-children > a
{ background:#fff url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow_bottom2.gif) no-repeat 25px 21px; padding-left:37px; }
.collapse_category_list li .parent_category > a, .collapse_category_list li .menu-item-has-children > a
{ background:#fff url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow_bottom2.gif) no-repeat 36px 21px; padding-left:49px; }
.collapse_category_list .parent_category > a:hover, .collapse_category_list li .parent_category > a:hover
.collapse_category_list li .parent_category > a:hover, .collapse_category_list li .menu-item-has-children > a:hover
{ background-image:url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow_bottom3.gif); background-repeat:no-repeat; }
.collapse_category_list .children, .collapse_category_list .sub-menu { display:none; }
.collapse_category_list .children a, .collapse_category_list .sub-menu a { padding-left:48px; }
.collapse_category_list ul .children a, .collapse_category_list ul .sub-menu a { padding-left:60px; } .widget_search label { display:none; }
.widget_search #search-box, .widget_search #s, .side_widget.google_search #s { width:260px; height:40px; margin:0 -2px 5px 0; border:1px solid #ccc; background:#f2f2f2; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; }
.widget_search #search-btn input, .widget_search #searchsubmit, .side_widget.google_search #searchsubmit { border:none; width:40px; height:40px; background:#ccc url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/icon_search.png) no-repeat center; cursor:pointer; display:block; float:right; text-indent:-300%; overflow:hidden; }
.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover, .side_widget.google_search #searchsubmit:hover { background-color:#666; } .widget_archive select, .widget_categories select, .tcdw_archive_list_widget select { background:#fff; color:#333; border:1px solid #ccc; padding:12px 10px; width:100%; margin:0; font-size:14px; }
.widget_archive label, .widget_categories label { display:none; }
.widget_archive select option, .widget_categories select option, .tcdw_archive_list_widget option { background:#fff; color:#333; } .widget_recent_entries li { border-bottom:1px dotted #ccc; padding:0 0 15px 0; }
.widget_recent_entries li:last-child { border:none; padding:0; }  #footer { width:100%; min-width:1200px; background:#fff; }
#footer_inner { width:1200px; margin:0 auto; padding:70px 0; } #footer_logo { text-align:center; margin:0 0 40px 0; }
#footer_logo a { display:block; }
#footer_logo img { display:inline-block; }
#footer_logo_text { font-size:26px; font-weight:normal; margin:0 0 40px 0; text-align:center; } #footer_social_link { text-align:center; margin:0 0 40px 0; }
#footer_social_link li { display:inline-block; margin:0; position:relative; }
#footer_social_link li a {
display:block; text-indent:-200px; overflow:hidden; width:30px; height:30px; position:relative;
-webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none;
}
#footer_social_link li:before {
font-family:'design_plus'; color:#ccc; font-size:17px; display:block; position:absolute; top:10px; left:9px;
width:17px; height:17px; line-height:17px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#footer_social_link li.twitter:before { font-family: 'tiktok_x_icon'; content: "\e901"; }
#footer_social_link li.facebook:before { font-family: 'tiktok_x_icon'; content:'\e902'; }
#footer_social_link li.insta:before { content:'\ea92'; top:11px; }
#footer_social_link li.pint:before { content:'\e905'; top:11px; }
#footer_social_link li.flickr:before { content:'\eaa4'; top:11px; }
#footer_social_link li.tumblr:before { content:'\eab9'; top:11px; }
#footer_social_link li.rss:before { content:'\e90b'; }
#footer_social_link li.twitter:hover:before { color:#000; }
#footer_social_link li.facebook:hover:before { color:#3B5998; }
#footer_social_link li.insta:hover:before { color:#8a3ab9; }
#footer_social_link li.rss:hover:before { color:#ffcc00; }
#footer_social_link li.pint:hover:before { color:#cb2027; }
#footer_social_link li.flickr:hover:before { color:#ff0084; }
#footer_social_link li.tumblr:hover:before { color:#34526f; } #footer_menu { margin:0 0 70px 0; text-align:center; }
.footer_menu { display:inline-block; width:150px; vertical-align:top; margin:0 20px 0; }
.footer_menu li { text-align:left; margin:0 0 15px 0; font-size:12px; }
.footer_menu li:first-child { margin:0 0 25px 0; }
.footer_menu a { display:block; color:#666; }
.footer_menu li:first-child a, .footer_menu li:only-child a { color:#333; font-weight:bold; }
.footer_menu li.no_link a { pointer-events:none; text-decoration:none; color:#333; } #footer_bottom_menu { text-align:center; margin:0 0 15px 0; }
#footer_bottom_menu li { display:inline-block; vertical-align:top; margin:0; font-size:11px;  }
#footer_bottom_menu li a { display:block; border-right:1px solid #aaa; padding:0 15px 0 0; margin:0 15px 0 0; }
#footer_bottom_menu li a:hover { }
#footer_bottom_menu li:last-child a { border:none; margin:0; } #copyright { text-align:center; margin:0; font-size:11px; }  #return_top {
position:fixed; right:0px; bottom:60px; z-index:10;
-webkit-transform: translate3d(0,120%,0); transform: translate3d(0,120%,0);
-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;
}
#return_top.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#return_top a {
position:relative; display:block; height:50px; width:50px;
text-decoration:none; background:rgba(0,0,0,0.2);
}
#return_top span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#return_top a:hover { opacity:1; }
#return_top a:before {
font-family:'design_plus'; color:#fff; font-size:18px; display:block; position:absolute; width:23px; height:23px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#return_top a:before { content:'\e911'; top:20px; left:18px; } .user_sns { text-align:center; padding:0 12px; position:relative; margin:0 0; }
.user_sns li { display:inline; margin:0 2px; line-height:100%; }
.pc .user_sns.type2 { text-align:left; margin:0 -10px 0 0; }
.pc .user_sns.type2 li { display:block; float:left; margin:0 8px 0 0; }
.user_sns li a { color:#222; border:1px solid transparent; border-radius:100%; width:23px; height:23px; position:relative; display:inline-block; overflow:hidden; }
.user_sns li a:hover { }
.user_sns li span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
.user_sns li a:before { font-family:'design_plus'; color:#222; font-size:11px; display:block; position:absolute; top:5px; left:5px; width:11px; height:11px; line-height:11px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.user_sns li.twitter a:before { font-family: 'tiktok_x_icon'; content: "\e901"; }
.user_sns li.facebook a:before { content:'\e902'; }
.user_sns li.insta a:before { content:'\ea92'; }
.user_sns li.pint a:before { content:'\f231'; font-size:13px; top:6px; }
.user_sns li.tumblr a:before { content:'\eab9'; }
.user_sns li.flickr a:before { content:'\eaa4'; }
.user_sns li a:hover:before { color:#fff; } #comment_headline { margin:100px 0 0 0; }
#comments { font-size:12px; }
#comment_area, #trackback_area { margin:15px 0px 20px; padding:0 0 5px 0; }
#trackback_area { display:none; } #comment_header { position:relative; }
#comment_headline { }
#comment_header ul { position:absolute; right:15px; top:-35px; margin:0; }
#comment_header ul li { float:left; text-align:center; margin:0; }
#comment_header ul li a, #comment_header ul li p
{ font-size:11px; padding:0; margin:0; text-decoration:none; display:block; font-weight:bold; color:#fff; }
#comment_header ul li.comment_switch_active a, #comment_header ul li#comment_closed p
{  }
#comment_header ul li a:hover { text-decoration:underline; }
#comment_header ul li.comment_switch_active a { color:#fff; text-decoration:underline; }
#comment_header ul li.comment_switch_active a:hover { text-decoration:underline; }
#comment_header ul li#comment_switch, #comment_header ul li#comment_closed { border-left:1px dotted #fff; padding:0 0 0 15px; margin:0 0 0 15px; } .commentlist { list-style-type:none; margin:0; padding:0; }
.comment { border:1px solid #ccc; color:#777; margin:0 0 15px; padding:15px 20px 0; background:#fafafa; }
#comments .post_content { margin:20px 0 0; padding:0; background:none; }
.even_comment, .odd_comment_children { background:#fafafa; }
.odd_comment, .even_comment_children { background:#fefefe; }
.admin-comment { } .comment-meta { position:relative; margin:0 0 10px 0; }
.comment-meta-left { float:left; width:400px; }
.avatar { float:left; margin:0 10px 0 0; border:1px solid #ccc; background:#fff; width:37px; height:37px; padding:2px; }
.comment-name-date { padding:3px 0 0 0; height:37px; }
a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }
.comment-name-date { margin:0; }
.comment-date { font-size:11px; color:#757676; margin:10px 0 0 0; }
.comment-act { background:url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow3.gif) no-repeat left; font-size:11px; position:absolute; right:0px; padding:0 0 0 10px; margin:5px 0 0 0; }
.comment-act li { display:inline; margin:0; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #aaa; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; } .comment-content { padding:0; margin:0; }
* html .comment-content { padding:5px 0 0 0; }
.comment-content a, .comment-content a:visited { text-decoration:underline; }
.comment-content a:hover { }
.comment-content p { margin:0 0 10px 0; }
.comment blockquote span { margin:0 0 -1em 0; display:block; }
.comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#33a8e5; border:1px solid #94ddd4; padding:10px 15px; background:#d6f4f0; }
.comment_closed { border:1px solid #ccc; text-align:center; margin:0 35px 15px 0; padding:15px; background:#fefefe; }
.no_comment { padding-bottom:5px; } .trackback_time { font-size:11px; color:#757676; margin:0 0 7px 0px; }
.trackback_title { margin:2px 0 8px 0; margin:0 0 10px 0px; line-height:160%; }
#trackback_url_area { }
#trackback_url_area label { display:block; margin:0 0 10px 0; font-size:11px; }
#trackback_url_area input { border:1px solid #ccc; background:#fafafa; padding:10px; width:100%; font-size:11px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #comment_pager { margin:0 0 10px; height:24px; }
#comment_pager a, #comment_pager span { display:inline; float:left; margin:0 10px 0 0; }
#comment_pager .current { text-decoration:underline; } .comment_form_wrapper { border:1px solid #ccc; margin:0 0 0px; padding:15px; background:#fff; }
.comment .comment_form_wrapper { margin:0 0 20px; }
#cancel_comment_reply  { background:url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow3.gif) no-repeat left center; margin:0 0 1em 0; padding:0 0 0 10px; }
#comment_user_login p { padding:0 0 0 1px; margin:0; line-height:100%; }
#comment_user_login span { margin:0 0 0 40px; }
#comment_login { margin:0; padding:3px 30px 10px 30px; }
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:100%; }
#comment_login a { margin:0 0 0 20px; padding:0 0 0 20px; background:url(//proct.jp/wp-content/themes/bloc_tcd035/img/common/arrow3.gif) no-repeat 10px 3px; }
#guest_info { padding:0; width:100%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; padding:5px 0; border:1px solid #ccc; width:100%; background:#fff; color:#777; }
#guest_info input:focus { border:1px solid #e48898; }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#888;}
#guest_info span { color:#666; margin:0 10px 0 0; }
#comment_textarea textarea { margin:15px 0 0; width:100%; height:150px; border:1px solid #ccc;
background:#fff; color:#777; font-size:11px; overflow:auto; }
#comment_textarea textarea:focus { border:1px solid #e48898; }
#submit_comment_wrapper { text-align:center; }
#submit_comment {
background:#aaa; border:none; cursor:pointer; color:#fff; font-size:14px; width:200px; height:50px; margin:15px auto 0; display:block;
-webkit-transition: background-color 200ms ease-in-out;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-ms-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
#submit_comment:hover { background:#e48898; }
#input_hidden_field { display:none; } .password_protected { text-align:center; margin:0 38px 30px; padding:10px 20px; color:#fff; background:#3db4b2; border-radius:5px; }
.password_protected p { font-size:12px; margin:0; line-height:160%; } .p-widget { font-size:14px; }
.p-widget ul { list-style:none; } .p-footer-widget { font-size:14px; line-height:1.7; }
.p-footer-widget ul { list-style:none; }
.p-footer-widget a { color:#000; }
.widget_rss a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_text a:hover,
.widget_meta a:hover,
.widget_pages a:hover,
.widget_recent_comments a:hover,
.widget_recent_entries a:hover
{ color:#999; } .widget_rss .rss-widget-icon { display:none; }
.widget_rss .p-widget__title .rsswidget { color:#fff; }
.widget_rss .p-widget__title .rsswidget:first-of-type:before { content: "\e90b"; font-family: 'design_plus'; font-size:0.85em;  }
.widget_rss ul li {
display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top:15px;
}
.widget_rss ul li .rss-date { -ms-flex-order:1; order:1; color:#999; font-size:0.85em; margin-right:10px; }
.widget_rss ul li cite { -ms-flex-order:2; order:2; color:#999; font-size:0.85em; }
.widget_rss ul li .rsswidget { -ms-flex-order:3; order:3; display:block; width:100%; }
.widget_rss ul li .rssSummary { -ms-flex-order:4; order:4; color:#999; font-size:0.85em; margin-top:3px; } .l-secondary .widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_archive ul, .widget_categories ul { margin:0; }
.l-secondary .widget_nav_menu ul ul, .widget_meta ul ul, .widget_pages ul ul, .widget_archive ul ul, .widget_categories ul ul { margin-left:1em; }
.l-secondary .widget_nav_menu ul li, .widget_meta ul li, .widget_pages ul li, .widget_archive ul li, .widget_categories ul li { font-size:1em; margin:0; padding:0; line-height:1; }
.l-secondary .widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_categories ul li a { display:inline-block; line-height:1.6; padding:0.7em 0; }
.l-secondary .widget_nav_menu ul li, .widget_meta ul li, .widget_pages ul li, .widget_archive ul li, .widget_categories ul li { color:#999; }
.l-secondary .widget_nav_menu .p-widget__title + div, .widget_meta .p-widget__title + ul, .widget_pages .p-widget__title + ul, .widget_archive .p-widget__title + ul, .widget_categories .p-widget__title + ul { margin:-0.1em 0 -0.7em; } .p-footer-widget.widget_meta ul li a, .p-footer-widget.widget_pages ul li a, .p-footer-widget.widget_archive ul li a, .p-footer-widget.widget_categories ul li a { padding:0.2em 0; } .widget_archive, .widget_categories { position:relative; }
.widget_archive select, .widget_categories select {
border:1px solid #ddd; background:#fff;  width:100%; height:60px; padding:0 18px; cursor:pointer; outline:none;
-webkit-appearance:none; appearance:none;
}
.widget_archive .screen-reader-text, .widget_categories .screen-reader-text  {
display:block; clip:auto; clip-path:none; pointer-events:none;
height:60px; width:100%; margin:0;
position:relative; right:0; bottom:-60px; text-indent:-100vw; margin-top:-60px;
}
.widget_archive .screen-reader-text:before, .widget_categories .screen-reader-text:before {
font-family:'design_plus'; content:'\e90e'; text-align:center; text-indent:0;
display:block; width:14px; height:14px; line-height:14px;
position:absolute; right:15px; top:23px;
} #calendar_wrap { padding:0; margin:-6px 0 -20px; }
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:collapse; table-layout:fixed;}
#wp-calendar caption { padding:7px 0; font-size:14px; font-weight:600; }
#wp-calendar thead th, #wp-calendar tfoot td { padding:12px 10px; line-height:2; }
#wp-calendar thead th { font-weight:500; }
#wp-calendar tbody th, #wp-calendar tbody td { padding:0; margin:0; line-height:1; text-align:center; }
#wp-calendar tbody td { padding: 15px 0px; position:relative; }
#wp-calendar tbody a {
display:block; width:30px; height:30px; line-height:30px; border-radius:30px; margin:0 auto; text-decoration:none;
color:#fff; background-color:#999;
position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;
}
#wp-calendar td a:hover {
text-decoration:none; color:#fff; background-color:#000;
}
#wp-calendar #today { font-weight:600; }
.wp-calendar-nav { font-size:14px; padding:20px 0; width:100%; font-size:12px; }
.wp-calendar-nav .wp-calendar-nav-prev { width:40%; float:left; }
.wp-calendar-nav .wp-calendar-nav-next { width:40%; float:right; text-align:right; } .widget_media_gallery .gallery-item { margin-top:0 !important; }
.widget_media_gallery .gallery-item img { max-width:100%; height:auto; }
.widget_media_gallery .gallery-caption { opacity:1; font-size:0.85em; } .widget_tag_cloud .tagcloud {
margin:0 0 -6px 0; padding:0; position:relative;
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.widget_tag_cloud .tagcloud a { margin:0 6px 6px 0; font-size:0.85em !important; display:block; background:#eaeaea; line-height:1; padding:1em; border-radius:5px; }
.widget_tag_cloud .tagcloud a:hover { background:#000; color:#fff; } .widget_text .textwidget { font-size:1em; }
.widget_text .textwidget p { line-height:2; margin-bottom:1.5em; }
.widget_text .textwidget ul { list-style: circle; }
.widget_text .textwidget ol { list-style: auto; }
.widget_text .textwidget ul, .widget_text .textwidget ol { padding-left:1.5em; } .widget_recent_comments li { color:#999; margin-bottom:15px; }
.widget_recent_comments li > a { display:block; }
.widget_recent_comments li > span > a { color:#999; text-decoration:underline; } .widget_recent_entries li {
border-bottom:1px solid #ddd; padding:0 0 15px 0; margin-bottom:15px;
display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;
}
.widget_recent_entries li:last-child { border:none; padding:0; margin:0; }
.widget_recent_entries li a { display:block; }
.widget_recent_entries .post-date { position:relative; color:#999; font-size:0.85em; display:block; margin-bottom:3px; } .widget_search label { display:none; }
.widget_search > form { height:60px; border:1px solid #ddd; }
.widget_search > form > div { display:-webkit-box; display:-webkit-flex; display:flex; height:100%; position:relative; }
.widget_search > form > div:before {
content:'\e915'; font-family:'design_plus'; text-indent:0; display:block; width:50px; height:60px; line-height:60px;
text-align:center; color:#333; font-size:18px; z-index:1; position:absolute; right:0px; top:0px; pointer-events:none;
}
.widget_search > form input[type="text"] { border:none; outline: none; background:none; padding-left:25px; margin:0; width:calc(100% - 50px); height:100%; }
.widget_search > form input[type="submit"] {
border:none; background:none; width:50px; height:100%; z-index:200; position:relative;
cursor:pointer; display:block; text-indent:-300px; overflow:hidden;
} .widget_media_image .wp-caption { max-width:100%; text-align:center; }
.widget_media_image .wp-caption-text { margin-top:0.5em; } [class^="icon-"],
[class*=" icon-"] { font-family: "design_plus" !important;
line-height: 1;
font-style: normal;
font-variant: normal;
font-weight: normal;
speak: none;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-feedly:before {
content: "\e907";
}
.icon-hatebu:before {
content: "\e908";
}
.icon-line:before {
content: "\e909";
}
.icon-pocket:before {
content: "\e90a";
}
.icon-google-plus:before {
content: "\e900";
}
.icon-google-plus2:before {
content: "\e901";
}
.icon-facebook:before {
font-family: 'tiktok_x_icon'; content: "\e902";
}
.icon-facebook2:before {
content: "\e903";
}
.icon-twitter:before {
font-family: 'tiktok_x_icon'; content: "\e901";
}
.icon-rss:before {
content: "\e90b";
}
.icon-rss2:before {
content: "\e906";
}
.icon-pinterest:before {
content: "\e905";
}
.icon-line:before {
content: "\e909";
}
.icon-note:before {
content: '';
display: inline-block;
width: 0.9em;
height: 0.9em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center; top:0px;
} #share_top1 { width:100%; margin:30px 0 15px; }
#share_top1 h2 { color:#666; font-weight:400; }
#share_top1 ul { display: flex; align-items: center; gap: 5px; margin-bottom: 5px; }
#share_top1 ul li { flex: 1 1 0%; max-width: 100px; }
#share_top1 ul li a { display:inline-block; width: 100%; min-width:27px; height:27px; text-decoration:none; font-size:12px; font-weight:400; border-radius:2px; color:#fff !important; text-align:center; box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; line-height:25px; padding:1px 5px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_top1 ul li a i { position:relative; top:3px; color:#fff; font-size:1.3em; text-shadow:1px 1px 0 rgba(255, 255, 255, .1); }
#share_top1 ul li a .ttl { margin:0 3px 0 5px; text-align:center; line-height:20px; }
#share_top1 ul li a .share-count { display:inline; font-size:9px; color:#fff; padding:0; line-height:25px; margin:0; border-radius:0 1px 1px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_top1 ul li > a:hover { -webkit-transform:translate3d(0, 1px, 0); transform:translate3d(0, 1px, 0) }
@media screen and (max-width:480px) {
#share_top1 { width:100%; margin:0; }
#share_top1 ul { margin-bottom:15px; }
#share_top1 ul li a { margin-right:2px; height:25px; min-width:18px; }
#share_top1 ul li a i { }
#share_top1 ul li>a span.ttl { display:none; }
#share_top1 ul li a .share-count { position: relative; left: 3px; }
} #share_btm1 { }
#share_btm1 .sns { margin:0; text-align:center; }
#share_btm1 ul { margin:0 -4% 2% 0; list-style:none; }
#share_btm1 li { float:left; width:47%; margin:0 2% 2% 0; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.post #share_btm1 ul li { list-style:none; background-image:none; padding:0; }
#share_btm1 ul li a { position:relative; display:flex; justify-content: center; align-items: center; font-size:13px; padding:10px 2px; color:#fff; border-radius:2px; text-align:center; text-decoration:none; vertical-align:middle; }
#share_btm1 ul li a i { font-size:140%; }
#share_btm1 ul li a .ttl { margin:0 3px 0 4px; display:inline-block; text-align:center; font-size:12px; }
#share_btm1 ul li a .share-count { position:absolute; bottom:-2px; right:8px; font-size:10px; padding:0; line-height:25px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_btm1 ul li a:hover { -webkit-transform: translate3d(0px, 2px, 1px); -moz-transform: translate3d(0px, 2px, 1px); transform: translate3d(0px, 2px, 1px); }
@media only screen and (min-width:480px) {
#share_btm1 { width:100%; margin:20px 0; }
#share_btm1 ul { margin-right:-1%; list-style:none; overflow:hidden; }
#share_btm1 li { width:24%; margin:0 1% 1% 0; }
#share_btm1 li a { font-size:12px; padding:10px 2px; }
#share_btm1 li:nth-child(4n) { margin-right:0; }
}  #share_top1 ul li.twitter a, #share_btm1 ul li.twitter a { color:#fff; background-color:#000; }
#share_top1 ul li.twitter a:hover, #share_btm1 ul li.twitter a:hover { background-color:#222; } #share_top1 ul li.facebook a, #share_btm1 ul li.facebook a { background-color:#35629a; }
#share_top1 ul li.facebook a:hover, #share_btm1 ul li.facebook a:hover { background-color:#1f3669; } #share_top1 ul li.googleplus a, #share_btm1 ul li.googleplus a { background-color:#dd4b39;}
#share_top1 ul li.googleplus a:hover, #share_btm1 ul li.googleplus a:hover { background-color:#b94031;}
#share_top1 ul li.googleplus a i { top:4px; } #share_top1 ul li.hatebu>a, #share_btm1 ul li.hatebu a { background-color:#3c7dd1;}
#share_top1 ul li.hatebu>a:hover, #share_btm1 ul li.hatebu a:hover { background-color:#0270ac;} #share_top1 ul li.pocket a, #share_btm1 ul li.pocket a { background-color:#ee4056; }
#share_top1 ul li.pocket a:hover, #share_btm1 ul li.pocket a:hover { background-color:#c53648; } #share_top1 ul li.rss a, #share_btm1 ul li.rss a { background-color:#ffb53c; }
#share_top1 ul li.rss a:hover, #share_btm1 ul li.rss a:hover { background-color:#e09900; } #share_top1 ul li.feedly a, #share_btm1 ul li.feedly a { background-color:#6cc655; }
#share_top1 ul li.feedly>a:hover, #share_btm1 ul li.feedly>a:hover { background-color:#5ca449; } #share_top1 ul li.pinterest a, #share_btm1 ul li.pinterest a { background-color:#d4121c; }
#share_top1 ul li.pinterest a:hover, #share_btm1 ul li.pinterest a:hover { background-color:#a42f35; }
#share_top1 ul li.line_button a, #share_btm1 ul li.line_button a { background-color:#00B900; }
#share_top1 ul li.line_button a:hover, #share_btm1 ul li.line_button a:hover { background-color:#009100; }
#share_top1 ul li.note_button a, #share_btm1 ul li.note_button a { background:#fff; border:1px solid #ddd; color:#000; box-sizing:content-box; top: -1px; }
#share_top1 ul li.note_button a:hover, #share_btm1 ul li.note_button a:hover { background:#eee; border-color:#ddd; color:#000; }
#share_top1 ul li.note_button a .ttl, #share_btm1 ul li.note_button a .ttl { color:#000; }
#share_top1 ul li.note_button a:hover .ttl, #share_btm1 ul li.note_button a:hover .ttl { color:#000; } #share_top2 { width:100%; margin:30px 0 15px; }
#share_top2 h2 { color:#444; font-weight:400; }
#share_top2 ul.type2 { display: flex; align-items: center; gap: 5px; margin-bottom: 5px; }
#share_top2 ul.type2 li { flex: 1 1 0%; max-width: 100px; }
#share_top2 ul.type2 li a { display:inline-block; width: 100%; min-width:25px; height:25px; text-decoration:none; font-size:12px; font-weight:400; border-radius:2px; color:#222 !important; text-align:center; background:#fafafa !important; border:1px solid rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; line-height:25px; }
#share_top2 ul.type2 li a i { position:relative; top:3px; color:#222; font-size:1.3em; text-shadow:1px 1px 0 rgba(255, 255, 255, .1); }
#share_top2 ul.type2 li a .ttl { margin:0 3px 0 5px; text-align:center; line-height:20px; }
#share_top2 ul.type2 li a .share-count { color:#444; font-size:9px; padding:0; line-height:25px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_top2 ul.type2 li a:hover, #share_top2 ul.type2 li a:hover i, #share_top2 ul.type2 li a:hover .share-count  { color:#fff !important; }
#share_top2 ul.type2 li a:hover { border-color:rgba(255,255,255,.1); }
@media screen and (max-width:480px) {
#share_top2 { width:100%; margin:0; }
#share_top2 ul.type2 { margin-bottom:15px; }
#share_top2 ul.type2 li a { margin-right:2px; height:25px; min-width:18px; }
#share_top2 ul.type2 li a i { }
#share_top2 ul.type2 li>a span.ttl { display:none; }
#share_top2 ul.type2 li a .share-count { position: relative; left: 3px; }
} #share_btm2 { text-align:center; }
#share_btm2 .sns { margin:0; }
#share_btm2 ul.type4 { margin:0 -4% 2% 0; list-style:none; }
#share_btm2 ul.type4 li { float:left; width:47%; margin:0 2% 2% 0; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.post #share_btm2 ul li { list-style:none; background-image:none; padding:0; }
#share_btm2 ul.type4 li a { position:relative; display:flex; justify-content: center; align-items: center; font-size:13px; padding:10px 2px; text-decoration:none; border-radius:2px; color:#222 !important; text-align:center; background:#fafafa !important; border:1px solid rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; }
#share_btm2 ul.type4 li a i { font-size:140%; color:#222 !important; }
#share_btm2 ul.type4 li a .ttl { margin:0 3px 0 4px; display:inline-block; text-align:center; font-size:12px; }
#share_btm2 ul.type4 li a .share-count { position:absolute; bottom:-2px; right:8px; font-size:10px; padding:0; line-height:25px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; color:#222 !important; }
#share_btm2 ul.type4 li a:hover, #share_btm2 ul.type4 li a:hover i, #share_btm2 ul.type4 li a:hover .share-count  { color:#fff !important; }
@media only screen and (min-width:480px) {
#share_btm2 { width:100%; margin:20px 0; }
#share_btm2 ul.type4 { margin-right:-1%; list-style:none; overflow:hidden; }
#share_btm2 ul.type4 li { width:24%; margin:0 1% 1% 0; }
#share_btm2 ul.type4 li a { font-size:12px; padding:10px 2px; }
#share_btm2 ul.type4 li:nth-child(4n) { margin-right:0; }
}  #share_top2 ul.type2 li.twitter a, #share_btm2 ul.type4 li.twitter a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.twitter a:hover, #share_btm2 ul.type4 li.twitter a:hover { color:#fff !important; background-color:#000 !important; } #share_top2 ul.type2 li.facebook a, #share_btm2 ul.type4 li.facebook a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.facebook a:hover, #share_btm2 ul.type4 li.facebook a:hover { color:#fff !important; background-color:#35629a !important; } #share_top2 ul.type2 li.googleplus a, #share_btm2 ul.type4 li.googleplus a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.googleplus a:hover, #share_btm2 ul.type4 li.googleplus a:hover { color:#fff !important; background-color:#dd4b39 !important;}
#share_top2 ul.type2 li.googleplus a i, #share_btm2 ul.type4 li.googleplus a i { top:4px; } #share_top2 ul.type2 li.hatebu a, #share_btm2 ul.type4 li.hatebu a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.hatebu a:hover, #share_btm2 ul.type4 li.hatebu a:hover { color:#fff !important; background-color:#3c7dd1 !important;} #share_top2 ul.type2 li.pocket a, #share_btm2 ul.type4 li.pocket a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.pocket a:hover, #share_btm2 ul.type4 li.pocket a:hover { color:#fff !important; background-color:#ee4056 !important; } #share_top2 ul.type2 li.rss a, #share_btm2 ul.type4 li.rss a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.rss a:hover, #share_btm2 ul.type4 li.rss a:hover { color:#fff !important; background-color:#ff8c00 !important; } #share_top2 ul.type2 li.feedly a, #share_btm2 ul.type4 li.feedly a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.feedly a:hover, #share_btm2 ul.type4 li.feedly a:hover { color:#fff !important; background-color:#6cc655 !important; } #share_top2 ul.type2 li.pinterest a, #share_btm2 ul.type4 li.pinterest a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.pinterest a:hover, #share_btm2 ul.type4 li.pinterest a:hover { color:#fff !important; background-color:#d4121c !important; }
#share_top2 ul.type2 li.line_button a, #share_btm2 ul.type4 li.line_button a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.line_button a:hover, #share_btm2 ul.type4 li.line_button a:hover { color:#fff !important; background-color:#00B900 !important; }
#share_top2 ul.type2 li.note_button a, #share_btm2 ul.type4 li.note_button a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.note_button a:hover, #share_btm2 ul.type4 li.note_button a:hover { color:#fff !important; background-color:#000 !important; }
#share_top2 ul.type2 li.note_button a:hover .icon-note:before, #share_btm2 ul.type4 li.note_button a:hover .icon-note:before {
content: '';
display: inline-block;
width: 0.9em;
height: 0.9em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center; top:0px;
} #share5_top,#share5_btm { margin:20px 0; }
.sns_default_top { padding:0; overflow:hidden; list-style:none; }
.sns_default_top ul li { display:inline-block; margin:0 5px 5px 0; line-height:1!important; overflow:hidden; vertical-align:top; }
.sns_default_top ul li.twitter_button { width:77px; }
.sns_default_top ul li.fbshare_button:hover { text-decoration:none; }
.sns_default_top ul li.google_button { width:58px; }
.sns_default_top ul li.pocket_button { width:88px; }
@media only screen and (max-width: 480px) {
.sns_default_top {}
.sns_default_top ul li { margin-bottom:6px; }
.sns_default_top ul li.twitter_button { margin-left:0; }
} .post_content .a_break { display: inline-block; }
@media (max-width: 767px) {
.post_content .is-pc { display:none!important; }
}
@media not all and (max-width: 767px) {
.post_content .is-sp { display:none!important; }
}
.post_content .e_link {
display: inline-block; position: relative; padding-right:1em;
}
.post_content .e_link:after {
font-family: 'design_plus'; content: '\e92a'; font-size: 100%; display: block;
position: absolute; transition:none; margin-top:-0.1em;
right:0; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.post_content img.frame {
border: 1px solid #d2d2d2;
-webkit-box-shadow: 0 6px 6px -6px #cccccc;
-moz-box-shadow: 0 6px 6px -6px #cccccc;
box-shadow: 0 6px 6px -6px #cccccc;
} .wp-block-embed { margin:0 0 2em 0; } sup {
vertical-align: super;
font-size: smaller;
}
sub {
vertical-align: sub;
font-size: smaller;
} .wp-block-table.is-style-stripes td,
.wp-block-table .has-background td{
background-color: transparent;
}
.entry-date  {
font-family: 'Arial';
}
#archive_news_list .date {
font-family: 'Arial';
}
.rich_font_logo:hover {
text-decoration: none !important;
}
#index_news_list .date {
font-family: 'Arial';
} html {
scroll-behavior: smooth;
scroll-padding-top: 60px;
}
html:has(.fix_top) {
scroll-padding-top: 180px;
}
html:has(.fix_top.header_slide_down) {
scroll-padding-top: 150px;
}
@media (max-width: 1199px) {
html {
scroll-padding-top: 20px !important;
}
html:has(.mobile_fix_top) {
scroll-padding-top:80px !important;
}
}
body.single-post .flex_layout {
display: flex;
gap: 20px;
}
body.single-post.layout2 #main_col {
order:2;
}
body.single-news .flex_layout {
display: flex;
gap: 20px;
}
body.single-news.layout2 #main_col {
order:2;
}
body.page-template-default .flex_layout {
display: flex;
gap: 20px;
}
body.page-template-default.layout2  #left_col {
order: 2;
}
body.page-template-page-notitle.layout2  #left_col {
order: 2;
}