@charset "utf-8";

/*------------------------------------------------
	共通
------------------------------------------------*/

::-webkit-input-placeholder {
    color:    #CCC;
}
:-moz-placeholder {
    color:    #CCC;
}

#page-top
{
	position		: fixed;
	right			: 20px;
	bottom			: 20px;
	z-index:5;
}



.serif_mch
{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}




.en
{
font-family: 'Raleway', sans-serif;
}

.en_l
{
font-family: 'Raleway', sans-serif;
}



.en_scr
{
font-family: 'Pinyon Script', cursive;
}



/*form:inputとtextareaは#contact_form経由で使う*/

#contact_form input.input_area,
#contact_form textarea.input_area,
#contact_form select{
    font-size:14px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
    border: 1px solid #B9C9CE;
    border-radius:3px;
    padding: 7px 0.8em;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}

.form_name
{
	width			: 10em;
}
.form_tel
{
	width			: 15em;
}

.form_mail
{
	width			: 25em;
}
.form_add
{
	width			: 30em;
}
.form_team
{
	width			: 20em;
}
.form_other
{
	width			: 30em;
	height			: 10em;
}


.form_name_s
{
	width			: 10em;
}
.form_tel_s
{
	width			: 15em;
}

.form_mail_s
{
	width			: 16em;
}
.form_add_s
{
	width			: 16em;
}


#contact_form input.form_age
{
	width			: 4em;
}


.form_zip
{
	width			: 4em;
}



.topicPath
{
	width			: 95%;
	text-align		: left;
	margin			: 0px auto 15px;
}
.layout_table
{
	width			: 100%;
	border-collapse	: collapse;
	padding			: 0px;
	margin			: 0px;
	
}
.layout_table td,
.layout_table th
{
		padding:0;
}


.layout_table_wnone
{
	border-collapse	: collapse;
	padding			: 0px;
	margin			: 0px;
	
}
.layout_table_wnone td,
.layout_table_wnone th,
{
		padding:0;
}





.data_box table
{

	text-align      : left;
	width			: 100%;
	margin-left     : auto;
	margin-right    : auto;
	font-size		: 16px;
	box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	border:1px #CCC solid;
}

.data_box th
{
	border-bottom	: 1px solid #ccc;
	padding			: 15px 15px;
	background		: #f0f0f0;
	font-weight     : normal;
}


.data_box .price_table
{
	font-size		: 18px;
}



.data_box td
{
	border-bottom	: 1px solid #ccc;
	padding			: 15px 15px;
	background		: #fff;
}

.shadow
{
	background		: #f7f7f7;
	margin-left     : auto;
	margin-right    : auto;
	margin-bottom   : 15px;
	padding			: 3px;
	width           : 95%;
}

.shadow_inner
{
	background		: #fff;
	border			: solid 1px #ccc;
	padding			: 10px;
	text-align      : left;
}

.list01,
.list01 li,
.list02,
.list02 li
{
	margin			: 0px;
	padding			: 0px;
	list-style		: none;
}
.list01 li
{
	padding-left	: 35px;
	background:url(../images/common/icon/list_icon.png) 5px 5px no-repeat;
	background-size	: 20px auto;
	font-size		: 18px;
	border-bottom:1px #330 dotted;
	margin-bottom	: 10px;
	padding-bottom	: 10px;
}

.list02 li
{
	padding-left	: 25px;
	background:url(../images/common/icon/list_icon02.png) 5px 7px no-repeat;
	font-size		: 18px;
	margin-bottom	: 5px;
}




ol.numlist{
counter-reset:number;
list-style:none;
margin:0;
padding:0;

}


ol.numlist li{
	clear			: both;
	margin-bottom	: 10px!important;
	position		:relative;
	padding-left	: 40px;
	padding-bottom	: 5px;
}



ol.numlist li:before{
line-height		: 0.8em;
counter-increment		: number;
content					: "*"counter(number);
color					: #0097e1;
font-weight				: bold;
font-size				: 1.5em;
margin-bottom			: 5px;
position				: absolute;
top						: 0px;
left					: 0px;
color					: #930;
}


ol.numlist li:last-child
{
	padding-bottom	: 0px!important;
	margin-bottom	: 0px!important;
}




/*------------------------------------------------
	list_table:リストテーブル
------------------------------------------------*/

.list_table,
.list_table dl,
.list_table dt,
.list_table dd
{
	padding		: 0px;
	margin		: 0px;
	list-style	: none;
}
.list_table
{
	display		: table;
	width		: 100%;
	box-shadow		: rgba(0, 0, 0, 0.03) 0px 0px 1px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.03) 0px 0px 1px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.03) 0px 0px 1px 3px;
	border:1px #c6bf8d solid;

}
.list_table dl
{
	display		: table-row;
}
.list_table dt,
.list_table dd
{
	display		: table-cell;
	padding		: 15px 20px;
	vertical-align	: middle;
	font-size		: 16px;
}
.list_table dt
{
	background		: #efeac9;
	border-bottom	: 1px #c6bf8d solid;
}
.list_table dd
{
	background			: #FFF;
	border-bottom		: 1px #eee solid;
}

.form_table dt
{
	width				: 30%;
}

.form_table
{
	margin-bottom		: 35px;
}







.submit_btn
{
	clear			: both;
	width			: 506px;
	background		: url(../images/common/base/btn_bot_bg.png) bottom center no-repeat;
	padding-bottom	: 7px;
	margin			: 0 auto 15px;
}
.submit_btn input
{
	display					: block!important;
    border-radius			: 3px;        /* CSS3草案 */  
    -webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius		: 3px;   /* Firefox用 */
	border					: 1px #11305d solid;
	color					: #fcf3a8;
	font-size				: 30px;
	background-image		: url(../images/common/base/btn_arrow.png),url(../images/common/base/btn_bg.gif);
	background-size			: 25px auto, auto auto;
	background-position		: 95% 50%,bottom center;
	background-repeat		: no-repeat,no-repeat;
	padding					: 25px 0px 30px;
	text-align				: center;
	line-height				: 1em;
	text-decoration			: none;
	width					: 100%;
	
}

.submit_btn input:hover
{
	opacity					: 0.9;
}


.breadcrumb {
	text-align: left;
	padding: 0;
	margin: 0 20px 10px 20px;
	list-style: none;
	border-radius: 4px;
}
.breadcrumb>li {
	list-style: none;
	display: inline-block;
}



/*------------------------------------------------
	main:トップページ
------------------------------------------------*/
.main_block01
{
	text-align:left;
}
.main_block01
{
	width			: 1000px;
	text-align		: center;
	margin			: 0 auto;
}


.main_block01 .contents_block01
{
	padding-top		: 50px;
	width			: 965px;
	margin			: 0 auto 30px;
}

.main_block01 .about_text
{
	font-size		: 16px;
	width			: 98%;
	margin			: 0 auto 48px;
	text-align		: left;
}

.main_block01 .about_img,
.main_block01 .about_img li
{
	margin			: 0px;
	padding			: 0px;
	list-style		: none;
}
.main_block01 .about_img
{
	text-align		: center;
	margin-bottom	: 40px;
	letter-spacing: -.40em; / 文字間を詰めて隙間を削除する /
}
.main_block01 .about_img li
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding-right	: 5px;
	box-sizing		: border-box;

}

.main_block01 .summary_text
{
	background		: url(../images/top/about_pic05.jpg) right top no-repeat;
	padding-right	: 447px;
	margin-bottom	: 40px;
	text-align		: left;
	min-height		: 250px;
}
.main_block01 .summary_text .summary_title
{
	margin-bottom	: 21px;
}

