@charset "utf-8";

/************/
/*切り替え用*/
/************/
.pc{
	display:block;
}

.sp{
	display:none;
}



/*===============================================
  画面の横幅が767px以下に適用
===============================================*/
@media screen and (max-width: 767px){

/************/
/*切り替え用*/
/************/

.sp{
	display:block;
}
.pc{
	display:none;
}

/****メニューを出す****/

.menu-button-right {
    		display: block;
		background:#fff;
		height:33px;
		border-radius:5px;
		padding:4px 4px 0px 4px;
}


/****パンくず****/
	
	div.bread{
		width:100%;
		margin:0 auto;
		padding-top:10px;
		padding-bottom:10px;
	}

	div.bread ul.breadcrumbs{
		width:94%;
	}
	
	/**100%**/
	header,
	header div.header ,
	header nav ul ,
	address div,
	.container img,
	footer img,
	#wrapper{
		width: 100%;
	}

	#wrapper{
		overflow:hidden;
	}
	
	

	/****header*****/

	header .header div.logo_box{
		float: none;
		text-align: center;
		width: 100%;
		padding-top: 10px;
	}
	
	header .header .logo_box h1{
		display: none;
	}

	
	header .header p.logo{
		float: none;
		clear: both;
		padding-top: 0px;
		text-align: center;
		margin: 0 auto;
	}
	
	header .header p.logo img{
		height: 90px;
	}
	
	header .header{
		width: 90%;
		margin: 0 auto;
	}
	
	header .header .h_tel_mail_nav{
		float: none;
		width: 94%;
		margin: 0 auto;
		padding-top: 10px;
		height: auto;
	}
	
	header .header .h_tel_mail_nav .h_tel_mail .online{
		float: none;
		text-align: center;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
	header .header .h_tel_mail_nav .h_tel_mail{
		width: auto;
		float: none;
		padding-bottom: 0px;
	}
	
	header .header .h_tel_mail_nav .h_tel_mail ul{
		display: none;
	}
	
	header .header .h_tel_mail_nav .h_tel_mail p.h_mail{
		float: none;
		display: none;	
	}


	/****メイン画像*****/
	
	div.main_bg {
		
	}
	
	div.main_bg div.main_title{
		padding-top: 0px !important;
	}
	
	div.main_bg .main_title p{
		width: 60%;
	}
	
	/****サブ画像*****/
	
	.sub_main_bg{
		background-position:right top;
		height: 164px;
	}

	.sub_main_bg div{
		width:90%;
		text-align:center;
		padding-top:60px;
	}

	.sub_main_bg div p{
		padding:5px;
		box-sizing:border-box;
	}

	.sub_main_bg div p img{

	}
	
	/******共通*****/
	
	
	#container{
		line-height:1.8;
		font-size: 1.45rem;
	}
	
	/*******/

	div.gnav{
		display: none;
	}
	
	
	#container{
		
	}
		
	.tbl1 table,
	.tbl1 table tbody,
	.tbl1 table th,
	.tbl1 table tr,
	.tbl1 table td{
		display: block !important;
		width: 100% !important;
	}

	.tbl table,
	.tbl table tbody,
	.tbl table th,
	.tbl table tr,
	.tbl table td{
		display: block !important;
		width: 100% !important;
	}

	h2.stone{
		margin-bottom: 20px;
	}

	.cont{
		width:90%;
	}

	.page_link{
		width:100% !important;
	}

	.page_link li{
		width:49%;
		float:none;
		margin-bottom:1%;
		display:inline-block;
		margin-right:0px;
	}

	.page_link{

		text-align:center;
	}

	.page_link li a{
		background-size:cover;
		padding-top:14%;
		padding-bottom:14%;
		font-size:1.4rem;
		background-size:100% auto;
	}

	.page_link li a:hover{
		background-size:100% auto;
	}

	h2.sub_ttl span{
		font-size:2.3rem;
		text-align:center;
	}

	h2.sub_ttl span::before{
		left:-30px;
	}

	.tbl2 table{
		font-size:1.2rem;
	}

