@charset "utf-8";
/*
Theme Name:Gensen_Child
Theme URI:
Template:gensen_tcd050
Version:1.7.1
*/

/*
【使用するメディアクエリ】

only screen and (min-width:1025px)
only screen and (max-width:1024px)

only screen and (min-width: 768px)
only screen and (max-width:767px)
*/





/*-------------------------------------------------------------------------------------**
*
*　common
*
**-------------------------------------------------------------------------------------*/

/*-- DISPLAY none ------------------------------------------------*/

/*** media ***/
@media only screen and (min-width: 768px) {
.pcCon {
 display: block !important;
}
br.pcCon,
span.space.pcCon {
 display: inline !important;
}
.spCon {
 display: none !important;
}
}
@media only screen and (max-width:767px) {
.spCon {
 display: block !important;
}
br.spCon,
span.space.spCon {
 display: inline !important;
}
.pcCon {
 display: none !important;
}
}
/*** common ***/
#return_top a:before,
#footer_logo {
 display: none !important;
}



/*-- 画像 ------------------------------------------------*/

/*** 画像表示をフィット ***/
.introduce_custom .image,
.topRank .image {
 position: relative;
}
.introduce_custom .image img,
.topRank .image img {
 object-fit: cover;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 margin: auto;
}
/*** 画像表示をフィット(サイズ指定) ***/
.introduce_custom .image {
 padding: 50% 0;
}

.topRank .image {
 padding: 40% 0;
}
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


/*-- リンク event ------------------------------------------------*/

/*** transform scale(1)　※ズームを停止 ***/
#footer .banner_list .image:hover img,
#footer .banner_list a:hover .image img,
.introduce_custom .image:hover img,
.introduce_custom a:hover .image img,
.topRank .image:hover img,
.topRank a:hover .image img {
 transform: scale(1) !important;
}
/*** opacity ***/
#footer_contents .menu > li > a:hover,
.introduce_custom .tagList a:hover,
ul.meta li a:hover,
#introduce_slider_nav .thum:hover,
.line .lineBtn a:hover,
.submit-bt input:hover,
.submit-bt a:hover,
.headerAdd .btnList li a:hover,
.topWomen .archiveBtn a:hover,
.topMen .archiveBtn a:hover,
#index_news_custom .archiveBtn a:hover,
#footer_widget.footer_widget_type2 .ml_ad_widget a:hover img,
#footer .banner_list .image:hover img,
#footer .banner_list a:hover .image img,
.introduce_custom .image:hover img,
.introduce_custom a:hover .image img,
.topRank .image:hover img,
.topRank a:hover .image img {
 opacity: .6;
}
#body.tax-cast .page_navi,
#body.tax-cast .page_navi2 {
 opacity: 1 !important;
}
/*** アニメーション(既存CSSでは設定されていないパーツなど) ***/
#footer_contents .menu > li > a,
.introduce_custom .tagList a,
ul.meta li a,
#introduce_slider_nav .thum,
.line .lineBtn a,
.submit-bt input,
.submit-bt a,
.headerAdd .btnList li a,
#footer_widget.footer_widget_type2 .ml_ad_widget a img,
.topWomen .archiveBtn a,
.topMen .archiveBtn a,
#index_news_custom .archiveBtn a {
 -webkit-transition-duration: .35s;
 -moz-transition-duration: .35s;
 -ms-transition-duration: .35s;
 -o-transition-duration: .35s;
 transition-duration: .35s;
 transition-property: opacity, scale, transform;
}



/*-- 微調整 ------------------------------------------------*/
body {
 overflow-y: hidden;
}
/*** font ***/
mark {
 padding-bottom: 10px;
}

/*** CSS強制 ***/
body.page-id-14 .row3 .widget3 .post_row > .post_col.post_col-2:last-child {
 width: 70% !important;
}
body.page-id-14 .row3 .widget3 .post_row > .post_col.post_col-2:first-child {
 width: 30% !important;
}




/*-------------------------------------------------------------------------------------**
*
*　font
*
**-------------------------------------------------------------------------------------*/

/*-- font-family ------------------------------------------------*/

body, input, textarea, select,
.rich_font {
 font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}


/*-- font-style ------------------------------------------------*/
mark {
 font-style: normal !important;
}