.main_block01 .summary_text .summary_text_inner
{
	width			: 95%;
	margin			: 0 auto 30px;
}
.main_block01 .summary_text .summary_sub_title
{
	width			: 100%;
	position		: relative;
	padding-right	: 159px;
	font-size		: 1.8em;
	line-height		: 1.4em;
	margin-bottom	: 15px;
box-sizing		: border-box;
color:#4e2300;
}

.main_block01 .summary_text .summary_sub_title img
{
	position		: absolute;
	right			: 0px;
	top				: -60px;
}
.main_block01 .top_ban,
.main_block01 .top_ban li
{
	margin			: 0px;
	padding			: 0px;
	list-style		: none;
}
.main_block01 .top_ban
{
	text-align		: center;
	margin-bottom	: 40px;
	
}


.main_block01 .top_ban li
{
    display			: -moz-inline-box;
    display			: inline-block;
    /display		: inline;
    /zoom			: 1;
    vertical-align 	: top;
	width			: 434px;
	background		: url(../images/common/base/btn_bot_bg02.png) bottom center no-repeat;
	padding-bottom	: 8px;
	margin-left		: 5px;
	margin-right	: 5px;
}
.main_block01 .top_ban li a
{
	display				: block;
	background-position	: 95% 83%,50% 50%;
	background-repeat	: no-repeat,no-repeat;
	text-align			: center;
	padding				: 35px 0px;
	min-height			: 136px;
	box-sizing			: border-box;
}

.main_block01 .top_ban li.ban_guide a
{
	background-image	: url(../images/common/base/ban_arrow.png),url(../images/top/guide_bg.jpg);
}

.main_block01 .top_ban li.ban_fee a
{
	background-image	: url(../images/common/base/ban_arrow.png),url(../images/top/fee_bg.jpg);
}

.main_block01 .top_ban li.ban_guide a img
{
	width				: 180px;
	height				: auto;
	
}
.main_block01 .top_ban li.ban_fee a img
{
	width				: 223px;
	height				: auto;
	
}


 .contact_btn01
{
	clear			: both;
	width			: 706px;
	background		: url(../images/common/base/btn_bot_bg.png) bottom center no-repeat;
	padding-bottom	: 7px;
	margin			: 0 auto 15px;
}
.contact_btn01 a
{
	display					: block;
    border-radius			: 3px;        /* CSS3草案 */  
    -webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius		: 3px;   /* Firefox用 */
	border					: 1px #11305d solid;
	color					: #fcf3a8;
	font-size				: 28px;
	background-image		: url(../images/common/base/btn_arrow.png),url(../images/common/base/btn_bg.gif);
	background-position		: 95% 50%,bottom center;
	background-repeat		: no-repeat,no-repeat;
	padding					: 28px 0px 20px;
	text-align				: center;
	line-height				: 1em;

	text-decoration			: none;
	
}
.contact_btn01 a:hover
{
	text-decoration			: none;
	opacity					: 0.9;
}


.contact_btn01 a .en
{
	font-size				: 16px;
	display					: block;
}




.contact_btn02
{
	clear			: both;
	width			: 706px;
	background		: url(../images/common/base/btn_bot_bg.png) bottom center no-repeat;
	padding-bottom	: 7px;
	margin			: 0 auto 50px;
}
.contact_btn02 a
{
	display					: block;
    border-radius			: 3px;        /* CSS3草案 */  
    -webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius		: 3px;   /* Firefox用 */
	border					: 1px #2b110d solid;
	color					: #fcf3a8;
	font-size				: 28px;
	background-image		: url(../images/common/base/btn_arrow.png),url(../images/common/base/btn_bg02.gif);
	background-position		: 95% 50%,bottom center;
	background-repeat		: no-repeat,no-repeat;
	padding					: 28px 0px 20px;
	text-align				: center;
	line-height				: 1em;
	text-decoration			: none;
	
}
.contact_btn02 a:hover
{
	text-decoration			: none;
	opacity					: 0.9;
}


.contact_btn02 a .en
{
	font-size				: 16px;
	display					: block;
}



#main_contents h2
{
	padding					: 0px;
	margin					: 0px;
	padding					: 16px 25px 16px 45px;
	background:url(../images/common/icon/title_icon03.png) 18px 50% no-repeat,url(../images/common/base/title_bg.gif) -100px 0px repeat;
	border-top				: #c6b99a 3px solid;
	color					: #fcf29f;
	font-size				: 18px!important;
	line-height				: 1em;
	margin-bottom			: 35px;
	text-align				:left;
}

#main_contents h2 .en
{
	margin-right			: 10px;
	padding					: 0px 10px 0px 0px;
	border-right			: #c83a3a 1px solid;
    display					: -moz-inline-box;
    display					: inline-block;
    /display				: inline;
    /zoom					: 1;
	vertical-align			: middle;
	
}


#main_contents h4
{
	background-image		: url(../images/common/icon/title_icon.png),url(../images/common/base/h4_title_bg.gif);
	background-position		: 15px 15px,0px 0px;
	background-size			: auto auto,auto auto;
	background-color		: #FFF;
	background-repeat		: no-repeat,repeat-x;
	padding					: 10px 20px 8px 40px;
	margin					: 0px;
	text-align				: left;
	font-size				: 20px;
	width					: inherit;
	box-sizing				: border-box;
	color					: #630;
    border-radius			: 3px;        /* CSS3草案 */  
    -webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius		: 3px;   /* Firefox用 */
	border					: 1px #CCC solid;
	box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	margin-bottom			: 25px;
	width					: 100%;
	border-top				: 2px #900 solid;

}
#main_contents h4.num_title
{

	background-image		: none,url(../images/common/base/h4_title_bg.gif);
	padding					: 10px 20px 8px 10px;
}

#main_contents h3
{
	border-left				: 2px #900 solid;
	padding					: 10px 0px 10px 15px;
	text-align				: left;
	font-size				: 20px;
	color					: #630;
}
#main_contents h3.excerpt-title {
	margin-top: 5px;
	margin-bottom: 5px;
}

#main_contents h5
{
	margin					: 0px;
	padding					: 0px;
	background:url(../images/common/base/table_bg.gif) 0 0 repeat;
	border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
border:1px #CCC solid;
	padding					: 5px 50px;
	color					: #900;
	font-size				: 16px;
	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	font-weight:normal;
	margin-bottom		: 10px;
	font-weight:bold;

}





#main_contents .man_title,
#main_contents .woman_title
{
	padding					: 0px;
	margin					: 0px;
	font-size				: 18px;
	margin-bottom			: 25px;
	position				: static;
	width					: 100%;
box-sizing		: border-box;
}


#main_contents .man_title
{
	background				: url(../images/common/base/man_title_bg.gif), url(../images/common/base/user_man_bg02.gif);
	background-position		: 100% 50%,0px 0px;
	background-repeat		: no-repeat,repeat;
	padding					: 10px 15px 10px 15px;
	color					: #fffce6;
	border					: none;
	box-shadow		: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;

}

#main_contents .man_title:before
{
	display					: none;
}



#main_contents .woman_title
{
	background				: url(../images/common/base/woman_title_bg.gif), url(../images/common/base/user_woman_bg02.gif);
	background-position		: 100% 50%,0px 0px;
	background-repeat		: no-repeat,repeat;
	padding					: 10px 15px 10px 15px;
	color					: #fffce6;
	border					: none;
	box-shadow		: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;

}