.taekwondo .contents4 .sec1 .box .tbl2 table th:nth-child(1){
	width:20%;
}

.taekwondo .contents4 .sec1 .box .tbl2 table th:nth-child(2){
	width:20%;
}

.taekwondo .contents4 .sec1 .box .tbl2 table th:nth-child(3){
	width:20%;
}

.taekwondo .contents4 .sec1 .box .tbl2 table th:nth-child(4){
	width:17%;
}

.taekwondo .contents4 .sec1 .box .tbl2 table th:nth-child(5){
	width:13%;	
}



.taekwondo .contents4 .sec1 .box .tbl2 table tr td{
	padding:0px;
}

.taekwondo .contents4 .txt_box iframe > *,
.taekwondo .contents4 .txt_box iframe{
	width:100% important;
}



/************taekwondoページ******************/

	.taekwondo .contents1{
		padding-top:30px;
		padding-bottom:30px;
	}

	.taekwondo .contents1 .sec1{
		padding-top:10px;
	}

	.taekwondo .contents1 .sec1 p.photo{
		float:none;
		text-align:center;
		width:80%;
		margin:0 auto 10px;
	}

	.taekwondo .contents1 .sec1 .txt_box{
		float:none;
		width:100%;
	}

	.taekwondo .contents1 .sec1 .txt_box h3{
		font-size:2.6rem;
	}

	.taekwondo .contents1 .sec1 .txt_box div.txt p{
		margin-bottom:20px;
	}

	.taekwondo .contents1 .sec1 .txt_box div.txt p br{
		display:none;
	}

	.taekwondo .contents1 .sec1 .txt_box div.about_tak_box{
		padding:10px;
	}

	.taekwondo .contents1 .sec1 .txt_box div.about_tak_box dt{
		font-size:1.7rem;
	}

/****************/

	.taekwondo .contents2{
		padding-top:30px;
		padding-bottom:30px;
	}

	.taekwondo .contents2 .role_wrap::before {
		display:none;
	}

	.taekwondo .contents2 h2.sub_ttl{
		width:270px;
	}

	.taekwondo .contents2 p.sub_ttl_txt{
		margin-bottom:10px;
	}

	.taekwondo .contents2 .role_wrap .role_box{
		float:none;
		width:100%;
		padding-bottom:30px;
	}

	.taekwondo .contents2 .role_wrap .role_box:nth-child(2n){
		float:none;
	}

	.taekwondo .contents2 .role_wrap .role_box p.photo{
		width:80%;
		margin:0 auto 10px;
		text-align:center;
	}

	.taekwondo .contents2 .role_wrap .role_box dl dt{
		font-size:1.8rem;
	}

	.taekwondo .contents2 .role_wrap .role_box dl dd p{
		margin-bottom:20px;
	}

	.taekwondo .contents2 .role_wrap .role_box dl dd br{
		display:none;
	}

	.taekwondo .contents2 .role_wrap .role_box dl dd ul li{
		margin-bottom:20px;
	}

	.taekwondo .contents3{
		min-height:initial;
		min-height:auto;
		padding-top:10px;
		margin-bottom:30px;
	}

	.taekwondo .contents3 .sec1 p.person{
		display:none;
	}

	.taekwondo .contents3 .sec1{
		width:90%;
	}

	.taekwondo .contents3 .sec1 .txt_box{
		float:none;
		width:100%;
		margin-top: 20px;
		padding:15px;
	}

	.taekwondo .contents3 .sec1 .txt_box dl dt{
		font-size:2.0rem;
	}

	.taekwondo .contents3 .sec1 .txt_box dl dd p{
		margin-bottom:20px;
	}

/************/

	.taekwondo .contents4{
		padding-bottom:10px;
	}

	.taekwondo .contents4 h2.sub_ttl{
		width:214px;
		margin-bottom:10px;
	}

	.taekwondo .contents4 .sec1 .box h3{
		font-size:1.5rem;
	}

