@charset "utf-8";

/*=========================================*/
/* 会員の皆様へ */
/*=========================================*/


/*-- 背景を消す --*/

#contents_area{
	background-image:none;
}


/*-- ページタイトルを消す --*/

#common_title_area{
	display:none;
}


/*-- SIDE NAVI --*/

@media all and (min-width:1201px), print{

#common_side_title{
	margin:0px;
	padding:22px 20px 20px 20px;
	background-color:#111111;
	font-size:85%;
	color:#ffffff;
	text-align:left;
}

#common_side_navi ul{
	overflow:hidden;
}

#common_side_navi li{
	list-style:none;
}

#common_side_navi li{
	border-bottom:1px solid #c8c8c8;
	transition:0.5s ease-out;
}

#common_side_navi li.navi_m:hover{
	background-color:#ebdcdc;
}

#common_side_navi li.navi_m a{
	padding:17px 20px 15px 30px;
	background-image:url(../../images/common/side_navi_icatch_m.png);
	background-repeat:no-repeat;
	background-position:left 15px center;
	font-size:85%;
	line-height:150%;
	color:#333333;
	text-align:left;
	display:block;
}

#common_side_navi li.navi_m a:link{ color:#333333; text-decoration:none; }
#common_side_navi li.navi_m a:visited{ color:#333333; text-decoration:none; }
#common_side_navi li.navi_m a:hover,active{ color:#333333; text-decoration:none; }

#common_side_navi li.navi_s:hover{
	background-color:#ebdcdc;
}

#common_side_navi li.navi_s a{
	padding:17px 20px 15px 45px;
	background-image:url(../../images/common/side_navi_icatch_s.png);
	background-repeat:no-repeat;
	background-position:left 30px center;
	font-size:85%;
	line-height:150%;
	color:#333333;
	text-align:left;
	display:block;
}

#common_side_navi li.navi_s a:link{ color:#333333; text-decoration:none; }
#common_side_navi li.navi_s a:visited{ color:#333333; text-decoration:none; }
#common_side_navi li.navi_s a:hover,active{ color:#333333; text-decoration:none; }

}

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

#common_side_title{
	padding:22px 20px 20px 20px;
	background-color:#111111;
	font-size:80%;
	color:#ffffff;
	text-align:left;
}

#common_side_navi ul{
	overflow:hidden;
}

#common_side_navi li{
	list-style:none;
}

#common_side_navi li{
	border-bottom:1px solid #c8c8c8;
	transition:0.5s ease-out;
}

#common_side_navi li.navi_m:hover{
	background-color:#ebdcdc;
}

#common_side_navi li.navi_m a{
	padding:17px 20px 15px 30px;
	background-image:url(../../images/common/side_navi_icatch_m.png);
	background-repeat:no-repeat;
	background-position:left 15px center;
	font-size:80%;
	line-height:150%;
	color:#333333;
	text-align:left;
	display:block;
}

#common_side_navi li.navi_m a:link{ color:#333333; text-decoration:none; }
#common_side_navi li.navi_m a:visited{ color:#333333; text-decoration:none; }
#common_side_navi li.navi_m a:hover,active{ color:#333333; text-decoration:none; }

#common_side_navi li.navi_s:hover{
	background-color:#ebdcdc;
}

#common_side_navi li.navi_s a{
	padding:17px 20px 15px 45px;
	background-image:url(../../images/common/side_navi_icatch_s.png);
	background-repeat:no-repeat;
	background-position:left 30px center;
	font-size:80%;
	line-height:150%;
	color:#333333;
	text-align:left;
	display:block;
}

#common_side_navi li.navi_s a:link{ color:#333333; text-decoration:none; }
#common_side_navi li.navi_s a:visited{ color:#333333; text-decoration:none; }
#common_side_navi li.navi_s a:hover,active{ color:#333333; text-decoration:none; }

}

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

.accordion .accordion_title{
	padding:0px 20px 0px 20px;
	background-color:#111111;
	text-align:left;
}

