@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	font-size:100%;
}
a img {
	border: 0;
	}

/*　body　のくくり　=============================================================================== */
body{
	border-top:#E02983 5px solid;
}


/*　wrapper　のくくり　=============================================================================== */
div.wrapper{
	margin-right:auto;
	margin-left:auto;
	width:1024px;
	overflow: hidden;
	height: 100%;
}


/*　colum　のくくり　=============================================================================== */
div.colum {
	width:200px;
	float:left;
	margin-right:10px;
}


/*　header　のくくり　=============================================================================== */


div.colum div.header ul li a {
	width:200px;
	display:block;
	text-indent: -999px;
	background:url(../images/glonavi.jpg);
}
	
div.colum div.header ul{
	list-style-type:none;
}

div.colum div.header ul li.navi_01 a{
	background-position:0px 0px;
	height:45px;
}

div.colum div.header ul li.navi_01 a:hover{
	background-position:200px 0px;
	height:45px;
}

div.colum div.header ul li.navi_02 a{
	background-position:0px -45px;
	height:35px;
}

div.colum div.header ul li.navi_02 a:hover{
	background-position:200px -45px;
	height:35px;
}

div.colum div.header ul li.navi_03 a{
	background-position:0px -80px;
	height:35px;
}

div.colum div.header ul li.navi_03 a:hover{
	background-position:200px -80px;
	height:35px;
}

div.colum div.header ul li.navi_04 a{
	background-position:0px -115px;
	height:35px;
}

div.colum div.header ul li.navi_04 a:hover{
	background-position:200px -115px;
	height:35px;
}

div.colum div.header ul li.navi_05 a{
	background-position:0px -150px;
	height:35px;
}

div.colum div.header ul li.navi_05 a:hover{
	background-position:200px -150px;
	height:35px;
}

div.colum div.header ul li.navi_06 a{
	background-position:0px -185px;
	height:45px;
}

div.colum div.header ul li.navi_06 a:hover{
	background-position:200px -185px;
	height:45px;
}


div.colum div.header ul li.navi_07 a{
	background-position:0px -230px;
	height:50px;	
}

div.colum div.header ul li.navi_07 a:hover{
	background-position:200px -230px;
	height:50px;
}
div.colum div.header ul li.navi_08 a{
	background-position:0px -280px;
	height:30px;	
}

div.colum div.header ul li.navi_08 a:hover{
	background-position:200px -280px;
	height:30px;
}

div.colum div.header p{
	text-align:right;
	padding-top:10px;
	padding-right:10px;
	text-decoration:none;
}

div.colum div.s_mail {
	width:180px;
	padding-left:20px;
}

div.colum div.s_mail p {
	font-size:13px;
	color:#666;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
}

div.colum div.s_mail form {
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	overflow:hidden;
}

div.colum div.s_mail form table {
	width:180px;
}

/*　contents　ここから　=============================================================================== */
div.contents{
	width:720px;
	background-image:url(../images/back_Line.jpg);
	float:left;
	}
	
div.contents div.kadomaru_top{
	width:720px;
	height:35px;
	background: #fff url(../images/blue_top_maru.jpg) no-repeat bottom left;
	}

div.contents div.contents_text{
	width:570px;
	margin-left:auto;
	margin-right:auto;
}
div.contents div.contents_text h2 img{
	padding-top:30px;
	}

div.contents div.contents_text h3{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:250%;

}
div.contents div.contents_text p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:80%;
	color:#666;
	line-height:150%;
	text-align:justify;
	}
div.contents div.kadomaru_bottom{
	width:720px;
	height:15px;
	background:url(../images/blue_bottom_maru.jpg) no-repeat bottom center;
	}

/*　footer　ここから　=============================================================================== */
#footer{
	text-align: center;
	background: url(../images/fooder_line.jpg) repeat-x;
	}

/* レスポンシブ対応
 * add 2017/08/01 
 */