.taekwondo .contents4 .txt_box iframe{
	width:100%;
	height:600px;
}

/************introページ******************/

	.intro .contents1{
		padding-top:30px;
		padding-bottom:30px;
	}

	.intro .contents1 .sec1{
		padding-top:10px;
	}

	.intro .contents1 .sec1 h2{
		font-size:2.0rem;
	}

	.intro .contents1 .sec1 .person_wrap .person_box p.photo{
		float:none;
		text-align:center;
		width:80%;
		margin:0 auto 10px;
	}

	.intro .contents1 .sec1 .person_wrap .person_box div.tbl{
		float:none;
		width:100%;
	}

	.intro .contents1 .sec1 .person_wrap .person_box{
		padding-bottom:30px;
		margin-bottom:30px;
	}

/************galleryページ******************/

	.gallery .contents1{
		padding-top:30px;
		padding-bottom:30px;
	}

	.gallery .contents1 .sec1{
		padding-top:10px;
	}

	.gallery .contents1 h2.sub_ttl{
		margin-bottom:30px;
	}

	.gallery .contents1 .sec1 h3{
		font-size:2.0rem;
	}

	.gallery .contents1 .sec1 .box_wrap{
		margin-bottom:30px;
	}

	.gallery .contents1 .sec1 div.gallery_box .movie_list{
		float:none;
		width:100%;
		margin-right:0px;
		margin-bottom:10px;
	}

	.gallery .contents1 .sec1 div.gallery_box .movie_list iframe{
		width:100%;
	}

	.gallery .contents1 .sec1 div.gallery_box .movie_list p.mp{
		text-align:center;
	}

/************aboutページ******************/

	.about .contents1{
		padding-top:30px;
		padding-bottom:30px;
	}

	.about .contents1 .sec1{
		padding-top:10px;
	}

	.about .contents1 .sec1 .photo{
		float:none;
		text-align:center;
		width:80%;
		margin:0 auto 10px;
	}

	.about .contents1 .sec1 .greeting_txt{
		float:none;
		width:100%;
	}

	.about .contents1 .sec1 .greeting_txt p.ttl{
		font-size:2.3rem;
	}

	.about .contents1 .sec1 .greeting_txt div.txt p{
		margin-bottom:20px;
	}

	.about .contents1 .sec1 .greeting_txt div.txt p br{
		display:none;
	}

	.about .contents1 .bnr_list dl,
	.about .contents1 .bnr_list dl:nth-child(2n){
		float:none;
		text-align:center;
	}

	/**************/
	
	.about .contents1_1{
		padding-top:30px;
		padding-bottom:30px;
	}
	
	.about .contents1_1 #business{
		width: 90%;
	}
	
	.about .contents1_1 h2.sub_ttl span{
		width: 270px;
		margin-bottom:10px;
	}
	
	.about .contents1_1 #business .photo{
		max-width: 512px;
		width: 100%;
		float: none;
		clear: both;
		text-align: center;
		margin: 0 auto;
	}
	
	.about .contents1_1 #business .business_txt{
		width: 100%;
		float: none;
		clear: both;
		margin:30px 0;
	}
	
	.about .contents1_1 #business .business_txt h3{
		font-size: 2.0rem;
		margin-bottom:10px;
	}
	
	.about .contents1_1 #business > div{
		margin: 0 0 10px 0;
	}
	
	.about .contents1_1 #business .sec4{
		padding: 4%;
		width: 100%;
	}
	
	.about .contents1_1 #business .txt_box{
		padding-bottom:10px;
		margin-top: 0;
	}
	
	.about .contents1_1 #business .txt_box > p{
		float: none;
		clear: both;
	}
	
	.about .contents1_1 #business .txt_box .txt_list dl{
		margin: 5px 0 0 0;
		float: none;
		clear: both;
	}
	
	.about .contents1_1 #business .txt_box .txt_list{
		float: none;
		clear: both;
	}
	
	.about .contents1_1 #business .tbl_box table{
		width: 100%;
	}
	
	.about .contents1_1 #business .tbl_box > div{
		width: 100%;
		float: none;
		clear: both;
		margin-right: 0;
	}
	
	.about .contents1_1 #business .tbl_box th{
		width: 100%;
	}
	
	.about .contents1_1 #business .tbl_box td{
		width: 100%;
	}
	
	
	/**************/

	.about .contents2{
		padding-top:30px;
		padding-bottom:30px;
	}

	.about .contents2 .sec1{
		width:90%;
	}

	.about .contents2 h2.sub_ttl span{
		width:119px;
		margin-bottom:10px;
	}

	.about .contents2 .sec1 .tbl_box{
		float:none;
		width:100%;
		margin-bottom:20px;
	}

	.about .contents2 .sec1 .map{
		float:none;
		width:100%;
		margin-bottom:20px;
	}
	
	.about .contents2 .sec1 .map iframe{
		height:230px;
	}