.accordion .accordion_title{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.accordion .accordion_title span{
	padding:20px 0px 18px 0px;
	font-size:80%;
	color:#ffffff;
	display:block;
}

.accordion .accordion_title span{
	background-image:url(../../images/common/accordion_open.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.accordion .accordion_title span.open{
	background-image:url(../../images/common/accordion_close.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.accordion ul li .accordion_navi{
	overflow:hidden;
}

.accordion ul li .accordion_navi .navi_m{
	width:100%;
}

.accordion ul li .accordion_navi .navi_m{
	border-bottom:1px solid #c8c8c8;
	transition:0.5s ease-out;
}

.accordion ul li .accordion_navi .navi_m:hover{
	background-color:#ebdcdc;
}

.accordion ul li .accordion_navi .navi_m a{
	padding:17px 20px 15px 30px;
	background-image:url(../../images/common/side_navi_icatch_m.png);
	background-repeat:no-repeat;
	background-position:left 15px center;
	font-size:80%;
	line-height:150%;
	color:#333333;
	text-align:left;
	display:block;
}

.accordion ul li .accordion_navi .navi_m a:link{ color:#333333; text-decoration:none; }
.accordion ul li .accordion_navi .navi_m a:visited{ color:#333333; text-decoration:none; }
.accordion ul li .accordion_navi .navi_m a:hover,active{ color:#333333; text-decoration:none; }

.accordion ul li .accordion_navi .navi_s{
	width:100%;
}

.accordion ul li .accordion_navi .navi_s{
	border-bottom:1px solid #c8c8c8;
	transition:0.5s ease-out;
}

.accordion ul li .accordion_navi .navi_s:hover{
	background-color:#ebdcdc;
}

.accordion ul li .accordion_navi .navi_s a{
	padding:17px 20px 15px 45px;
	background-image:url(../../images/common/side_navi_icatch_s.png);
	background-repeat:no-repeat;
	background-position:left 30px center;
	font-size:80%;
	line-height:150%;
	color:#333333;
	text-align:left;
	display:block;
}

.accordion ul li .accordion_navi .navi_s a:link{ color:#333333; text-decoration:none; }
.accordion ul li .accordion_navi .navi_s a:visited{ color:#333333; text-decoration:none; }
.accordion ul li .accordion_navi .navi_s a:hover,active{ color:#333333; text-decoration:none; }

.accordion ul{ display:none; }

.accordion .accordion_title{ cursor:pointer; }

}

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

.accordion .accordion_title{
	padding:0px 15px 0px 15px;
}

.accordion .accordion_title span{
	padding:17px 0px 15px 0px;
	font-size:75%;
}

.accordion ul li .accordion_navi .navi_m a{
	padding:17px 15px 15px 25px;
	background-position:left 10px center;
	font-size:75%;
}

.accordion ul li .accordion_navi .navi_s a{
	padding:17px 15px 15px 40px;
	background-position:left 25px center;
	font-size:75%;
}

}


/*-- 共通設定 --*/

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

#members_area{
	margin:0px auto;
	max-width:1300px;
	overflow:hidden;
}

#members_left_area{
	float:left;
	padding:50px 0px 50px 0px;
	width:300px;
	border-right:1px solid #c8c8c8;
}

#members_accordion_area{
	display:none;
}

#members_right_area{
	padding:50px 50px 50px 49px;
	width:auto;
	overflow:hidden;
}

}

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

#members_area{
	width:100%;
	overflow:hidden;
}

#members_left_area{
	float:left;
	padding:50px 0px 50px 0px;
	width:250px;
	border-right:1px solid #c8c8c8;
}

#members_accordion_area{
	display:none;
}

#members_right_area{
	padding:50px 50px 50px 49px;
	width:auto;
	overflow:hidden;
}

}

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

#members_left_area{
	display:none;
}

#members_accordion_area{
	padding:50px 50px 0px 50px;
	width:auto;
	overflow:hidden;
	display:block;
}

}

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

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

#members_right_area{
	padding:30px 30px 30px 30px;
}

}

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

#members_accordion_area{
	padding:40px 20px 0px 20px;
}

#members_right_area{
	padding:30px 20px 30px 20px;
}

}


/*-- COMMON TITLE --*/

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

