@charset "utf-8";
/* CSS Document */

/**************うんけい************/
.unkei_main{
	background:#f6f6f5 !important;
}

/**************************/
.top_banner{
	margin: 60px auto 0 auto;
	text-align:center;
}

@media screen and (max-width: 768px) {
.top_banner{
	margin:-25px auto 20px auto;
	text-align:center;
}	

}
/**************採用　応募フォーム************/

.form_ao{
	color: #26407e;
    font-weight: bold;
}

select {
    border-radius: 6px;
    border: 1px solid #9c9c9c;
}

select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
    font-size:16px;
    padding: 4px 6px 6px 6px
}


input, textarea {
    /* font-size: 16px; */
    /* border: 1px solid #a9a9a9; */
    /* -webkit-border-radius: 10px; */
    padding: 10px;
    /* -webkit-appearance: none; */
    /* -webkit-tap-highlight-color: rgba(0,0,0,0); */
    /* width: 93%; */
}



/**************PC スマホ　表示・非表示************/
.pc{
	display:inline;
}
.sp{
	display:none;
}

@media screen and (max-width: 768px) {
	.pc{
	display:none;
	}
	.sp{
	display:inline;
	}
}


body{
	font-size: 1rem;
    line-height: 1.6;
	padding:0;
	margin:0 auto;
    text-align: left;
    word-wrap: break-word;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴシック','Hiragino Sans',YuGothic,'Yu Gothic','メイリオ',Meiryo,sans-serif;
	font-weight:500;
	color: #525252
}


a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    /* font-size: 100%; */
    margin: 0;
    padding: 0;
    vertical-align: baseline; 
    border: 0;
}

li{
	list-style:none;
}


/**************お問い合わせエラー表示************/
div.wpcf7-validation-errors {
    border: 2px solid red;
    text-align: center;
    width: 75%;
    margin: 0 auto 50px auto;
}
.contact_mini{
	font-size:0.8em;
	color:#6B6B6B;
	line-height:1.3em;
	margin-top:5px;
	width:90%
}
@media screen and (max-width: 768px) {
.contact_mini{
	font-size:0.8em;
	color:#6B6B6B;
	line-height:1.3em;
	margin-top:5px;
	width:100%
}
}

/**************サイトマップ************/



#sitemap dl {
  border-top:1px #26407e dotted;
	display: flex;
	width:950px
}

#sitemap dl:last-child{
  border-bottom:1px #26407e dotted;
	display: flex;
	width:950px
}

#sitemap p{
	float:left;
	margin:0px 20px 20px 0;
	width:170px
}


#sitemap dt {
  float:left;
  width:200px;
  padding:30px 20px;
  color:#26407e;
  font-weight:bold
  
}

#sitemap dd {
  float:left;
  width:700px;
  padding:30px 20px 0px 20px;
}


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

#sitemap{
	border-bottom:none;
	margin:40px 0
	
}

#sitemap dl:last-child{
  border-bottom:1px #26407e dotted;
	display: flex;
	width:100%
}

#sitemap dl {
  border-top:1px #26407e dotted;
	display:block;
	width:100%;
	clear:both
}

#sitemap dt {
  float:none;
  clear:auto;
 width:auto;
  padding:20px 10px 20px 10px;
  color:#26407e;
  font-weight:bold
  
}

#sitemap dd {
  float:none;
  width:auto;
  padding:0px 10px 0px 30px;
}	
	
}

/**************ページ送り************/
.pagenation{
	text-align:center;
}

.page-numbers{
	border:1px #26407e solid;
	border-radius:4px;
	padding:5px 10px;
	color:#26407e
}

.current{
	border:1px #26407e solid;
	background:#26407e;
	border-radius:4px;
	padding:5px 10px;
	color:#fff
}

.back_btn{clear:both; text-align:center}

/**************店舗詳細************/


.time{
	text-align:center;
	margin:10px auto 20px auto;
}