/*-- font-size ------------------------------------------------*/

a {
 font-size: inherit !important;
}
#copyright {
 font-size: 15px !important;
}
body,
p,
.tcdw_ranking_list_widget .title,
.tcdw_ranking_list_widget .rank,
.topRank .txtBox .desc,
.header_search_inputs input,
.header_search_inputs select,
.header_search_inputs .chosen-container,
#global_menu > ul > li > a,
.introduce_custom .info p.name,
.post_content,
.footer_widget {
 font-size: 16px !important;
}
.introduce_custom .info p:first-child {
 font-size: 18px !important;
}
@media only screen and (min-width:1025px) {
.post_content h4:not([class]),
.side_headline,
.topWomen h2 + p,
.topMen h2 + p,
.topRank h2 + p,
.topRank .txtBox .title,
#index_news_custom h2 + p,
.post_content .line .lineBtn {
 font-size: 20px !important;
}
.post_content .style4b,
.topRank .txtBox .name,
.post_content .pb-widget-headline h3,
.post_content .pb-widget-catchcopy h4 {
 font-size: 25px !important;
}
.post_content .style4a,
.topWomen h2,
.topMen h2,
.topRank h2,
#index_news_custom h2,
body.single-introduce #article_header #post_title {
 font-size: 30px !important;
}
.post_content .style4b > strong {
 font-size: 35px !important;
}
#tcd-pb-wrap h2,
body:not(.single-introduce) #post_title {
 font-size: 40px !important;
}
}
@media only screen and (max-width:1024px) {
h2.resp-accordion,
.post_content h4:not([class]),
.topWomen h2 + p,
.topMen h2 + p,
.topRank h2 + p,
.topRank .txtBox .title,
#index_news_custom h2 + p,
.post_content .line .lineBtn {
 font-size: 18px !important;
}
.side_headline,
body.single-introduce #article_header #post_title,
.post_content .style4b > strong {
 font-size: 20px !important;
}
.post_content .style4b,
.topRank .txtBox .name,
.post_content .pb-widget-headline h3,
.post_content .pb-widget-catchcopy h4 {
 font-size: 22px !important;
}
.post_content .style4a,
.topWomen h2,
.topMen h2,
.topRank h2,
#index_news_custom h2 {
 font-size: 25px !important;
}
#tcd-pb-wrap h2:not(.resp-accordion),
body:not(.single-introduce) #post_title {
 font-size: 30px !important;
}
}





/*-------------------------------------------------------------------------------------**
*
*　color
*
**-------------------------------------------------------------------------------------*/

/*-- MOTESALO color ------------------------------------------------*/