.title_back_members{
	background-color:#111111;
	background-image:url(../images/title_back_members.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

}

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

.title_back_members{
	background-color:#111111;
	background-image:url(../images/title_back_members.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

}


/*-- SUB TITLE --*/

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

.members_main_title{
	margin:0px 0px 30px 0px;
	padding:17px 20px 15px 20px;
	background-color:#111111;
	font-size:100%;
	line-height:150%;
	color:#ffffff;
	font-weight:normal;
	text-align:left;
}

.members_main_title{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.members_sub_title{
	margin:0px 0px 5px 0px;
	padding:15px 20px 13px 20px;
	background-color:#f8f8f8;
	border:1px solid #c8c8c8;
	box-sizing:border-box;
	font-size:100%;
	line-height:150%;
	color:#333333;
	font-weight:bold;
	text-align:left;
}

.members_sub_title{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.members_main_catch{
	padding:0px 5px 15px 5px;
	font-size:20px;
	line-height:150%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#cc0000;
	font-weight:normal;
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", 'Noto Serif JP', "游明朝", "Yu Mincho", serif;
}

.members_sub_catch{
	padding:5px 5px 5px 5px;
	font-size:95%;
	line-height:150%;
	color:#111111;
	font-weight:bold;
	text-align:left;
}

}

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

.members_main_title{
	margin:0px 0px 30px 0px;
	padding:17px 20px 15px 20px;
	background-color:#111111;
	font-size:95%;
	line-height:150%;
	color:#ffffff;
	font-weight:normal;
	text-align:left;
}

.members_main_title{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.members_sub_title{
	margin:0px 0px 5px 0px;
	padding:15px 20px 13px 20px;
	background-color:#f8f8f8;
	border:1px solid #c8c8c8;
	box-sizing:border-box;
	font-size:95%;
	line-height:150%;
	color:#333333;
	font-weight:bold;
	text-align:left;
}

.members_sub_title{
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	    -ms-border-radius:2px;
	     -o-border-radius:2px;
	        border-radius:2px;
}

.members_main_catch{
	padding:0px 5px 15px 5px;
	font-size:18px;
	line-height:150%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#cc0000;
	font-weight:normal;
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", 'Noto Serif JP', "游明朝", "Yu Mincho", serif;
}

.members_sub_catch{
	padding:5px 5px 5px 5px;
	font-size:95%;
	line-height:150%;
	color:#111111;
	font-weight:bold;
	text-align:left;
}

}

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

.members_main_title{
	margin:0px 0px 20px 0px;
	padding:15px 20px 13px 20px;
	font-size:90%;
}

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

.members_main_catch{
	padding:0px 5px 10px 5px;
	font-size:17px;
}

.members_sub_catch{
	font-size:90%;
}

}

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

.members_main_title{
	padding:12px 15px 10px 15px;
	font-size:85%;
}

.members_sub_title{
	padding:10px 15px 8px 15px;
	font-size:85%;
}

.members_main_catch{
	font-size:15px;
}

.members_sub_catch{
	font-size:85%;
}

}


/*-- NAVI --*/

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

.members_order_bo{
	margin:0px auto;
	padding:50px 0px 0px 0px;
	width:360px;
	overflow:hidden;
}

.members_order_bo p{
	width:360px;
	font-size:120%;
	line-height:125%;
	text-align:center;
	font-weight:bold;
}

.members_order_bo p a{
	padding:22px 0px 20px 0px;
	background-color:#cc0000;
	display:block;
	transition:0.5s ease-out;
	/* radius */
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
	    -ms-border-radius:30px;
		 -o-border-radius:30px;
		    border-radius:30px;
}

.members_order_bo p a:link{ color:#ffffff; text-decoration:none; }
.members_order_bo p a:visited{ color:#ffffff; text-decoration:none; }
.members_order_bo p a:hover,active{ color:#ffffff; text-decoration:none; background-color:#990000; }

}

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

.members_order_bo{
	margin:0px auto;
	padding:50px 0px 0px 0px;
	width:360px;
	overflow:hidden;
}

.members_order_bo p{
	width:360px;
	font-size:120%;
	line-height:125%;
	text-align:center;
	font-weight:bold;
}

.members_order_bo p a{
	padding:22px 0px 20px 0px;
	background-color:#cc0000;
	display:block;
	transition:0.5s ease-out;
	/* radius */
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
	    -ms-border-radius:30px;
		 -o-border-radius:30px;
		    border-radius:30px;
}

.members_order_bo p a:link{ color:#ffffff; text-decoration:none; }
.members_order_bo p a:visited{ color:#ffffff; text-decoration:none; }
.members_order_bo p a:hover,active{ color:#ffffff; text-decoration:none; background-color:#990000; }

}

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

.members_order_bo p{
	font-size:95%;
}

.members_order_bo p a{
	padding:20px 0px 18px 0px;
}

}

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

.members_order_bo{
	padding:40px 0px 0px 0px;
	width:240px;
}

.members_order_bo p{
	width:240px;
	font-size:85%;
}

}

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

.members_order_bo{
	padding:30px 0px 0px 0px;
	width:200px;
}

.members_order_bo p{
	width:200px;
	font-size:80%;
}

.members_order_bo p a{
	padding:18px 0px 18px 0px;
}

}


/*-- NAVI --*/

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

.members_form_bo{
	margin:0px auto;
	padding:35px 0px 50px 0px;
	width:480px;
	overflow:hidden;
}

.members_form_bo p{
	width:480px;
	font-size:120%;
	line-height:125%;
	text-align:center;
	font-weight:bold;
}

.members_form_bo p a{
	padding:22px 0px 20px 0px;
	background-color:#cc0000;
	display:block;
	transition:0.5s ease-out;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	    -ms-border-radius:100px;
		 -o-border-radius:100px;
		    border-radius:100px;
}

.members_form_bo p a:link{ color:#ffffff; text-decoration:none; }
.members_form_bo p a:visited{ color:#ffffff; text-decoration:none; }
.members_form_bo p a:hover,active{ color:#ffffff; text-decoration:none; background-color:#990000; }

}

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

.members_form_bo{
	margin:0px auto;
	padding:35px 0px 50px 0px;
	width:480px;
	overflow:hidden;
}

.members_form_bo p{
	width:480px;
	font-size:120%;
	line-height:125%;
	text-align:center;
	font-weight:bold;
}

.members_form_bo p a{
	padding:22px 0px 20px 0px;
	background-color:#cc0000;
	display:block;
	transition:0.5s ease-out;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	    -ms-border-radius:100px;
		 -o-border-radius:100px;
		    border-radius:100px;
}

.members_form_bo p a:link{ color:#ffffff; text-decoration:none; }
.members_form_bo p a:visited{ color:#ffffff; text-decoration:none; }
.members_form_bo p a:hover,active{ color:#ffffff; text-decoration:none; background-color:#990000; }

}

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

.members_form_bo p{
	font-size:95%;
}

.members_form_bo p a{
	padding:20px 0px 18px 0px;
}

}

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

.members_form_bo{
	padding:30px 0px 45px 0px;
	width:360px;
}

.members_form_bo p{
	width:360px;
	font-size:85%;
}

}

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

.members_form_bo{
	padding:25px 0px 40px 0px;
	width:270px;
}

.members_form_bo p{
	width:270px;
	font-size:80%;
}

.members_form_bo p a{
	padding:18px 0px 18px 0px;
}

}


/*-- SAMPLE IMAGE --*/

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

#sample_area{
	padding:0px 0px 100px 0px;
	overflow:hidden;
}

.sample_image{
	margin:0px auto;
	max-width:900px;
}

.sample_image img{
	width:100%;
}

.sample_image_bg{
	margin:0px auto;
	max-width:900px;
	background-image:url(../images/background.png);
	background-repeat:repeat-y;
	background-position:center;
	background-size:100% auto;
}

.sample_image_movie{
	margin:0px auto;
	padding:20px 0px 20px 0px;
	width:85%;
	text-align:center;
	border:1px solid #ff6666;
	box-sizing:border-box;
	/* radius */
	-webkit-border-radius:7px;
	   -moz-border-radius:7px;
	        border-radius:7px;
}

.sample_image_movie table{
	margin:0px auto;
	width:90%;
}

.sample_image_movie_text{
	font-size:110%;
	line-height:125%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#111111;
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "HGS明朝E", serif;
	font-weight:bold;
	text-align:center;
}

.sample_image_movie iframe{
	max-width:640px;
	width:100%;
}

.sample_image_movie img{
	max-width:600px;
	width:100%;
}

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

.kaiin_image{
	padding:0px 0px 10px 0px;
	margin:0px auto;
	max-width:900px;
}

.kaiin_image img{
	width:100%;
}

.sample_nav{
	margin:50px auto 0px auto;
	max-width:840px;
}

.sample_nav img{
	width:100%;
}

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

.sample_nav2{
	margin:20px auto 0px auto;
	max-width:840px;
}

.sample_nav2 img{
	width:100%;
}

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

.sample_nav3{
	margin:5px auto 50px auto;
	max-width:840px;
}

.sample_nav3 img{
	width:100%;
}

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

}

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

#sample_area{
	padding:0px 0px 100px 0px;
	overflow:hidden;
}