#shop_info{
}

#store_map{
	margin-top:25px;
}
@media screen and (max-width: 768px) {
#store_map{
	margin-top:15px;
}
}


@media screen and (max-width: 768px) {
#shop_info{
	display: inline-block
}
}
    

/***マップをアプリで起動****/
#launch-app{
	text-align:center;
	margin:10px 0 60px 0;
	display:block
}

#shop_info dl {
  border-top:1px #26407e dotted;
	display: flex;
	width:400px
}

#shop_info dl:last-child{
  border-bottom:1px #26407e dotted;
	display: flex;
	width:400px
}


#shop_info dl:nth-child(2n+1) {
    background: #fbf9f2;
}


#shop_info dt {
  float:left;
  width:80px;
  padding:10px 10px 10px 20px;
  color:#26407e;
  font-weight:bold
  
}

#shop_info dd {
  float:left;
  width:330px;
  padding:10px 10px 10px 0px;
}


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

#shop_info{
	border-bottom:1px #26407e dotted;
	margin:40px 0
	
}

#shop_info dl:last-child{
  border-bottom:1px #26407e dotted;
	display: flex;
	width:100%
}

#shop_info dl {
  border-top:1px #26407e dotted;
	display:block;
	width:100%
}

#shop_info dt {
  float:none;
  clear:auto;
 width:auto;
  padding:10px 10px 0px 20px;
  color:#26407e;
  font-weight:bold
  
}

#shop_info dd {
  float:none;
  width:auto;
  padding:10px 10px 10px 20px;
}	
	
}


/**************店舗検索************/

.kensuu{
	font-size:150%;
	font-weight:bold
}

#genzai_btn{
	margin:20px 0 0 0;
}

@media screen and (max-width: 768px) {
#genzai_btn img{
	margin:10px 0 0 0;
	width:100%;
}

#kensaku_search form{
	width:100%;
	text-align: center
}


#kensaku_search input[type=text]{
	width:96%;
	font-size:18px
}
#kensaku_search input[type=submit]{
	text-align:center;
	width:251px;
}		
}


#search_page #map{
	width:580px;
	float:left;
	marginm:0 30px 50px 0
}

#search_pref{
	padding:0 0 80px 0;
}

#search_pref li{
	background:#efefef;
	border:1px #002060 solid;
	border-radius:4px;
	width:23%;
	float:left;
	text-align:center;
	padding:4px 0;
	margin:0px 15px 15px 0px;
	font-weight:bold
}


.pc-pref{
	clear:both;
}
.pc-pref h3{
	background:linear-gradient(#0f2f59, #0f4c78);
	color:#fff;
	border-radius:4px;
	padding:8px 0 6px 15px;
}



#pref_li li{
	border-bottom:1px #26407e dotted;
	padding:10px 0 10px 15px;
	font-weight:bold
}


#area{
	width:950px;
	margin:0 auto 80px auto;
}

@media screen and (max-width: 768px) {
#area{
	width:100%;
	margin:0 auto 40px auto;
}
}

#area_box{
	float:left;
	margin:0 0 0 30px;
	width:300px
}

@media screen and (max-width: 768px) {
#area_box{
	float:none;
	margin:0 auto;
	width:100%
}
#area_box h2{
	padding-top:30px
}
}

#search_page h2{
	margin:0px 0 0 0;
	font-size:22px;
	line-height:1.4em
}

.clear{
	clear:both;
	padding-top:60px;
}

#shop_list h2{
	font-weight:bold;
	margin:0;
	padding:0;
	font-size:18px;
	color:#d3b876
}

.li_kensuu{
	margin:50px 0 3px 0;
}

#shop_list li {
	border-top:1px #26407e dotted;
	font-size:16px;
	color:#393939;
	text-decoration:none;
	padding:15px 25px ;
	background: url(img/common/akayaji.svg) no-repeat;
	background-position: right
}