/*** PINK ***/
#body .headerAdd .btnList li.contactBtn a,
#body .introduce_custom_row.women .info p,
#body .post_content .style4b,
#body .post_content .style4a,
#body .post_content ol li,
#body #tcd-pb-wrap h2,
#body .pink,
#body .topWomen h2,
#body .topWomen h2 + p,
#body .topWomen .info p,
#body .topRank h2 + p,
#body .post_content .pb-widget-headline h3,
#body .pb-widget-simple_table tr td:first-child,
#body .pb-widget-simple_table tr th,
#body #index_news_custom h2 + p,
#body #index_news_custom .newsItem span,
#body #footer_contents .menu > li > a {
 color: #FF3399;
}
#body #header_top a.search_button::before {
 color: #FF3399 !important;
}
#body .headerAdd .btnList li.reservationBtn a,
#body .topWomen .archiveBtn a,
#body .post_content .pb-widget-catchcopy,
#body #index_news_custom .archiveBtn a,
#body #header_slider::before,
#body #header_slider::after {
 background-color: #FF3399;
}
#body .post_content .style4b > strong::after {
 background-color: #FF3399 !important;
}
#body .headerAdd .btnList li.reservationBtn a,
#body .headerAdd .btnList li.contactBtn a,
#body .post_content .tcd-pb-row,
#body .post_content .style3a,
#body .post_content .pb-widget-catchcopy,
#body .post_content .pb-widget-headline,
#body #index_news_custom .newsItem span,
#body #header_top {
 border-color: #FF3399;
}
@media only screen and (max-width:1024px) {
#body #header_top a.menu_button {
 background-color: #FF3399;
}
}
/*** PINK(薄いピンク) ***/
#body .post_content .introtable tr > td:first-child,
#body .topRank {
 background-color: #FFF1F9;
}
@media only screen and (max-width:1024px) {
#body .headerAdd .btnList li.contactBtn a {
 background-color: #FFF1F9;
}
}
/*** BLUE(初期) ***/
#body .men .pink,
#body .introduce_custom_row.men .info p,
#body .topMen h2,
#body .topMen h2 + p,
#body .topMen .info p {
 color: #68BEFF;
}
#body .men .submit-bt input,
#body .men .submit-bt a,
#body .topMen .archiveBtn a {
 background-color: #68BEFF;
}
/*** BLUE(テキストを読みやすく) ***/
/*
 color: #00c2ff
*/
/*** BLUE(薄いブルー) ***/
#body .men .post_content .style4b > strong::after,
#body .men .post_content .introtable tr > td:first-child {
 background-color: #d5edff !important;
}
/*** YELLOW ***/
#body .introduce_custom .tagList a {
 background-color: #ffc400;
}
/*** YELLOW_2 ***/
#body mark {
 background: linear-gradient(transparent 30%, #FFEE00 30%);
}
/*** GRAYSACALE ***/
#body .topRank .txtBox .name,
#body .topRank .txtBox .title,
#body.single-introduce ul.meta li.cat a,
#body.single-introduce ul.meta li.cat span,
#body #footer_contents .sub-menu a,
#body #header_logo a {
 color: #000;
}
#body .post_content .style5a {
 border-color: #000;
}
#body #post_title {
 color: #484848;
}
#body .topRank h2,
#body #index_news_custom h2 {
 color: #515151;
}
#body .topRank .txtBox .desc {
 color: #6F7579;
}
#body #breadcrumb {
 border-color: #707070;
}
#body .chosen-container-single {
 border-color: #7B7B7B;
}
#body .introduce_custom .info p {
 border-color: #ababab;
}
#body .pb-widget-simple_table tr {
 border-color: #aeaeae;
}
#body .well {
 background-color: #f3f3f3;
}
#body .headerAdd .btnList li.reservationBtn a,
#body .topWomen .archiveBtn a,
#body .topMen .archiveBtn a,
#body .post_content .pb-widget-catchcopy h4,
#body .post_content .line .lineBtn a,
#body #index_news_custom .archiveBtn a {
 color: #fff;
}
#body .post_content .style4b > strong {
 color: #fff !important;
}
#body .post_content .pb-widget-headline,
#body .topRank .txtBox {
 background: #fff;
}
#body #header_top {
 background: #fff !important;
}
@media only screen and (min-width:1025px) {
#body #global_menu > ul > li > a {
 color: #000;
}
#body .headerAdd .btnList li.contactBtn a {
 background: #fff;
}
}
@media only screen and (max-width:1024px) {
#body #footer_social_link li::before {
 color: #000;
}
}
@media only screen and (min-width:768px) {
#body #footer_info {
 background-color: #000;
}
}
/*** OTHER ***/
mark,
#body #breadcrumb li.last,
#body .introduce_custom .tagList a:hover {
 color: inherit;
}
#body .post_content .tcd-pb-row,
#body .post_content .style5a {
 background-color: transparent;
}
#body #index_news_custom .newsList,
#body #index_news_custom .newsItem {
 border-color: #CDD6DD;
}



/*-- SNS color ------------------------------------------------*/

/*** LINE ***/
.post_content .line .lineBtn a {
 background-color: #1dcd00 !important;
}




/*-------------------------------------------------------------------------------------**
*
*　post
*
**-------------------------------------------------------------------------------------*/

/*-- 既存パーツ ------------------------------------------------*/

