@charset "utf-8";

/*=========================================*/
/* 部活動 */
/*=========================================*/


/*-- CONTENTS --*/

@media screen and (min-width:1201px){

#club_main_image{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cdc3b9;
}

#club_main_image img{
	width:100%;
}

#club_area{
	padding:50px 40px 70px 40px;
	border-top:1px solid #ffffff;
}

.club_main_text{
	padding:0px 20px 50px 20px;
	font-size:90%;
	line-height:180%;
	color:#645a5a;
	text-align:left;
}

#banner_area{
	padding:0px 0px 10px 0px;
	overflow:hidden;
}

#banner_area .banner{
	float:left;
	width:50%;
}

#banner_area .banner .image{
	margin:0px 10px 0px 10px;
	background-color:#ffffff;
}

#banner_area .banner .image img{
	width:100%;
	transition:0.5s ease-out;
}

#banner_area .banner .image:hover img{
	-webkit-filter:opacity(70%);
	   -moz-filter:opacity(70%);
	    -ms-filter:opacity(70%);
	     -o-filter:opacity(70%);
	        filter:opacity(70%);
}

#banner_area .banner .title{
	padding:20px 15px 0px 15px;
	font-size:100%;
	line-height:150%;
	color:#322d2d;
	text-align:left;
}

#banner_area .banner .text{
	padding:5px 15px 40px 15px;
	font-size:80%;
	line-height:170%;
	color:#645a5a;
	text-align:left;
}

}

@media screen and (max-width:1200px){

#club_main_image{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cdc3b9;
}

#club_main_image img{
	width:100%;
}

#club_area{
	padding:50px 40px 70px 40px;
	border-top:1px solid #ffffff;
}

.club_main_text{
	padding:0px 20px 50px 20px;
	font-size:80%;
	line-height:180%;
	color:#645a5a;
	text-align:left;
}

#banner_area{
	padding:0px 0px 10px 0px;
	overflow:hidden;
}

#banner_area .banner{
	float:left;
	width:50%;
}

#banner_area .banner .image{
	margin:0px 10px 0px 10px;
	background-color:#ffffff;
}

#banner_area .banner .image img{
	width:100%;
	transition:0.5s ease-out;
}

#banner_area .banner .image:hover img{
	-webkit-filter:opacity(70%);
	   -moz-filter:opacity(70%);
	    -ms-filter:opacity(70%);
	     -o-filter:opacity(70%);
	        filter:opacity(70%);
}

#banner_area .banner .title{
	padding:15px 15px 0px 15px;
	font-size:90%;
	line-height:150%;
	color:#322d2d;
	text-align:left;
}

#banner_area .banner .text{
	padding:5px 15px 30px 15px;
	font-size:75%;
	line-height:170%;
	color:#645a5a;
	text-align:left;
}

}

@media screen and (max-width:640px){

#club_area{
	padding:50px 20px 70px 20px;
}

.club_main_text{
	padding:0px 10px 30px 10px;
	font-size:75%;
}

.club_main_text{
	padding:0px 20px 30px 20px;
	font-size:75%;
}

#banner_area .banner .image{
	margin:0px 5px 0px 5px;
}

#banner_area .banner .title{
	padding:10px 10px 20px 10px;
	font-size:75%;
	line-height:150%;
	color:#322d2d;
	text-align:center;
}

#banner_area .banner .text{
	display:none;
}

}

@media screen and (max-width:480px){

#club_area{
	padding:30px 10px 50px 10px;
}

}

@media screen and (max-width:360px){

#club_area{
	padding:30px 0px 50px 0px;
}

#banner_area .banner{
	float:none;
	width:100%;
}

#banner_area .banner .image{
	margin:0px 15px 0px 15px;
}

#banner_area .banner .title{
	padding:10px 15px 15px 15px;
}

}


/*-- 一覧 --*/

@media screen and (min-width:1201px){

#club_list_area{
	padding:50px 40px 70px 40px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cdc3b9;
	overflow:hidden;
}

.club_list{
	float:left;
	padding:0px 0px 10px 0px;
	width:33.33333%;
}