#shop_list{
	border-bottom:1px #26407e dotted;
	font-size:16px;
	color:#393939;
	text-decoration:none;
	margin: 0 0 50px 0
}

#shop_list ul{
	margin:40px 0
}


.sp-pref {
	display: none;
}




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

.pc-pref {
		display: none;
	}

.sp-pref {
		display: block;
}
/*
.sp-pref li{
	background:#fff !important;
	padding:6px 0 6px -10px !important;
	border:1px #26407e dotted !important
}
.sp-pref li a{
	color:#00a2ed !important;
}
*/


/******スマホ******/
#search_pref li ul.sp-pref li{
	background:#fff;
	width:100%;
	padding:0px;
	display: inline-block;
	border-bottom:1px #26407e dotted;
}
#search_pref li ul.sp-pref li a{
	color:#00a2ed;
	width:100%;
	
}
	
#search_page #map{
	width:100%;
	float:none;
	marginm:0 0px 50px 0
}

#search_pref{
	padding:0 0 0px 0;
}

/***********スマホ　エリア　通常時　ネイビーグラデ*********/
#search_pref li{
	background:linear-gradient(#0f2f59, #0f4c78);
	border:none;
	border-radius:0;
	width:100%;
	float:none;
	text-align:left;
	margin:0px;
	font-weight:bold;
	padding:0px;
	height:auto;
	line-height:3em
}



/***********スマホ　エリア　展開時*********/
#pref_li li{
	background:#fff;
	border:none;
	/*border-bottom:1px #26407e dotted;*/
	padding:40px 0px;
	font-weight:bold;
	width:100%
}

/***********スマホ*********/
#search_pref li a{
	color:#fff;
	padding:20px;
}


.pc-pref{
	clear:both;
}
.pc-pref h3{
	background:linear-gradient(#0f2f59, #0f4c78);
	color:#fff;
	border-radius:0;
	padding:8px 0 6px 15px;
}


	
#search_page h2{
	margin:30px 0 0 0;
	font-size:18px;
}

.clear{
	width:95%;
	margin:0 auto;
	text-align:left;
	clear:both;
	padding-top:30px;
	font-size:18px;
	}

#shop_list h2{
	font-weight:bold;
	margin:0;
	padding:0;
	font-size:18px;
}


#shop_list li {
	border-top:1px #26407e dotted;
	font-size:16px;
	color:#393939;
	text-decoration:none;
	padding:15px 30px 15px 10px 
}

#shop_list{
	border-bottom:1px #26407e dotted;
	font-size:16px;
	color:#393939;
	text-decoration:none;
	margin:0 0 50px 0
}

#shop_list ul{
	margin:40px 0
}	
	
}





/*************会社概要************/
#corporate{
	border-bottom:1px #26407e dotted;
	
}


#corporate dl {
  border-top:1px #26407e dotted;
	display: flex
}

#corporate dl:nth-child(2n+1) {
    background: #fbf9f2;
}


#corporate dt {
  float:left;
  clear:left;
  width:140px;
  padding:10px 10px 10px 20px;
  color:#26407e;
  font-weight:bold
  
}

#corporate dd {
  float:left;
  width:640px;
  padding:10px 10px 10px 20px;
}


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

#corporate{
	border-bottom:1px #26407e dotted;
	margin:40px 0
	
}

#corporate dl {
  border-top:1px #26407e dotted;
	display:block;
}

#corporate dt {
  float:none;
  clear:auto;
 width:auto;
  padding:10px 10px 0px 20px;
  color:#26407e;
  font-weight:bold
  
}

#corporate dd {
  float:none;
  width:auto;
  padding:5px 10px 10px 20px;
}	
	
}

/*************お知らせ************/
.alignleft{
	float:left;
	margin-right:10px;
}
.alignright{
	float:right;
	margin-left:10px;
}

.con_news{
	border-top:1px #26407e dotted;
	border-bottom:1px #26407e dotted;
	display: inline-block;
	width:950px;
	padding:30px;
	margin-bottom:30px
}

