@charset "utf-8";

body{
        background: rgba(0, 0, 0, 0) url("../images/wpaper.png") no-repeat scroll 50% top; 
        background-color:#ffffff;      
}

/******************************************
header
*******************************************/
#header_text{
	background:#000000;
	color:#fff;
	min-width:1200px;
	line-height:32px;
}
#header_text p{
	text-align:right;
	font-size:12px;
}
#header_text h1{
	font-size:12px;
	float:left;
	width:50%;
	text-align:left;
}
#header_text a{
	color:#fff;
}
#header{
	padding:10px 0px 20px 0px;
}
#logo{
	float:left;
	z-index:100000;
	margin-right:50px;
}
#header p{
	float:left;
	text-align:left;
	color:#1b70be;
	font-size:12px;
	line-height:1.8;
	color:#fff;
	margin-top:10px;
}

#header_tel{
	text-align:right;
	float:right;
	overflow:hidden;
	width:300px;
	padding-right:35px;
	color:#fff;
	margin-bottom:10px;
	text-shadow: 1px 1px 3px #000;  
}
#header_tel a{
	color:#fff;
	font-size:12px;
}
.globalmenu_bg {
        margin-top: 15px;
}

#globalmenu{
}
#globalmenu ul{
	list-style:none;
}

#globalmenu li{
	float:left;
}
#globalmenu li a{
	display:block;
	padding:20px 0;
	font-size:18px;
	text-align:center;
	width:199px;
	color:#fff;
	background:#000000;
	border-left:1px solid #fff;
        font-family: "Cantata One",serif;
}
#globalmenu li:first-child a{
	border-left:none !important;
}
#globalmenu li a:hover{
	background:#4d4d4d;
	text-decoration:none;
}
#sp_globalmenu{
	width:95%;
	z-index:100000000;
	display:block;
	padding:10px 0;
	text-align:center;
	color:#fff;
	cursor:pointer;
	background:#1b70be url(../images/gmenu.png) no-repeat 98% 8px;
	width:100%;position:relative;top:0;right:0;
	font-family: "Cantata One",serif;
	font-size:13px;
}
#sp_globalmenulist{
	display:none;

}
#sp_globalmenulist li a{
	background: #f4f4f4 url("../images/icon-menu.png") no-repeat scroll 10px 50%;
	font-size: 13px;
	padding: 10px 35px;
	text-align: left;
	border-bottom:#ddd 1px solid;
	display:block;
	font-family: "Cantata One",serif;
}
#sp_globalmenulist li a:hover{
	background:#ddd;
	text-decoration:none;
}


/******************************************
footer
*******************************************/
#pagetop{
	float:right;
	margin:-50px 0 0 0;
}
#footer{
	background:#4d4d4d;
	color:#fff;
	padding:20px 0;
	font-size:12px;
	min-width:1200px;
	margin-top:50px;
}
#footer ul{
	float:left;
	width:25%;
	color:#999999;
	text-align:left;
	margin:20px auto;
}
#footer ul li{
	font-size:12px;
	padding:2px;
	line-height:1.5;
}
#footer ul li.tit{
	color:#fff;
}
#footer a{
	color:#999999;
}
.whole_contain {
    display: inline-block;
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    width: 75px;
    height: 75px;
    background-size: contain;
}
.whole_contain_main {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin: 0;
    width: 323px;
    height: 242px;
}
.contain {
    display: inline-block;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0;
    width: 75px;
    height: 75px;
    background-size: contain;
}
.select .tab_alink:link,
.select .tab_alink:visited{
	color:#fff;
}




/******************************************
smart phone & tablet
*******************************************/
@media screen and (min-width: 421px)  {
/*PC 1024以上*/
	.pchide{display:none;}
}