/*** HEADER ***/
#main_col,
.inner {
 width: auto !important;
}
#header_slider::before,
#header_slider::after {
 content: '';
 position: absolute;
 right: 0;
 left: 0;
 margin: 0 auto;
 text-align: center;
 width: 100%;
 height: 3px;
 z-index: 10000;
}
#header_slider::before {
 top: 0px;
}
#header_slider::after {
 bottom: 0;
}
#header_search_submit,
.chosen-container-single,
.chosen-single {
 border-radius: 8px !important;
}
.chosen-container-single {
 border-style: solid;
 border-width: 1px;
 box-sizing: border-box;
}
#header_top {
 border-bottom-style: solid;
 border-width: 3px;
}
#header_search form,
#index_header_search form {
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
}
#global_menu > ul > li > a {
 font-weight: bold;
}
@media only screen and (min-width:1025px) {
#global_menu {
 margin: 0 -28px !important;
}
#global_menu > ul {
 display: table;
 width: 100%;
}
#global_menu > ul > li {
 display: table-cell;
}
.has_header_content #index_header_search {
 margin-top: 0 !important;
}
#header_slider {
 margin-top: 146px;
}
}
@media only screen and (max-width:1024px) {
#header_slider {
 margin-top: -3px;
}
#header_top a.search_button,
#header_top a.menu_button {
 top: 0 !important;
 z-index: 9999;
}
#header_top a.search_button {
 right: 140px !important;	
}
#header_top .inner {
 padding: 0 10px !important;
}
#header_logo img,
#header_logo_fix img {
 max-height: 42px !important;	
}
}
/*** FOOTER ***/
#footer_contents .inner {
 width: auto !important;
 max-width: none !important;
}
#copyright {
 left: 0;
 margin: auto;
 text-align: center;
}
#footer_info {
 padding-top: 20px;
 padding-bottom: 20px;
}
#footer_widget {
 border-bottom: none !important;
 max-width: 1200px;
 margin: 0 auto;
 position: relative;
 padding-top: 70px;
 padding-bottom: 70px;
}
@media only screen and (min-width:1025px) {
#footer_social_link {
 left: 0;
 right: 0;
 margin: auto;
 text-align: left;
 width: 1200px;
}
}
/*** SIDE ***/
.side_headline {
}
/*** fixedボタン ***/
#return_top a {
 background-image: url('img/common/pagetop.png');
 background-repeat: no-repeat;
 background-size: contain;
}
@media only screen and (min-width:1025px) {
#return_top a {
 width: 80px;
 height: 80px;
}
}
/*** パンくず ***/
#breadcrumb {
 box-shadow: 0 2px 2px #f4f4f4;
}
#breadcrumb li.home a::before {
 content: 'TOP';
}
#breadcrumb li::after {
 content: '\002F';
}
/*** 見出し ***/
#post_title {
 text-align: center;
}
.post_content .style3a {
 border-top: none !important;
 border-left-style: solid;
 border-left-width: 5px;
 padding: 8px 0 8px 15px !important;
 font-weight: bold !important;
}
.post_content .style4a {
 padding: 0 !important;
 border: none !important;
 margin-right: 0 !important;
 margin-left: 0 !important;
}
.post_content .style4b {
 border: none !important;
 display: table !important;
 padding: 0 !important;
 vertical-align: middle;
}
.post_content .style4b > strong {
 display: table-cell !important;
 padding-right: 40px !important;
 padding-left: 20px !important;
 position: relative;
 line-height: 1 !important;
 vertical-align: middle;
 word-break: keep-all;
}
.post_content .style4b > strong::after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 margin: auto;
 width: calc(100% - 20px) !important;
 height: calc(1em + 40px);
 border-radius: 12px;
 z-index: -1;
}
.post_content h4 {
 font-weight: bold !important;
}
.post_content .style5a {
 border-bottom-style: solid;
 border-width: 1px;
 padding-right: 0 !important;
 padding-left: 0 !important;
}
@media only screen and (max-width:1024px) {
.post_content .style4b {
 padding-top: 60px !important;
 margin-top: 0 !important;
 position: relative;
}
.post_content .style4b > strong {
 position: absolute;
 top: 0;
}
}