/*************記事内の画像************/
.con_news img{
	border-radius:8px;
}

.con_news .date{
	margin:8px 0 0 0
}

.con_news h2{
	font-size:22px;
	margin:0 0 10px 0;
	padding:0
}

@media screen and (max-width: 768px) {
.alignleft{
	float:none;
	margin-right:0px;
}
.alignright{
	float:none;
	margin-left:0px;
}

.con_news{
	border-top:1px #26407e dotted;
	border-bottom:1px #26407e dotted;
	display: inline-block;
	width:100%;
	padding:20px 0;
	margin:0 auto 30px auto;
}	

.con_news h2{
	font-size:20px;
	margin:0 0 10px 0;
	padding:0
}

.con_news img{
	width:100%;
	height:100%
}

}


/*************TOP入力欄************/
input[type=text]{
font-size : 16px;
border : 1px solid #9c9c9c;
-webkit-border-radius : 6px;
padding:6px;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
width:190px
}

#kensaku form{
 display:inline-block;
 margin:40px 0 0 10px;
 float:left
}

.top_submit_btn{
    border: 0px;
    width:75px;
    height:35px;
	text-indent:-9999px;
    background: url(img/common/top_kensaku_btn.png) no-repeat;
}
@media screen and (max-width: 768px) {
.top_submit_btn{
    border: 0px;
    width:251px;
    height:44px;
	text-indent:-9999px;
	margin:5px 0 0 0;
    background: url(img/common/top_kensaku_sp_btn.png) no-repeat;
}	
	
}

/*************スマホ TOP入力欄************/
@media screen and (max-width: 768px) {
	
#kensaku input[type=text]{
	width:93%;
	font-size:18px;
	margin-top:5px
}

#kensaku form{
	 display:block;
	 margin:10px auto 0 auto;
	 float:none;
	 text-align:center;
	 width: 300px;
}	


}

/*************お問い合わせ************/

.content_lead{
	width:950px;
	margin:50px auto 0 auto;
}


#form input[type=text], #form input[type=email], #form textarea{
	border: 1px solid #9c9c9c;
    -webkit-border-radius: 6px;
    padding: 6px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 750px;
	font-size:16px
}

@media screen and (max-width: 768px) {
#form input[type=text], #form input[type=email], #form textarea{
	width: 93%;
}	
}


/*
input,textarea{
font-size : 16px;
border : 1px solid #a9a9a9;
-webkit-border-radius : 10px;
padding:10px;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
width:600px
}
*/

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

.form_btn input[type=image] {
    text-align: center;
    margin: 0 0 80px 0;
    border: 1px #fff solid;
    border-radius: 0px;
}
	

.content_lead{
	width:95%;
	margin:50px auto 0 auto;
}

}


label{
	color:#26407e;
	font-weight:bold
}


.red{
	color:#cf0909;
	font-weight:bold
}


.form_btn{
	text-align:center;
	margin:0 0 80px 0
}

#form li{
	border-top:1px #26407e dotted;
	padding:10px 10px 20px 25px
	
}

#form li:nth-child(2n+1) {
    background: #fbf9f2;
}


#form{
	border-bottom:1px #26407e dotted;
	margin:30px auto ;
	width:950px
}

@media screen and (max-width: 768px) {
#form{
	width:100%
	
}
.form_btn{
	text-align:center;
	margin:0 0 0px 0
}

}


/*************Q&A************/
.mini{
	font-size:80%;
}


/*************お客様の声************/

.gold_title{
	background: url(img/common/gold_title.png) no-repeat;
	color:#d3b876;
	text-align:center;
	height:64px;
	margin: 0 0 55px 0;
    font-size: 30px;
    padding: 9px 0 0 0;
}