#main_contents .woman_title:before
{
	display					: none;
}
#main_contents .man_title .en,
#main_contents .woman_title .en
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	vertical-align			: middle;
	margin-right			: 10px;
	padding-right			: 10px;
	border-right			: 1px #FFC dotted;
}

.event_item
{
	width					: 95%;
	margin					: 0 auto 20px;
}

.event_item img
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
}
.event_item .img-cropper {
	width: 320px;
	height: auto;
	overflow: hidden;
	position: relative;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.event_item .img-cropper {
		width: 100%;
	}
}
.event_item .img-cropper:before {
	content:"";
	display: block;
	padding-top: 50%; /* 高さを幅の50%に固定 */
}
.event_item .img-cropper img
{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.event_item .event_data
{
	width					: 554px;
    display					: -moz-inline-box;
    display					: inline-block;
    /display				: inline;
    /zoom					: 1;
    vertical-align 			: top;
	margin-left				: 43px;
	text-align				: left;
}

.user_item_box
{
	width					: 95%;
	margin					: 0 auto 40px;
	text-align				: center;
}

.user_item
{
	padding					: 20px 25px 15px 171px;
	width					: 450px;
	box-sizing				: border-box;
    display					: -moz-inline-box;
    display					: inline-block;s
    /display				: inline;
    /zoom					: 1;
    vertical-align 			: top;
	border-bottom			: 4px #beb08c solid;
	min-height				: 210px;
	color					: #fffce4;
	margin-left				: 8px;
	margin-right			: 8px;
	text-align				: left;
	margin-bottom			: 15px;
	
}
.user_item .user_data_title
{
	padding-bottom			: 8px;
	margin-bottom			: 10px;
	font-size				: 16px;
	
}

.man_item
{
	background-image		: url(../images/common/base/user_man_bg.gif),url(../images/common/base/user_man_bg02.gif);
	background-position		: left top,left top;
	background-repeat		: no-repeat,repeat;
	

}
.woman_item
{
	background-image		: url(../images/common/base/user_woman_bg.gif),url(../images/common/base/user_woman_bg02.gif);
	background-position		: left top,left top;
	background-repeat		: no-repeat,repeat;

}

.man_item .user_data_title
{
	border-bottom			: 1px #256985 solid;
	
}
.woman_item .user_data_title
{
	border-bottom			: 1px #954e29 solid;
	
}

.fea_title
{
	background-image		: url(../images/common/base/ft_bg.png), url(../images/common/base/fea_title_bg.gif);
	background-position		: bottom center,top left;
	background-repeat		: no-repeat,repeat-x;
	padding					: 45px 0px 70px;
	text-align				: center;
}


.fea_set
{ 
	display					:table;
}

.fea_set a
{
	color					: #FFF;
}

.fea_item_title
{
	text-align				: center;
	font-size				: 30px;
	line-height				: 1.3em;
	margin-bottom			: 15px;

}
.fea_item_title .fea_num
{
	font-size				: 55px;
	color					: #fcf3a8;
	display					: block;
	margin-bottom			: 25px;
	
}
.fea_item_title .fea_num .fe
{
	font-size			: 40px;
	display:none;
}

.fea_set .fea_item
{
	display					: table-cell;
	width					: 33.333%;
	background-size:auto 100%;
	background-position		: top center;
	background-repeat		: no-repeat;
	background-color		: #000000;
	color					: #FFF;
}

.fea_set .fea_item02
{
	display					: table-cell;
	width					: 50%;
	background-size			: 100% auto;
	background-position		: top center;
	background-repeat		: no-repeat;
	background-color		: #000000;
	color					: #FFF;
}


.fea_set .fea_item02 .fea_item_inner
{
	min-height				: 350px;
	padding					: 30px 55px;
}


.fea_set .fea_item_inner
{
	min-height				: 250px;
	padding					: 30px;
}
.fea_text
{
	text-align				: left;
}


.fea_set .fea01
{
	background-image	:url(../images/top/fea01_bg.png);
}

.fea_set .fea02
{
	background-image	:url(../images/top/fea02_bg.png);
}
.fea_set .fea03
{
	background-image	:url(../images/top/fea03_bg.png);
}
.fea_set .fea04
{
	background-image	:url(../images/top/fea04_bg.png);
}
.fea_set .fea05
{
	background-image	:url(../images/top/fea05_bg.png);
}
.fea_set .fea06
{
	background-image	:url(../images/top/fea06_bg.png);
}

.fea_set .fea07
{
	background-image	:url(../images/top/fea07_bg.png);
}
.fea_set .fea08
{
	background-image	:url(../images/top/fea08_bg.png);
}

.main_block03
{
	padding				: 50px 0px 20px;
}


/*------------------------------------------------
	会員資格・料金
------------------------------------------------*/

.qua_img
{
	text-align			: center;
	margin-bottom		: 30px;
}

.inblock
{
    display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	width				: 48%;
	margin-left			: 10px;
}
.price_text del
{
	display				: block;
	font-size			: 0.8em;
}


.system_hosoku
{
	font-size			: 18px;
	color				: #C60;
	font-weight			: bold;
}

.at_text
{
	padding-left		: 80px;
	width				: 100%;
	box-sizing			: border-box;
	position			:relative;
	text-align			: left;
	font-size			: 16px;
}
.at_text .at_icon
{
	background:url(../images/common/base/at_icon_bg.gif) 0 0 repeat;
	padding				: 15px 20px;
	color				:#fff4a1;
	position			: absolute;
	left				: 0px;
	top					: 0px;
	
}
.at_text .at_inner
{
	display				: block;
	border-left			: 1px #CCC dotted;
	padding				: 5px 15px;
	min-height			: 50px;
}



.price_table th
{
	background:url(../images/common/base/table_bg.gif) repeat;
	width			: 60%;
	border-right	: 1px #eeeeee solid;
}
.price_text
{
	color			: #C00;
	display			: block;
	font-size		: 25px;
	font-weight		: bold;
	line-height		: 1em;
} 

.price_arr
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	background:url(../images/common/icon/arrow.png) 0 50% no-repeat;
	background-size		: 20px auto;
	padding-left		: 20px;
}



.price_table  .price_text
{
	color			: #C00;
	display			: block;
	font-size		: 25px;
	text-align		: right;
	font-weight		: bold;
	line-height		: 1em;
} 

.cp_text
{
	background:url(../images/common/icon/cp_icon.png) 0 0 no-repeat;
	padding-left	: 100px;
	font-size		: 16px;
	min-height		: 35px;
}

.site_link_box
{
	background		: #fffbde;
	padding			: 15px 300px 15px 15px;
	border			: 1px #ebe5ba solid;
	width			: 100%;
	box-sizing		: border-box;
	position		: relative;
	font-size		: 18px;
	margin-bottom	: 40px;
}
.site_link_box img
{
	width			: 220px;
	height			: auto;
	border			: 1px #CCC solid;
	box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	position		: absolute;
	right			: 15px;
	top				: -15px;
}

.overflow_scroll
{
	height			: 900px;
	overflow		: auto;
}
.overflow_scroll .user_item
{
	margin-left		: 3px;
}

.num_title span
{
	font-size			: 32px;
	background:url(../images/common/line/02.gif) right top repeat-y;
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align		: middle;
	margin-right		: 10px;
	padding				: 0px 10px 5px;
	line-height			: 1em;
	color				: #900;
}

