@charset "UTF-8";

/*--------------------------------------------
  ファンクラブ応援団
---------------------------------------------*/

/* ファンクラブ応援団概要 */
.fanclub-oendan-img{
max-width: 250px!important;
margin-left: 10px;
margin-bottom: 10px;
float: right;
}
@media screen and (max-width: 450px){
.fanclub-oendan-img{
max-width: 100%!important;
margin-left: 0;
margin-bottom: 10px;
float: none;
}
}

.fanclub-oendan-layout{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
margin: 0 0 80px;
padding: 0;
}
.fanclub-oendan-layout img{
width: 100%;
max-height: 230px;
margin: 0;
padding: 1em;
vertical-align: bottom;
object-fit: contain;
}
.fanclub-oendan-layout-img{
width: 25%;
max-width: 400px;
text-align: center;
}
.fanclub-oendan-layout-text{width: calc(100% - 25% - 30px);}
.fanclub-oendan-layout-text h3{
font-size: 1.1em;
font-weight: 600;
margin: 0!important;
margin-bottom: 0.2em!important;
padding: 0.5em 0.8em;
color: #fff!important;
background-color: #555;
border: none;
}
.fanclub-oendan-layout-text .school-list{margin: 0 !important;}

@media screen and (max-width: 640px) {
.fanclub-oendan-layout img{
max-height: 200px;
}
.fanclub-oendan-layout-img{
width: 100%;
max-width: inherit;
margin-bottom: 0.8em;
}
.fanclub-oendan-layout-img img{max-width: 200px;}
.fanclub-oendan-layout-text{width: 100%;}
}

.fc-oendan-mymap iframe .i4ewOd-pzNkMb-haAclf {
display: none;
}
.fc-oendan-mymap {
height:100%;
min-height:100%;
overflow: hidden;
margin-top: 5em;
}
.fc-oendan-mymap iframe{
height:480px;
margin-top:-59px;
}
.fc-oendan-wanted{
border-width: 3px;
margin: 8em auto 0;
padding: 1em 2em
}
.fc-oendan-wanted ul.rzf-bg-cont{
padding: 1em;
}
@media screen and (max-width: 767px) {
.fc-oendan-wanted{
padding: 0.7em 1.5em
}
}
@media screen and (max-width: 450px) {
.fc-oendan-wanted{
padding: 0.3em 0.8em
}
.fc-oendan-wanted h4{
font-size: 1.1em!important;
}
}


/* ファンクラブ応援団一覧・詳細 */
/*** 一覧のみ ***/
@media screen and (min-width: 768px){
.fc-oendan-list-wrap {
    margin: 30px;
}
}
@media screen and (max-width: 767px){
.fc-oendan-list-wrap {
	padding: 10px 1% 1%;
}
}