/*** 投稿パーツ ***/
.well {
 border-radius: 0 !important;
 border: none !important;
 box-shadow: none !important;
}
#tcd-pb-wrap h2:not(.resp-accordion) {
 text-align: center !important;
 font-weight: bold !important;
}
h2.resp-accordion {
 font-weight: bold !important;
}
.post_content #tcd-pb-wrap,
.post_content .tcd-pb-row {
 overflow: visible !important;
}
.post_content .tcd-pb-row {
 border-width: 5px !important;
}
.post_content .tcd-pb-col > .tcd-pb-widget:first-child > *:first-child {
 margin-top: 0;
}
.post_content img[height="1"] {
 display: inline-block !important;
}
.post_content .pb-widget-headline,
.post_content .pb-widget-catchcopy {
 position: relative;
 top: calc(-1em - 15px);
 display: table;
 box-sizing: border-box;
}
.post_content .pb-widget-catchcopy {
 border-style: solid;
 border-width: 5px !important;
 margin: 0 auto;
}
.post_content .pb-widget-headline {
 margin: 0 auto 0 0;
 border-style: solid;
 border-width: 5px !important;
}
.post_content .pb-widget-headline h3,
.post_content .pb-widget-catchcopy h4 {
 display: table-cell;
 font-weight: bold;
}
.pb-widget-simple_table tr {
 height: auto !important;
 border-bottom-style: solid;
 border-bottom-width: 1px;
}
.pb-widget-simple_table tr:last-child {
 border-bottom: none !important;
}
.pb-widget-simple_table td {
 height: auto !important;
 border: none !important;
}
.pb-widget-simple_table tr th {
 border: none !important;
}
.pb-widget-simple_table tr td:first-child,
.pb-widget-simple_table tr th {
 font-weight: bold;
 padding-right: 2%;
 background-color: transparent !important;
 text-align: left !important;
}
.pb-widget-simple_table td:not(:first-child) {
 width: auto !important;
}
ul.meta li.cat a,
ul.meta li.cat span {
 font-weight: bold;
}
body.single-introduce #article_header {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}
body.single-introduce #article_header #post_title {
 width: auto !important;
 padding-right: 30px;
 text-align: left;
 margin-bottom: 0 !important;
 font-weight: bold;
}
body.single-introduce #post_meta_top {
 width: auto !important;
 margin-bottom: 0 !important;
}
body.single-introduce ul.meta li.cat a,
body.single-introduce ul.meta li.cat span {
 margin-top: 4px;
}
.post_content .introtable tr > td {
 vertical-align: middle;
}
.post_content .introtable tr > td > p:last-child {
 margin-bottom: 0 !important;
}
.post_content .line {
 clear: both;
 text-align: center;
}
.post_content .line .lineBtn a {
 display: inline-block;
 width: auto;
 text-align: center;
 text-decoration: none !important;
 font-weight: bold;
}
@media only screen and (min-width:1025px) {
.post_content .pb-widget-headline,
.post_content .pb-widget-catchcopy {
 padding: 10px 50px;
}
.post_row > .post_col.post_col-2 > *:first-child {
 margin-top: 0 !important;
}
.pb-widget-simple_table tr td:first-child,
.pb-widget-simple_table tr th {
 width: 26% !important;
 padding-right: 2%;
}
.post_content .introtable tr > td:first-child {
 width: 5em !important;	
}
.post_content .line .lineBtn a {
 padding: 6px 80px;
}
}
@media only screen and (max-width:1024px) {
.post_content .pb-widget-headline,
.post_content .pb-widget-catchcopy {
 padding: 10px 20px;
}
.pb-widget-simple_table tr,
.pb-widget-simple_table tr td:first-child,
.pb-widget-simple_table tr th {
 display: block;
 width: 100% !important;
}
.post_content .introtable tr > td:first-child {
 width: 40%;
}
.post_content .line .lineBtn a {
 padding: 6px 20px;
}
}





/*-------------------------------------------------------------------------------------**
*
*　custom
*
**-------------------------------------------------------------------------------------*/

/*-- ヘッダー ------------------------------------------------*/