/******************/


	.about .contents3{
		padding-top:30px;
		padding-bottom:30px;
	}

	.about .contents3 .sec1{
		width:90%;
	}

	.about .contents3 h2.sub_ttl span{
		width:200px;
		margin-bottom:10px;
	}

	.about .contents3 .sec1 .sponsor_box{
		width:100%;
	}

	.about .contents3 .sec1 .sponsor_box h3{
		font-size:2.0rem;
	}

	.about .contents3 .sec1 .sponsor_box{
		margin-bottom:20px;
	}

	.about .contents3 .sec1 .sponsor_box p.spo_logo{
		margin-bottom:10px;
	}

	.about .contents3 .sec1 .sponsor_box p.spo_logo span{
		width:100%;
		display:block;
		height:auto;
	}

	
/************indexページ******************/
	
	
	.index .contents1{
		padding-top: 30px;
		padding-bottom: 32px;
		margin-top: -12px;
		background-size: cover;
	}
		
	.index .contents1 .sec1{
		width: 94%;
		margin: 0 auto;
	}
	
	.index .contents1 .sec1 .box{
		width: 100%;
		padding: 4%;
		
	}
	
	.index .contents1 .sec1 .box .txt{
		margin-bottom: 10px;
	}

	.index .contents1 .sec1 .box .txt p{
		margin-bottom: 10px;
	}
	
	.index .contents1 .sec1 .box .btn_list ul li{
		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 10px;
	}
	
	.index .contents1 .sec1 .box h2{
		margin-bottom: 15px;
	}
	
	.index .contents1 .sec1 .box h2 img{
		width: 90%;
	}

	/***************************/
	
	.index .contents2 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.index .contents2 .sec1{
		width: 94%;
	}
	
	.index .contents2 h2{
		font-size: 2.4rem;
		text-align: center;
	}
	
	.index .contents2 .sec1 ul.btn_list li{
		width: 48%;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
	.index .contents2 .sec1 ul.btn_list li:nth-child(2n){
		float: right;
		margin-right: 0px;
	}
	
	.index .contents2 .sec1 ul.btn_list li img{
		width: 100%;
	}
	
	
	/*********************/
	
	.index .contents3{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.index .contents3 .sec1{
		width: 94%;
	}
	
	.index .contents3 .sec1 .news_box{
		position: static;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	
	.index .contents3 .sec1 .news_list{
		padding: 5%;
	}
	
	.index .contents3 .sec1 .news_list article dl dt{
		float: none;
		clear: both;
	}
	.index .contents3 .sec1 .fcb_box{
		margin-top: 0px;
	}
	
	.index .contents3 .sec1 .fcb_box .face_book{
		float: none;
		text-align: center;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
	.index .contents3 .sec1 .fcb_box .gcalendar{
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.index .contents3 .sec1 .fcb_box  .gcalendar iframe{
		width: 100%;
		height: 360px;
	}

	.index .contents3 .sec1 .fcb_box ul.bnr_btn{
		float: none;
	}
	
	.index .contents3 .sec1 .fcb_box ul.bnr_btn li{
		text-align: center;
		margin-bottom: 10px;
	}

	.index .contents3 .sec1 .news_list article ul li{
		float:none;
		width:100%;
		margin-bottom:1px;
	}

	.index .contents3 .sec1 .fcb_box .face_book {
	    float: none;
	    width: 300px;
    	    margin: 0 auto 20px !important;
	}


/****************footer*****************/

	footer{
		width: 100%;
		margin-top: 0px;
		border-top:10px solid #000;
		padding-top: 0px;
		font-size: 1.5rem;
		line-height:1.8;
	}
	
	footer .f_nav{
		display: none;
	}
	
	footer .footer{
		width: 94%;
		padding-top: 20px;
	}
	
	footer .footer p.f_logo{
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	
	footer .footer p.f_logo img{
		width: 130px;
	}
	
	footer .footer div.f_area{
		width: 100%;
		float: none;
		clear: both;
	}
	
	footer .footer div.f_area .f_info_tel dl{
		float: none;
		margin-bottom: 10px;
	}
	
	footer .footer div.f_area dl dt,
	footer .footer div.f_area dl dd{
		text-align: center;
	}
	
	footer .footer div.f_area .f_tfm{
		width: 100%;
		float: none;
		clear: both;
	}
	
	footer .footer div.f_area .f_tfm ul{
		float: none;
		margin-bottom: 10px;
		
	}
	
	footer .footer div.f_area .f_tfm ul li{
		text-align: center;
	}
	
	footer .footer div.f_area .f_tfm ul li img{
		width: auto;
	}
	
	footer .footer div.f_area .f_tfm p{
		float: none;
		text-align: center;
	}
	
	footer .footer div.f_area .f_tfm p img{
		width: auto;
	}
	
	/**************/
	
	footer .footer .f_btn_area ul {
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
	}
	
	footer .footer .f_btn_area ul:last-child{
		margin-top: -1px;
	}
	
	footer .footer .f_btn_area ul li{
		width: 50%;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding-left: 10px;
		box-sizing: border-box;
	}
	
	footer .footer .f_btn_area ul li:nth-child(1),
	footer .footer .f_btn_area ul li:nth-child(2),
	footer .footer .f_btn_area ul li:nth-child(3),
	footer .footer .f_btn_area ul li:nth-child(4),
	footer .footer .f_btn_area ul li:nth-child(5),
	footer .footer .f_btn_area ul li:nth-child(6){
		width: 50%;
	}
	
	footer .footer .f_btn_area ul li a{
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 3.3vw;
	}
	
	

	
	
	
	/**************siteページ***************/
	
	.site .sitemap_box{
		padding-top:20px;
		padding-bottom:20px;
		width:100%;
	}


	.site h2.sub_ttl span{
		width: 159px;
	}


	.site .sitemap_box .item-box{
		width:90%;
		margin:0 auto;
	}
	

	

	/**************privacyページ***************/

	.privacy .privacy_box{
		padding-top:20px;
		padding-bottom:20px;
		width:90%;
		margin:0 auto;
	}

	.privacy h2.sub_ttl span{
		width: 246px;
	}

	.privacy .privacy_box .item-box:last-child{
		margin-bottom:0px;
	}

	/**************error 404ページ***************/

	.error .contents1{
		padding-top:20px;
		padding-bottom:20px;
	}

	.error .contents1 .sec1{
		width:90%;
		margin:0 auto;
	}

	.error .contents1 .sec1 h2{
		padding-right:10px;
		margin-bottom:10px;
		
	}

	/**************contactページ***************/


	.contact{
		padding-top:30px;
		padding-bottom:30px;
		width:90%;
		margin:0 auto;
	}

	.contact div.contact_box{
		width:100%;

	}

	.contact h2.sub_ttl span{
		width:160px;
	}

	div.contact_box table th, div.contact_box .defTable,
	div.contact_box table th, div.contact_box .defTable tbody,
	div.contact_box table th, div.contact_box table tr,
	div.contact_box table th, div.contact_box table th,
	div.contact_box table th, div.contact_box table td
	{
		display: block ;
		width:100%;
	}

	div.contact_box table th{

	}

	div.contact_box table th, div.contact_box table td{
		padding:10px;
	}

	 input.big{
		width:100%;
	}



	/**************blogページ***************/

	.blog .contents1 {
		padding-top:20px;
		padding-bottom:20px;
	}

	.blog .contents1 .sec1{
		width:90%;
	}

	.blog .contents1 .sec1 .item-box{
		padding:15px;
	}

	.blog .contents1 .sec1 article dl dt{
		float:none;
		clear:both;
		width:100%;
	}

	.blog .contents1 .sec1 article dl dd{
		margin-left:0px;
	}

	.blog .contents1 .sec1 article ul li{
		float:none;
		width:100%;
		margin-bottom:1px;
	}



	/**************blog_detailページ***************/

	.blog_detail .contents1 {
		padding-top:20px;
		padding-bottom:20px;
	}

	.blog_detail .contents1 .sec1{
		width:90%;
	}

	.blog_detail .contents1 .sec1 .item-box{
		padding:15px;
	}

	.blog_detail .contents1 .sec1 img{
		max-width:100% !important;
	}

	.blog_detail .contents1 .sec1 ul.news_cat li{
		float:none;
		width:100%;
		margin-bottom:1px;
	}


		
	/**************************/
	
	/*--------------------------------------
		common
	--------------------------------------*/
	html {
		font-size: 62.5%;
	}
	
	a:link {
		text-decoration: underline;
	}
	
	/* box-sizing */
	*, *:before, *:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	img {
		max-width: 100%;
	}
	
	body,
	#wrapper,
	/*header,*/
	footer  {
		width: auto;
		min-width: 320px;
	}
	
	body{
		background:#fff;
		}
	
	#wrapper {
		font-size: 1.0rem;
		padding:0;

	}
	



/* #pagetop */

#container #pagetop {
	display:block;
}
	
#pagetop img {
	max-width:50px;
}
.pagetop {
	padding: 0;
	margin: 0;
 	position: fixed;
 	right: 10px;
 	bottom: 10px;
 	z-index: 50;
 	display: none;
}

.pagetop a {
	background: rgba(0, 0, 0, 0.7);
 	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 	border-radius: 4px;
 	width: 36px;
 	height: 36px;
 	padding: 0;
 	margin: 0;
 	display: block;
}

.pagetop a img {
    display: none;
}

.pagetop a:after {
    content: "";
    position: absolute;
    top: 40%;
    left: 30%;
    display: block;
    width: 15px;
    height: 15px;
    border-right: #FFF 1px solid;
    border-bottom: #FFF 1px solid;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

	


	/* datepicker */
	/* カレンダー自体を大きく */
	#container #ui-datepicker-div {
		margin-top: -100px !important;
	}
	#container .ui-datepicker {
		width: 80% !important;
		/*height: 380px;*/
		margin: auto;
		overflow: hidden;
		background: #fff;
		border: 6px solid #ccc;
		border-radius: 12px;
		box-shadow: 18px 18px 0 0 rgba(0,0,0,0.1);
	}

	/* タイトルと矢印 */
	#container .ui-datepicker .ui-datepicker-header {
		padding: 6px;
		font-size: 18px;
		border-radius: 6px 6px 0 0;
	}

	/* 矢印 */
	#container .ui-datepicker .ui-datepicker-prev,
	#container .ui-datepicker .ui-datepicker-next {
		top: auto;
	}
	#container .ui-widget-header .ui-icon {
		background-image: none !important;
	}


	#container .ui-datepicker-prev::after,
	#container .ui-datepicker-next::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		display: block;
		width: 12px;
		height: 12px;
		border: 2px solid;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#container .ui-datepicker-prev::after {
		border-color: transparent transparent #000 #000;
	}
	#container .ui-datepicker-next::after {
		border-color: #000 #000 transparent transparent;
	}

	/* 曜日 */
	#container .ui-datepicker th {
		padding: 6px 6px;
		font-size: 18px;
		font-weight: normal;
		text-align: center;
		color: #000;
		border-bottom: 1px solid #000;
	}

	/* 日付の文字と余白を大きく */
	#container .ui-datepicker td span,
	#container .ui-datepicker td a {
		padding: 6px 6px;
	
		font-size: 18px;
		text-align: center;
	
		color: #333;
		border-radius: 4px;
	}

	/* 選択中 */
	#container .ui-datepicker td a.ui-state-active {
		color: #fff;
		background: #3366FF;
		box-shadow: inset 0 0 0 1px #fff;
	}

	/* 今日 */
	#container .ui-datepicker td a.ui-state-highlight {
		border: 2px solid #3366FF;
	}

	/* ボタンパネル */
	/*
	.ui-datepicker .ui-datepicker-buttonpane {
		position: absolute;
		left: 3px;
		right: 3px;
		bottom: 3px;
		padding: 0;
		border-top: 1px solid #000;
	}
	*/

	#container .ui-datepicker .ui-datepicker-buttonpane button {
		-webkit-appearance: none;
		min-width: 60px;
		margin: 3px 0 0;
		padding: 6px;
		font-size: 14px;
	/*
		color: #fff;
		background: #000;
		border: 0 none;
		border-radius: 6px;
	*/
	}


