@charset "utf-8";
/* CSS Document */

/* Advanced noCaptcha & invisible Captchaを非表示 */
.grecaptcha-badge {
    visibility:hidden;
}

/* トップページ_インタビュー */
#index_kutikomi_container { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin-top:2%; }

.index_kutikomi_box dl { margin-top: 30px; }
.index_kutikomi_box dl dt { margin-bottom: 5px; color: #467FE5; font-size: 14px; font-weight: bold; }
.index_kutikomi_box dl dd p { margin-bottom: 1em; }

.index_kutikomi_profile { background: #f6f6f6; padding: 10px; font-size: 14px; text-align: center; }

@media screen and (min-width: 681px) { /*================================================== PC用のスタイル ==================================================*/

#index_kutikomi_container .section_box{ border-width:2px;}


}
@media screen and (max-width: 680px) { /*================================================== スマートフォン用のスタイル ==================================================*/
  /* トップページ_インタビュー */
  #index_kutikomi_container { display: block; } }



@media screen and (min-width: 681px) { /*================================================== PC用のスタイル ==================================================*/
  /* チャットレディ応援プラン_PC */
  #section_campain_supportplan { background: url(images/bg_cross.png) repeat #fff0f6; position: relative; }
  #section_campain_supportplan .inner { padding: 75px 0; position: relative; background:none; border:none; }
  #section_campain_supportplan .inner .contents_title { margin-bottom: 50px; font-size: 160%; text-align: center; position: relative; }
  #section_campain_supportplan .inner .contents_title .p { padding: 0 20px; display: inline-block; position: relative; z-index: 1; letter-spacing: 3px; text-shadow: none; }
  #section_campain_supportplan .inner .contents_title span { padding-left: 10px; color: #f85281; font-size: 160%; text-shadow: 1px 1px 0 #fff; }
  #section_campain_supportplan .section_campain_supportplan_description { text-align: center; margin-bottom: 60px; }
  #section_campain_supportplan .section_campain_supportplan_description p { background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ffcfe2 60%); font-weight: bold; display: inline-block; }
  #section_campain_supportplan #section_campain_supportplan_inner { margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; }
  #section_campain_supportplan .section_campain_supportplan_box { width: calc(50% - 10px); padding: 30px 20px; position: relative; background: #fff; -moz-border-radius: 0 10px 10px 10px; -webkit-border-radius: 0; border-radius: 0 10px 10px 10px; }
  #section_campain_supportplan .section_campain_supportplan_icon { position: absolute; top: -32px; left: 0; color: #fff; background: #f85281; padding: 3px 20px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px; border-radius: 10px 10px 0 0; }
  #section_campain_supportplan .section_campain_supportplan_title { margin-bottom: 25px; font-size: 140%; text-align: center; position: relative; }
  #section_campain_supportplan .section_campain_supportplan_img { margin-bottom: 30px; }
  #section_campain_supportplan .section_campain_supportplan_btn { text-align: center; }
  #section_campain_supportplan .section_campain_supportplan_btn a { padding: 15px 20px; background-color: #f85281; color: #fff; font-weight: bold; text-align: center; line-height: 1em; clear: both; display: inline-block; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; }
  #section_campain_supportplan .section_campain_supportplan_btn a:link, #section_campain_supportplan .section_campain_supportplan_btn a:active, #section_campain_supportplan .section_campain_supportplan_btn a:visited { color: #fff; text-decoration: none; }
  #section_campain_supportplan .section_campain_supportplan_btn a:hover { background-color: #ffafd4; }
  #section_campain_supportplan .section_campain_supportplan_btn a span { padding-left: 10px; }
}

@media screen and (max-width: 680px) { /*================================================== スマートフォン用のスタイル ==================================================*/

  /* チャットレディ応援プラン_SP */
  #section_campain_supportplan { background: url(images/bg_cross.png) repeat #fff0f6; position: relative; }
  #section_campain_supportplan .inner { padding-top: 75px; padding-bottom: 35px; position: relative;  background:none; border:none; }
  #section_campain_supportplan .inner .contents_title { margin-bottom: 30px; font-size: 140%; text-align: center; position: relative; }
  #section_campain_supportplan .inner .contents_title p { padding: 0 20px; display: inline-block; position: relative; z-index: 1; letter-spacing: 3px; text-shadow: none; }
  #section_campain_supportplan .inner .contents_title span { padding-left: 0; color: #f85281; text-shadow: 1px 1px 0 #fff; }
  #section_campain_supportplan .section_campain_supportplan_description { text-align: center; margin-bottom: 60px; }
  #section_campain_supportplan .section_campain_supportplan_description p { background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ffcfe2 60%); font-weight: bold; display: inline; }
  #section_campain_supportplan #section_campain_supportplan_inner { margin-bottom: 50px; }
  #section_campain_supportplan .section_campain_supportplan_box { width: 100%; margin-bottom: 50px; padding: 30px 20px; position: relative; background: #fff; -moz-border-radius: 0 10px 10px 10px; -webkit-border-radius: 0; border-radius: 0 10px 10px 10px; }
  #section_campain_supportplan .section_campain_supportplan_icon { position: absolute; top: -32px; left: 0; color: #fff; background: #f85281; padding: 3px 20px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px; border-radius: 10px 10px 0 0; }
  #section_campain_supportplan .section_campain_supportplan_title { margin-bottom: 25px; font-size: 140%; text-align: center; position: relative; }
  #section_campain_supportplan .section_campain_supportplan_img { margin-bottom: 30px; }
  #section_campain_supportplan .section_campain_supportplan_btn { text-align: center; }
  #section_campain_supportplan .section_campain_supportplan_btn a { padding: 15px 20px; background-color: #f85281; color: #fff; font-weight: bold; text-align: center; line-height: 1em; clear: both; display: inline-block; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; }
  #section_campain_supportplan .section_campain_supportplan_btn a:link, #section_campain_supportplan .section_campain_supportplan_btn a:active, #section_campain_supportplan .section_campain_supportplan_btn a:visited { color: #fff; text-decoration: none; }
  #section_campain_supportplan .section_campain_supportplan_btn a:hover { background-color: #ffafd4; }
  #section_campain_supportplan .section_campain_supportplan_btn a span { padding-left: 10px; }
}


/* トップページ_ランクイン_202604 */
#index_ranking01{
	width:100%;
	padding: 50px 5%;
	background:url(images/bg_ranking_top.jpg) repeat #fff;
	text-align:center;
	clear:both;
	border-top: 5px solid #e0c16c;
	border-bottom: 5px solid #fff;
}