/*** headerAdd ***/
@media only screen and (min-width:1025px) {
.headerAdd {
 float: right;
}
.headerAdd .catch{
 position: absolute;
 bottom: 68px;
 left: 260px;
 line-height: 2;
 z-index: 30;
}
.headerAdd .btnList {
 position: relative;
 z-index: 30;
 float: right;
 display: table;
 padding-top: 20px;
}
.headerAdd .btnList li {
 display: table-cell;
 vertical-align: middle;
 padding-left: 20px;
}
.headerAdd .btnList li a {
 padding: 20px 20px 20px 60px;
 display: inline-block;
 border-style: solid;
 box-sizing: border-box;
 border-radius: 10px;
 border-width: 1px;
 vertical-align: middle;
 position: relative;
}
.headerAdd .btnList li a img {
 position: absolute;
 left: 20px;
 top: 0;
 bottom: 0;
 margin: auto;
}
}
@media only screen and (max-width:1024px) {
.headerAdd .catch {
 display: none !important;
}
.headerAdd .btnList {
 position: absolute;
 right: 60px;
 top: 10px;
 padding: 0 !important;
 margin: 0 !important;
}
.headerAdd .btnList li {
 display: inline-block;
 padding: 0 !important;
 margin: 0 5px 0 0 !important;
 height: 40px;
 width: 40px;
 border-radius: 20px;
 overflow: hidden;
}
.headerAdd .btnList li a {
 height: 100%;
 width: 100%;
 padding: 0 !important;
 margin: 0 !important;
 display: block;
 z-index: 10000;
 position: relative;
}
#body .headerAdd .btnList li::after {
 content: '';
 position: absolute;
 height: 100%;
 width: 100%;
 top: 0;
 left: 0;
}
.headerAdd .btnList li a img {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 margin: auto;
 z-index: 9999;
 width: 20px;
 height: auto;
}
}


/*-- トップページ ------------------------------------------------*/