.club_list .list_box{
	position:relative;
	margin:0px 10px 0px 10px;
	padding:0px 0px 20px 0px;
	background-image:url(../club/images/club_list_shadow.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:100% 20px;
	transition:0.5s ease-out;
}

.club_list .image{
	width:100%;
}

.club_list .image img{
	width:100%;
	transition:0.5s ease-out;
}

.club_list:hover .image img{
	-webkit-filter:opacity(70%);
	   -moz-filter:opacity(70%);
	    -ms-filter:opacity(70%);
	     -o-filter:opacity(70%);
	        filter:opacity(70%);
}

.club_list .image .image_box{
    position:relative;
    width:100%;
    height:auto;
}

.club_list .image .box_fit:before {
    content:"";
    display:block;
    padding-top:56.25%;
}

.club_list .image .image_box p{
    position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	overflow:hidden;
	background-color:#ffffff;
}

.club_list .image .image_box p img{
    object-fit:cover;
	width:100%;
	height:auto;
}

.club_list .image .image_box p img{
    position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	    -ms-transform:translate(-50%,-50%);
	     -o-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
}

.club_list .text_area{
	padding:15px 20px;
	background-color:#ffffff;
}

.club_list .text_area .title{
	font-size:85%;
	line-height:150%;
	color:#645a5a;
	text-align:left;
	transition:0.5s ease-out;
}

.club_list:hover .text_area .title{
	color:#322d2d;
}

.club_list .text_area .date{
	padding:10px 0px 0px 0px;
	font-size:80%;
	color:#645a5a;
	text-align:right;
}

.club_list .list_box a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	filter:alpha(opacity=0);
	transition:0.5s ease-out;
}

}

@media screen and (max-width:1200px){

#club_list_area{
	padding:50px 40px 70px 40px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cdc3b9;
	overflow:hidden;
}

.club_list{
	float:left;
	padding:0px 0px 10px 0px;
	width:50%;
}

.club_list .list_box{
	position:relative;
	margin:0px 10px 0px 10px;
	padding:0px 0px 20px 0px;
	background-image:url(../club/images/club_list_shadow.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:100% 20px;
	transition:0.5s ease-out;
}

.club_list .image{
	background-color:#ffffff;
}

.club_list .image img{
	width:100%;
	transition:0.5s ease-out;
}

.club_list:hover .image img{
	-webkit-filter:opacity(70%);
	   -moz-filter:opacity(70%);
	    -ms-filter:opacity(70%);
	     -o-filter:opacity(70%);
	        filter:opacity(70%);
}

.club_list .image .image_box{
    position:relative;
    width:100%;
    height:auto;
}

.club_list .image .box_fit:before {
    content:"";
    display:block;
    padding-top:56.25%;
}

.club_list .image .image_box p{
    position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	overflow:hidden;
	background-color:#ffffff;
}

.club_list .image .image_box p img{
    object-fit:cover;
	width:100%;
	height:auto;
}

.club_list .image .image_box p img{
    position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	    -ms-transform:translate(-50%,-50%);
	     -o-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
}

.club_list .text_area{
	padding:15px;
	background-color:#ffffff;
}

.club_list .text_area .title{
	font-size:80%;
	line-height:150%;
	color:#645a5a;
	text-align:left;
	transition:0.5s ease-out;
}

.club_list:hover .text_area .title{
	color:#322d2d;
}

.club_list .text_area .date{
	padding:10px 0px 0px 0px;
	font-size:75%;
	color:#645a5a;
	text-align:right;
}

.club_list .list_box a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	filter:alpha(opacity=0);
	transition:0.5s ease-out;
}

}

@media screen and (max-width:640px){

#club_list_area{
	padding:50px 20px 70px 20px;
}

.club_list .list_box{
	margin:0px 5px 0px 5px;
	padding:0px 0px 10px 0px;
	background-size:100% 10px;
}

.club_list .text_area .title{
	font-size:75%;
}

.club_list .text_area .date{
	padding:5px 0px 0px 0px;
	font-size:70%;
}

}