.sample_image{
	margin:0px auto;
	max-width:900px;
}

.sample_image img{
	width:100%;
}

.sample_image_bg{
	margin:0px auto;
	max-width:900px;
	background-image:url(../images/background.png);
	background-repeat:repeat-y;
	background-position:center;
	background-size:100% auto;
}

.sample_image_movie{
	margin:0px auto;
	padding:20px 0px 20px 0px;
	width:85%;
	text-align:center;
	border:1px solid #ff6666;
	box-sizing:border-box;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.sample_image_movie table{
	margin:0px auto;
	width:90%;
}

.sample_image_movie_text{
	font-size:85%;
	line-height:125%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#111111;
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "HGS明朝E", serif;
	font-weight:bold;
	text-align:center;
}

.sample_image_movie iframe{
	max-width:640px;
	width:100%;
}

.sample_image_movie img{
	max-width:600px;
	width:100%;
}

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

.kaiin_image{
	padding:0px 0px 10px 0px;
	margin:0px auto;
	max-width:900px;
}

.kaiin_image img{
	width:100%;
}

.sample_nav{
	margin:30px auto 0px auto;
	max-width:840px;
}

.sample_nav img{
	width:100%;
}

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

.sample_nav2{
	margin:10px auto 0px auto;
	max-width:840px;
}

.sample_nav2 img{
	width:100%;
}

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

.sample_nav3{
	margin:5px auto 30px auto;
	max-width:840px;
}

.sample_nav3 img{
	width:100%;
}

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

}

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