/*==================================================
詳細スライダー BEFIREAFTER
================================================== */
	
	#wrapper .slider_detail .contents1{
		width:85%;
	}
	
	.slider_detail .bxleft{
		width:100%;
		text-align:center;
		margin-bottom:10px;
	}
	
	.slider_detail .bx-pager {
		width:96%;
		margin:0 auto;	
	}
	
	.slider_detail .bx-pager ul {
	text-align:center;
	margin:0 auto;
	}

	.slider_detail  .bx-wrapper{
		margin-bottom:20px;
	}
	
	.slider_detail .bx-pager ul li{
		float:left;
		font:0px;
		margin-left:0px;
		padding-right:0px;
		width:46%;
	}

	.slider_detail .bx-pager ul li:nth-child(2n){
		margin-right:10px;
	}

	
	.slider_detail dl.bikou{
		font-size:0.5rem;
	}	
	
	.slider_detail dl.bikou dt{
		width:100%;
	}

/*==================================================
詳細fancy BEFIREAFTER
================================================== */

	.beforeafter_wrap{
		min-width:none !important;
		min-width:initial !important;
	}

	.beforeafter .contents1 h2{
		border-left: 5px solid #ccc;
		border-bottom: 2px solid #ccc;
		padding-left: 10px;
		color: #111;
		margin-bottom: 30px;
		overflow:hidden;
	}

	.beforeafter .contents1{
			width:85%;
	}

	.beforeafter div.before ,
	.beforeafter div.after {
		overflow:hidden;
	}

	.beforeafter .contents1 dl{
		float:left;
		width:48%;
		margin-right:0px;
		margin-bottom:8px;
	}

	.beforeafter .contents1 dl:nth-child(2n){
		float:right;
	}	

	.beforeafter .contents1 dl:nth-child(3n){
		margin-right:0px;
	}

	.beforeafter .contents1 dl dt img{
		max-width:100%;
	}

	.beforeafter .contents1 dl dd{
		font-size:0.85rem;
	}



/*==================================================
詳細fancy news_detail
================================================== */

	.news_detail .item-box{
			width:85%;
	}


}

/*===============================================
  画面の横幅が480px以下に適用
===============================================*/
@media screen and (max-width: 480px){


}