@media screen and (max-width: 640px) {
	div.wrapper{
width: 100%;
/*表示順序を入れ替え*/
 display: flex;
 flex-direction: column;
}
div.contents{
	 order: -1;
}

/*共通部分*/
div.colum{
float:none;
width: 100%;
	}
div.colum div.s_mail{
	width: 100%;
	padding: 0;
}
div.colum .s_mail img{
	width: 100%;
	height: auto;
}
div.colum div.s_mail form table
{width: 100%;}
div.colum div.s_mail p
{
	border: none;
}

div.colum div.s_mail p{
	display:inline
}
div.colum div.s_mail p a img{
	width: 47%;
}

div.colum div.s_mail input{
	width: 100%;
}
div.colum div.s_mail input[name=sbm]{
	width:50%;
}
div.colum div.header ul li{
	background-color: #E02983;
	display: block;
	margin-bottom: 20px;
}

div.wrapper div.colum div.header ul li a
{
	width: 100%;
	height: auto;
	font-size: 24px;
	color: #FFF;
	background: url(none);
	text-indent:0;
	float: none;
	display: block;
	text-decoration: none;
}

div.wrapper div.colum div.header ul li a:before
{content: "■";}
div.wrapper div.colum div.header ul li a:hover{
	height:auto;
}

div.wrapper h1 img{
	width: 100%;
	height: auto;
}



span a[title=sitemap],
span a[title=index],
img[scr=images/pose_B03.jpg]
.s_mail{
	display: none;
}
div.wrapper div.contents {
width: 100%;
background-image:url(none);
}

div.contents div.kadomaru_top,
div.contents div.kadomaru_bottom{
display: none;

}
div.contents div.contents_text{
	width: 95%;
	font-size: 16px;
}

/* コンテンツ内画像100% */

/*バドミントンの始め方*/
div.contents_text .zu img,
div.contents_text h2 img
{
	width: 100%;
	height: auto;
}


/*用具について*/
div.contents_text h3#racket img,
div.contents_text h3#shuttle img,
div.contents_text div.shoes h3 img,
div.contents_text h3.link_bar img,
div.contents_text h2 img,
div.contents_text h3#others img,
div.contents_text h3#others img,
h3.tittle_i img,
h3.tittle_ro img,
h3.tittle_ha img,
div.link h3 img,
h3#sm img,
h3#hc img,
h3#hb img,
h3#dc img,
h3#d img,
h3#hp img,
h3#ls img,
h3#ss img,
h3 img[alt=バドミントンコート],
h3 img[alt=基本ルール],
h3 img[alt=ゲーム進め方],
img[alt=バドミントンコートルール図],
h3 img[alt=バドミントンの魅力],
h3 img[alt=ゲーム進め方],
h3 img[alt=代表者プロフィール],
/*div.text_area_others img,*/
div.text_area_shuttle h3 img,
/*div.text_area_shuttle p img,*/
p.singles img,
p.doubles img,
img[src='images/yougu_midashi_shimai.jpg'],
img[src='images/yougu_midashi_bag.jpg'],
img[src='images/yougu_midashi_ware.jpg']

{
	width: 100%;
	height: auto;
}
div.contents div.contents_text div.profile div.text_area_profile,
div.contents div.contents_text div.w_point_area div.w_point_text,
div.contents div.contents_text div.text_area_shoes div.kashikoi_shoes div.kashikoi_shoes_text,
div.contents div.contents_text div.text_area_racket div.kashikoi_racket div.kashikoi_racket_text,
div.contents div.contents_text div.text_area_shuttle div.kashikoi_shuttle div.kashikoi_shuttle_text{
	width: auto;
}
div.contents div.contents_text div ol{
	width: auto;
}
div.wrapper div.contents div.sitemap ul[class^='sitemap_'],
div.contents div.contents_text div.link{
	width: auto;
	float: none;
}

div.contents_text div.others div.text_area_others,
div.contents_text div.shoes div.text_area_shoes,
div.contents_text div.shuttle div.text_area_shuttle,
div.contents_text div.racket div.text_area_racket{
	width: 100%;
}
.racket_main img,
.shoes_main img,
.bag_main img
{
	display: none;
	/*width: 30%;*/
height: auto;
}
/*シャトルのしまい方*/
img[alt=シャトルのしまい方]
{width: 100%;
height: auto;}
/* コンテンツ内画像対象外 */
div.rekishi_all,
div.wrapper div.contents_text div.rekishi,
div.wrapper div.contents_text div.kinnen,
div.wrapper div.contents_text div.nihon
{
width: 100%;
}

.singles_zu img,.doubles_zu img{
	width: 100%;
	height: auto;
}
div.wrapper div.contents_text div.sm ul.sm_photo,
div.wrapper div.contents_text div.hc ul.hc_photo,
div.wrapper div.contents_text div.hb ul.hb_photo,
div.wrapper div.contents_text div.dc ul.dc_photo,
div.wrapper div.contents_text div.d ul.d_photo,
div.wrapper div.contents_text div.hp ul.hp_photo,
div.wrapper div.contents_text div.ls ul.ls_photo,
div.wrapper div.contents_text div.ss ul.ss_photo{
	width: auto;
}
div.contents_text div[id^="gallery"] p{
	float :left;
}
.kamae img {	width: 100%;
	height: auto;}


	.coat img,
		img[alt=シングルスとダブルス],
	img[alt=イースタングリップ],
	img[alt=ウエスタングリップ],
	.tittle_suburi img,
	.suburi_p img,
	img[alt=準備体操]
	{
width: 100%;
height: auto;

	}

div#footer img{
	width:100%;
height: auto;

}

div#footer {
	display: none;
}



div.contents_text div.point_area p.point
{
	width: auto;
}



/*ここがポイント*/
div.contents div.contents_text div.point_area p.point {
	width: auto;
}

}