#sample_area{
	padding:0px 0px 70px 0px;
}

.kaiin_image{
	padding:0px 0px 5px 0px;
}

}

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

#sample_area{
	padding:0px 0px 50px 0px;
}

.sample_image_movie iframe{
	height:320px;
}

}


/*-- SAMPLE IMAGE OTHER --*/

.sample_image_other{
	margin:0px auto;
	padding:0px 0px 50px 0px;
	max-width:900px;
	text-align:center;
}

.sample_image_other .other600 img{
	max-width:600px;
	width:100%;
}

.sample_image_other .other800 img{
	max-width:800px;
	width:100%;
}


/*-- SAMPLE NAVI --*/

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

.sample_navi_pc{
	padding:30px 0px 20px 0px;
	overflow:hidden;
}

.sample_navi_pc table{
	width:100%;
}

.sample_navi_pc table td{
	width:33.33333%;
	text-align:center;
}

.sample_navi_pc img{
	max-width:300px;
	width:100%;
}

.sample_navi_sp{
	display:none;
}

.sample_navi_pc2{
	padding:30px 0px 20px 0px;
	overflow:hidden;
}

.sample_navi_pc2 table{
	width:100%;
}

.sample_navi_pc2 table td{
	width:100%;
	text-align:center;
}

.sample_navi_pc2 img{
	max-width:480px;
	width:100%;
}

}

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

.sample_navi_pc{
	padding:30px 0px 20px 0px;
	overflow:hidden;
}

.sample_navi_pc table{
	width:100%;
}

.sample_navi_pc table td{
	width:33.33333%;
	text-align:center;
}

.sample_navi_pc img{
	max-width:300px;
	width:100%;
}

.sample_navi_sp{
	display:none;
}

.sample_navi_pc2{
	padding:30px 0px 20px 0px;
	overflow:hidden;
}

.sample_navi_pc2 table{
	width:100%;
}

.sample_navi_pc2 table td{
	width:100%;
	text-align:center;
}

.sample_navi_pc2 img{
	max-width:480px;
	width:100%;
}

}

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

.sample_navi_pc{
	display:none;
}

.sample_navi_sp{
	padding:30px 0px 20px 0px;
	overflow:hidden;
	display:block;
}

.sample_navi_sp table{
	width:100%;
}

.sample_navi_sp table td{
	width:100%;
	text-align:center;
}

