@charset "utf-8";

* {box-sizing: border-box;}
ib {display: inline-block;}

.ai-hosoku {margin: 30px 0; padding: 10px; background-color: #efefef; border-radius: 6px;}
.ai-hosoku p {font-size: 14px;}

/*** マウスオーバー時に画像拡大 ***/
.hoverbig {overflow: hidden; width: 100%; height: auto;}
.hoverbig img {display: block; transition: 0.5s;}
.hoverbig img:hover {transform: scale(1.4, 1.4);}


.main_a {width: 100%; margin: 160px auto 150px auto;}
@media screen and (max-width: 1040px) {.main_a {margin: 80px auto 80px auto;}}
.waku_container {width: 100%; margin: 0 auto; position: relative;}
@media screen and (max-width: 1040px) {.waku_container {height: 555px; margin-bottom: 30px;}}

.mask1 {width: 100%; height: 320px; position: absolute; top: 137px; left: 0; cursor: pointer; background-color: rgba(255,255,255,0.7); z-index: 1; transition: all 0.5s ease-out;}
.mask1:hover {background-color: rgba(255,255,255,0);}
.mask2 {width: 100%; height: 320px; position: absolute; top: 137px; left: 0; cursor: pointer; background-color: rgba(255,255,255,0.7); z-index: 1; transition: all 0.5s ease-out;}
.mask2:hover {background-color: rgba(255,255,255,0);}
.mask3 {width: 100%; height: 320px; position: absolute; top: 137px; left: 0; cursor: pointer; background-color: rgba(255,255,255,0.7); z-index: 1; transition: all 0.5s ease-out;}
.mask3:hover {background-color: rgba(255,255,255,0);}
.mask4 {width: 100%; height: 320px; position: absolute; top: 137px; left: 0; cursor: pointer; background-color: rgba(255,255,255,0.7); z-index: 1; transition: all 0.5s ease-out;}
.mask4:hover {background-color: rgba(255,255,255,0);}

@media screen and (max-width: 1040px) {.mask1, .mask2, .mask3, .mask4 {top: 103px; height: 225px;}}

.img_left1 {background-image: url("../images/main_a01.jpg"); position: absolute; top: 137px;}
.img_right1 {background-image: url("../images/main_a02.jpg"); position: absolute; top: 137px;}
.img_left2 {background-image: url("../images/main_a03.jpg"); position: absolute; top: 137px;}
.img_right2 {background-image: url("../images/main_a04.jpg"); position: absolute; top: 137px;}

.waku {width: 1040px; height: 740px; margin: 0 auto; position: relative;}
@media screen and (max-width: 1040px) {.waku {width: 100%;}}

.main_a img.maina01 {width: 288px; height: 170px; position: absolute; top: 0; left: 0; z-index: 1;}
.main_a p.maina01 {position: absolute; top: 290px; left: 170px;}
.main_a h2.maina01 {position: absolute; top: 120px; left: 467px;}
.main_a img.maina02 {width: 288px; height: 170px; position: absolute; top: 0; right: 0; z-index: 1;}
.main_a p.maina02 {position: absolute; top: 290px; right: 135px;}
.main_a h2.maina02 {position: absolute; top: 120px; left: 467px;}
.main_a img.maina03 {width: 288px; height: 170px; position: absolute; top: 0; left: 0; z-index: 1;}
.main_a p.maina03 {position: absolute; top: 290px; left: 170px;}
.main_a h2.maina03 {position: absolute; top: 120px; left: 467px;}
.main_a img.maina04 {width: 288px; height: 170px; position: absolute; top: 0; right: 0; z-index: 1;}
.main_a p.maina04 {position: absolute; top: 290px; right: 135px;}
.main_a h2.maina04 {position: absolute; top: 120px; left: 467px;}

@media screen and (max-width: 1040px) {.main_a img.maina01, .main_a img.maina02, .main_a img.maina03, .main_a img.maina04 {width: 124px; height: 80px; left: 30px; z-index: 1;}}

@media screen and (max-width: 1040px) {.main_a p.maina01, .main_a p.maina02, .main_a p.maina03, .main_a p.maina04 {top: 220px; right: 10%; left: unset; height: 380px; font-weight: 600;}}
@media screen and (max-width: 559px) {.main_a p.maina01, .main_a p.maina02, .main_a p.maina03, .main_a p.maina04 {top: 160px; right: 2%;}}

@media screen and (max-width: 1040px) {.main_a h2.maina01, .main_a h2.maina02, .main_a h2.maina03, .main_a h2.maina04 {
	height: 460px;
    top: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 36px;
    letter-spacing: 0.22em;
    font-weight: 500;
	}
}

.main_a p {
	font-family: 'Noto Serif JP', serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 3.2em;
    letter-spacing: 2.5px;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    z-index: 1;}
@media screen and (max-width: 1040px) {.main_a p {line-height: 2.6em;}}
@media screen and (max-width: 559px) {.main_a p {line-height: 2.2em;}}

.main_a h2.waku_title {
	font-family: 'Noto Serif JP', serif;
    font-size: 34px;
    font-weight: 400;
    letter-spacing: 0.25em;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    position: absolute;
    top: 120px;
    left: 467px;
    z-index: 1;}

@media screen and (max-width: 1040px) {.main_a h2.waku_title {font-size: 1.7rem; top: 80px; left: 0; right: 0;}}
@media screen and (max-width: 559px) {.main_a h2.waku_title {font-size: 1.5rem;}}

.main_a .img_left1, .main_a .img_left2, .main_a .img_right1, .main_a .img_right2 {
	background-position: center center;
    background-size: cover;
    width: 100%;
    height: 320px;
}
@media screen and (max-width: 1040px) {.main_a .img_left1, .main_a .img_left2, .main_a .img_right1, .main_a .img_right2 {top: 103px; height: 225px;}}


/* ------------------------------------------------------------------------------------
 探す
------------------------------------------------------------------------------------ */
#sagasu {background: rgba(0,0,0,0.7); padding: 20px;}
#sagasu .sagasu-mfj {max-width: 1150px; margin: 0 auto;}
#sagasu .sagasu-mfj .row-ar .col-4 img {width: 75%;}

/* ------------------------------------------------------------------------------------
 都道府県検索
------------------------------------------------------------------------------------ */
#sec-left {padding: 0px 10px;}
/*#sec-left img {margin-top: 60px;}*/

#sec-right {padding: 0px 10px;}

@media only screen and (max-width:767px){
	#sec-right {display: none;}
	#sec-left {max-width: 100%; flex: 0 0 100%;}
}

.heading-title-kasou {
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: 500;
	font-size: 24px;
	color: #333333;
}
.heading-title-kasou::before {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 2px solid #cccccc;
    width: 100%;
    margin: 0 auto -5px;
}
.heading-title-kasou::after {
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid #6c4a38;
    width: 20%;
    margin: 0 auto -5px;
}


.heading-main-kasou {font-size: 16px;}

.genre_box {background-color: #f8f8f8; margin-top: 20px; margin-bottom: 20px;}
.genre_box table tr th {font-size: 14px; width: 15%; vertical-align: middle; border-bottom: solid 1px #cccccc; padding: 5px; background-color: #6c4a38; color: #ffffff;}
.genre_box table tr td {font-size: 14px; width: 85%; padding: 20px; border-bottom: solid 1px #cccccc;}
.genre_box table tr td label {width: 148px; display: block; float: left;}


/**** ページネーション ****/
.pager .pagination {
  text-align: center;
}

.pager .pagination li {
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  border-radius: 50px;
}

.pager .pagination li.pre,
.pager .pagination li.next{
  background: #ddd;
  color: #000;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.pager .pagination li.pre a,
.pager .pagination li.next a{
  color: #000;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #000;
  background: #efefef;
  border-radius: 10px;
  border-radius: 50px;
  animation: animScale 0.4s ease-out;
  transform-origin: 50% 50%;
  -webkit-animation: animScale 0.4s ease-out;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animScale 0.4s ease-out;
  -moz-transform-origin: 50% 50%;
}
@keyframes animScale {
  0% { transform: scale(0.8, 0.8); }
  40% { transform: scale(1.2, 1.2); }
  60% { transform: scale(1, 1); }
  80% { transform: scale(1.1, 1.1); }
  100% { transform: scale(1, 1); }
}
@-webkit-keyframes animScale {
  0% { -webkit-transform: scale(0.8, 0.8); }
  40% { -webkit-transform: scale(1.2, 1.2); }
  60% { -webkit-transform: scale(1, 1); }
  80% { -webkit-transform: scale(1.1, 1.1); }
  100% { -webkit-transform: scale(1, 1); }
}
@-moz-keyframes animScale {
  0% { -moz-transform: scale(0.8, 0.8); }
  40% { -moz-transform: scale(1.2, 1.2); }
  60% { -moz-transform: scale(1, 1); }
  80% { -moz-transform: scale(1.1, 1.1); }
  100% { -moz-transform: scale(1, 1); }
}


@media only screen and (max-width: 767px){
	.pager {margin-bottom: 40px;}
  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width:429px){
	.pager .pagination li.pre,
	.pager .pagination li.next{
    width: 35px;
    height: 35px;
  }
	.pager .pagination li {width: 35px; height: 35px;}
	.pager .pagination li span {font-size: 14px;}
}

/* ----------------------------------------------------------------------
 追加css
---------------------------------------------------------------------- */
/* right-side */
.top_side_con_box a {color: #0070c0!important;}
.line-hzero {padding: 0!important; margin: 0!important;}
.top_side_box {margin: 0 0 15px; padding: 10px 13px 0; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: #e9fee3; border-color: #6c4a38;}

/* content_left */
.osusume_title {height: auto;}
.osusume_title .f10 {font-size: 14px; height: 33px;}
.osusume_title .f10 a {color: #0070C0!important;}
.osusume_waku {width: 645px!important; display: flex; flex-wrap: wrap;}
.os_text {font-size: 14px; line-height: 1.6;}
.footer_af {height: auto; width: 645px; margin: 0 auto; text-align: center;}
.footer_af .tleft {text-align: center;}


@media only screen and (max-width:991px){
	.footer_af {width: 100%!important; text-align: center; overflow: hidden;}
	#footer_sp .col-12 p.tcenter {text-align: center!important;}
}


@media only screen and (max-width:767px){
	#pankz {padding-top: 54px;}
	
	/*.ichiran_kenbn {width: 100%!important; height: auto!important; background-image: none!important;}*/
	.ichiran_kenbn_inbox {text-align: center;}
	.osusume_title {width: 100%!important; background-image: none!important; background-color: #d3e3f3; height: auto!important; line-height: 1.8!important; padding: 5px; display: inline-block; border-radius: 0.5em 0.5em 0 0; border: solid 1px #6A95BD;}
	.osusume_waku {width: 100%!important;}
	.osusume_gazou {text-align: center; width: 100%!important; float: none!important; margin: 15px auto 0!important;}
	.osusume_gazou .ft_left {max-width: 50%; width: 50%; text-align: right; padding-right: 5px;}
	.osusume_gazou .ft_right {max-width: 50%; width: 50%; text-align: left; padding-left: 5px;}
	.osusume_text {width: 100%!important; padding: 0 10px; margin-top: 0!important;}
	.osusume_rwaku {width: 100%!important;}
	.os_btn {width: 100%!important; margin-left: 0!important; text-align: center;}
	
	.top_con_box {width: 100%!important; margin: 0!important; overflow: hidden; padding: 10px;}
	.side_picup iframe {width: 100%;}
	
}


@media only screen and (max-width:429px){
	#content_right .mt_10 a img {width: 100%; max-width: 315px; height: auto;}
	.pref_topimage .pref_midashi {padding-top: 60px;}
}

@media only screen and (max-width:331px){
	.footer_af {display: none;}
	#content_right .box_center {display: none;}
}

@media only screen and (max-width:331px){
	#aswift_2_host {width: 100%!important; height: auto!important;}
}


/* ----------------------------------------------------------------------
 脱水症状になりやすい人の特徴と早期発見のポイントの表
---------------------------------------------------------------------- */
.ds-table {}
.ds-table h3 {background-color: initial; padding: 0; font-weight: bold;}
.ds-table table {text-align: center;}
.ds-table thead th {background-color: #333; color: #fff;}
.ds-table th, .ds-table td {border: solid 1px #ddd; padding: 8px 19px; vertical-align: middle;}
.ds-table td:nth-child(2) {text-align: left;}
.ds-table tr:nth-child(even) {background-color: #eee;}
.ds-table th.green {background-color: #c2ead8;}
.ds-table th.blue {background-color: #c2caea;}
.blue {color: #0d3475;}

@media only screen and (max-width:767px){
	.ds-table th, .ds-table td {padding: 8px;}
}


/* ------------------------------------------------------------------------------------
 アマゾンアフィリエイト（内科用）
------------------------------------------------------------------------------------ */
.amazon-af {margin-top: 20px; max-width: 645px; padding: 5px;}
.amazon-af h2 {margin: 10px; line-height: 1.6; color: #121212!important; background: linear-gradient(transparent 80%, #f1ec9b 0%); display: inline-block;}
.amazon-af-box {box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; position: relative;}
.amazon-af-title {font-size: 18px; font-weight: 500; color: #fff; background-color: #25544b; text-align: center; padding: 10px;}
.amazon-af-image {text-align: center; margin: 10px; padding: 10px;}
.amazon-af-image a img {width: 100%; height: auto; max-width: 220px;}
.amazon-af-text {text-align: center;}
.amazon-af-text a {display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #df7208;/*ボタン色*/ font-weight: 500; border-bottom: solid 4px #c56202; border-radius: 3px; text-align: center;}
.amazon-af-text a:active {/*ボタンを押したとき*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/}
.amazon-af-text a:hover {text-decoration: none!important;}
.amazon-af-box-pop {position: absolute; top: 76px; left: 0;}
.amazon-af-box-pop img {width: 100%; height: auto; max-width: 90px;}

.amazon-af2 {margin: 40px auto 20px;}
.amazon-af2 .col-6 {float: none; padding: 0; margin: 0;}
.amazon-af-box-wrap {padding: 0 5px;}
.amazon-af-box-wrap .amazon-af-box {padding-bottom: 10px;}
.amazon-af2 .amazon-af-title {line-height: 1.6; padding: 15px 10px; font-size: 16px; text-align: left;}
.amazon-af2 .amazon-af-title span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 56px;}
.amazon-af2 .amazon-af-image {margin: 20px 0; padding: 0;}
.amazon-af2 .amazon-af-image a img {width: auto; height: 120px;}
.amazon-af2 .amazon-af-text {line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 56px;}
.amazon-af2 .amazon-af-text a {display: block; background: none; border: none;}
.amazon-af2 .amazon-af-text.naika-af-text a {display: inline-block; background: #df7208; border-bottom: solid 4px #c56202;}
.amazon-af2 .afam-buy {margin: 20px 10px 0; text-align: center;}
.amazon-af2 .afam-buy a {position: relative; display: inline-block; padding: 5px 30px; text-decoration: none; background: #e1650f; border-bottom: solid 2px #bd4200; border-radius: 2px; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19); color: #fff;}
#body .amazon-af2 .afam-buy a {color: #fff;}
#old-pc #contents #content_left article section .amazon-af2 .afam-buy a {color: #fff;}


@media only screen and (max-width:480px){
	.amazon-af2 .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 20px;}
	.amazon-af2 .col-6:last-child {margin: 0;}
	.amazon-af-box-wrap {padding: 0;}
}

/* ------------------------------------------------------------------------------------
 A8アフィリエイト（内科用）
------------------------------------------------------------------------------------ */
.box-kiji {margin: 20px; background: #fcfcfc; box-shadow: 0 2px 4px rgb(0 0 0 / 22%);}
.box-kiji h3 {font-size: 1.2em; background: #5fc2f5; padding: 4px; text-align: center; color: #FFF; font-weight: bold; letter-spacing: 0.05em;}
.box-kiji h3 a {color: #fff!important; text-decoration: none;}
.box-kiji p {padding: 10px 20px 15px; margin: 0;}
.a8img a img {max-width: 300px; width: 100%; height: auto; padding: 0 10px;}
	


/* ------------------------------------------------------------------------------------
 ボタンデザイン-フラットなボタン-
------------------------------------------------------------------------------------ */
#main_contents a.btn-kotira {display: inline-block; padding: 0.3em 2em; text-decoration: none!important; color: #fff; border: solid 2px #346676; border-radius: 18px; transition: .4s; background-color: #346676;}
#main_contents a.btn-kotira:hover {background: #fff; color: #346676;}


/*--------------------
 マーカーアンダーライン
--------------------*/
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(240,246,84) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(240,246,84) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(240,246,84) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(240,246,84) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(240,246,84) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 1.5s ease 0.8s;
    font-weight: bold;
}
.marker-animation.active{background-position: -100% .5em;}

.marker-animation-b {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(127,178,248) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(127,178,248) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(127,178,248) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(127,178,248) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(127,178,248) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 1.5s ease 0.8s;
    font-weight: bold;
}
.marker-animation-b.active{background-position: -100% .5em;}
 
.marker-animation-r {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(248,179,179) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(248,179,179) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(248,179,179) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(248,179,179) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(248,179,179) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 1.5s ease 0.8s;
    font-weight: bold;
}
.marker-animation-r.active{background-position: -100% .5em;}
 
.marker-animation-g {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(179,248,182) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(179,248,182) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(179,248,182) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(179,248,182) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(179,248,182) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 1.5s ease 0.8s;
    font-weight: bold;
}
.marker-animation-g.active{background-position: -100% .5em;}

.marker-animation-o {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(247,159,88) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(247,159,88) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(247,159,88) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(247,159,88) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(247,159,88) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 1.5s ease 0.8s;
    font-weight: bold;
}
.marker-animation-o.active{background-position: -100% .5em;}


/*--------------------
 Q&Aアコーディオン
--------------------*/
.accordion {
  width: 100%;
}

/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}

/* 見出しボタン部分 */
.accordion-open {
  display: block;
  padding: 10px 80px 10px 10px;
  background: #b7d7e8;
  cursor: pointer;
  margin: 5px 0;
  position: relative;
}

/* ＋アイコン */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #3e7999;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/* アイコンのー */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}



/* ------------------------ */
/* 動画の埋め込み
/*------------------------- */
	#movie .col-12 h2 {margin-left: 0;}
	#movie_slider {width: 100%; margin: 40px 0 70px;}
	.osietetyan-title {position: absolute; top: 128px; left: 0; z-index: 99;}
	.yt-osiete {width: 160px;}
	#movie_slider .image {width: 100%; aspect-ratio: 16 / 9;}
	#movie_slider .image lite-youtube {position: relative; width: 100%; height: 100%; filter: brightness(25%); transform: scale(.7); transition: filter .5s, transform .5s;}
	#movie_slider .slick-center lite-youtube {opacity: 1; transform: scale(1); filter: brightness(100%);}
	#movie_slider .slick-dots {position: absolute; bottom: -48px; left: 0; width: 100%; z-index: 1; text-align: center;}
	#movie_slider .slick-dots li {display: inline-block; margin: 0 5px;}
	button {padding: 0; border: none; width: 10px; height: 10px; border-radius: 50%; background-color: silver; color: transparent; -webkit-appearance: none;}
	.slick-active button {background-color: #6c4a38;}
	
lite-youtube button.lty-playbtn {filter: none; border-radius: inherit;}

	@media only screen and (max-width:1199px) {
		.osietetyan-title {left: 100px;}
		.yt-osiete {width: 120px;}
	}
	@media only screen and (max-width: 767px) {
		#movie_slider {margin: 20px 0 60px;}
		#movie_slider .slick-dots {bottom: -40px;}
		.osietetyan-title {position: relative; top: inherit; left: inherit; margin-top: 20px;}
	}


/* ------------------------------------------------------------------------------------
 A8アフィリエイト 2（6ブロック）
------------------------------------------------------------------------------------ */
.a8-affiliate2 {margin: 40px 0;}
.a8-affiliate2-wrap {border: solid 1px #ccc; border-radius: 8px; padding: 5px 5px 10px;}
.a8-affiliate2-wrap .col-4 {float: none; padding: 0; margin: 0;}
.a8-affiliate2-item {padding: 5px;}
.a8-affiliate2-item a {display: block;}
.a8-affiliate2-item img {display: none;}
.a8-affiliate2-item a img {display: block; width: 100%; height: auto; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; border-radius: 8px;}
p.sponsored-link {text-align: center; font-size: 12px; line-height: 1.8;}

@media only screen and (max-width: 767px){
	.a8-affiliate2 {margin: 20px 0;}
	.a8-affiliate2-wrap .col-4 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}


/* ------------------------ */
/* フッター手前誘導リンク
/*------------------------- */
.announcement {text-align: center;}
.announcement a {color: #4e331e;}
.announcement a .announcement-inner {background-color: #fbf1e9; transition-property: background-color, color; transition-duration: 0.2s; transition-timing-function: ease; margin-bottom: 1px; border-top: solid 4px #4e331e; border-bottom: solid 2px #4e331e;}
.announcement a:hover {text-decoration: none;}
.announcement a:hover .announcement-inner {background-color: #4e331e; color: #fff;}
.announcement-inner {padding: 1em;}
.announcement-inner span {font-weight: 600;}



/* ------------------------ */
/* 右サイドコンテンツ
/*------------------------- */
/*@media only screen and (max-width: 767px) {
	.side_picup {display: none;}
	#content_right .line-hzero:first-child {display: none;}
	#content_right .col-12 {display: none;}
}*/


/* ------------------------ */
/* クライアント掲載ページ
/*------------------------- */
.page_main_txt dd {word-break: break-all;}
.add-sty.page_main_img ul li img {width: 100%; height: auto;}


/* ------------------------ */
/* こんなランキングもあります
/*------------------------- */
.konna-lanking {margin: 30px 0;}
.konna-lanking-title {font-size: 16px; font-weight: 600; color: #fff; padding: 7px 15px; border-radius: 5px 5px 0 0; background-color: #cc572c;}
.konna-lanking-box {background-color: #f9e4dc; padding: 10px; border: solid 2px #cc572c; border-radius: 0 0 5px 5px; width: 100%;}
.konna-lanking-box .col-6 {padding: 5px; margin-bottom: 0;}
.konna-lanking-box .col-6 a {display: block; background-color: #fff; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; height: 93px; position: relative; transition: 0.3s;}
.konna-lanking-box .col-6 a:hover {background-color: #f4f5f9;}
.konna-lanking-box .col-6 a:hover img {opacity: 0.8;}
.konna-lanking-box .col-6 a:hover .konna-lanking-text span {color: #0070c0;}

.konna-lanking-img {display: block; padding: 5px; max-width: 120px;}
.konna-lanking-img img {width: 100%; height: auto; transition: 0.3s;}
.konna-lanking-text {overflow: hidden; position: absolute; top: 10px; left: 120px; transition: 0.3s; line-height: 1.4;}
.konna-lanking-text span {font-weight: 600; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.konna-lanking-sitelogo {position: absolute; bottom: 0; right: 5px;}
.konna-lanking-sitelogo img {width: 30px; height: 30px;}

@media only screen and (max-width: 767px) {
	.konna-lanking-box .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}


/* ------------------------ */
/* 教えてお医者さんが選ぶおすすめランキング
/*------------------------- */
.ranking-best {margin: 2em 0;}
h3.ranking-best-title {text-align: center; line-height: 1.4; margin: 0 0 0.5em; padding: 5px; font-size: 1.2em; background-color: #572100; color: #fff;}
.ranking-best .col-6 {margin: 0; padding: 0;}
.ranking-best-item {border-bottom: solid 1px #efefef; margin-right: 12px;}
.ranking-best-item a {display: flex;}
.ranking-best-item a:hover {}
.ranking-best-img {max-width: 96px; padding: 8px; height: 70px;}
.ranking-best-img img {width: 100%; height: auto; border-radius: 4px;}
.ranking-best-text {display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; height: 70px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 8px 8px 8px 0;}
.ranking-best-text h4 {display: flex; margin: 0; font-size: 16px;}
.ranking-best-text h4 span {-webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden;}
icon {color: #999; font-size: 16px; font-weight: 600; width: 16px; height: 16px; margin-bottom: 10px;}

@media only screen and (max-width: 767px) {
	.ranking-best .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}


/* ------------------------ */
/* ベースページの調整
/*------------------------- */
.img_pc {display: block;}
.img_sp {display: none;}
.fright.ml10.mb10.mt20 img, .fright.ml10.mb10.mt15 img {width: 220px;}


@media only screen and (max-width: 767px) {
	
}

@media only screen and (max-width: 429px) {
	.img_pc {display: none;}
	.img_sp {display: block;}
	.fright.ml10.mb10.mt20, .fright.ml10.mb10.mt15 {margin: 20px 0 0;}
	.fright.ml10.mb10.mt20 img, .fright.ml10.mb10.mt15 img {width: 100%; height: auto;}
}