/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

.single-post-main .brand_box_top, .single-post-main .brand_box_top * { margin: 0; padding: 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding-box; background-clip: padding-box; font-smooth: always; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; /*
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
*/ }

.single-post-main .alter_eyecatch { display: block; margin-left: -40px; margin-right: -40px; }
@media screen and (max-width: 768px) { .single-post-main .alter_eyecatch { margin-left: -10px; margin-right: -10px; } }
.single-post-main .brand_box_top { width: 100%; padding: 0 0 15px; }
.single-post-main .brand_box_top:nth-of-type(n+2) { margin-top: 3rem; }
.single-post-main .brand_box_top img { border: none !important; box-shadow: none !important; }
.single-post-main .brand_box_top .brand_name { position: relative; background-color: #140041; padding: 1rem 0 0.9rem calc( 10px + 108px + 1.0rem); color: #FFF; font-size: 2.6rem; line-height: 100%; }
@media screen and (max-width: 768px) { .single-post-main .brand_box_top .brand_name { font-size: 2.4rem; padding-left: calc( 10px + 108px ); } }
.single-post-main .brand_box_top .brand_name::after { position: absolute; left: 96px; top: 0; display: block; content: ""; width: 22px; height: 50px; background-color: #140041; }
.single-post-main .brand_box_top .brand_name img { margin-bottom: 0; }
.single-post-main .brand_box_top .brand_name > span { position: absolute; left: 10px; top: -10px; display: block; width: 108px; }
.single-post-main .brand_box_top .brand_body { width: 100%; padding: 25px 10px 10px; }
.single-post-main .brand_box_top .brand_body::after { content: "."; display: block; clear: both; height: 0; overflow: hidden; }
@media screen and (max-width: 768px) { .single-post-main .brand_box_top .brand_body::after { content: none; } }
.single-post-main .brand_box_top .brand_body .brand_ss { float: left; width: 330px; }
@media screen and (max-width: 768px) { .single-post-main .brand_box_top .brand_body .brand_ss { float: none; width: 100%; } }
.single-post-main .brand_box_top .brand_body .brand_ss img { margin-bottom: 0; }
.single-post-main .brand_box_top .brand_body .brand_ss div:nth-of-type(n+2) { margin-top: 25px; }
.single-post-main .brand_box_top .brand_body .brand_desc1 { float: right; width: calc( 100% - 330px - 1.0rem ); color: #140041; font-weight: bold; font-size: 1.0rem; line-height: 140%; }
@media screen and (max-width: 768px) { .single-post-main .brand_box_top .brand_body .brand_desc1 { float: none; width: 100%; margin-top: 0.5rem; } }
.single-post-main .brand_box_top .brand_body .brand_desc2 { float: right; width: calc( 100% - 330px - 1.0rem); margin-top: 0.5rem; font-size: 0.9rem; line-height: 140%; }
@media screen and (max-width: 768px) { .single-post-main .brand_box_top .brand_body .brand_desc2 { float: none; width: 100%; } }
.single-post-main .brand_box_top .brand_body .brand_merit { float: right; width: calc( 100% - 330px - 1.0rem); margin-top: 0.5rem; font-size: 0.9rem; line-height: 140%; }
@media screen and (max-width: 768px) { .single-post-main .brand_box_top .brand_body .brand_merit { float: none; width: 100%; } }
.single-post-main .brand_box_top .brand_body .brand_merit > ul { display: block; padding: 0; margin: 0.5rem 0 0; list-style: none; }
.single-post-main .brand_box_top .brand_body .brand_merit > ul li { position: relative; display: block; padding: 0 0 0 1.5rem; margin: 0; color: #000; font-size: 0.9rem; line-height: 140%; }
.single-post-main .brand_box_top .brand_body .brand_merit > ul li:nth-of-type(n+2) { margin-top: 0.5rem; }
.single-post-main .brand_box_top .brand_body .brand_merit > ul li::before { content: "▶"; position: absolute; left: 0; color: #FF6432; font-weight: bold; }
.single-post-main .brand_box_top .brand_link { margin-top: 1.0rem; }
.single-post-main .brand_box_top .brand_link > br { display: none; }
.single-post-main .brand_box_top .brand_link > a { position: relative; float: left; display: block; width: calc( (100% - 1.0rem) / 2 ); text-decoration: none; }
@media screen and (max-width: 768px) { .single-post-main .brand_box_top .brand_link > a { float: none; width: 100%; } }
.single-post-main .brand_box_top .brand_link > a:nth-of-type(2) { margin-left: 1.0rem; }
@media screen and (max-width: 768px) { .single-post-main .brand_box_top .brand_link > a:nth-of-type(2) { margin-left: 0; margin-top: 0.5rem; } }
.single-post-main .brand_box_top .brand_link::after { content: "."; display: block; clear: both; height: 0; overflow: hidden; }
@media screen and (max-width: 768px) { .single-post-main .brand_box_top .brand_link::after { content: none; } }
.single-post-main .brand_box_top .brand_link.brand_link_center { text-align: center; }
.single-post-main .brand_box_top .brand_link.brand_link_center > a { float: none; display: inline-block; text-decoration: none; }
.single-post-main .brand_box_top .brand_spec { margin-top: 1.0rem; }
@media screen and (max-width: 768px) { .single-post-main .brand_box_top .brand_spec { overflow-x: scroll; } }
.single-post-main .brand_box_top .brand_spec > table { width: 100%; padding: 0; margin: 0; border-collapse: collapse; border-spacing: 0; border: solid 1px #0000C8; }
@media screen and (max-width: 768px) { .single-post-main .brand_box_top .brand_spec > table { width: 200vw; } }
.single-post-main .brand_box_top .brand_spec > table tr { border-bottom: solid 1px #FFF; }
.single-post-main .brand_box_top .brand_spec > table tr th, .single-post-main .brand_box_top .brand_spec > table tr td { width: calc( 100% / 5 ); padding: 0.9rem 0.2rem 0.8rem; font-size: 0.9rem; line-height: 140%; text-align: center; }
.single-post-main .brand_box_top .brand_spec > table tr th { background-color: #C88214; border-left: solid 1px #FFF; color: #FFF; }
.single-post-main .brand_box_top .brand_spec > table tr th:nth-of-type(1) { border-left: solid 1px #FFF; }
.single-post-main .brand_box_top .brand_spec > table tr th:last-of-type(1) { border-right: solid 1px #FFF; }
.single-post-main .brand_box_top .brand_spec > table tr td { background-color: #F9F2E7; border: solid 1px #FFF !important; }
.single-post-main .brand_box_top .brand_review { margin-top: 0.5rem; }
.single-post-main .brand_box_top .brand_review > dl { display: block; padding: 0; margin: 0; }
.single-post-main .brand_box_top .brand_review > dl::after { content: "."; display: block; clear: both; height: 0; overflow: hidden; }
@media screen and (max-width: 768px) { .single-post-main .brand_box_top .brand_review > dl::after { content: none; } }
.single-post-main .brand_box_top .brand_review > dl > dt, .single-post-main .brand_box_top .brand_review > dl > dd { display: block; margin-top: 1.0rem; font-size: 0.9rem; line-height: 140%; }
.single-post-main .brand_box_top .brand_review > dl > dt { float: left; width: 42px; }
.single-post-main .brand_box_top .brand_review > dl > dd { float: right; position: relative; width: calc( 100% - 42px - 9px - 5px ); padding: 15px 10px; background-color: #FFEFEA; border: solid 1px #FFEFEA; border-radius: 10px; color: #000; /*
					&::after {
					  content: "";
					  position: absolute;
					  top: 28px;
					  left: -20px;
					  margin-top: -10px;
					  border: 10px solid transparent;
					  border-right: 10px solid #969696;
					  z-index: 1;
					}
*/ }
.single-post-main .brand_box_top .brand_review > dl > dd::before { content: ""; position: absolute; top: 28px; left: -18px; margin-top: -9px; border: 9px solid transparent; border-right: 9px solid #FFEFEA; z-index: 2; }
.single-post-main .brand_box_top .brand_review > dl > dd.blue_background { background-color: #E5F4FE; border-color: #E5F4FE; }
.single-post-main .brand_box_top .brand_review > dl > dd.blue_background::before { border-right: 9px solid #E5F4FE; }

#fixedBottomBanner { position: fixed; bottom: 0px; left: calc( (100% - 950px) / 2 ); width: 950px; max-width: 100%; padding: 0px; margin: 0; text-align: right; z-index: 99; }
@media screen and (max-width: 960px) { #fixedBottomBanner { left: 0; } }
#fixedBottomBanner a.close { display: inline-block; padding: 4px 10px 3px; background-color: #F0F0F0; color: #000; }

#fixedBottomBox { position: fixed; bottom: 0px; right: 50px; width: 296px; padding: 0px; margin: 0; text-align: right; z-index: 99; }

#custom_html-7 { padding: 0; }
#custom_html-7 .widgettitle { /*width: 310px;*/ height: 57px; padding: 0; margin-bottom: 0; margin-left: -10px; margin-right: -10px; background-color: transparent; background-image: url("https://www.visit-ohda.jp/wp-content/uploads/2021/02/siderankbox_header@2x.png"); background-repeat: no-repeat; background-size: cover; text-indent: -99999px; }
#custom_html-7 .widgettitle::before, #custom_html-7 .widgettitle::after { content: none; }
#custom_html-7 .widgettitle::before { content: url(""); }

#siderankbox { display: block; padding: 0; margin: 0; list-style: none; box-shadow: 1px 1px 5px #000; }
#siderankbox li { padding: 5px 0 0; margin: 0; width: 100%; height: 210px; border-bottom: none; background-image: url("https://www.visit-ohda.jp/wp-content/uploads/2021/02/siderankbox_back1.svg"); background-repeat: no-repeat; background-size: cover; }
#siderankbox li:nth-of-type(2n) { background-image: url("https://www.visit-ohda.jp/wp-content/uploads/2021/02/siderankbox_back2.svg"); }
#siderankbox li > h5 { position: relative; width: 264px; padding: 10px 0 10px 55px; margin: 0 auto 0; color: #140041; font-size: 1.6rem; font-weight: bold; line-height: 100%; }
#siderankbox li > h5::before { content: ""; position: absolute; bottom: 0; right: 0; display: block; width: 245px; height: 1px; background-color: #000; }
#siderankbox li > h5::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 53px; height: 59px; background-image: url("https://www.visit-ohda.jp/wp-content/uploads/2021/02/siderankbox_rank01@2x.png"); background-repeat: no-repeat; background-size: cover; }
#siderankbox li > div { display: flex; flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */ justify-content: center; /* 子要素をflexboxにより中央に配置する */ align-items: center; /* 子要素をflexboxにより中央に配置する */ width: 264px; height: 75px; margin: 15px auto 0; border: solid 1px #FFF; border-left: solid 2px #969696; border-top: solid 2px #969696; border-radius: 10px; background-color: #FFF; overflow: hidden; }
#siderankbox li > div img { max-width: calc(100% - 4px); }
#siderankbox li > a { display: block; width: 264px; padding: 0; margin: 15px auto 0; }
#siderankbox li:nth-of-type(2) > h5::after { background-image: url("https://www.visit-ohda.jp/wp-content/uploads/2021/02/siderankbox_rank02.svg"); }
#siderankbox li:nth-of-type(3) > h5::after { background-image: url("https://www.visit-ohda.jp/wp-content/uploads/2021/02/siderankbox_rank03.svg"); }
#siderankbox li:nth-of-type(4) > h5::after { background-image: url("https://www.visit-ohda.jp/wp-content/uploads/2021/02/siderankbox_rank04.svg"); }
#siderankbox li:nth-of-type(5) > h5::after { background-image: url("https://www.visit-ohda.jp/wp-content/uploads/2021/02/siderankbox_rank05.svg"); }

/* ボタンスタイル */
.button_style{text-align:center;width:90%;height:60px;margin:0 auto;position:relative}.button_style span{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)}.button_style a{color:#fff!important;line-height:1.1;text-decoration:none;font-weight:700;font-size:18px;display:block;width:100%;height:100%}.button_style a:hover{color:#fff}.button_style a::before{content:"";position:absolute;top:50%;left:10px;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);margin-top:-3px}.button_style{background:#fd3c3c;background:-moz-linear-gradient(top,#fd3c3c 0,#ea352c 50%,#d52020 52%,#d52020 100%);background:-webkit-linear-gradient(top,#fd3c3c 0,#ea352c 50%,#d52020 52%,#d52020 100%);background:linear-gradient(to bottom,#fd3c3c 0,#ea352c 50%,#d52020 52%,#d52020 100%);box-shadow:0 5px 0 0 #bc0101;border-radius:5px;overflow:hidden;transition:.2s}.button_style::before{position:absolute;content:'';display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;animation:shiny-btn1 3s ease-in-out infinite}@-webkit-keyframes shiny-btn1{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}}@media screen and (min-width:769px){.button_style:hover{color:#fff;opacity:.7;cursor:pointer;box-shadow:none;-webkit-transform:translateY(3px)}}@media screen and (min-width:400px){.button_style span br{display:none}}

/* ウィジェットタイトルカラー */
.widgettitle {background-color: #34241c !important;}

/* 投稿・固定ページでパンくず効かない措置 */
#execphp-2 {visibility: hidden;}
.execphpwidget {visibility: visible;}