.cl_img
{
	padding				: 15px;
	border-radius		: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius	: 3px;
	background			: #FFF;
	margin-bottom		: 20px;
	text-align			: center;
	width				: 95%;
	margin				: 0 auto;
	box-sizing			: border-box;
	border				: 1px #CCC solid;
	box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;

}
.pay_box
{
	border-radius		: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius	: 3px;
	border				: 1px #CCC solid;
	box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	background			: #FFF;
	padding-bottom		: 10px;
	margin				: 0 auto 10px;
}
.pay_box dl,
.pay_box dt,
.pay_box dd
{
	padding				: 0px;
	margin				: 0px;
	list-style			: none;
}


.pay_box dt
{
	background:url(../images/common/base/table_bg.gif) 0 0 repeat;
	padding				: 15px;
	border-bottom		: 1px #CCC solid;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	color				: #630;
	font-size			: 18px;
	font-weight:bold;
	margin-bottom		: 5px;

}
.pay_box dt span
{
	display				: block;
	background:url(../images/common/icon/list_icon03.png) 0 50% no-repeat;
	padding-left		: 20px;
}
.pay_box dd
{
	padding					: 5px 15px 5px 40px;
	background:url(../images/common/icon/btn_icon02_ss_off.png) 15px 10px no-repeat;

	border-bottom			: 1px #eee solid;
}





/*------------------------------------------------
	よくある質問
------------------------------------------------*/
.faq_item,
.faq_item dt,
.faq_item dd
{
	padding			: 0px;
	margin			: 0px;
	list-style		: none;
}
.faq_item
{
	text-align:left;
}
.faq_item dt
{
	background			: url(../images/faq/q_icon.png) 15px 15px no-repeat;
	font-size			: 20px;
	padding				: 55px 20px 30px 140px;
	min-height			: 130px;
	border-bottom		: 1px #630 dotted;
	box-sizing			: border-box;
	color				: #00365d;
font-weight:bold;
}
.faq_item dd
{
	background			: url(../images/faq/a_icon.png) 15px 15px no-repeat;
	font-size			: 16px;
	padding				: 35px 20px 20px 140px;
	min-height			: 130px;
box-sizing		: border-box;

}
.faq_box .faq_item:nth-child(even)
{
	background-color: #f0ebc9;
}
.faq_box
{
	margin-bottom		: 40px;
}


/*------------------------------------------------
	プレミアムメンバーズとは
------------------------------------------------*/

.det_about_img
{
	text-align			: center;
	margin-bottom		: 30px;
}
.det_about_text01
{
	width				: 95%;
	margin				: 0 auto 30px;
}
.det_about_block01
{
	width				: 98%;
	margin				: 0 auto 30px;
}

.det_about_block02
{
	width				: 98%;
	margin				: 0 auto 30px;
}

.det_about_block01:after
{
	content		: "";
	display		: block;
	clear		: both;

}

.det_about_block01 img
{
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}
.det_about_block01 img
{
	float				: left;
	margin-right		: 25px;
	margin-bottom		: 25px;
}

.det_fea_item:after
{
	content		: "";
	display		: block;
	clear		: both;

}

.det_fea_item
{
	background			: url(../images/about/fa_line.gif) 0 0 no-repeat;
	padding-top			: 7px;
	text-align			: left;
	width				: 95%;
	margin				: 0 auto;
	clear				: both;
	margin-bottom		: 40px;
}

.det_fea_title
{
	padding				: 10px 20px 10px 230px;
	border-bottom		: 1px #CCC solid;
	font-size			: 38px;
	margin-bottom		: 30px;
}
.det_fea_item .fa01
{
	background: #FFF url(../images/about/fa01.png) 15px 50% no-repeat;
}

.det_fea_item .fa02
{
	background: #FFF url(../images/about/fa02.png) 15px 50% no-repeat;
}
.det_fea_item .fa03
{
	background: #FFF url(../images/about/fa03.png) 15px 50% no-repeat;
}
.det_fea_item .fa04
{
	background: #FFF url(../images/about/fa04.png) 15px 50% no-repeat;
}
.det_fea_item .fa05
{
	background: #FFF url(../images/about/fa05.png) 15px 50% no-repeat;
}
.det_fea_item .fa06
{
	background: #FFF url(../images/about/fa06.png) 15px 50% no-repeat;
}
.det_fea_item .fa07
{
	background: #FFF url(../images/about/fa07.png) 15px 50% no-repeat;
}
.det_fea_item .fa08
{
	background: #FFF url(../images/about/fa08.png) 15px 50% no-repeat;
}




.det_fea_title span
{
	display				: block;
	padding				: 14px 10px 10px 10px;
	border-left			: 1px #CCC solid;
	line-height			: 1em;
}

.det_fea_item .det_fea_pic
{
	width				: 40%;
	float				: left;
	margin-right		: 25px;
	margin-left			: 20px;
}

.det_fea_item .det_fea_text
{
	float				: left;
	width				: 50%;
}


.det_fea_item .det_fea_pic img
{
	width				: 100%;
	height				: auto;
    border-radius			: 3px;        /* CSS3草案 */  
    -webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius		: 3px;   /* Firefox用 */ 

}

/*------------------------------------------------
	contact:お問合わせ
------------------------------------------------*/
.tel_box
{
	background				: url(../images/contact/tel_bg.jpg) 50% 50% no-repeat;
	border					: 1px #630 solid;
}
.tel_box .tel_box_inner
{
	width					: 80%;
	margin					: 0 auto;
	padding					: 60px 0px;
	position				: relative;

}
.tel_box .tel_href
{
	position				: absolute;
	right					: 0px;
	top						: 45px;
    display					: -moz-inline-box;
    display					: inline-block;
    /display				: inline;
    /zoom					: 1;
    vertical-align 			: top;
	padding-left			: 48px;
	background				: url(../images/contact/arrow.png) 0px 50% no-repeat;
}


.tel_box .tel_href:hover
{
	opacity					: 0.9;
}



/*------------------------------------------------
	ご利用の流れ
------------------------------------------------*/
.flow_item
{
	background				: url(../images/flow/flow_arrow.png) center bottom no-repeat;
	padding-bottom			: 20px;
	width					: 900px;
	margin					: 0 auto 10px;
}
.flow_item .flow01
{
	background-image		: url(../images/flow/flow01.png),url(../images/flow/flow_bg.png);

}
.flow_item .flow02
{
	background-image		: url(../images/flow/flow02.png),url(../images/flow/flow_bg.png);

}
.flow_item .flow03
{
	background-image		: url(../images/flow/flow03.png),url(../images/flow/flow_bg.png);

}
.flow_item .flow04
{
	background-image		: url(../images/flow/flow04.png),url(../images/flow/flow_bg.png);

}
.flow_item .flow05
{
	background-image		: url(../images/flow/flow05.png),url(../images/flow/flow_bg.png);

}
.flow_item .flow06
{
	background-image		: url(../images/flow/flow06.png),url(../images/flow/flow_bg.png);

}
.flow_item .flow07
{
	background-image		: url(../images/flow/flow07.png),url(../images/flow/flow_bg.png);

}
.flow_item .flow08
{
	background-image		: url(../images/flow/flow08.png),url(../images/flow/flow_bg.png);

}
.flow_item .flow_inner
{
	background-position		: 50px -5px,50% 50%;
	background-repeat		: no-repeat,repeat;
	border-radius			: 3px;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	padding					: 50px 30px 40px;
	text-align				: center;
}




.flow_item .flow_pic
{
	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	vertical-align:middle;
	width					: 	377px;
}

.flow_item .flow03 .flow_pic
{
	vertical-align			: top;
}



.flow_item .flow_pic img
{
	border-radius			: 3px;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
}