@media screen and (min-width: 0px) and (max-width: 420px) {
/*タブレット640未満*/
	.sphide{display:none;}
	/*header*/
	#logo{width:100%;margin:0 auto;}
	#header {
    padding: 10px 0px 0px;
}
	.recommend ul li{
		border-top:none;
		border-left:none;
		border-right:none;
		height:auto;
		width:100%;
		float:none;
	}
	.recommend img{display:none;width:20%;}

	.recommend2 ul li{width:40%;margin-right:3%;height:380px;}
	.recommend2 ul li img{width:100%;height:110px;}
	.recommend2 ul li strong{font-size:8px;}
	.blog_area li{width:100%;}
	.blog_area li p{font-size:12px !important;width:85%;}
	.blog_area li img{width:100px;}
	.slider_sp,.slider_sp ul{width:100%;margin-bottom:15px;}
	.slider_sp li{margin:5px 0 !important;width:100% !important;}
	#header_text{line-height:18px;}
	#header_text p{padding:5px 0;text-align:right;}
	#header_tel{margin:-10px 0px 10px 0px;padding:0;height:32px;}
	#contenter .menulist a{width:90%;padding:3% 0% 3% 10%;}
	.news_list{margin-top:0;}
	.top_newslist .pull-left,.top_newslist .pull-right{width:100%;float:none;}
	.top_newslist .pull-right{margin-top:15px;}
	.top_newslist img{width:100%;}
	.section_title{margin-bottom:10px;}
	/*main*/
	#contenter{float:left;width:100%;overflow:hidden; margin-left:0px;}
	#header{overflow:hidden;}
	#sidebar{width:100%;overflow:hidden;padding-bottom:40px;margin-right:0px;}
	.sidemax{width:95%;}
	.sidemax img{width:100%;overflow:hidden;}


	/*contact*/
	.section_title img{height:20px;width:auto;}
	.category_list dt{padding:20px 10px 20px 40px;background-position:10px 15px;}
	.category_list dd{min-height:40px;padding:0 10px 10px 10px;}
	.category_list  img{width:100px !important; height:100px !important;}
	.contact_dl{width:92%;margin:0 0 0px 0;}
	.contact_dl dt{width:100%;height:1.5em;
	border-right:1px solid #ccc;}
	.contact_dl dd{width:100%;height:2.8em;border-right:#ccc 1px solid;font-size:13px;
	border-left:none;}
	.contact_dl dt.em3,
	.contact_dl dt.em4,
	.contact_dl dt.em5,
	.contact_dl dt.em6,
	.contact_dl dt.em7,
	.contact_dl dt.em8,
	.contact_dl dt.em9,
	.contact_dl dt.em10,
	.contact_dl dt.em11,
	.contact_dl dt.em12,
	.contact_dl dt.em13,
	.contact_dl dt.em14,
	.contact_dl dt.em15,
	.contact_dl dt.em17,
	.contact_dl dt.em20,
	.contact_dl dt.em22{height:1.5em !important;}
	
	.basic_table,.siborikomi_title{width:100%;padding:10px !important;text-indent:0px;}
	.basic_table th,.basic_table td{font-size:10px;}
	
	.btn_submit input{font-size:15px;width:80%}
	.btn-search input{padding-left:60px;}
	.section_text{padding:0 5px;}
	.dls,.dls dt,.dls dd{width:96%;margin:0;float:none;}
	.favorite_box{padding:10px 5px;}
	.favorite_box img{width:43%;margin-top:10px}
	.favorite_box .pull-left{margin-bottom:10px;}
	.favorite_box .pull-right{width:100%;}
	.favorite_table td,.favorite_table th{font-size:12px;}
	.btn-mail input{font-size:13px;width:90%;background-position:3% 5px;}
	.pagination>li>a, .pagination>li>span{padding:3px 6px;}
	a.btn-more{background:none;color:#1b70be;font-weight:bold;padding:0px;font-size:12px;}
	.alert-message{text-align:left;}
	.login .form-group{width:100%;}
	.login .btn{float:none;width:92%;margin:0 auto;margin:10px;}
	.spp{margin:0 5px !important;}
	.conte_box ul li,.conte2_box ul li{width:40% !important;margin:0 3% 3% 0;}
	.conte_box ul li img{width:100%;}
	.conte_box,.conte2_box{width:100% !important;}
	.conte_box ul li p a {margin-top:10px;}
	.tab li{font-size:12px;}
	.labelblock label{display:inline; width:120px;}
	.wholes_box .pull-left,.wholes_box .pull-right{width:100%;}
	.wholes_box .pull-right li{width:21% !important;margin:3%;}
        .w520{  width:100%;}
	.article_contain_main{width:100%  !important;}
	#map{height:200px  !important;overflow:hidden;}
	/*footer*/
	#pagetop{clear:both;float:none;display:block;margin:-40px auto 0 auto !important;text-align:center;width:200px !important;}
	#pagetop img{width:100%;}
	#footer ul{width:100%;margin:0 0 10px 0;}
	#footer ul li {font-size:12px;}
	#footer .cf{font-size:8px;}
	#footer,#header_text{min-width:100%;}

	/*header*/
	.topmenu_sp ul li img {
    float: left;
    width: 33.3%;
}


	/*main*/
.recommend2 ul li{width:40%;margin-right:3%;height:250px;}
.contact_dl .kodawariem20{height:auto !important;}
.contact_dl .syumokuem17{height:17em !important;}



	/*footer*/
	
/*poupu search*/	
#js_popup_area_tab_box label{
       width:50% !important;}		
#popup_area_rosen_search{
       font-size:12px !important;}
#js_popup_rosen_tab_box label {
    width: 50%;}	
}