@media screen and (max-width: 768px) {
.gold_title{
	background: url(img/common/gold_title.png) no-repeat;
	color: #d3b876;
    text-align: center;
    height: auto;
    width: 100%;
    background-size: contain;
    background-size: contain;
    min-height: 40px;
    margin:25px 0 50px 0;
    font-size: 20px;
    padding: 10px 0 0 0;
    background-position: center center;
}	
	
}

@media screen and (max-width: 480px) {
.gold_title{
	background: url(img/common/gold_title_sp.png) no-repeat;
	color: #d3b876;
    text-align: center;
    height: auto;
    width: 100%;
    background-size: contain;
    background-size: contain;
    min-height: 40px;
    margin:25px 0 40px 0;
    font-size: 20px;
    padding: 9px 0 0 0;
    background-position: center center;
}	
	
}

	
#voice_bg{
	background: url(img/voice/voice_bg.png) no-repeat;
	background-color:#f9f6eb;
	background-position:top center;
	min-height:800px;
	display: flex;
}

.voice_box{
	clear:both;

}

/***********顔写真************/
.voice_photo{
	float:left;
	width:130px;
	height:170px;
	margin:0 10px 30px 0;
}

.profile{
	font-weight:bold;
}

.voice_photo img{
	border:2px #fff solid;
	border-radius: 8px;
	width:130px;
	height:170px;
}

.vo_title{
	color:#20aafe;
	font-size:20px;
	margin:0 0 10px 0;
	font-weight:bold
}

.vo_detail{
	text-align:justify;
	margin-bottom:10px;
}


.fukidashi {
 	position: relative;
	display: inline-block;
 	/*margin: 1.5em 0 1.5em 15px;*/
	margin: 0 0 20px 15px;
	padding: 18px 26px;
	width:740px;
 	color: #555;
	font-size: 16px;
	background: #fff;
	border-radius:4px;
	float:left;
}

.fukidashi:before{
	content: "";
	position: absolute;
	top: 75px;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fff;
}

.fukidashi p {
	margin: 0;
	padding: 0;
}


@media screen and (max-width: 768px) {
	
.voice_photo{
	float:left;
	width:78px;
	height:90px;
	margin:0 10px 10px 0;
	
}

.vo_detail p{
	font-size:15px;
}

.sp_detail{
	width:200px;
	float:left;
	margin:0px 0 0 0
}

.vo_title{
	color:#20aafe;
	font-size:1rem;
	font-weight:bold
}

.contents .voice_photo img{
	border:2px #fff solid;
	width:78px;
	height:102px;
}

.fukidashi {
 	position: relative;
	display: inline-block;
 	/*margin: 1.5em 0 1.5em 15px;*/
	margin: 15px 0 40px 0px;
	padding: 18px 18px;
    width: 88%;
 	color: #555;
	font-size: 16px;
	background: #fff;
	border-radius:4px;
	float:left;
}


.fukidashi:before{
	display:none;
	position: absolute;
	top: 0%;
	left: 0px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fff;
}


}


/**************商品紹介************/
.product_lead{
	font-size:16px;
	color:#26407e;
	text-align:center;
	margin:0 auto 50px auto;
	font-weight:bold
}

@media screen and (max-width: 768px) {
.product_lead{
	font-size:16px;
	width:100%;
	margin-top:30px
}	
}


.setsumei{
	text-align:justify;
	font-weight:normal;
	font-size:14px;
}





/**************商品紹介 詳細************/

#main_vi{
	background: #000000;
	text-align:center;
	line-height:0em;
	margin-bottom:50px
}

#main_vi_3way{
	background: #000000;
	text-align:center;
	line-height:0em;
	margin-bottom:50px
}

.midashi_p{
	color:#374372;
	font-weight:bold;
	margin:10px 0 0 0;
}


@media screen and (max-width: 768px) {
#main_vi img{
	width:96%
}	

#main_vi_3way img{
	width:100%
}


}


.btn_voice{
	margin:50px auto 50px  auto;
	text-align:center;
	clear:both
}