/*** WOMEN & MEN post list ***/
.topWomen .h2Wrap,
.topMen .h2Wrap {
 position: relative;
}
.topWomen h2,
.topMen h2 {
 text-align: center;
 padding-bottom: 20px;
 margin-top: 80px;
}
.topWomen h2 + p,
.topMen h2 + p {
 text-align: center;
 font-weight: bold;
}
.topWomen .archiveBtn a,
.topMen .archiveBtn a {
 padding: 10px 15px;
 border-radius: 9px;
}
.introduce_custom .image {
 margin-bottom: 10px;
}
.tagList p {
 font-weight: bold;
 text-align: left;
}
.introduce_custom .info p {
 padding: 10px 0;
 border-bottom: solid;
 border-bottom-width: 1px;
 line-height: 1.25;
}
.introduce_custom .tagList {
 padding-top: 10px;
}
.introduce_custom .tagList p {
 padding: 0 8px 4px 0;
 display: inline-block;
}
.introduce_custom .tagList a {
 padding: 5px 10px;
 display: inline-block;
 min-width: 100px;
 text-align: center;
 border-radius: 100px;
}
@media only screen and (min-width:1025px) {
.introduce_custom {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: stretch;
}
.introduce_custom::before,
.introduce_custom::after {
 content: '';
 display: block;
 width: 25%;
}
.introduce_custom::before {
 order: 1;
}
.introduce_custom_row {
 width: 23%;
 padding: 4% 1% 2%;
}
}
@media only screen and (max-width:1024px) {
.introduce_custom_row {
 padding: 20px 0;
 display: inline-block;
 width: 100%;
}
.introduce_custom .introduce_custom_row > a {
 float: left;
}
.introduce_custom .introduce_custom_row > a:nth-child(1) {
 width: 40%;
}
.introduce_custom .introduce_custom_row > a:nth-child(2) {
 width: 60%;
}
.introduce_custom .info {
 width: auto;
 padding-left: 20px;
}
.introduce_custom .info p:first-child {
 padding-top: 0;
}
.introduce_custom .tagList {
 display: inline-block;
 float: right;
}
}
@media only screen and (min-width:768px) {
.topWomen .archiveBtn,
.topMen .archiveBtn {
 position: absolute;
 -ms-transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 top: 50%;
 right: 1%;
 margin: auto;
 font-weight: bold;
}
}
@media only screen and (max-width:767px) {
.topWomen .archiveBtn,
.topMen .archiveBtn {
 text-align: center;
}
.topWomen .archiveBtn a,
.topMen .archiveBtn a {
 display: inline-block;
 margin-top: 20px;
 margin-bottom: 10px;
}
}
/*** 人気キャスト ***/
.topRank {
 padding-top: 70px;
 padding-bottom: 90px;
}
.topRank h2 {
 text-align: center;
 padding-bottom: 20px;
}
.topRank h2 + p {
 text-align: center;
 font-weight: bold;
}
.topRank .inner {
 width: auto !important;
 max-width: none !important;
}
.topRank .slick-arrow {
 padding: 0;
 overflow: hidden;
 text-align: center;
 font-family: 'design_plus';
 color: #fff;
 font-size: 20px;
 line-height: 40px;
 margin-top: -30px;
 position: absolute;
 top: 43%;
 z-index: 2;
 cursor: pointer;
 background: transparent;
 border: none;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
.topRank .slick-arrow img {
 width: 100%;
 height: auto;
}
.topRank .carousel {
 max-width: 1200px;
 margin: 36px auto 0;
 position: relative;
 padding: 0 20px;
}
.topRank .slick-list {
 -webkit-clip-path: inset(0 20px 0 20px);
 clip-path: inset(0 20px 0 20px);
}
.topRank .slick-initialized .item:nth-of-type(n+1) {
 display: block;
}
.topRank .item {
 margin: 0 20px;
 width: 30.35%;
}
.topRank .txtBox {
 text-align: center;
}
.topRank .txtBox .title {
 padding-bottom: 20px;
 line-height: 1.2;
}
.topRank .txtBox .name {
 padding-bottom: 20px;
 font-weight: bold;
 line-height: 1.2;
}
.topRank .txtBox .desc {
 line-height: 1.5;
}
/*** NEWS post list ***/
#index_news_custom {
 padding: 60px 0 80px;
}
#index_news_custom .h2Wrap {
 position: relative;
}
#index_news_custom h2 {
 text-align: center;
 padding-bottom: 20px;
}
#index_news_custom h2 + p {
 text-align: center;
 font-weight: bold;
}
#index_news_custom .archiveBtn a {
 padding: 10px 15px;
 border-radius: 9px;
 min-width: 90px;
 text-align: center;
 display: block;
}
#index_news_custom .newsList {
 margin-top: 40px;
 border-top-style: solid;
 border-width: 2px;
}
#index_news_custom .newsItem {
 padding: 20px 0;
 border-bottom-style: solid;
 border-width: 1px;
}
#index_news_custom .newsItem span {
 border-style: solid;
 border-width: 1px;
 box-sizing: border-box;
 border-radius: 100px;
 margin-right: 1.5em;
}
@media only screen and (min-width:1025px) {
.topRank .slick-prev {
 left: -70px;
 text-align: left;
}
.topRank .slick-next {
 right: -70px;
 text-align: right;
}
.topRank .slick-arrow {
 width: 66px;
 height: 66px;
}
#index_news_custom .newsItem a {
 display: table;
}
#index_news_custom .newsItem time,
#index_news_custom .newsItem span,
#index_news_custom .newsItem p {
 display: table-cell;
 vertical-align: middle;
}
#index_news_custom .newsItem time {
 padding-right: 1.5em;
 word-break: keep-all;
}
#index_news_custom .newsItem span {
 padding: 8px 30px;
 word-break: keep-all;
}
#index_news_custom .newsItem a p {
 padding-left: 20px;
}
}
@media only screen and (max-width:1024px) {
.topRank .slick-prev {
 left: -10px;
 text-align: left;
}
.topRank .slick-next {
 right: -10px;
 text-align: right;
}
.topRank .slick-arrow {
 width: 40px;
 height: 40px;
}
#index_news_custom .newsItem a {
 display: block;
}
#index_news_custom .newsItem span {
 padding: 4px 8px;
 margin-right: 5px;
}
#index_news_custom .newsItem p {
 float: none;
 clear: both;
 display: block;
 padding-top: 15px;
}
}
@media only screen and (min-width:768px) {
.topRank .txtBox {
 padding: 30px 10px 0;
 text-align: center;
 min-height: 200px;
}
#index_news_custom .archiveBtn {
 position: absolute;
 -ms-transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 top: 50%;
 right: 0;
 margin: auto;
 font-weight: bold;
}
}
@media only screen and (max-width:767px) {
.topRank h2 {
 line-height: 1.5;
}
.topRank .txtBox {
 padding: 20px;
 text-align: center;
}
#index_news_custom .archiveBtn {
 text-align: center;
}
#index_news_custom .archiveBtn a {
 display: inline-block;
 margin-top: 20px;
 margin-bottom: 10px;
}
}
/*** 投稿記事 slider ***/
#introduce_slider_nav .thum {
margin: 8px 4px 40px;
}
#introduce_slider_nav img {
 object-fit: cover;
 height: 100px;
}
@media only screen and (max-width:1024px) {
#introduce_slider_nav img {
 height: 60px;
}
}