/* 一覧 並び */
.fc-oendan-card-grid{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
grid-gap: 1.5em;
}
/* 一覧 カード 縦に */
.fc-oendan-list-card{
display: flex;
flex-direction: column;
padding: 15px 20px;
background: #fff;
border: 2px solid #ccc;
border-radius: 5px;
}
/* 一覧 カード 左右に */
.fc-oendan-list-card .fc-oendan-detail-wrap{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1.2em;
}
/* 一覧 カード サムネイル */
.fc-oendan-list-card .fc-oendan-thumb{
flex-basis: calc(30% - 15px);
width: 100%;
/* max-width: 130px; */
margin-right: 15px;
margin-bottom: 0.7em;
/*margin: 0 auto 0.5em;*/
}
/* 一覧 カード テキスト */
.fc-oendan-list-card .fc-oendan-detail{
flex-basis: 70%;
width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1200px), (min-width: 451px) and (max-width: 639px){
.fc-oendan-list-card .fc-oendan-detail-wrap{
flex-direction: column;
align-items: center;
}
.fc-oendan-list-card .fc-oendan-thumb{
margin-right: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1200px){
.fc-oendan-card-grid{
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.fc-oendan-list-card .fc-oendan-thumb .rzf-ofi-11:before {
    padding-top: 66.6%;
}
}
@media screen and (max-width: 767px){
.fc-oendan-card-grid{
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-gap: 0.8em;
}
.fc-oendan-list-card .fc-oendan-detail-wrap{
margin-bottom: 0.8em;
}
}
@media screen and (min-width: 451px) and (max-width: 639px) {
.fc-oendan-card-grid{
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.fc-oendan-list-card{
padding: 10px 7px;
}
.fc-oendan-list-card .fc-oendan-thumb .rzf-ofi-11:before {
    padding-top: 56.25%;
}
}@media screen and (max-width: 639px) {
.fc-oendan-card-grid{
grid-gap: 0.5em;
}
}


/*** 共通 ***/
/* 共通 検索 */
/*.module_contents {
margin: 0 auto;
text-align: center;
}
.module_contents input{
padding: 8px;
}*/
.fc-oendan-list-search{
max-width:300px;
margin: 0 auto;
text-align: center;
}
.fc-oendan-list-search input[type="text"]{
width:200px;
height:40px;
padding:0 10px;
border-radius:2px;	
}
.fc-oendan-list-search input[type="text"]:focus {
outline: 0;
}
.fc-oendan-list-search input[type="submit"]{
cursor: pointer;
width:70px;
height:41px;
border-radius:2px;
background:#0b318f;
border: 1px solid #ccc;
color:#fff;
font-weight:bold;
font-size:14px;
}
.fc-oendan-list-search input[type="submit"]:hover{
background: rgba(11,49,143,0.7);
}



/* 共通 カテゴリー */
.fc-oendan-detail .category-label {
    position: static;
	margin-bottom: 0.3em;
}
.fc-oendan-detail .category-label ul {
    text-align: left;
}
.fc-oendan-detail .category-label li{
	height: 26px;
    margin-left: 2px;
	margin-bottom: 4px;
	padding: 4px 10px;
	font-size: 10px;
	font-weight: 600;
	vertical-align: middle;
	line-height: 17px;
}
.fc-oendan-detail .category-label li.cat-new{
	font-size: 12px;
}
@media screen and (max-width: 767px){
.fc-oendan-detail .category-label li{
	height: 20px;
	padding: 2px 5px;
	/*font-size: 10px;*/
	line-height: 15px;
}
}

/* 共通 タイトル(店舗名) */
.fc-oendan-article h1.fc-oendan-h2, .fc-oendan-article h2.fc-oendan-h2, p.fc-oendan-h2{
	margin: 0 0 0.5em !important;
	padding: 0 !important;
	font-size: 1rem!important;
	font-weight: 600!important;
	line-height: 1.4!important;
	color: inherit !important;
    border: none;
	word-break: break-word;
}
@media screen and (max-width: 767px){
p.fc-oendan-h2{
	font-size: 13px!important;
}
}
@media screen and (min-width: 768px){
.fc-oendan-article h1.fc-oendan-h2, .fc-oendan-article h2.fc-oendan-h2{
	font-size: 1.1rem !important;
	margin: 0.5em 0 0.8em !important;
}
}

/* 共通 表示項目 */
.fc-oendan-list {
    display: block;
    margin:  0 !important;
}
.fc-oendan-list > dt, .fc-oendan-list > dd{
	width: 100%;
	font-size: 0.9em;
}
.fc-oendan-list > dt {
	padding: 0.5em 0.2em 0;
    font-weight: 600;
}
.fc-oendan-list > dd {
	padding: 0 0.2em 0.5em;
	border-bottom: 1px solid #ccc;
}

/* 一覧のみ 表示項目 */
.fc-oendan-list-card .fc-oendan-list {
	padding: 0.4em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.fc-oendan-list-card .fc-oendan-list > dt, .fc-oendan-list-card .fc-oendan-list > dd{
	font-size: 0.8em;
	padding: 0 0.2em;
	border: none;
	line-height: 1.4;
}
.fc-oendan-list-card .fc-oendan-list > dd {
 	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.fc-oendan-list-card .fc-oendan-list > dd .rzf-cautiontext {
 	text-indent: 0;
    padding-left: 0;
}
.fc-oendan-list-card .fc-oendan-list br {
 	display: none;
}

/* 詳細のみ 表示項目 */
@media screen and (min-width: 768px){
.fc-oendan-article .fc-oendan-list {
	display: flex;
    flex-wrap: wrap;
}
.fc-oendan-article .fc-oendan-list > dt, .fc-oendan-article .fc-oendan-list > dd{
	padding: 0.8em 0.2em;
}
.fc-oendan-article .fc-oendan-list > dt {
    width: 100px;
	border-bottom: 1px solid #ccc;
}
.fc-oendan-article .fc-oendan-list > dd {
    width: calc(100% - 100px);
}
.fc-oendan-article .fc-oendan-list > dd .rzf-cautiontext {
    display: block;
	margin-bottom: 0!important;
}
}

/* 共通 ボタン */
.fc-oendan-list-card .rzf-btn {
    max-width: 400px;
	margin: auto auto 0!important;
}
.fc-oendan-list-card .rzf-btn a, .fc-oendan-article .fc-oendan-detail-wrap .rzf-btn a {
    padding: 0.8em 20px 0.8em 5px;/**/
    font-size: 1em;/**/
    line-height: 1.2em;/**/
}
.fc-oendan-list-card .rzf-btn a::after, .fc-oendan-article .fc-oendan-detail-wrap .rzf-btn a::after {
	border: none;
	-webkit-transform: none;
	transform: none;
	right: 20px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138";
	display: flex;
	align-items: center;
	font-size: 1.3em;
}
.fc-oendan-article .fc-oendan-detail-wrap .rzf-btn a {
    padding: 1em 5px 1em 20px;/**/
}
.fc-oendan-article .fc-oendan-detail-wrap .rzf-btn a::after {
	right: 0;
	left: 20px;
	content: "\f137";
}
.fc-oendan-list-card .rzf-btn a:hover {
    opacity: 0.7;
}
@media screen and (max-width: 767px){
.fc-oendan-list-card .rzf-btn a {
    padding: 0.8em 25px 0.8em 5px;/**/
    font-size: 0.8em;/**/
}
}


/*** 詳細のみ ***/
.fc-oendan-article .fc-oendan-detail-wrap{
max-width: 1000px;
margin: 0 auto;
}
.fc-oendan-image-wrap{
max-width: 600px;
margin: -20px auto 2em;
}
.fc-oendan-image-wrap .slick-slide{
margin: 0 2px;
}
.fc-oendan-image-wrap .slide-thumb .slick-track {
transform: unset!important;
}
.fc-oendan-image-wrap .slide-thumb .slick-track .slick-slide {
cursor: pointer;
}

.fc-oendan-map iframe {
	max-height: 180px;
}
.fc-oendan-article .fc-oendan-detail{
	margin-bottom: 2em;
}
@media screen and (max-width: 767px){
.fc-oendan-image-wrap{
max-width: 400px;
margin: 0 auto 1em;
}
}

/* キービジュアル タイトル差し替え */
#page_fc-oendan #js-subpage-title-deco, #page_fc-oendan_detail #js-subpage-title-deco{
  content: url("/files/user/img/fc-oendan/fc-oendan-typelogo.svg");
  height: 130px;
}
@media screen and (min-width: 1200px){
#page_fc-oendan #js-subpage-title-deco, #page_fc-oendan_detail #js-subpage-title-deco{
  height: inherit;
  width: 20vw;
}
}
@media screen and (max-width: 767px){
#page_fc-oendan #js-subpage-title-deco, #page_fc-oendan_detail #js-subpage-title-deco{
  height: 80px;
}
}
@media screen and (max-width: 450px){
#page_fc-oendan #js-subpage-title-deco, #page_fc-oendan_detail #js-subpage-title-deco{
  height: 60px;
}
}