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

/* 全体に適用
   ========================================================================== */

/* Reset Stylesheet
   ========================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
nav ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
input, textarea, select {
    vertical-align:middle;
	outline: none;
}
/* Reset Stylesheet*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body{
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;

}


/* 共通
   ========================================================================== */
.container {
		width:100%;
		margin-left: auto;
		margin-right: auto;}



.yellow{
	color:#a3ac17;
}
.white{
	color:#fff;
}

.moji10{
	font-size:10px;
}

.moji11{
	font-size:11px;
}

.moji12{
	font-size:12px;
}

.moji14{
	font-size:14px;
}

.moji16{
	font-size:16px;
}

.futoji{
	font-weight:500;
}

.futoji2{
	font-weight:bold;
}

.centermoji{
	text-align:center;
	padding:30px 0;
}

a:link{
	color:#fff;
	text-decoration:none;}
a:visited{
	color:#fff;
	text-decoration:none;}


/*-------
検索 共通
----------*/
dl.search1{
	position:relative;
}
dl.search1 dt{
	margin-right:105px;
	padding:7px;
	background-color:#fff;
	border:1px solid #aaa;
	
}
dl.search1 dt input{
	width:100%;
	height:24px;
	line-height:24px;
	background:none;
	border:none;
	font-size:16px;
}
dl.search1 dd{
	position:absolute;
	top:0;
	right:0;
}
dl.search1 dd button{
	display:block;
	width:100px;
	height:42px;
	color:#fff;
	line-height:40px;
	text-align:center;
	background-color:#bbc21d;
	border:1px solid #bbc21d;
	font-size:16px;
	letter-spacing: 3px;
}
/*====================================*/





/*  PC
   ========================================================================== */
@media screen and (min-width: 769px){
	
.smt_title,
#smt_chiiki_box,
.header_nav_smt,
#layerMenu,
#openMenu{display:none}

#bg{
	background-color: #4686a0;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	overflow: hidden;
	position: relative;
}

#header_top{
	padding:0 10px;}

#header_news{
	background-color: #4686a0;
	padding:5px 10px;
	letter-spacing: 1px;
}
.news_date{
	padding:0 10px;
	letter-spacing: 3px;}

#header_top .left{
	float:left;
	padding-top:2px;
}
h1{
	padding:5px 4px 0 0;
}
	
#header_top .right{
	float:right;
	padding-bottom:7px;
}

ul.header_nav{
	list-style-type:none;
	margin:5px;
	padding-top:5px;
}
li.nav_list{
	float:left;
	padding:2px 5px;
}
.nav_dot{
	border-left:1px dotted #FFFFFF;
}
.nav_dot_b{
	border-left:1px dotted #429cac;
}

.nav_txt{
	margin:5px;
}
.kakomi{
	border:1px solid #FFF;
	padding:6px 8px;
	margin:0 15px;}

.kakomi_b{
	border:1px solid #429cac;
	padding:6px 8px;
	margin:0 15px;}
	
.nav_list img{
	vertical-align:middle;
}
	
.PC_white{
	font-size:13px;
	color:#fff;
	letter-spacing: 2px;}
	
.PC_blue{
	font-size:13px;
	color:#429cac;
	letter-spacing: 2px;
	font-weight:bold;}

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

p.line_1{
	padding:4.5em 0 1em 0;
	font-size: 1em;
	color:#FFF;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	letter-spacing: 3px;
}
p.line_2{
	padding:2.5em 0 0em 0;
	font-size: 1em;
	color:#FFF;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	letter-spacing: 3px;
}
h2{
	padding:1em 0 0.2em 0;
	font-size: 3.8em;
	color:#FFF;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	letter-spacing: 3px;
}
h3{
	padding:0.5em 0 0.8em 0;
	font-size: 0.8em;
	color:#FFF;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	letter-spacing: 8px;
}
.shop_search_btn{
	padding:5em 0 6em 0;
}
.shop_search_btn li{
	list-style-type:none;
}