.main_zu{
	text-align:center;
	margin:40px auto;
}

@media screen and (max-width: 768px) {
.main_zu img{
	width:95%;
	text-align:center
}

.btn_voice img{
	width:95%;
}
}


.product_inner{
	width:950px;
	margin:0 auto;
	padding:30px 0;
	line-height:1.5em
}

@media screen and (max-width: 768px) {
.product_inner{
	width:95%;
	margin:0 auto
}

}


.product_inner h3{
	color:#374372;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:22px;
	margin:0 0 10px 0;
	line-height:1.4em;
	padding:0
}

.product_photo{
	float:left;
}

.product_bg{
	background:#f9f6eb;
	clear:both;
	display: flex;
}

.product_left{
	width:610px;
	float:left;
	margin-right:20px
}

.product_none{
	width:750px;
}

.product_none_img{
	width:700px;
}

@media screen and (max-width: 768px) {
.product_none{
	width:100%;
}

.product_left{
	width:100%;
	float:none;
	margin-right:0px
}

.product_photo{
	float:none;
	text-align:center;
	margin-top:10px
}

.product_none_img{
	width:100%;
}
}

.product_bg_white{
	background:#fff;
	clear:both
}







/**************TOPスライダ**************/
#top_slide{
	background:#000000;
	clear:both;
	margin-top:90px
}

@media screen and (max-width: 768px) {
#top_slide{
	background:#000000;
	width:100%;
	clear:both;
	margin-top:56px
}

}


/*****スライダ　ボタン*****/
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px !important;
    text-align: center;
    z-index: 2 !important;
}




/***************	マウスオーバー時にアンカー画像をゆっくり透過させる***************/

a{  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;
			text-decoration:none;
			color:#00A6D8
}  
a:hover {  
    opacity: 0.5;  
    filter: alpha(opacity=50);  
} 


/***************	contents部分　***************/

.contents{
	width:950px;
	margin:0 auto;
	padding:70px 0
}

@media screen and (max-width: 768px) {
	.contents{
		width:90%;
		margin:0 auto;
		padding:20px 0 30px 0
	}
	
	.contents img{
		width:100%;
	}

}



/****************************************TOP****************************************************/
@media screen and (max-width: 768px) {
	.contents h2{
		margin-top:30px;
	}
}

/**************TOPお知らせ**************/

#top_info{
	margin:20px auto 30px auto;
}

#top_info li {
	border-bottom:1px #26407e dotted;
	padding:15px 20px 11px 20px;
}

#top_info li:first-child {
	border-top:1px #26407e dotted;
	border-bottom:1px #26407e dotted;
}



@media screen and (max-width: 768px) {
	#top_info li:first-child {
		border-top:1px #26407e dotted;
		border-bottom:1px #26407e dotted;
		padding:10px 0px;
	}
	
	#top_info li {
		border-bottom:1px #26407e dotted;
		padding:10px 0px;
	}	
	
}


/****TOPお知らせ 店舗名****/
.store_name{
	background:linear-gradient(#d3b876, #e9dfb8);
	color:#26407e;
    display: inline;
	font-weight:bold;
	border-radius: 3px;
    margin-bottom: 7px;
    padding: 2px 10px 1px 10px;
}

/***IE10以降ハック***/
@media all and (-ms-high-contrast:none){
.store_name{
	background:linear-gradient(#d3b876, #e9dfb8);
	color:#26407e;
    display: inline;
	font-weight:bold;
	border-radius: 3px;
    margin-bottom: 15px;
    padding: 5px 10px 3px 10px;
	
}
}

@media screen and (max-width: 768px) {
.store_name{
	background:linear-gradient(#d3b876, #e9dfb8);
	color:#26407e;
    display: inline;
	font-weight:bold;
	border-radius: 3px;
    margin-bottom: 7px;
    padding: 2px 10px 2px 10px;
	font-size:13px
}
}


#top_info li span{
		font-weight:bold;
		margin-right:10px;
	
}

@media screen and (max-width: 768px) {
	#top_info li span{
			font-weight:bold;
			margin-right:10px;
			font-size:80%
	}	
}


#top_info li a:link, #top_info li a:visited{
	text-decoration:none;
	color:#757575
}