.flow_item .flow_text
{
	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	vertical-align	:middle;
	width			: 430px;
	font-size		: 28px;
	text-align		: left;
	color			: #fffce6;
	padding-left	: 30px;
box-sizing		: border-box;
line-height			: 1.2em;
}


.flow_item .flow_text .flow_hosoku_text
{
	font-size			: 18px;
	line-height			: 1.2em;

}
.flow_item .sample,
.flow_item .sample li
{
	margin				: 0px;
	padding				: 0px;
	list-style			: none;
}

.flow_item .sample li
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
}
/*------------------------------------------------
	rules:利用規約
------------------------------------------------*/

.rules_box
{
box-shadow				: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-webkit-box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-moz-box-shadow			: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
border-radius			: 3px;
-webkit-border-radius	: 3px;
-moz-border-radius		: 3px;
border					: 1px #CCC solid;
border-bottom:none;
background				: #f7f7f7;
margin-bottom			: 15px;
}


.accordion .acbox
{
	display			: none;
	padding			: 20px;
	text-align		: left;
	border-bottom:1px #CCC solid;
}


.op_btn
{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;

	background-image:url(../images/rules/line.gif),url(../images/common/base/h4_title_bg.gif);
	background-size			: auto auto,auto 100%;
	background-position		: 50% -3px,top left;
	background-repeat		: repeat-x,repeat-x;
	font-size				: 18px;
	margin-bottom			: 0px;
	border-bottom			: 1px #CCC solid;
	text-align:left;
	cursor					: pointer;
}
.op_btn span
{
	padding					: 18px 20px 15px;
	display					: block;
	background				: url(../images/rules/ps.gif) 98% 50% no-repeat;
	display					: block;
}
.op_btn span.open
{
	background				: url(../images/rules/ms.gif) 98% 50% no-repeat;
}


.op_btn em
{
	background:url(../images/common/line/02.gif) right top repeat-y;
	padding-right			: 5px;
	margin-right			: 5px;
	background				:     display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	color:#830000;
	font-style:normal;
	font-weight:bold;
}


ol.num_list02,
ol.num_list01
{
	font-size			: 14px;
}

ol.num_list01{
	counter-reset:number;
	list-style:none;
	margin:0;
	padding:0;

}


ol.num_list01 li:before{
	counter-increment		: number;
	content					: counter(number)".";
	font-weight				: bold;
	padding					: 0px; 
	position				: absolute;
	top						: 0px;
	left					: 0px;
	color					: #d3b400;
	font-size				: 26px;
	line-height				: 0.8em;
font-family: 'Raleway', sans-serif;


}

ol.num_list01 li{
	clear			: both;
	position		:relative;
	padding-left	: 30px;
	margin-bottom	: 10px;

}


ol.num_list02{
	counter-reset	: number;
	list-style:none;
	margin:0;
	padding:0;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	background:#f7f7f7;
	padding			: 15px 15px 10px;

}
ol.num_list02 li{
	clear			: both;
	position		:relative;
	padding-left	: 50px;
	margin-bottom	: 10px;
}

ol.num_list02 li:before{
	counter-increment		: number;
	content					: "0" counter(number)".";
	font-weight				: bold;
	padding					: 0px 5px 0px 0px; 
	position				: absolute;
	top						: 0px;
	left					: 0px;
	color					: #00758e;
	border-right			:  1px #CCC solid;
	font-size				: 18px;
	min-width				: 28px;
	text-align:center;
	font-family: 'Raleway', sans-serif;
}

/*------------------------------------------------
	privacy:利用規約
------------------------------------------------*/

.privacy_box
{
box-shadow				: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-webkit-box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-moz-box-shadow			: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
border-radius			: 3px;
-webkit-border-radius	: 3px;
-moz-border-radius		: 3px;
border					: 1px #CCC solid;
border-bottom:none;
background				: #f7f7f7;
margin-bottom			: 15px;
}


.privacy_box .acbox
{
	padding			: 20px;
	text-align		: left;
	border-bottom:1px #CCC solid;
}

.privacy_box .op_btn
{
	cursor				 :default;
}

.privacy_box .op_btn span
{
	background		: none;
}

/*------------------------------------------------
	company:会社概要
------------------------------------------------*/
.staff_set
{

}


.staff_item
{
	width					: 48%;
    display					: -moz-inline-box;
    display					: inline-block;
    /display				: inline;
    /zoom					: 1;
    vertical-align 			: top;
	border-radius			: 3px;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	background				: #FFF;
	border-top				: 3px #2f4272 solid;
	border					: 1px #CCC solid;
box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
padding-bottom				: 10px;
margin-left					: 10px;
margin-bottom				: 20px;
border-top:3px #2f4272 solid;

}

.staff_item .staff_img
{
	padding					: 15px;
}
.staff_item .staff_img img
{
	width					: 100%;
	height					: auto;
} 
.staff_item .staff_title
{
	padding					: 0px;
	margin					: 0px;
	padding					: 10px 20px;
	background:url(../images/flow/flow_bg.png) top center no-repeat;
	background-size			: cover;
	color					: #FFF;
	margin-bottom			: 20px;
	font-weight				: bold;
	width					: 95%;
	margin					: 0 auto 20px;;
	box-sizing		: border-box;
	text-align:center;
	border-top:3px #c6b99a solid;
}
.staff_item .staff_title .en
{
	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	margin-left			: 10px;
	padding-left	: 10px;
	border-left:1px #CCC dotted;
	font-size:12px;
	color:#c6b99a;
}
.staff_item .staff_item_inner
{
	width				: 90%;
	margin				: 0 auto 25px;
}

/*------------------------------------------------
	工事中
------------------------------------------------*/
.und_cont
{
	border-radius			: 3px;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	padding					: 20px 30px 50px;
	background				: #FFF;
	line-height				: 1.2em;
	margin-bottom			: 60px;
	border-top				: 3px #900 solid;
	border-bottom			: 1px #eee solid;
	box-shadow				: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-webkit-box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-moz-box-shadow			: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;


}

.und_cont .en
{
	color					: #930;
	font-size				: 14px;
	display					: block;
	border-bottom			: 1px #eeeeee solid;
	padding-bottom			: 5px;
	margin-bottom			: 20px;
}



.und_cont 
{
	font-size				: 38px;
}
.und_cont .und_sub_text
{
	display					: block;
	font-size				: 22px;
	line-height			: 1em;
    vertical-align 		: top;
	width				: 95%;
	padding				: 8px 0px 7px;
	background:url(../images/common/base/table_bg.gif)  0 0 repeat;
	margin:0 auto 20px;
}





/*1400以上の指定*/

@media screen and (min-width: 1400px) {


.fea_set .fea_item
{
	background-size:auto 100%;
}


}




/*768以下の指定（タブレット）*/