#header_bottom{
	padding:0 15px;}

#header_bottom .left{
	float:left;
	padding-bottom:1em;
	width:3%;
}

#header_bottom .middle{
	float:left;
	width:94%;
	text-align:center;
}
#header_bottom .right{
	float:right;
	padding-bottom:1em;
	width:3%;
}

#seach_wrap{
	clear:both;}
#seach_head{
	clear:both;
	background: url("../img/home/haikei_.png") no-repeat center;
	width:100%;
	margin:0 auto;
	height:79px;}
	
	
/**/
#seach_box_bg{
    background: -moz-linear-gradient(
        top,
        rgba(255,255,255,0) 0%,
        rgba(0,0,0,0.8));
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(rgba(255,255,255,0)),
        to(rgba(255,255,255,255.8)));

	width:100%;
	margin:0 auto;}


#seach_box{
background-color:rgba(255,255,255,0.85);
overflow:hidden;
width:100%;}

.title{
	text-align:center;
	padding:20px 0;
}

#about_comment{
	text-align:center;
	padding:9px 0 12px;
	font-size:20px;
	color:#4e4e4e;
	font-weight:bold;
}

.line_gray{
	clear:both;
	color:#CCC;
}

/**/
#seach_japan{
	width:1280px;
	margin:0 auto;
	height:590px;
	position:relative;
}

#seach_japan_right{
	position:absolute;
	right:30px;
	top:75px;
	
}
#seach_japan_right img{
	padding:20px 10px;
	width:335px;
}

#chiiki_box{
	position:absolute;
	right:40px;
	top:185px;
	background-color:#626262;
	width:335px;
}

ul.chiikilist{
	display:table;
	table-layout: fixed;
	width:100%;
}

ul.chiikilist li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:20px 10px;
}

.chiikilist a:link{
	color:#fff;
	text-decoration:none;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;}
.chiikilist a:hover{
	color:#b2b813;
	text-decoration:none;}



/*-------------- 
日本地図
--------------- */
#imagemap {
	margin: 0px auto;
	padding: 0px;
	background: transparent url(../img/home/japan_base.png) top left no-repeat;
	width: 1280px;
	height: 550px;
	position: relative;
}
#imagemap li {
	margin: 0px;
	padding: 0px;
	position: absolute;
	list-style: none;
	font-size: 14px;
}
#imagemap a {
	position: absolute;
}
#imagemap a span {
	display: none;
}

/* 北海道 */
#hokkaido {
	top: 0px;
	left: 333px;
}
#hokkaido a {
	position: absolute;
	width: 340px;
	height: 186px;
	left: 207px;
	top: 26px;
}
#hokkaido a:hover {
	background: url(../img/home/japan_base.png) -540px -576px no-repeat;
}

/* 東北 */
#touhoku {
	top: 158px;
	left: 400px;
}
#touhoku a {
	position: absolute;
	width: 245px;
	height: 217px;
	left: 87px;
	top: 32px;
}
#touhoku a:hover {
	background: transparent url(../img/home/japan_base.png) -487px -1289px no-repeat;
}

/* 関東 */
#kanto {
	top: 200px;
	left: 480px;
}
#kanto a {
	position: absolute;
	width: 181px;
	height: 129px;
	left: -32px;
	top: 172px;
}
#kanto a:hover {
	background: transparent url(../img/home/japan_base.png) -448px -2021px no-repeat;
}

/* 中部 */
#chubu {
	top: 260px;
	left: 202px;
}
#chubu a {
	position: absolute;
	width: 202px;
	height: 217px;
	left: 154px;
	top: 6px;
}
#chubu a:hover {
	background: transparent url(../img/home/japan_base.png) -356px -2465px no-repeat;
}

