@charset "utf-8";

/* ------------------------------------------------------------------------------------
 ヘッダーメニュー
------------------------------------------------------------------------------------ */
@media screen and (max-width: 767.98px) {
	body .kasou-midashi {padding-top: 72px;}
}



@media screen and (min-width: 1200px) {
	#underlayer .container {max-width: 960px;}
}

/* ------------------------------------------------------------------------------------
 下層トップ画像
------------------------------------------------------------------------------------ */
.kasou-midashi {position: relative; padding-top: 130.8px;}
.kasou-midashi-inner {padding-top: 130.8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.kasou-midashi h1 {text-align: center; color: #fff;}
.kasou-midashi p {text-align: center; color: #fff;}

.ph-top-img {background-image: url("../ph/img/kasoutop-img-ph.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 240px;}
.kinked-top-img {background-image: url("../kinked/img/kasoutop-img-kinked.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 240px;}
.sourou-top-img {background-image: url("../sourou/img/kasoutop-img-sourou.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 240px;}
.kitouzoudai-top-img {background-image: url("../kitouzoudai/img/kasoutop-img-kitouzoudai.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 240px;}
.long-top-img {background-image: url("../long/img/kasoutop-img-long.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 240px;}
.inkeizoudai-top-img {background-image: url("../inkeizoudai/img/kasoutop-img-inkeizoudai.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 240px;}
.privacy-top-img {background-image: url("../img/kasoutop-img-privacy.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 240px;}
.sitemap-top-img {background-image: url("../img/kasoutop-img-sitemap.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 240px;}
.contact-top-img {background-image: url("../contact/img/kasoutop-img-contact.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 240px;}
.modoru-top-img {background-image: url("../contact/img/kasoutop-img-modoru.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 240px;}
.clinic-top-img {background-image: url("../clinic/img/kasoutop-img-clinic.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 240px;}


@media screen and (max-width: 767.98px) {
	.kasou-midashi-inner {width: 75%; padding-top: 72px;}
	.kasou-midashi h1 {font-size: 2.2rem;}
}

@media screen and (max-width: 576.98px) {
	.kasou-midashi h1 {font-size: 1.8rem;}
	.kasou-midashi p {font-size: 0.9rem;}
}


/* ------------------------------------------------------------------------------------
 サイドエリア
------------------------------------------------------------------------------------ */
#asidemenu {opacity: 0; position: fixed; top: 130.8px; left: 0; z-index: 998; visibility: hidden; transform: translateY(50px); transition: opacity 1s, visibility 1s, transform 1s;}
#asidemenu.show {opacity: 1; visibility: visible; transform: translateY(0px);}
aside a {color: #121212;}
.aside-bg {max-width: 160px; padding: 10px; background-color: rgba(245,245,245,.8);}
.aside-bg h2 {font-size: 1rem; letter-spacing: 0.08em;}
.aside-bg ul li {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; font-size: 0.9rem;}

@media screen and (max-width: 767.98px) {
	aside {display: none;}
}

/* ------------------------------------------------------------------------------------
 下層ボディ
------------------------------------------------------------------------------------ */
.kasou-body section.margin-set {margin: 3rem 0 0;}

.midashi-area {padding: 2rem 0.5rem 0;}
.kasou-body .midashi-area h2 {position: relative; text-align: center; line-height: 1.2; padding-bottom: 20px; color: #14345d!important; margin-bottom: 2rem;}
.kasou-body .midashi-area h2::after {content: ''; position: absolute; bottom: 0; left: 50%; width: 60px; height: 3px; background: #0071be; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.kasou-body .midashi-area p.h5 {position: relative; text-align: center; line-height: 1.2; padding-bottom: 20px; color: #14345d!important; margin-bottom: 2rem;}
.kasou-body .midashi-area p.h5::after {content: ''; position: absolute; bottom: 0; left: 50%; width: 60px; height: 3px; background: #14345d; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}

h3.midashi-sub {background-color: #14345d; color: #fff; padding: 10px; margin-bottom: 1.5rem;}
p.h5 {line-height: 1.6;}
.col6img {float: left;}
.col6img img {margin-bottom: 1rem;}
.col6text {padding: 0 10px;}

@media screen and (max-width: 991.98px) {
	.col6img {float: none; text-align: center;}
}

@media screen and (max-width: 576.98px) {
	.midashi-area .column-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}


.tiryou-q {border: solid 2px #0071be;}
.tiryou-q h3 {position: relative; background-color: #0071be; padding: 15px;}
.tiryou-q h3 img {position: absolute; top: 50%; left: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.tiryou-q h3 p {color: #fff; margin: 0; padding-left: 60px; font-weight: 600;}
.tiryou-q img.graph {width: 100%; height: auto; margin: 20px auto;}
.tiryou-q img.graph_sp {display: none;}

.kasou-body .midashi-area h2.ttl-fukidashi {padding: 0.5em 1em; border: 4px solid #0071be; box-shadow: 4px 4px 0 0 #0071be; background-color: #fff; margin-bottom: 2rem;}
.kasou-body .midashi-area h2.ttl-fukidashi::before, .kasou-body .midashi-area h2.ttl-fukidashi::after {content: ''; height: 0; width: 0; border: solid transparent; position: absolute; left: 24px;}
.kasou-body .midashi-area h2.ttl-fukidashi::before {border-color: transparent; border-top-color: #0071be; border-right-color: #0071be; border-width: 13px; top: 100%; left: 24px;}
.kasou-body .midashi-area h2.ttl-fukidashi::after {border-color: transparent; border-top-color: #fff; border-right-color: #fff; border-width: 6.5px; top: 100%; left: 42px;}

.nayamibetu {background-image: url("../ph/img/nayamibetu_bg.webp"); background-repeat: no-repeat; background-size: cover;}
.nayamibetu .column-5 img {width: 100%; height: auto;}
.nayamibetu .column-7 p {color: #fff; padding: 15px;}
.combination {border: solid 2px #fff; margin: 0 30px 30px; padding: 30px;}
.combination h4 {color: #fff; font-weight: bold; text-align: center; font-size: 1.25rem;}
.combination  ul {margin: 20px 0 0; color: #fff;}
.combination  ul li {padding: 5px 0;}
.combination  ul li span {font-size: 1.5rem; padding-left: 10px;}

.onayami .column-4 {padding: 5px;}
.onayami-box {position: relative; text-align: center; padding: 5px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.onayami-box span.onayami-mask {position: relative; display: block; line-height: 0; overflow: hidden; text-align: center;}
.onayami-box span.onayami-mask::before {content: ''; position: absolute; z-index: 2; left: 0; top: 0; opacity: 0; transition: .3s ease-in-out;  transform: translateY(100%); background-color: #0071be; width: 100%; height: 100%;}
.onayami-box:hover span.onayami-mask::before {opacity: 1; transform: translateY(0);}
.onayami-box span.onayami-cap {position: absolute; opacity: 0; transition: .5s ease-in-out; z-index: 3; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; line-height: 1.5; width: 100%;}
.onayami-box:hover span.onayami-cap {opacity: 1;}
.onayami-box span.onayami-mask img {width: 100%; height: auto; max-width: 120px;}
.onayami-inner-img {box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; margin-bottom: 5px; background-color: #fef4d4;}
.onayami-inner-text p {color: #121212; margin: 0; padding: 5px; background-color: #efefef;}
.onayami a:hover {text-decoration: none;}
.ml1 {margin-left: 1px;}

/* 治療一覧 */
.tiryou-midashi-top {position: relative; margin: 2rem 0; background-color: #0071be; text-align: center; padding: 1rem 10px;}
.tiryou-midashi-top p {position: absolute; top: 0; left: 0; font-size: 1.5rem; font-weight: 600; margin: 0; width: 240px; height: 50px; text-align: left; padding: 5px 10px; background: rgb(247,207,47);
background: -moz-linear-gradient(112deg, rgba(247,207,47,1) 0%, rgba(247,207,47,1) 50%, rgba(247,207,47,0.0018382352941176405) 50%, rgba(247,207,47,0) 100%);
background: -webkit-linear-gradient(112deg, rgba(247,207,47,1) 0%, rgba(247,207,47,1) 50%, rgba(247,207,47,0.0018382352941176405) 50%, rgba(247,207,47,0) 100%);
background: linear-gradient(112deg, rgba(247,207,47,1) 0%, rgba(247,207,47,1) 50%, rgba(247,207,47,0.0018382352941176405) 50%, rgba(247,207,47,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7cf2f",endColorstr="#f7cf2f",GradientType=1);}
.tiryou-midashi-top img {border-radius: 50%;}
.tiryou-midashi-top h2 {margin: 0.5rem 0 0; color: #fff;}
.plr30 {padding: 0 30px;}
.tiryou-midashi {padding: 0.5em 1em; margin-left: 5px; margin-right: 5px; outline: 3px solid #0071be; outline-offset: 5px; background: linear-gradient(-45deg, transparent 0 20px, #fff 20px calc(100% - 20px), transparent calc(100% - 20px)), repeating-linear-gradient(-45deg, #0071be 0 2px, #fff 2px 6px); text-align: center;}
.tiryou-midashi h2 {font-size: 1.25rem; margin: 0; font-weight: 600;}
.tiryou-point {margin-top: 2rem;}
.tiryou-point .column-3 img {width: 100%; height: auto;}
.tiryou-point .tiryou-p-innner {padding: 10px 20px;}
.tiryou-point .tiryou-p-innner h4 {text-align: center; font-weight: 600;}
.daiji {border: solid 2px #a11557; border-radius: 16px; padding: 15px; background-color: #fcd6e8;}
.daiji p {margin: 0; font-weight: 600;}
.daiji p span {color: #fe0000;}

#ph01 .column-6, #ph02 .column-6, #ph03 .column-6, #ph04 .column-6, #ph05 .column-6, #ph06 .column-6, #ph07 .column-6 {margin-top: 1.5rem; padding: 10px;}
#ph01 .column-6 img, #ph02 .column-6 img, #ph03 .column-6 img, #ph04 .column-6 img, #ph05 .column-6 img, #ph06 .column-6 img, #ph07 .column-6 img {width: 100%; height: auto;}
h3.u-ttl-line {font-weight: bold; padding: 0.5em 0.3em 0.5em 0; margin-bottom: 1em; position: relative; font-size: 1.5rem;}
h3.u-ttl-line::before {content: ''; background-color: #0071be; width: 2em; height: 3px; position: absolute; bottom: 0; left: 0;}

#types-phimosis .tiryou-midashi-top {background-color: #14345d;}
#types-phimosis .tiryou-midashi-top h2 {margin: 0.5rem 0;}
#types-phimosis .midashi-area {padding: 0 0.5rem;}
.kinds-box {padding: 0 15px;}
.kinds-box h3 {margin: 0; padding: 5px; background-color: #0071be; color: #fff; text-align: center; font-size: 1.25rem;}
.kinds-box img {width: 100%; height: auto;}
.kinds-box p.explanation {color: #f7cf2f; font-weight: bold; background-color: #14345d; padding: 10px;}

@media screen and (max-width: 767.98px) {
	#types-phimosis .column-4 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
	#types-phimosis .column-8 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
	.kinds-box {padding: 0 0 0 5px;}
	#ph01 .column-3, #ph02 .column-3, #ph03 .column-3, #ph04 .column-3, #ph05 .column-3, #ph06 .column-3, #ph07 .column-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
	.tiryou-point .tiryou-p-innner h4 {font-size: 1.25rem;}
	.kasou-body .midashi-area h2 {font-size: 1.5rem;}
	h3.midashi-sub {font-size: 1.4rem;}
	.tiryou-midashi-top h2 {font-size: 1.5rem;}
	.tiryou-midashi-top img {width: 36px; height: auto;}
	.tiryou-q h3 img {width: 30px; height: auto;}
	.tiryou-q h3 p {font-size: 1.5rem; padding-left: 40px;}
	.combination ul {padding-left: 20px;}
	.combination ul li span {font-size: 1.25rem;}
	.tiryou-q img.graph {display: none;}
	.tiryou-q img.graph_sp {width: 100%; max-width: 442px; height: auto; margin: 20px auto; display: block;}

}

@media screen and (max-width: 576.98px) {
	#types-phimosis .column-4, .nayamibetu .column-5, .nayamibetu .column-7, #types-phimosis .column-8, #ph01 .column-3, #ph01 .column-9, #ph02 .column-3, #ph02 .column-9, #ph03 .column-3, #ph03 .column-9, #ph04 .column-3, #ph04 .column-9, #ph05 .column-3, #ph05 .column-9, #ph06 .column-3, #ph06 .column-9, #ph07 .column-3, #ph07 .column-9, #concept .column-6, #ph01 .column-6, #ph02 .column-6, #ph03 .column-6, #ph04 .column-6, #ph05 .column-6, #ph06 .column-6, #ph07 .column-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.kasou-body .midashi-area h2 {font-size: 1.4rem;}
	.matome-text p.h5 {font-size: 1.1rem;}
	h3.midashi-sub {font-size: 1.25rem;}
	.tiryou-q h3 img {width: 24px; height: auto;}
	.tiryou-q h3 p {font-size: 1.25rem; padding-left: 30px;}
	.tiryou-point {margin: 0;}
	.nayamibetu .column-5 {text-align: center;}
	.nayamibetu .column-5 img {max-width: 220px;}
	.combination {margin: 0 10px 30px; padding: 15px;}
	.combination ul li span {font-size: 1.1rem;}
	#ph01 .column-3, #ph02 .column-3, #ph03 .column-3, #ph04 .column-3, #ph05 .column-3, #ph06 .column-3, #ph07 .column-3, #ph01 .column-6, #ph02 .column-6, #ph03 .column-6, #ph04 .column-6, #ph05 .column-6, #ph06 .column-6, #ph07 .column-6 {text-align: center;}
	#ph01 .column-3 img, #ph02 .column-3 img, #ph03 .column-3 img, #ph04 .column-3 img, #ph05 .column-3 img, #ph06 .column-3 img, #ph07 .column-3 img {max-width: 220px;}
	#ph01 .column-6 img, #ph02 .column-6 img, #ph03 .column-6 img, #ph04 .column-6 img, #ph05 .column-6 img, #ph06 .column-6 img, #ph07 .column-6 img {max-width: 300px;}
	#ph01 .column-6 p, #ph02 .column-6 p, #ph03 .column-6 p, #ph04 .column-6 p, #ph05 .column-6 p, #ph06 .column-6 p, #ph07 .column-6 p {text-align: left;}
	h3.u-ttl-line::before {left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
	.important table tr td {font-size: 0.9rem;}
}

#important-point .tiryou-midashi-top {background-color: #14345d;}
#important-point .tiryou-midashi-top h2 {margin: 0.5rem 0;}
.important {margin: 3rem 0;}
.important table {width: 100%;}
.important table tr td {border: solid 1px #ccc; padding: 15px;}
.important table tr td:first-child {background-color: #fefed4;}

/* よくある質問 */
	.top-main__qa-content {margin: 2rem 0 3rem;}
	.top-main__qa-content__list-items.question {-webkit-align-items: center;
    align-items: center;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    -webkit-flex-basis: 920px;
    flex-basis: 920px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
		margin-top: 20px;
    margin-left: auto;
    position: relative;
    width: 100%;
	height: 70px;
		text-align: left; position: relative;
	}
	.top-main__qa-content__list-items a {color: #121212;}
	.top-main__qa-content__list-items p {position: absolute; bottom: 20px; right: 25px; margin: 0; color: #00419d;}
	.top-main__qa-content__list-items.question .ico {background: rgb(44,102,185);
background: -moz-linear-gradient(155deg, rgba(44,102,185,1) 0%, rgba(44,102,185,1) 75%, rgba(0,65,157,1) 75%, rgba(0,65,157,1) 100%);
background: -webkit-linear-gradient(155deg, rgba(44,102,185,1) 0%, rgba(44,102,185,1) 75%, rgba(0,65,157,1) 75%, rgba(0,65,157,1) 100%);
background: linear-gradient(155deg, rgba(44,102,185,1) 0%, rgba(44,102,185,1) 75%, rgba(0,65,157,1) 75%, rgba(0,65,157,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c66b9",endColorstr="#00419d",GradientType=1);
    box-shadow: 0 5px 10px 0 rgb(165 179 185 / 25%);
    left: 0;
    position: absolute;
    top: 0;}
	.top-main__qa-content__list-items .ico {-webkit-align-items: center;
    align-items: center;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    height: 70px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 70px;
    font-size: 45px;
    font-weight: 700;
    }
	.top-main__qa-content__list-items.question .ico img {margin-left: 8px; vertical-align: top; max-width: 100%;}
	.top-main__qa-content__list-items.question .txt {font-size: 18px; font-weight: 500;}
	.top-main__qa-content__list-items .txt {padding-left: 40px; padding-right: 50px; margin-left: 70px; line-height: 4em;}
	
	.qa-space {padding-left: 70px;}
	.top-main__qa-content__list-items.answer {background: #f3f8ff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; height: auto; -webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: 40px; width: 100%; text-align: left;}
	.top-main__qa-content__list-items.answer .ico {background: rgb(240,96,96);
background: -moz-linear-gradient(155deg, rgba(240,96,96,1) 0%, rgba(240,96,96,1) 75%, rgba(211,60,60,1) 75%, rgba(211,60,60,1) 100%);
background: -webkit-linear-gradient(155deg, rgba(240,96,96,1) 0%, rgba(240,96,96,1) 75%, rgba(211,60,60,1) 75%, rgba(211,60,60,1) 100%);
background: linear-gradient(155deg, rgba(240,96,96,1) 0%, rgba(240,96,96,1) 75%, rgba(211,60,60,1) 75%, rgba(211,60,60,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f06060",endColorstr="#d33c3c",GradientType=1); float: left;}
	.top-main__qa-content__list-items.answer .ico img {width: 39px; height: 31px;}
	.top-main__qa-content__list-items.answer .txt {font-size: 18px; font-weight: 400; line-height: 1.8; -webkit-flex-basis: 850px; flex-basis: 850px; padding-bottom: 20px; padding-top: 20px; display: inline-block; margin: 0; text-align: left;}
	
	.acd-check {display: none;}
	.acd-label {display: block; margin-bottom: 1px;}
	.acd-content {height: 0; opacity: 0; transition: .5s; visibility: hidden;}
	.acd-check:checked + .acd-label + .acd-content{height: auto; opacity: 1; visibility: visible;}
	
@media (max-width: 767.98px) {
	.top-main__qa-content {margin-top: 20px;}
	.top-main__qa-content__list-items.question:not(:first-of-type){margin-top: 30px; padding-bottom: 10px; height: auto;}
	.top-main__qa-content__list-items.question .ico {
		box-shadow: none;
    height: 42px;
    left: 0;
    top: 0;
    min-width: 42px;
    width: 42px;}
	.top-main__qa-content__list-items.question .ico img {margin-left: 5px;}
	.top-main__qa-content__list-items .ico img {width: 26px;}
	.top-main__qa-content__list-items.question .txt {
		font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    padding: 10px 20px 0 50px;
		margin: 0;
    width: 100%;
	display: block;
	text-align: left;}
	.qa-space {padding-left: 45px;}
	.top-main__qa-content__list-items.answer {height: auto;
    margin-bottom: 0;
    overflow-y: hidden;
    width: 100%;}
	.top-main__qa-content__list-items.answer .ico {height: 42px; min-width: 42px; width: 42px;}
	.top-main__qa-content__list-items.answer .ico img {margin-left: 5px; width: 26px; height: auto;}
	.top-main__qa-content__list-items.answer .txt {width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6; padding: 12px 5px 10px 50px;}

	}

@media screen and (max-width: 576.98px) {
	.top-main__qa-content__list-items.question .txt {padding: 15px 50px 5px 50px;}
	.qa-space {padding-left: 15px;}
	.top-main__qa-content__list-items.answer .txt {padding: 15px;}
}

#faq .tiryou-midashi-top {background-color: #14345d;}
#faq .tiryou-midashi-top h2 {margin: 0.5rem 0;}


/* ------------------------------------------------------------------------------------
 屈曲ペニス
------------------------------------------------------------------------------------ */
.kinked-pattern {margin: 2rem;}
.kinked-pattern img {width: 100%; height: auto;}
.penis-left {margin: 0 0 2rem;}
.penis-left img {width: 100%; height: auto; padding: 2rem;}
.penis-inner {padding: 1.8rem 20px 20px; border: solid 2px #0071be; border-radius: 8px; background-image: linear-gradient(90deg, #fff 25%, #eaf8ff 25%, #eaf8ff 50%, #fff 50%, #fff 75%, #eaf8ff 75%, #eaf8ff); background-size: 20px 20px;}
.penis-inner p {font-weight: 600;}

@media screen and (max-width: 991.98px) {
	.kinked-pattern {margin: 2rem 1rem;}
	.penis-left img {padding: 2rem 1rem;}
}

@media (max-width: 767.98px) {
	.kinked-pattern {margin: 2rem 0;}
	.penis-left img {padding: 2rem 0;}
}

@media screen and (max-width: 576.98px) {
	.penis-left {margin: 0;}
}

/* ------------------------------------------------------------------------------------
 早漏改善
------------------------------------------------------------------------------------ */
.sourou-detail .matome-text {padding: 0 10px;}
.sourou-detail img {width: 100%; height: auto; padding: 0 10px;}
#types-phimosis .sourou-nayami {margin-bottom: 2rem;}
#types-phimosis .sourou-nayami .column-4 {position: relative; width: 100%; height: 230px;}
#types-phimosis .sourou-nayami p, #types-phimosis .sourou-nayami img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
#types-phimosis .sourou-nayami p {width: 240px; text-align: center; font-weight: 600;}
#types-phimosis .sourou-nayami p span {display: inline-block; font-size: 1.3em; color: #fe0000;}
#types-phimosis .sourou-nayami img {width: 300px; height: 229px;}
#types-phimosis .sourou-nayami p.sourou-nayami-text {position: relative; width: 100%; margin-top: 4em;}
.sourou-sigeki {position: relative; background-image: url("../sourou/img/sourou-sigeki-bg.webp"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 360px;}
.sourou-sigeki .sigeki-waku {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); border: solid 2px #fff; padding: 20px; background: rgba(5, 55, 55, .2);}
.sourou-sigeki .sigeki-waku p {color: #fff; margin: 0;}

#various .container .tiryou-midashi-top {background-color: #dbeffd; border-bottom: solid 2px #0071be;}
#various .container .tiryou-midashi-top p {width: 280px;}
#various .container .tiryou-midashi-top h2 {color: #121212;}

/*** 詳細ボタン ***/
.button-detail {display:flex; padding: 10px;}
.button-detail a {text-decoration: none; display: flex; align-items: center; justify-content: center; width: 300px; height: 40px; aspect-ratio: 1; color: #222; background-color: #efefef; border-radius: 8px; box-shadow: -4px -4px 8px #fff, 4px 4px 8px rgb(0 0 0 / 24%); margin: 0 auto;}
.button-detail a:hover {color: #0071be;}
@media (any-hover: hover) {
	.button-detail a {transition: box-shadow 0.2s;}
	.button-detail a:hover {box-shadow: -2px -2px 4px #fff, 2px 2px 4px rgb(0 0 0 / 24%); color: #0071be;}
	.button-detail a:active {background-color: #ebebeb; box-shadow: inset 4px 4px 8px rgb(0 0 0 / 16%); color: #0071be;}
}


@media screen and (max-width: 991.98px) {
	#types-phimosis .sourou-nayami .column-4 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

@media (max-width: 767.98px) {
	.sourou-detail .column-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	#types-phimosis.sourou-teigi .sourou-detail .column-8 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	#types-phimosis.sourou-teigi .sourou-detail .column-4 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center;}
	#types-phimosis.sourou-teigi .sourou-detail .column-4 img {max-width: 300px;}
	#types-phimosis .sourou-nayami p {width: 200px;}
	#types-phimosis .sourou-nayami p span {font-size: 1.1em;}
	#types-phimosis .sourou-nayami img {width: 260px; height: auto;}
	#various .container .tiryou-midashi-top h2 {font-weight: bold;}
	#various .container .tiryou-midashi-top p {width: 220px; height: 40px; font-size: 1.2rem;}
	.button-detail a {width: 100%;}
}

@media screen and (max-width: 576.98px) {
	#types-phimosis .sourou-nayami .column-4 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; height: 180px;}
	#various .column-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.button-detail a {max-width: 280px;}
}

/* ------------------------------------------------------------------------------------
 亀頭増大
------------------------------------------------------------------------------------ */
.kitouzoudai-kouka {padding: 20px;}
.kitouzoudai-kouka ul {list-style-type: none; margin: 0;}
.kitouzoudai-kouka ul li {font-size: 1.2rem; line-height: 40px;}
.kitouzoudai-kouka ul li::before {content: ''; width: 20px; height: 20px; display: inline-block; background-color: #0071be; border-radius: 50%; position: relative; top: 2px; margin-right: 10px;}
.kitouzoudai-img {max-width: 280px; margin: 0 auto; margin-top: 1.5rem; padding: 10px;}
.kitouzoudai-img img {width: 100%; height: auto;}
.kitouzoudai-text {margin-top: 1.5rem; padding: 10px;}

@media screen and (max-width: 576.98px) {
	.kitouzoudai-osusume .tiryou-point .column-3 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center;}
	.kitouzoudai-osusume .tiryou-point .column-3 img {max-width: 220px; padding-top: 5px;}
	.kitouzoudai-osusume .tiryou-point .column-9 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.kitouzoudai-osusume .column-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}



/* ------------------------------------------------------------------------------------
 長茎術
------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------
 陰茎増大
------------------------------------------------------------------------------------ */
.red {color: #fe0000;}


/* ------------------------------------------------------------------------------------
 プライバシーポリシー
------------------------------------------------------------------------------------ */
.kasou-midashi .privacy-top-img p {font-size: 1.6rem; line-height: 1;}
#privacy {margin: 2rem auto;}
.beginning h2 {padding: 0.5rem 1rem 0.5rem 1.5rem; margin: 3rem 0 1.5rem; background-image: linear-gradient(#0071be 50%, #14345d 50%); background-repeat: no-repeat; background-size: 0.5rem 100%;}
.beg-text-area {padding: 0 1rem;}
.beg-text-area ol {background-color: #efefef; padding: 0.5rem 1rem 0.5rem 2rem;}
.beg-text-area ol li {padding: 0.5rem 0;}

@media (max-width: 767.98px) {
	.beginning h2 {font-size: 1.6rem;}
}

@media screen and (max-width: 576.98px) {
	.beg-text-area {padding: 0 0.5rem;}
	.beginning h2 {font-size: 1.4rem; margin: 2rem 0 1rem;}
}


/* ------------------------------------------------------------------------------------
 サイトマップ
------------------------------------------------------------------------------------ */
.kasou-midashi .sitemap-top-img p {font-size: 1.6rem; line-height: 1;}
#sitemap {margin: 3rem auto;}
#sitemap .column-6 {padding: 20px;}
.sitemap-left h2 {background-color: #176ab7; color: #fff; padding: 10px; font-size: 1.4rem;}
.sitemap-right h2 {background-color: #6f980e; color: #fff; padding: 10px; font-size: 1.4rem;}
.sitemap-list ul {padding: 0; list-style-type: none;}
.sitemap-list ul li {display: inline-block; float: left; margin: 5px;}

/*** サイトマップボタン ***/
.sitemap-btn {position: relative; overflow: hidden; text-decoration: none; display: inline-block; border: solid 1px #176ab7; border-radius: 20px; padding: 6px 30px; text-align: center; transition: ease .2s;}
.sitemap-btn span {position: relative; z-index: 3; color: #176ab7;}
a.sitemap-btn:hover {text-decoration: none;}
.sitemap-btn:hover span {color: #fff!important;}
.btn-bgleft::before {content: ''; position: absolute; top: 0; left: 0; z-index: 2; background: #176ab7; width: 100%; height: 100%; transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: right top;}
.btn-bgleft:hover::before {transform-origin: left top; transform: scale(1, 1);}

.sitemap-right .sitemap-btn {border: solid 1px #6f980e;}
.sitemap-right .sitemap-btn span {color: #6f980e;}
.sitemap-right .btn-bgleft::before {background: #6f980e;}

@media screen and (max-width: 991.98px) {
	.sitemap-left h2, .sitemap-right h2 {font-size: 1.3rem;}
}

@media (max-width: 767.98px) {
	#sitemap .column-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 20px 0;}
	.sitemap-left h2, .sitemap-right h2 {text-align: center;}
}



/* ------------------------------------------------------------------------------------
 予約フォーム
------------------------------------------------------------------------------------ */
/*アコーディオン全体*/
.accordion-area{list-style: none; width: 100%; padding: 0; background-color: #14345d; margin-bottom: 4rem;}
.accordion-area li{margin: 10px 0;}
.accordion-area section {border: 1px solid #14345d;}

/*アコーディオンタイトル*/
.title {position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer; font-size: 1.4rem; font-weight: normal; margin: 0; padding: 3% 3% 3% 50px; color: #fff; transition: all .5s ease;}

/*アイコンの＋と×*/
.title::before, .title::after{position: absolute; content:''; width: 18px; height: 2px; background-color: #fff;}
.title::before{top: 48%; left: 20px; transform: rotate(0deg);}
.title::after{top: 48%; left: 20px; transform: rotate(90deg);}
/*　closeというクラスがついたら形状変化　*/
.title.close::before{transform: rotate(45deg);}
.title.close::after{transform: rotate(-45deg);}

h3.close:not(:disabled):not(.disabled):focus, h3.close:not(:disabled):not(.disabled):hover {color: #fff; opacity: .9;}

/*アコーディオンで現れるエリア*/
.box {display: none;/*はじめは非表示*/
    background: #f3f3f3; margin:0 3% 3% 3%; padding: 3%;}
.accordion-area .title.close {float: none;}

.under-line {border-bottom: solid 2px #f7cf2f;}
.consent-form {width: 200px; margin: 30px auto 0; text-align: center;}
.consent-form a {display: inline-block; padding: 10px 40px; text-align: center; background-color: #0071be; color: #fff; transition: all .5s ease;}
.consent-form a:hover {text-decoration: none; background-color: #fbe33e; color: #14345d;}

form {margin-bottom: 3rem;}
.contact-table {padding: 0 10px;}
.contact-table table {width: 100%; border-collapse: collapse;}
.contact-table table tr th, .contact-table table tr td {border: 1px solid #ced4da; padding: 10px 15px;}
.contact-table table tr th {width: 35%; background-color: #def0fa; font-weight: 500; position: relative;}
.contact-table table tr td {width: 65%; background-color: #f8f8f8;}
.contact-table table tr td label {margin-right: 20px;}
.hissu span {font-size: 0.8em; background-color: #f23f01; border-radius: 0.25rem; color: #fff; padding: 5px 10px; display: inline-block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.contact-table table tr td select {border: 1px solid #ced4da; padding: 0.375rem 0.75rem; margin: 3px 0;}
.contact-table table tr td.input-text input {
	display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.contact-table table tr td textarea {
	display: block;
    width: 100%;
    height: calc(11.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.confirmation-age {font-size: 0.8em;}

.btn_send {text-align: center; font-size: 1.25rem; line-height: 1.5; margin: 2rem 0 3rem;}
.btn_send button {cursor: pointer; padding: 0.5rem 1rem; border-radius: 0.3rem; color: #fff; background-color: #0071be; border: solid 1px #14345d;}

@media (max-width: 767.98px) {
	.accordion-area .title {font-size: 1.2rem;}
	.accordion-area .box {padding: 20px 3%;}
	.contact-table table tr th, .contact-table table tr td {display: block; text-align: left; width: 100%; padding: 10px 15px!important;}
}


/* ------------------------------------------------------------------------------------
 サンクスページ
------------------------------------------------------------------------------------ */
.modoru {width: 200px; margin: 30px auto 0; text-align: center;}
.modoru a {display: inline-block; padding: 10px 40px; text-align: center; background-color: #0071be; color: #fff; transition: all .5s ease;}
.modoru a:hover {text-decoration: none; background-color: #fbe33e; color: #14345d;}


/* ------------------------------------------------------------------------------------
 クリニック案内ページ
------------------------------------------------------------------------------------ */
.clinic-area {margin-bottom: 3em;}
.clinic-area .column-6 {padding: 0 25px;}
.clinic-area-box {padding: 10px; border: 1px solid #999; min-height: 342px;}
.clinic-area-box h3 {font-size: 1.2em; font-weight: 600; text-align: center; margin: 0; padding: 10px; background-color: #0071be; color: #fff;}
.clinic-area-box .clinic-img-wrap {max-width: 393px; margin: 0 auto; position: relative;}
.clinic-area-box .clinic-img-wrap img {width: 100%; height: auto;}
.clinic-area-box .clinic-img-wrap p {position: absolute; top: 0; left: 0; z-index: 2;}
.clinic-area-box .add-wrap p {margin: 0; padding: 0 0 10px; font-size: 0.8em; color: #fe0000;}
.clinic-area-box .add-wrap table tr th {width: 25%; padding: 5px;}
.clinic-area-box .add-wrap table tr td {width: 75%; padding: 5px;}

@media (max-width: 991px) {
	.clinic-area {margin-bottom: 0;}
	.clinic-area .column-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 415px; margin: 20px auto;}
	.kasou-body .header-area .midashi-area h2 {margin: 0; font-weight: 600;}
}