#top_info li a:hover{
	 opacity: 0.5;  
    filter: alpha(opacity=50); 
}

.lead_center{
	text-align:center;
	font-weight:600;
	margin-top:10px
}

/**************concept**************/
#concept{
	background:url(img/index/concept_bg.png);
	margin:0 auto;
	padding:55px 0 47px 0;
	text-align:center
}

@media screen and (max-width: 768px) {
	#concept img{
		width:90%;
	}
}

/**************TOP取扱商品**************/

#top_products{
		background: linear-gradient(#0f2f59, #0f4c78);
		color:#fff;
		display: -webkit-box;
}


.top_pro{
	font-size:16px;
	font-weight:bold;
	color:#fff;
    margin: 5px 0 15px 0;
}

#top_products a{
	color:#fff;
	text-decoration:none;
	font-weight:600;
}

.products_lead{
	text-align:center;
	margin:15px auto 20px auto;
	font-weight:600
}

.btn{
	margin:10px auto 30px auto;
	text-align:center;
	clear:both
}



@media screen and (max-width: 768px) {
.btn img{
	width:85%;
	margin:10px auto 30px auto;
}
}


/******商品バナー****/
.products_banner{
	text-align:center;
}


.product_name{
	font-size:17px;
	font-weight:bold;
	color:#26407e;
	margin:6px auto 9px auto
}

.products_banner_sub{
	margin:40px 0;
}


.product_text{
	text-align: justify;
	margin-bottom:20px
}
@media screen and (max-width: 768px) {
.product_text{
	text-align: justify;
	margin-bottom:0px
}
}

.products_banner_sub li{
	float:left;
	margin:0 46px 20px 0;
	text-align:center;
	font-size:14px;
	width:286px;
}

.li_last{
	margin:0 0px 40px 0 !important
}
	

.products_banner_sub_2{
	width:620px;
	margin:0 auto
}

@media screen and (max-width: 768px) {
	
.products_banner_sub{
	margin:0px 0;
}

.li_last{
	margin:0 auto 20px auto !important
}

.products_banner_sub li{
	float:none;
	margin:0 auto 20px auto;
	width:70%;
}

.products_banner_sub_2{
	width:100%;
	margin:0 auto
}

.products_banner_sub_2 li{
	float:none;
	margin:0 auto 20px auto;
	width:70%;
}	
}


/**************TOP 検索ボックス**************/
#top_search{
	height:123px;
	background: linear-gradient(#0f2f59, #0f4c78);
	margin-top:-40px
}

#shopsearch_text{
	float:left;
	border-right:1px #fff solid;
	padding:10px 28px 10px 0;
	margin-right:28px;
	margin-top:34px
}

@media screen and (max-width: 768px) {
#shopsearch_text{
	float:none;
	border-right:none;
	padding:30px 0 0 0;
	margin:10px auto 0 auto;
	margin-top:34px;
	text-align:center
}	

.shopsearch_lead{
	text-align:center;
	width:100%;
}

}


#top_search p{
	color:#fff;
	font-weight:bold;
	float:left;
	margin-right:6px;
	font-size:14px;
	line-height:1.3em;
	margin-top:40px
}

#top_search p span{
	font-size:130%;
}

#top_2btn{
	width:251px;
	float:right;
	margin:20px 0 0 0
}

#top_search_inner{
	width:950px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
#top_search{
	height:350px;
}

#top_search p{
	margin-top:20px
}


#top_search_inner{
		width:100%;
		margin: 0 auto;
	}
#top_2btn{
	width:300px;
	float:none;
	margin:20px auto 0 auto
}

#top_2btn img{
	width:300px
}

}