@media screen and (max-width: 768px) {


.list_table
{
	display		: block;
	width		: 100%;
}
.list_table dl
{
	display		: block;

}
.list_table dt,
.list_table dd
{
	display		: block;
	padding		: 15px 20px;
	vertical-align:middle;

}
.list_table dt
{

	border-bottom:1px #eee solid;
}
.list_table dd
{
	background			: #FFF;
	border-bottom		: 1px #CCC solid;
}

.form_table dt
{
	width				: 100%;
	box-sizing			: border-box;
}







.list01 li
{
	font-size			: 16px;
}
.list02 li
{
	font-size			: 14px;
}

.main_block01
{
	width				: 100%;
}
.main_block01 .contents_block01
{
	width				: 90%;
	padding-top			: 30px;
}
.main_block01 .about_text
{
	margin-bottom		: 20px;
text-shadow: 0px 0px 10px rgba(255,252,230,1);
color:#555;
}

.about_img li
{
	width				: 24%;
}
.about_img li img
{
	width				: 100%;
	height				: auto;
}
.main_block01 .summary_text
{
	padding-right		: 0px;
	background:none;
	min-height:inherit;
}

.main_block01 .summary_text .summary_title 
{
	background:url(../images/top/sub_title_bg.gif) top left repeat-x;
}
.main_block01 .summary_text .summary_sub_title
{
	font-size			: 1.8em;
}
.main_block01 .summary_text .summary_sub_title img
{
	right			: 0px;

}




.main_block01 .top_ban li
{

	width			: 48%;
	background		: url(../images/common/base/btn_bot_bg02.png) bottom center no-repeat;
	background-size	: 80% auto;
	padding-bottom	: 5px;
	margin-left		: 0px;
	margin-right	: 0px;
	padding-left	: 5px;
	box-sizing		: border-box;
}
.main_block01 .top_ban li a
{
	display				: block;
	background-position	: 95% 83%,50% 50%;
	background-size		: 30px auto,auto auto;
	background-repeat	: no-repeat,no-repeat;
	text-align			: center;
	padding				: 34px 0px;
	min-height			: 123px;
	box-sizing			: border-box;
}

.main_block01 .top_ban li.ban_guide a img
{
	width				: auto;
	height				: 55px;
	
}
.main_block01 .top_ban li.ban_fee a img
{
	width				: auto;
	height				: 55px;
	
}





.contact_btn01,
.contact_btn02
{
	width				: 90%;
}

.contact_btn02
{
	margin-bottom		: 40px;
}

.main_block01 .top_ban
{
	margin-bottom		: 30px;
}




#main_contents h2
{
	padding				: 16px 200px 16px 50px;
	text-align			: left;
}




.event_item img
{
	width				: 30%;
	height				: auto;
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
}
.event_item .event_data
{
	width				: 65%;
	margin-left			: 20px;
}
.user_pic_img img
{
	display				: block;
	width				: 95%;
	margin				: 0 auto;
	height				: auto;

}
.user_item
{
	width				: 100%;
	margin				: 0 auto 20px;

}
.fea_title img
{
	width				: 85%;
	height				: auto;
}
.fea_set
{
	display				: block;
}
.fea_set .fea_item,
.fea_set .fea_item02
{
	width				: 100%;
	display				: block;
	background-size		: 100% auto;
	border-top			: 2px #fcf3a8 solid;
}
.fea_set .fea_item_inner,
.fea_set .fea_item02 .fea_item_inner
{
	min-height			: inherit;
	padding				: 30px;
}
.fea_item_title .fea_num
{
	font-size			:50px;
	display				: inline;
}

.fea_item_title .fea_num .fe
{
	display				: inline;
	font-size			: 30px;
}


.fea_item_title
{
	text-align			: left;
	border-bottom		: 1px #999 dotted;
	padding-bottom		: 10px;
}



/*------------------------------------------------
	会員資格・料金
------------------------------------------------*/

.qua_img
{
	width				: 100%;
}

.qua_img img
{
	width				: 100%;
	height				: auto;
}

.price_table th {
    background: url(../images/common/base/table_bg.gif) repeat;
    width: 60%;
    border-right: 1px #eeeeee solid;
}
.inblock
{
	display				: block;
	width				: 100%;
	margin-left			: 0px; 
}

.num_title span
{
	font-size			: 28px;
}
.cl_img img
{
	width				: 100%;
	height				: auto;
}

/*------------------------------------------------
	よくある質問
------------------------------------------------*/

.faq_item dt
{
	background			: url(../images/faq/q_icon.png) 15px 15px no-repeat;
	font-size			: 20px;
	padding				: 35px 20px 30px 140px;
	min-height			: 130px;
	border-bottom		: 1px #630 dotted;
	box-sizing			: border-box;
	color				: #00365d;
font-weight:bold;
}
.faq_item dd
{
	background			: url(../images/faq/a_icon.png) 15px 15px no-repeat;
	font-size			: 16px;
	padding				: 35px 20px 20px 140px;
	min-height			: 130px;
box-sizing		: border-box;

}

.l_ban img
{
	width				: 100%;
	height				: auto;
}



/*------------------------------------------------
	プレミアムメンバーズとは
------------------------------------------------*/

.det_about_img
{
	text-align			: center;
	margin-bottom		: 20px;
}

.det_about_img img
{
	width				: 100%;
	height				: auto;
}

.det_about_text01
{

	margin				: 0 auto 20px;

}
.det_about_block01
{

	margin				: 0 auto 20px;
}

.det_about_block02
{

	margin				: 0 auto 40px;
}


.det_about_block02 img
{
	width				: 100%;
	height				: auto;
}


.det_about_block01 img
{
	float				: left;
	margin-right		: 25px;
	margin-bottom		: 25px;
	width				: 40%;
	height				: auto;
}



.det_fea_item
{
	background			: url(../images/about/fa_line.gif) 0 0 no-repeat;
	padding-top			: 7px;
	text-align			: left;
	width				: 95%;
	margin				: 0 auto;
	clear				: both;
	margin-bottom		: 40px;
}



.det_fea_item .fa01
{
	background: #FFF url(../images/about/fa01.png) 15px 50% no-repeat;
}

.det_fea_item .fa02
{
	background: #FFF url(../images/about/fa02.png) 15px 50% no-repeat;
}
.det_fea_item .fa03
{
	background: #FFF url(../images/about/fa03.png) 15px 50% no-repeat;
}
.det_fea_item .fa04
{
	background: #FFF url(../images/about/fa04.png) 15px 50% no-repeat;
}
.det_fea_item .fa05
{
	background: #FFF url(../images/about/fa05.png) 15px 50% no-repeat;
}
.det_fea_item .fa06
{
	background: #FFF url(../images/about/fa06.png) 15px 50% no-repeat;
}
.det_fea_item .fa07
{
	background: #FFF url(../images/about/fa07.png) 15px 50% no-repeat;
}
.det_fea_item .fa08
{
	background: #FFF url(../images/about/fa08.png) 15px 50% no-repeat;
}


.det_fea_title
{
	padding				: 10px 20px 10px 160px;
	border-bottom		: 1px #CCC solid;
	font-size			: 30px;
	margin-bottom		: 30px;
	background-size		: 130px auto!important;
	height				: auto;
}




.det_fea_title span
{
	display				: block;
	padding				: 14px 10px 10px 10px;
	border-left			: 1px #CCC solid;
	line-height			: 1em;
}

.det_fea_item .det_fea_pic
{
	width				: 40%;
	float				: left;
	margin-right		: 25px;
	margin-left			: 20px;
}
.det_fea_item .det_fea_pic img
{
	width				: 100%;
	height				: auto;
    border-radius			: 3px;        /* CSS3草案 */  
    -webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius		: 3px;   /* Firefox用 */ 

}






/*------------------------------------------------
	contact:お問合わせ
------------------------------------------------*/
.tel_box
{
	background				: url(../images/contact/tel_bg.jpg) 50% 50% no-repeat;
	border					: 1px #630 solid;
}
.tel_box .tel_box_inner
{
	width					: 100%;
	margin					: 0 auto;
	padding					: 20px 0px 30px;
	position				: relative;
	text-align				: center;

}
.tel_box .tel_href
{
	position				: static;
	right					: 0px;
	top						: 0px;
    vertical-align 			: top;
	padding-left			: 48px;
	background				: url(../images/contact/arrow.png) 0px 50% no-repeat;
}
.tel_box .tel_hosoku
{
	border-top				: 1px #999 dotted;
	width					: 90%;
	padding-top				: 10px;
	margin-top				: 10px;
	margin					: 0 auto;
}


.tel_box .tel_href:hover
{
	opacity					: 0.9;
}




/*------------------------------------------------
	ご利用の流れ
------------------------------------------------*/
.flow_item
{

	width					: 95%;
}
.flow_item .flow_inner
{
	background-position		: 20px -5px,50% 50%;
	padding					: 50px 20px 30px;
	

}

.flow_item .flow_pic
{
	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	vertical-align:middle;
	width					: 	40%;			
}
.flow_item .flow_pic img
{
	width					: 100%;
	height					: auto;
	border-radius			: 3px;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
}

.flow_item .flow_text
{

	width			: 55%;
	font-size		: 25px;
	text-align		: left;
	color			: #fffce6;
	padding-left	: 20px;
box-sizing		: border-box;
}


.flow_item .sample li
{
	width: 48%;
}
.flow_item .sample li img
{
	width			: 100%;
	height			: auto;
}

/*------------------------------------------------
	rules:利用規約
------------------------------------------------*/

.op_btn em
{
	background:none;
	padding-right			: 0px;
	margin-right			: 0px;
	display					: inline;
    color					: #830000;

}

.accordion .acbox
{
	padding					: 15px;
}









/*------------------------------------------------
	company:会社概要
------------------------------------------------*/



.staff_item
{
	display					: block;
	width					: 95%;
	margin-left				: 0px;
	border-top				: 3px #2f4272 solid;

}

.staff_item .staff_img
{
	padding					: 15px;
}
.staff_item .staff_img img
{
	width					: 100%;
	height					: auto;
} 
.staff_item .staff_title
{
	padding					: 10px 20px;
	background:url(../images/flow/flow_bg.png) top center no-repeat;
	background-size			: cover;
	color					: #FFF;
	margin-bottom			: 20px;
	width					: 95%;
	margin					: 0 auto 20px;

	border-top:3px #c6b99a solid;
}
.staff_item .staff_item_inner
{
	width				: 90%;
	margin				: 0 auto 25px;
}
/*------------------------------------------------
	工事中
------------------------------------------------*/
.und_cont
{
	padding					: 15px;
	width					: 95%;
	box-sizing				: border-box;
	margin					: 0 auto 20px;

}

.und_cont .en
{
	color					: #930;
	font-size				: 14px;
	display					: block;
	border-bottom			: 1px #eeeeee solid;
	padding-bottom			: 5px;
	margin-bottom			: 20px;
}



.und_cont 
{
	font-size				: 25px;
}
.und_cont .und_sub_text
{
	display					: block;
	font-size				: 18px;
	line-height			: 1em;
    vertical-align 		: top;
	width				: 95%;
	padding				: 8px 0px 7px;
	margin:0 auto 20px;
}

}