/* 近畿 */
#kinki {
	top: 261px;
	left: 171px;
}
#kinki a {
	position: absolute;
	width: 133px;
	height: 174px;
	left: 129px;
	top: 106px;
}
#kinki a:hover {
	background: transparent url(../img/home/japan_base.png) -300px -3116px no-repeat;
}

/* 山陽山陰 */
#chugoku {
	top: 235px;
	left: 85px;
}
#chugoku a {
	position: absolute;
	width: 168px;
	height: 120px;
	left: 83px;
	top: 66px;
}
#chugoku a:hover {
	background: transparent url(../img/home/japan_base.png) -168px -3601px no-repeat;
}

/* 四国 */
#shikoku {
	position: absolute;
	top: 300px;
	left: 107px;
}
#shikoku a {
	position: absolute;
	width: 121px;
	height: 123px;
	left: 86px;
	top: 113px;
}
#shikoku a:hover {
	background: transparent url(../img/home/japan_base.png) -193px -4264px no-repeat;
}

/* 九州 */
#kyushu {
	top: 265px;
	left: 24px;
}
#kyushu a {
	position: absolute;
	width: 149px;
	height: 251px;
	left: 20px;
	top: 34px;
}
#kyushu a:hover {
	background: transparent url(../img/home/japan_base.png) -44px -4699px no-repeat;
}

/* 沖縄 */
#okinawa {
	top: 0px;
	left: 0px;
}
#okinawa a {
	position: absolute;
	width: 186px;
	height: 145px;
	left: 96px;
	top: 34px;
}
#okinawa a:hover {
	background: transparent url(../img/home/japan_base.png) -96px -4983px no-repeat;
}

/*--------日本地図ここまで------ */


#seach_wordbox{
	clear:both;
	width: 1280px;
	margin:0 auto;
	padding:20px 0px 40px;
	height:30px;}
	
#seach_wordbox img{
	margin-left:45px;}
#seach_wordbox div{
	float:right;
	width:500px;
	margin-right:45px;}
	
	

/*-----------------
PC fotter
------------------- */
#bg2{
	clear:both;
	background-color: #4686a0;
	background: url("../img/fotter1.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	overflow: hidden;
	position: relative;
}
#heko{
	clear:both;
	background: url("../img/home/haikei_2.png") no-repeat center;
	width:100%;
	margin:0 auto;
	height:79px;
	margin-top:350px;}
	
#chosaku{
	background-color:#13819c;
	width:100%;
	margin:0 auto;
	text-align:center;}
	
#chosaku p{
	color:#a1a1a1;
	padding:40px 0 20px;
	font-size:12px;
	letter-spacing: 2px;}
	
#chosaku img{
	padding:5px 0 50px 5px;}
	

}
/*  タブレット
   ========================================================================== */
@media screen and (max-width: 768px) {
.pc,
.PC_blue,
.PC_white,
#seach_japan,
.title,
#header_news,
#seach_wordbox img,
#seach_wordbox2 img,
.header_nav{display:none}	

#header{
	background-color: #4686a0;
	background: url("../img/header1.jpg") no-repeat;
  	background-size: cover;
}

#header_top .left{
	float:left;
}
h1{
	padding:7px 9px 13px 10px;
}
	
#header_top .right{
	float:right;
}

#header_top{
	position: relative;
}
#openMenu{
position:absolute;
top: 0px;
right: 0;
}
#openMenu img{
	width:47px;
}
#layerMenu{
display: none;
position:absolute;
top:47px;
right:0;
width:100%;
height:100%;
font-size: 14px;
z-index:9999;
}
#layerMenu img{
	width:47px;
}
#layerMenu ul{

}
#layerMenu ul li{
background-color: rgba(51,51,51,0.8);
list-style: none;
border-bottom: solid 1px #ccc;
padding:10px;
}
#layerMenu ul li a{
position: relative;
padding: 10px;
text-decoration: none;
color: #fff;
display: block;
}
#layerMenu ul li a:hover{
color: #fff;
}
#closeMenu {
position: absolute;
top: -47px;
right: 0;
}
/*ul.header_nav_smt{
	list-style-type:none;
	margin:5px;
}
li.nav_list_smt{
	float:left;
	padding:0 5px;
}*/
li.contact{
	padding-right:2px;
	margin-right:2px;
}

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