@media screen and (max-width:480px){

#club_list_area{
	padding:30px 10px 50px 10px;
}

.club_list .text_area{
	padding:15px 10px 15px 10px;
}

.club_list .text_area .title{
	font-size:75%;
}

.club_list .text_area .date{
	padding:5px 0px 0px 0px;
	font-size:70%;
}

}

@media screen and (max-width:360px){

.club_list{
	padding:0px 0px 5px 0px;
	width:100%;
}

.club_list .text_area{
	padding:10px;
}

.club_list .text_area .title{
	font-size:70%;
}

.club_list .text_area .date{
	font-size:65%;
}

}


/*-- LIST PAGESCROLL --*/

@media screen and (min-width:1201px){

#list_pagescroll_area{
	padding:30px 0px 30px 0px;
	width:100%;
	overflow:hidden;
}

.list_pagescroll{
	padding:0px 10px 0px 10px;
	text-align:left;
}

.list_pagescroll ul{
	overflow:hidden;
}

.list_pagescroll li{
	float:left;
	list-style:none;
}

.list_pagescroll li.default{
	margin:0px 2px 2px 0px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
}

.list_pagescroll li.default{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.list_pagescroll li.default a{
	display:block;
	padding:12px 15px 12px 15px;
	font-size:90%;
	color:#645a5a;
	transition:0.5s ease-out;
}

.list_pagescroll li.default a:link{ color:#645a5a; text-decoration:none; }
.list_pagescroll li.default a:visited{ color:#645a5a; text-decoration:none; }
.list_pagescroll li.default a:hover,active{ color:#322d2d; text-decoration:none; background-color:#e6e1dc; }

.list_pagescroll li.mo-over{
	margin:0px 2px 2px 0px;
	border:1px solid #d4cfca;
	background-color:#e6e1dc;
}

.list_pagescroll li.mo-over{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.list_pagescroll li.mo-over a{
	display:block;
	padding:12px 15px 12px 15px;
	font-size:90%;
	color:#322d2d;
	transition:0.5s ease-out;
}

.list_pagescroll li.mo-over a:link{ color:#322d2d; text-decoration:none; }
.list_pagescroll li.mo-over a:visited{ color:#322d2d; text-decoration:none; }
.list_pagescroll li.mo-over a:hover,active{ color:#322d2d; text-decoration:none; }

.list_pagescroll li.mo-back{
	margin:0px 5px 2px 0px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
}

.list_pagescroll li.mo-back{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.list_pagescroll li.mo-back a{
	display:block;
	padding:12px 15px 12px 15px;
	font-size:90%;
	color:#645a5a;
	transition:0.5s ease-out;
}

.list_pagescroll li.mo-back a:link{ color:#645a5a; text-decoration:none; }
.list_pagescroll li.mo-back a:visited{ color:#645a5a; text-decoration:none; }
.list_pagescroll li.mo-back a:hover,active{ color:#322d2d; text-decoration:none; background-color:#e6e1dc; }

.list_pagescroll li.mo-next{
	margin:0px 5px 2px 3px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
}

.list_pagescroll li.mo-next{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.list_pagescroll li.mo-next a{
	display:block;
	padding:12px 15px 12px 15px;
	font-size:90%;
	color:#645a5a;
	transition:0.5s ease-out;
}

.list_pagescroll li.mo-next a:link{ color:#645a5a; text-decoration:none; }
.list_pagescroll li.mo-next a:visited{ color:#645a5a; text-decoration:none; }
.list_pagescroll li.mo-next a:hover,active{ color:#322d2d; text-decoration:none; background-color:#e6e1dc; }

.list_pagescroll li.te-area{
	display:block;
	margin:0px 2px 2px 0px;
	padding:12px 3px 12px 3px;
	font-size:90%;
	color:#333333;
}

}

@media screen and (max-width:1200px){

#list_pagescroll_area{
	padding:30px 0px 30px 0px;
	width:100%;
	overflow:hidden;
}

.list_pagescroll{
	padding:0px 10px 0px 10px;
	text-align:left;
}

.list_pagescroll ul{
	overflow:hidden;
}

.list_pagescroll li{
	float:left;
	list-style:none;
}

.list_pagescroll li.default{
	margin:0px 2px 2px 0px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
}

.list_pagescroll li.default{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.list_pagescroll li.default a{
	display:block;
	padding:12px 15px 12px 15px;
	font-size:80%;
	color:#645a5a;
	transition:0.5s ease-out;
}

.list_pagescroll li.default a:link{ color:#645a5a; text-decoration:none; }
.list_pagescroll li.default a:visited{ color:#645a5a; text-decoration:none; }
.list_pagescroll li.default a:hover,active{ color:#322d2d; text-decoration:none; background-color:#e6e1dc; }

.list_pagescroll li.mo-over{
	margin:0px 2px 2px 0px;
	border:1px solid #d4cfca;
	background-color:#e6e1dc;
}

.list_pagescroll li.mo-over{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.list_pagescroll li.mo-over a{
	display:block;
	padding:12px 15px 12px 15px;
	font-size:80%;
	color:#322d2d;
	transition:0.5s ease-out;
}

.list_pagescroll li.mo-over a:link{ color:#322d2d; text-decoration:none; }
.list_pagescroll li.mo-over a:visited{ color:#322d2d; text-decoration:none; }
.list_pagescroll li.mo-over a:hover,active{ color:#322d2d; text-decoration:none; }

.list_pagescroll li.mo-back{
	margin:0px 5px 2px 0px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
}

.list_pagescroll li.mo-back{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.list_pagescroll li.mo-back a{
	display:block;
	padding:12px 15px 12px 15px;
	font-size:80%;
	color:#645a5a;
	transition:0.5s ease-out;
}

.list_pagescroll li.mo-back a:link{ color:#645a5a; text-decoration:none; }
.list_pagescroll li.mo-back a:visited{ color:#645a5a; text-decoration:none; }
.list_pagescroll li.mo-back a:hover,active{ color:#322d2d; text-decoration:none; background-color:#e6e1dc; }

.list_pagescroll li.mo-next{
	margin:0px 5px 2px 3px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
}

.list_pagescroll li.mo-next{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.list_pagescroll li.mo-next a{
	display:block;
	padding:12px 15px 12px 15px;
	font-size:80%;
	color:#645a5a;
	transition:0.5s ease-out;
}

.list_pagescroll li.mo-next a:link{ color:#645a5a; text-decoration:none; }
.list_pagescroll li.mo-next a:visited{ color:#645a5a; text-decoration:none; }
.list_pagescroll li.mo-next a:hover,active{ color:#322d2d; text-decoration:none; background-color:#e6e1dc; }

.list_pagescroll li.te-area{
	display:block;
	margin:0px 2px 2px 0px;
	padding:12px 3px 12px 3px;
	font-size:80%;
	color:#333333;
}

}

@media screen and (max-width:640px){

#list_pagescroll_area{
	padding:20px 0px 20px 0px;
}

.list_pagescroll{
	padding:0px 5px 0px 5px;
	text-align:left;
}

.list_pagescroll li.default a{
	padding:12px 12px 10px 12px;
	font-size:75%;
}

.list_pagescroll li.mo-over a{
	padding:12px 12px 10px 12px;
	font-size:75%;
}

.list_pagescroll li.mo-back a{
	padding:12px 12px 10px 12px;
	font-size:75%;
}

.list_pagescroll li.mo-next a{
	padding:12px 12px 10px 12px;
	font-size:75%;
}

.list_pagescroll li.te-area{
	padding:12px 3px 10px 3px;
	font-size:75%;
}

}

@media screen and (max-width:360px){

.list_pagescroll li.default a{
	padding:10px 10px 8px 10px;
	font-size:70%;
}

.list_pagescroll li.mo-over a{
	padding:10px 10px 8px 10px;
	font-size:70%;
}

.list_pagescroll li.mo-back a{
	padding:10px 10px 8px 10px;
	font-size:70%;
}

.list_pagescroll li.mo-next a{
	padding:10px 10px 8px 10px;
	font-size:70%;
}

.list_pagescroll li.te-area{
	padding:10px 2px 8px 2px;
	font-size:70%;
}

}


/*-- 記事 --*/

@media screen and (min-width:1201px){

#club_article_area{
	padding:50px 50px 70px 50px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cdc3b9;
	overflow:hidden;
}

#article_left{
	float:left;
	width:70%;
}

#article_right{
	float:left;
	width:30%;
}

.article_area{
	padding:0px 0px 20px 0px;
}

.article_sub_title{
	margin:0px 0px 15px 0px;
	padding:15px 20px 10px 20px;
	background-image:url(../images/common_sub_title_back.jpg);
	border-top:1px solid #d7d2cd;
	border-left:1px solid #d7d2cd;
	border-right:1px solid #fffafa;
	border-bottom:1px solid #fffafa;
	box-sizing:border-box;
	font-size:100%;
	line-height:150%;
	color:#322d2d;
	font-weight:normal;
	text-align:left;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	    -ms-border-radius:3px;
		 -o-border-radius:3px;
		    border-radius:3px;
}

.article_date{
	padding:0px 10px 25px 10px;
	font-size:75%;
	color:#645a5a;
	text-align:right;
}

.article_text{
	padding:0px 15px 30px 5px;
	text-align:left;
	font-size:90%;
	line-height:180%;
	color:#645a5a;
}

.article_image{
	padding:0px 10px 30px 0px;
}

.article_image img{
	width:100%;
}

.article_side_area{
	padding:0px 0px 0px 40px;
}

.article_side_title{
	padding:18px 15px 16px 15px;
	background-color:#645a5a;
	text-align:left;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	    -ms-border-radius:3px;
		 -o-border-radius:3px;
		    border-radius:3px;
}

.article_side_title .jp{
	padding:0px 10px 0px 0px;
	font-size:90%;
	color:#ffffff;
}

.article_side_title .en{
	font-size:70%;
	color:#ffffff;
}

.article_side_text{
	padding:0px 0px 30px 0px;
}

.article_side_text .introduction{
	padding:20px 10px 10px 10px;
	font-size:80%;
	line-height:180%;
	color:#645a5a;
	text-align:left;
}

.article_side_menu{
	padding:0px 0px 30px 0px;
}

.article_side_menu ul{
	overflow:hidden;
	list-style:none;
}

.article_side_menu li{
	border-bottom:1px dotted #cdc3b9;
}

.article_side_menu a{
	display:block;
	padding:18px 25px 15px 10px;
	background-image:url(../images/side_navi_icatch.png);
	background-repeat:no-repeat;
	background-position:right 10px center;
	font-size:80%;
	line-height:150%;
	color:#645a5a;
	text-align:left;
	transition:0.5s ease-out;
}

.article_side_menu a:link{ color:#645a5a; text-decoration:none; }
.article_side_menu a:visited{ color:#645a5a; text-decoration:none; }
.article_side_menu a:hover,active{ color:#322d2d; text-decoration:none; }

}

@media screen and (max-width:1200px){

#club_article_area{
	padding:50px 50px 70px 50px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cdc3b9;
	overflow:hidden;
}

#article_left{
	padding:0px 0px 30px 0px;
	width:100%;
}

#article_right{
	width:100%;
}

.article_area{
	padding:0px 0px 20px 0px;
}

.article_sub_title{
	margin:0px 0px 15px 0px;
	padding:13px 20px 10px 20px;
	background-image:url(../images/common_sub_title_back.jpg);
	border-top:1px solid #d7d2cd;
	border-left:1px solid #d7d2cd;
	border-right:1px solid #fffafa;
	border-bottom:1px solid #fffafa;
	box-sizing:border-box;
	font-size:95%;
	line-height:150%;
	color:#322d2d;
	font-weight:normal;
	text-align:left;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	    -ms-border-radius:3px;
		 -o-border-radius:3px;
		    border-radius:3px;
}

.article_date{
	padding:0px 10px 25px 10px;
	font-size:75%;
	color:#645a5a;
	text-align:right;
}

.article_text{
	padding:0px 10px 30px 5px;
	text-align:left;
	font-size:80%;
	line-height:180%;
	color:#645a5a;
}

.article_image{
	padding:0px 5px 30px 0px;
}

.article_image img{
	width:100%;
}

.article_side_title{
	padding:18px 15px 15px 15px;
	background-color:#645a5a;
	text-align:left;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	    -ms-border-radius:3px;
		 -o-border-radius:3px;
		    border-radius:3px;
}

.article_side_title .jp{
	padding:0px 10px 0px 0px;
	font-size:90%;
	color:#ffffff;
}

.article_side_title .en{
	font-size:70%;
	color:#ffffff;
}

.article_side_text{
	padding:0px 0px 30px 0px;
}

.article_side_text .introduction{
	padding:15px 10px 10px 10px;
	font-size:80%;
	line-height:180%;
	color:#645a5a;
	text-align:left;
}

.article_side_menu{
	padding:0px 0px 30px 0px;
}

.article_side_menu ul{
	overflow:hidden;
	list-style:none;
}

.article_side_menu li{
	border-bottom:1px dotted #cdc3b9;
}

.article_side_menu a{
	display:block;
	padding:15px 25px 12px 10px;
	background-image:url(../images/side_navi_icatch.png);
	background-repeat:no-repeat;
	background-position:right 10px center;
	font-size:80%;
	line-height:150%;
	color:#645a5a;
	text-align:left;
	transition:0.5s ease-out;
}

.article_side_menu a:link{ color:#645a5a; text-decoration:none; }
.article_side_menu a:visited{ color:#645a5a; text-decoration:none; }
.article_side_menu a:hover,active{ color:#322d2d; text-decoration:none; }

}

@media screen and (max-width:640px){

#club_article_area{
	padding:50px 30px 70px 30px;
}

.privacy_sub_title{
	margin:0px 0px 10px 0px;
	padding:10px 20px 8px 20px;
	font-size:90%;
}

.article_date{
	padding:0px 10px 20px 10px;
	font-size:70%;
}

.article_text{
	padding:0px 10px 20px 5px;
	font-size:75%;
}

.article_image{
	padding:0px 1px 20px 0px;
}

.article_image img{
	width:100%;
}

.article_side_title{
	padding:15px 15px 12px 15px;
}

.article_side_title .jp{
	font-size:80%;
}

.article_side_title .en{
	font-size:65%;
}

.article_side_text{
	padding:0px 0px 20px 0px;
}

.article_side_text .introduction{
	font-size:75%;
}

.article_side_menu{
	padding:0px 0px 20px 0px;
}

.article_side_menu a{
	padding:15px 25px 10px 10px;
	font-size:75%;
}

}

@media screen and (max-width:480px){

#club_article_area{
	padding:30px 20px 50px 20px;
}

}

@media screen and (max-width:320px){

#club_article_area{
	padding:30px 10px 50px 10px;
}

}


/*-- ARTICLE PAGESCROLL --*/

@media screen and (min-width:1201px){

#article_pagescroll_area{
	padding:0px 0px 30px 0px;
	width:100%;
	overflow:hidden;
}

.article_pagescroll{
	margin:0px auto;
	width:400px;
}

.article_pagescroll ul{
	overflow:hidden;
}

.article_pagescroll li{
	float:left;
	list-style:none;
}

.article_pagescroll li.default{
	margin:0px 3px 0px 3px;
	width:194px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
	box-sizing:border-box;
}

.article_pagescroll li.default{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.article_pagescroll li.default a{
	display:block;
	padding:15px 10px 15px 10px;
	font-size:90%;
	color:#645a5a;
	text-align:center;
	transition:0.5s ease-out;
}

.article_pagescroll li.default a:link{ color:#645a5a; text-decoration:none; }
.article_pagescroll li.default a:visited{ color:#645a5a; text-decoration:none; }
.article_pagescroll li.default a:hover,active{ color:#322d2d; text-decoration:none; background-color:#e6e1dc; }

.article_pagescroll li.mo-back{
	margin:0px 3px 0px 3px;
	width:94px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
	box-sizing:border-box;
}

.article_pagescroll li.mo-back{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.article_pagescroll li.mo-back a{
	display:block;
	padding:15px 10px 15px 10px;
	font-size:90%;
	color:#645a5a;
	text-align:center;
	transition:0.5s ease-out;
}

.article_pagescroll li.mo-back a:link{ color:#645a5a; text-decoration:none; }
.article_pagescroll li.mo-back a:visited{ color:#645a5a; text-decoration:none; }
.article_pagescroll li.mo-back a:hover,active{ color:#322d2d; text-decoration:none; background-color:#e6e1dc; }

.article_pagescroll li.mo-next{
	margin:0px 3px 0px 3px;
	width:94px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
	box-sizing:border-box;
}

.article_pagescroll li.mo-next{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.article_pagescroll li.mo-next a{
	display:block;
	padding:15px 10px 15px 10px;
	font-size:90%;
	color:#645a5a;
	text-align:center;
	transition:0.5s ease-out;
}

.article_pagescroll li.mo-next a:link{ color:#645a5a; text-decoration:none; }
.article_pagescroll li.mo-next a:visited{ color:#645a5a; text-decoration:none; }
.article_pagescroll li.mo-next a:hover,active{ color:#322d2d; text-decoration:none; background-color:#e6e1dc; }

.article_pagescroll li.mo-back_no{
	margin:0px 3px 0px 3px;
	width:94px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
	box-sizing:border-box;
}

.article_pagescroll li.mo-back_no{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.article_pagescroll li.mo-back_no span{
	display:block;
	padding:15px 10px 15px 10px;
	font-size:90%;
	color:#cccccc;
	text-align:center;
}

.article_pagescroll li.mo-next_no{
	margin:0px 3px 0px 3px;
	width:94px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
	box-sizing:border-box;
}

.article_pagescroll li.mo-next_no{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.article_pagescroll li.mo-next_no span{
	display:block;
	padding:15px 10px 15px 10px;
	font-size:90%;
	color:#cccccc;
	text-align:center;
}

}

@media screen and (max-width:1200px){

#article_pagescroll_area{
	padding:0px 0px 30px 0px;
	width:100%;
	overflow:hidden;
}

.article_pagescroll{
	margin:0px auto;
	width:400px;
}

.article_pagescroll ul{
	overflow:hidden;
}

.article_pagescroll li{
	float:left;
	list-style:none;
}

.article_pagescroll li.default{
	margin:0px 3px 0px 3px;
	width:194px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
	box-sizing:border-box;
}

.article_pagescroll li.default{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.article_pagescroll li.default a{
	display:block;
	padding:15px 10px 15px 10px;
	font-size:80%;
	color:#645a5a;
	text-align:center;
	transition:0.5s ease-out;
}

.article_pagescroll li.default a:link{ color:#645a5a; text-decoration:none; }
.article_pagescroll li.default a:visited{ color:#645a5a; text-decoration:none; }
.article_pagescroll li.default a:hover,active{ color:#322d2d; text-decoration:none; background-color:#e6e1dc; }

.article_pagescroll li.mo-back{
	margin:0px 3px 0px 3px;
	width:94px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
	box-sizing:border-box;
}

.article_pagescroll li.mo-back{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.article_pagescroll li.mo-back a{
	display:block;
	padding:15px 10px 15px 10px;
	font-size:80%;
	color:#645a5a;
	text-align:center;
	transition:0.5s ease-out;
}

.article_pagescroll li.mo-back a:link{ color:#645a5a; text-decoration:none; }
.article_pagescroll li.mo-back a:visited{ color:#645a5a; text-decoration:none; }
.article_pagescroll li.mo-back a:hover,active{ color:#322d2d; text-decoration:none; background-color:#e6e1dc; }

.article_pagescroll li.mo-next{
	margin:0px 3px 0px 3px;
	width:94px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
	box-sizing:border-box;
}

.article_pagescroll li.mo-next{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.article_pagescroll li.mo-next a{
	display:block;
	padding:15px 10px 15px 10px;
	font-size:80%;
	color:#645a5a;
	text-align:center;
	transition:0.5s ease-out;
}

.article_pagescroll li.mo-next a:link{ color:#645a5a; text-decoration:none; }
.article_pagescroll li.mo-next a:visited{ color:#645a5a; text-decoration:none; }
.article_pagescroll li.mo-next a:hover,active{ color:#322d2d; text-decoration:none; background-color:#e6e1dc; }

.article_pagescroll li.mo-back_no{
	margin:0px 3px 0px 3px;
	width:94px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
	box-sizing:border-box;
}

.article_pagescroll li.mo-back_no{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.article_pagescroll li.mo-back_no span{
	display:block;
	padding:15px 10px 15px 10px;
	font-size:80%;
	color:#cccccc;
	text-align:center;
}

.article_pagescroll li.mo-next_no{
	margin:0px 3px 0px 3px;
	width:94px;
	border:1px solid #d4cfca;
	background-color:#ffffff;
	box-sizing:border-box;
}

.article_pagescroll li.mo-next_no{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.article_pagescroll li.mo-next_no span{
	display:block;
	padding:15px 10px 15px 10px;
	font-size:80%;
	color:#cccccc;
	text-align:center;
}

}

@media screen and (max-width:640px){

#article_pagescroll_area{
	padding:0px 0px 20px 0px;
}

.article_pagescroll{
	margin:0px auto;
	width:280px;
}

.article_pagescroll li.default{
	width:134px;
}

.article_pagescroll li.default a{
	padding:12px 5px 10px 5px;
	font-size:75%;
}

.article_pagescroll li.mo-back{
	width:64px;
}

.article_pagescroll li.mo-back a{
	padding:12px 5px 10px 5px;
	font-size:75%;
}

.article_pagescroll li.mo-next{
	width:64px;
}

.article_pagescroll li.mo-next a{
	padding:12px 5px 10px 5px;
	font-size:75%;
}

.article_pagescroll li.mo-back_no{
	width:64px;
}

.article_pagescroll li.mo-back_no span{
	padding:12px 5px 10px 5px;
	font-size:75%;
}

.article_pagescroll li.mo-next_no{
	width:64px;
}

.article_pagescroll li.mo-next_no span{
	padding:12px 5px 10px 5px;
	font-size:75%;
}

}

@media screen and (max-width:360px){

.article_pagescroll{
	margin:0px auto;
	width:240px;
}

.article_pagescroll li.default{
	width:114px;
}

.article_pagescroll li.mo-back{
	width:54px;
}

.article_pagescroll li.mo-next{
	width:54px;
}

.article_pagescroll li.mo-back_no{
	width:54px;
}

.article_pagescroll li.mo-next_no{
	width:54px;
}

}


/*-- CLUB BANNER --*/

@media screen and (min-width:1201px){

#club_banner_area{
	padding:50px 40px 80px 40px;
	border-top:1px solid #ffffff;
	overflow:hidden;
}

.club_banner{
	float:left;
	width:25%;
}

.club_banner p{
	padding:0px 10px 20px 10px;
}

.club_banner img{
	width:100%;
}

}

@media screen and (max-width:1200px){

#club_banner_area{
	padding:50px 40px 80px 40px;
	border-top:1px solid #ffffff;
	overflow:hidden;
}

.club_banner{
	float:left;
	width:50%;
}

.club_banner p{
	padding:0px 10px 20px 10px;
}

.club_banner img{
	width:100%;
}

}

@media screen and (max-width:640px){

#club_banner_area{
	padding:50px 20px 80px 20px;
}

.club_banner p{
	padding:0px 5px 10px 5px;
}

}

@media screen and (max-width:480px){

#club_banner_area{
	padding:30px 10px 60px 10px;
}

}

@media screen and (max-width:320px){

#club_banner_area{
	padding:30px 10px 60px 10px;
}

}