@media screen and (min-width:480px) and ( max-width:748px) 
{

.main_block01 .top_ban li a
{
	display				: block;
	background-position	: 95% 83%,50% 50%;
	background-size		: 25px auto,auto auto;
	background-repeat	: no-repeat,no-repeat;
	text-align			: center;
	padding				: 30px 0px;
	min-height			: 116px;
	box-sizing			: border-box;
}
.main_block01 .top_ban li.ban_fee a img,
.main_block01 .top_ban li.ban_guide a img
{
	width		: auto;
	height		: 48px;
}







}
/*480以下の指定（スマホ横)*/
@media screen and (max-width: 480px) {


#contact_form input.input_area,
#contact_form textarea.input_area,
#contact_form select
{
	width			: 100%;
	box-sizing		: border-box;
}
#contact_form input.form_age
{
	width			: 4em;
}

#contact_form input.form_height
{
	width			: 7em;
}

.form_table
{
	margin-bottom		: 25px;
}


.submit_btn input
{
	font-size			: 18px;
	padding				: 18px 15px 18px 15px;
	background-size		: 20px auto,100% auto;
}
.submit_btn
{
	margin-bottom		: 10px;
	width				: 95%;
}



.main_block01 .contents_block01
{
	padding-top			: 20px;
	width				: 95%;
	margin				: 0 auto 20px;
}
.main_block01 .about_img li
{
	width				: 48%;
	margin-bottom		: 5px;
}
.main_block01 .summary_text .summary_sub_title
{
	font-size			: 1.3em;
	width				: 100%;
	padding-left		: 0px;
	padding-right		: 0px;
	font-weight:normal;
}
.main_block01 .summary_text .summary_sub_title img
{
	right			: 0px;
	width				: 95px;
	height				: auto;
	top					: -30px;
}
.main_block01 .summary_text .summary_title img
{
	width				: 100%;
	height				: auto;
}
.main_block01 .summary_text
{
	width				: 100%;
	margin-bottom		: 20px;
}

.main_block01 .about_img {
    text-align: center;
    margin-bottom: 20px;

}

.main_block01 .summary_text .summary_text_inner
{
	width			: 95%;
	margin			: 0 auto 10px;
}

.main_block01 .top_ban
{
	margin-bottom		: 20px;
}

.main_block01 .top_ban li
{

	width			: 48%;
	background		: url(../images/common/base/btn_bot_bg02.png) bottom center no-repeat;
	background-size	: 80% auto;
	padding-bottom	: 3px;
	margin-left		: 0px;
	margin-right	: 0px;
	padding-left	: 3px;
}
.main_block01 .top_ban li a
{
	display				: block;
	background-position	: 95% 86%,50% 50%;
	background-size		: 15px auto,auto auto;
	background-repeat	: no-repeat,no-repeat;
	text-align			: center;
	padding				: 25px 0px;
	min-height			: 85px;
	box-sizing			: border-box;
}

.main_block01 .top_ban li.ban_guide a img
{
	width				: auto;
	height				: 35px;
	
}
.main_block01 .top_ban li.ban_fee a img
{
	width				: auto;
	height				: 35px;
	
}


.contact_btn01 a,
.contact_btn02 a
{
	font-size			: 18px;
	padding				: 18px 15px 18px 15px;
	background-size		: 25px auto,auto 100%;
}
.contact_btn01
{
	margin-bottom		: 10px;
}

.contact_btn02
{
	margin-bottom		: 10px;
	margin-bottom		: 30px;
}


#main_contents h2 {
    padding				: 10px 20px 15px 40px;
    text-align			: left;
	margin-bottom		: 20px;
	background:url(../images/common/icon/title_icon03.png) 18px 50% no-repeat,url(../images/common/base/title_bg.gif) -200px 0px repeat;

}

#main_contents h2 .en
{
	display				: block;
	border-right		: none;
	font-size			: 12px;
}



#main_contents h3
{
	font-size			: 18px;
	margin				: 0px;
	margin-bottom		: 10px;
	padding				: 5px 15px;
}

#main_contents h4
{
	font-size			: 18px;
	margin-bottom		: 15px;
	background-size			: 15px auto,auto auto;
}
#main_contents h5
{
	display				: block;
	text-align			: center;
	padding				: 5px 15px;
}

#main_contents .man_title,
#main_contents .woman_title
{
	margin-bottom		: 15px;
}


.event_item img
{
	width				: 100%;
	height				: auto;
	display				: block;
	margin-bottom		: 10px;
}
.event_item .event_data
{
	width				: 100%;
	margin-left			: 0px;
}

.user_pic_img
{
	margin-bottom		: 20px!important;
}