h2{
	padding:3em 0 0.2em 0;
	font-size: 3em;
	color:#FFF;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	letter-spacing: 3px;
}
h2 img{
	width:80%;
}
h3{
	padding:0.3em 0 2em 0;
	font-size: 1em;
	color:#FFF;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	letter-spacing: 3px;
}
.shop_search_btn{
	padding:5em 0 6em 0;
}
.shop_search_btn li{
	list-style-type:none;
}

#header_bottom{
	padding:0 15px;}

#header_bottom .middle{
	text-align:center;
	padding:10px 0px;
}

#seach_wrap{
	clear:both;}
	
#seach_box_bg{
	background-color:#FFFFFF;
	width:100%;
	margin:0 auto;}


#seach_box{
	padding:10px 0;
	background-color:rgba(255,255,255,0.85);
	overflow:hidden;
	width:100%;}

.title{
	text-align:center;
	padding:20px 0;
}

#about_comment{
	text-align:center;
	padding:2px 0 15px;
	font-size:12px;
	color:#4e4e4e;
	width:90%;
	margin:0 auto;
	font-weight:bold;
	line-height:1.5em;
}


.line_gray{
	clear:both;
	color:#CCC;
}

.smt_title{
	text-align:center;
	padding:20px 0;
	font-weight:bold;
	font-size:24px;
	color:#333333;
}


#smt_chiiki_box{
	width:100%;}
	
dl.accordion {
background-color:#626262;
width:100%;
margin:0 auto;
font-size:16px;}
dl.accordion dt {
	color:#FFFFFF;
	padding:20px;
    background-color:#626262;
	border-bottom:#595959 1px solid;}
dl.accordion dt.open {
	padding:20px;
    background-color:#626262;}
dl.accordion dd {
	background:#4f4f4f;
	line-height:1.5;
	display:none;
	padding:10px 20px;}
dl.accordion dd p{
	padding:10px 20px;}

#seach_wordbox{
	width: 95%;
	margin:0 auto;
	padding-bottom:15px;}
	
	
/*-------------------
smt fotter
--------------------- */
#bg2{
	clear:both;
	background-color: #4686a0;
	background: url("../img/fotter_smt.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}

#heko{
	clear:both;
	width:100%;
	margin:0 auto;
	margin-top:200px;}
	
#chosaku{
	background-color:#13819c;
	width:100%;
	margin:0 auto;
	text-align:center;}
	
#chosaku p{
	color:#a1a1a1;
	padding:25px 0 10px;
	font-size:11px;}
	
#chosaku img{
	padding:5px 0 20px 5px;}


}

/*  スマホ
   ========================================================================== */
@media screen and (max-width: 640px) {
#seach_japan,
#header_news,
#seach_wordbox img {display:none}


h1{
	padding:7px 0px 14px 5px;
}

h2{
	padding:1.5em 0.4em 0.2em 0.4em;
	font-size: 3em;
	color:#FFF;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	letter-spacing: 2px;
}

h2 img{
	width:100%;
}

h3{
	padding:0.2em 1em 2.5em 1em;
	font-size: 0.7em;
	color:#FFF;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	letter-spacing: 2px;
}
.shop_search_btn{
	padding:2em 0 2em 0;
	margin:0 auto;
}
.smt_title{
	text-align:center;
	padding:20px 0;
	font-weight:bold;
	font-size:16px;
}

.smt_chiikilist p{
	float:left;
	vertical-align:middle;
	text-align:center;
	padding:5px 10px 0 5px;
	font-size:14px;
}

#seach_wordbox{
	width: 95%;
	margin:0 auto;}	



}