.sample_navi_sp img{
	max-width:400px;
	width:100%;
}

}


/*-- モニターのお声 --*/

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

.voice_image{
	margin:0px auto;
	padding:0px 0px 50px 0px;
	max-width:900px;
}

.voice_image img{
	max-width:900px;
	width:100%;
}

.monitor_table{
	padding:0px 0px 50px 0px;
	width:100%;
}

.monitor_table td{
	margin:0px;
	padding:15px 15px 10px 25px;
	background-image:url(../voice/icatch.png);
	background-repeat:no-repeat;
	background-position:5px 19px;
	border-bottom:1px dotted #555555;
	text-align:left;
	font-size:85%;
	line-height:150%;
	color:#555555;
}

}

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

.voice_image{
	padding:0px 0px 50px 0px;
	width:100%;
}

.voice_image img{
	max-width:900px;
	width:100%;
}

.monitor_table{
	padding:0px 0px 50px 0px;
	width:100%;
}

.monitor_table td{
	margin:0px;
	padding:15px 15px 10px 25px;
	background-image:url(../voice/icatch.png);
	background-repeat:no-repeat;
	background-position:5px 19px;
	border-bottom:1px dotted #555555;
	text-align:left;
	font-size:85%;
	line-height:150%;
	color:#555555;
}

}

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

.voice_image{
	padding:0px 0px 40px 0px;
	width:100%;
}

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

.monitor_table td{
	padding:15px 10px 10px 25px;
	background-position:5px 18px;
	font-size:80%;
}

}

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

.voice_image{
	padding:0px 0px 30px 0px;
	width:100%;
}

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

.monitor_table td{
	font-size:75%;
}

}


/*-- 開発秘話 --*/

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

.kaihatsu_text{
	padding:0px 10px 30px 10px;
	font-size:100%;
	line-height:175%;
	color:#333333;
	text-align:left;
}

}

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

.kaihatsu_text{
	padding:0px 10px 30px 10px;
	font-size:95%;
	line-height:175%;
	color:#333333;
	text-align:left;
}
}

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

.kaihatsu_text{
	padding:0px 5px 25px 5px;
	font-size:90%;
}

}

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

.kaihatsu_text{
	padding:0px 5px 20px 5px;
	font-size:85%;
}

}


/*-- DOWNLOAD FILE --*/

@media all and (min-width:1281px), print{

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

.download_file{
	margin:0px 0px 10px 0px;
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(220,215,215,1.0);
	box-sizing:border-box;
	transition:0.5s ease-out;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.download_file:hover{
	background-color:rgba(255,245,245,1.0);
}

.download_file a{
	padding:15px 60px 15px 15px;
	font-size:100%;
	line-height:175%;
	color:rgba(30,25,20,1.0);
	text-align:left;
	transition:0.5s ease-out;
	display:block;
}

.download_file a:link{ text-decoration:none; }
.download_file a:visited{ text-decoration:none; }
.download_file a:hover{ text-decoration:none; }
.download_file a:active{ text-decoration:none; }

.icon_pdf{
	background-image:url(../images/common/files_icon_pdf.png);
	background-repeat:no-repeat;
	background-position:right 20px center;
}

}

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

.information_file_area{
	padding:25px 0px 0px 0px;
}

.download_file{
	margin:0px 0px 10px 0px;
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(220,215,215,1.0);
	box-sizing:border-box;
	transition:0.5s ease-out;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.download_file:hover{
	background-color:rgba(255,245,245,1.0);
}

.download_file a{
	padding:15px 60px 15px 15px;
	font-size:95%;
	line-height:175%;
	color:rgba(30,25,20,1.0);
	text-align:left;
	transition:0.5s ease-out;
	display:block;
}

.download_file a:link{ text-decoration:none; }
.download_file a:visited{ text-decoration:none; }
.download_file a:hover{ text-decoration:none; }
.download_file a:active{ text-decoration:none; }

.icon_pdf{
	background-image:url(../images/common/files_icon_pdf.png);
	background-repeat:no-repeat;
	background-position:right 20px center;
}

}

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

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

.download_file{
	margin:0px 0px 5px 0px;
}

.download_file a{
	padding:15px 55px 15px 15px;
	font-size:85%;
}

.icon_pdf{
	background-position:right 15px center;
}

}