.user_item {
    width: 100%;
    margin: 0 auto 10px;
	min-height:inherit;
	padding: 15px 15px 0px 90px;
	background-size:450px auto,auto auto;
	background-position	: -15px 0px,0px 0px;
	box-sizing		: border-box;
	font-size		: 13px;
}


.user_item .user_data_title {
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 16px;
}
.user_item_box
{
	margin-bottom		: 10px;
}
.fea_set .fea_item
{
	background-size: auto 100%;
}
.fea_item_title
{
	position			: relative;
	width				: 100%;
	padding-left		: 70px;
	box-sizing		: border-box;
	padding-right		: 20px;
	font-size			: 22px;
	min-height			: 68px;
}
.fea_item_title .fea_num
{
	position			: absolute;
	left				: 0px;
	top					: -5px;
	font-size			: 45px;
}

.fea_item_title .fea_num .fe
{
	display				: block;
	font-size			: 20px;
	margin-bottom		: 5px;
}


.main_block03
{
	padding-top			: 30px;
	padding-bottom		: 0px;
}


#page-top
{
	position		: fixed;
	right			: 15px;
	bottom			: 10px;
	z-index:5;
}

#page-top img
{
	width			: 40px;
	height			: auto;
}


/*------------------------------------------------
	会員資格・料金
------------------------------------------------*/

.qua_img
{
	width				: 100%;
	margin-bottom		: 15px;
}

.qua_img img
{
	width				: 100%;
	height				: auto;
}


.inblock
{
	display				: block;
	width				: 100%;
	margin-left			: 0px;
}


.system_hosoku
{
	font-size			: 16px;

}

.at_text
{
	padding-left		: 80px;
	width				: 100%;
	box-sizing			: border-box;
	position			:relative;
	text-align			: left;
	font-size			: 16px;
}
.at_text .at_icon
{
	background:url(../images/common/base/at_icon_bg.gif) 0 0 repeat;
	padding				: 15px 20px;
	color				:#fff4a1;
	position			: absolute;
	left				: 0px;
	top					: 0px;
	
}
.at_text .at_inner
{
	display				: block;
	border-left			: 1px #CCC dotted;
	padding				: 5px 15px;
	min-height			: 50px;
}



.price_table th
{

	width			: 50%;

}
.price_text
{

	font-size		: 20px;

} 

.price_arr
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	background:url(../images/common/icon/arrow.png) 0 50% no-repeat;
	background-size		: 15px auto;
	padding-left		: 15px;
}



.price_table  .price_text
{
	font-size		: 20px;

} 

.cp_text
{
	background:url(../images/common/icon/cp_icon.png) 0 0 no-repeat;
	padding-left	: 100px;
	font-size		: 16px;
	min-height		: 35px;
}

.site_link_box
{

	padding			: 15px 15px 15px 15px;
	width			: 100%;
	font-size		: 16px;
	margin-bottom	: 20px;
	border-top		: 3px #930 solid;
}
.site_link_box img
{
	width			: 90%;
	height			: auto;
	border			: 1px #CCC solid;
	box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	position		: static;
	right			: 0;
	top				: 0;
	display			: block;
	margin			: 15px auto 15px;
}




/*------------------------------------------------
	よくある質問
------------------------------------------------*/
.faq_item
{
	padding-top			: 10px;
}


.faq_box .faq_item:first-child
{
	padding-top			: 0px;
}
.faq_item dt
{
	background			: url(../images/faq/q_icon.png) 15px 15px no-repeat;
	background-size		: 70px auto;
	font-size			: 20px;
	padding				: 15px 20px 20px 90px;
	min-height			: 130px;
	border-bottom		: 1px #630 dotted;
	box-sizing			: border-box;
	color				: #00365d;
font-weight:bold;
}
.faq_item dd
{
	background			: url(../images/faq/a_icon.png) 15px 15px no-repeat;
	background-size		: 70px auto;
	font-size			: 16px;
	padding				: 25px 20px 30px 90px;
	min-height			: 130px;
box-sizing		: border-box;

}

.l_ban img
{
	width				: 100%;
	height				: auto;
}

.page_title .jp
{
	line-height			: 1em;
	display				: block;
}




/*------------------------------------------------
	プレミアムメンバーズとは
------------------------------------------------*/




.det_about_block01 img
{
	float				: none;
	margin-right		: 0px;
	margin-bottom		: 20px;
	width				: 100%;
	height				: auto;

}

.det_about_block02
{
	margin				: 0 auto 30px;
}

.det_fea_item
{
	background			: url(../images/about/fa_line.gif) 0 0 no-repeat;
	padding-top			: 7px;
	text-align			: left;
	width				: 95%;
	margin				: 0 auto;
	clear				: both;
	margin-bottom		: 40px;
}





.det_fea_title
{
	padding				: 10px 20px 10px 110px;
	border-bottom		: 1px #CCC solid;
	font-size			: 20px;
	margin-bottom		: 30px;
	background-size		: 80px auto!important;
	height				: auto;
}




.det_fea_title span
{
	display				: block;
	padding				: 5px 10px 5px 10px;
	border-left			: 1px #CCC solid;
	line-height			: 1em;
}

.det_fea_item .det_fea_pic
{
	width				: 100%;
	margin-right		: 0px;
	margin-left			: 0px;
	margin-bottom		: 10px!important;
}
.det_fea_item .det_fea_pic img
{
	width				: 100%;
	height				: auto;
    border-radius			: 3px;        /* CSS3草案 */  
    -webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius		: 3px;   /* Firefox用 */ 

}


.det_fea_item .det_fea_pic,
.det_fea_item .det_fea_text
{
	width					: 90%;
	margin					: 0 auto;
	float					: none;
}




/*------------------------------------------------
	contact:お問合わせ
------------------------------------------------*/
.tel_box
{
	background				: url(../images/contact/tel_bg.jpg) 50% 50% no-repeat;
	border					: 1px #630 solid;
}
.tel_box .tel_box_inner
{
	width					: 100%;
	margin					: 0 auto;
	padding					: 20px 0px 20px;
	position				: relative;
	text-align				: center;

}


.tel_box .tel_href
{
	display					: block;
	width					: 85%;
	margin					: 0 auto;
	padding-left			: 35px;
	box-sizing				: border-box;
	background-size			: 25px auto;
} 
.tel_box .tel_href img
{
	width					: 100%;
	height					: auto;

}
.tel_box .tel_hosoku
{
	border-top				: 1px #999 dotted;
	width					: 90%;
	padding-top				: 10px;
	margin-top				: 10px;
	margin					: 0 auto;
}
.tel_box .tel_hosoku img
{
	width					: 100%;
	height					: auto;
}


.tel_box .tel_href:hover
{
	opacity					: 0.9;
}



/*------------------------------------------------
	ご利用の流れ
------------------------------------------------*/
.flow_item
{

	width					: 95%;
	padding-bottom			: 10px;
}
.flow_item .flow_inner
{
	background-position		: 20px -5px,50% 50%;
	background-size			: auto auto,auto auto;
	padding					: 50px 20px 20px;
	background-repeat		: no-repeat,repeat-y;
	

}

.flow_item .flow_pic
{
	display					: block;
	width					: 	100%;
	margin-bottom			: 15px;
}

.flow_item .flow_text
{

	width			: 100%;
	font-size		: 20px;
	padding-left	: 0px;
}










}
/*320以下の指定（スマホ縦)*/
@media screen and (max-width: 320px) {




}










/*---------------------------------------------------------*/
/*    copyright(C) WEB-SEED.All rights reserved. Ver1.0    */
/*---------------------------------------------------------*/
