@charset "UTF-8";

/*================================================
 *  一般・共通設定
 ================================================*/
 
.pink               { color: #F754AF; font-weight: bold; font-size: 14px; }
.greenl              { color: #05ae58; font-weight: bold; font-size: 16px; }
.green              { color: #007735; font-weight: bold; font-size: 14px; }
.green_underline    { color: #007735; font-weight: bold; text-decoration: underline;  font-size: 14px; }
.redt               { color: #a7090a; }
.red_l              { color: #ff0000; font-weight: bold; font-size: 14px; }
.red                { color: #a7090a; font-weight: bold; font-size: 14px; }
.red_underline      { color: #a7090a; font-weight: bold; font-size: 14px; text-decoration: underline; }
.normal             { font-weight: normal; font-size: 14px; }
.boldb               { font-weight: bold;  font-size: 14px; }
.bold               { font-weight: bold; }
.bold_underline     { font-weight: bold; text-decoration: underline; }
.small              { font-size: 12px; }
 

/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li {
    margin:0;
    padding:0;
    list-style:none;
}
.submenu li a:before {
    content:"\0025a0";
    color:#000;
}


.submenu li a {
    display:block;
    padding:5px 2px;
    color:#000;
    border-bottom:1px dotted #ddd;
    text-decoration:none;
}
.submenu li a:hover {
    background:#eee;
}



.bnr li {
    margin:0 0 10px 0;
    padding:0;
    list-style:none;
}
.bnr li a:hover {
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter:"alpha( opacity=80 )";
}
.bnr img {
    width:200px;
}



.bnrm li {
    margin:0 0 10px 0;
    padding:0;
    list-style:none;
}
.bnrm li a:hover {
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter:"alpha( opacity=80 )";
}
.bnrm img {
    width:290px;
}

ul.left_menu{
	list-style:none;
    background:#ddd;

}
ul.left_menu li{
	list-style:none;
    border-bottom:1px dotted #000;
    margin: 0;

}
ul.left_menu li a{
	display: block;
    padding: 15px;
   color: #000;

}
ul.left_menu li a:hover {
 background-color: #555;
 color: #fff;
}
ul.left_menu li.on {
	font-weight: bold;
	background-color: #aaa;

}

.filterPrev {
    position:absolute;
    left:0;
    opacity:0.5;
    filter:alpha(opacity=50);
    background-color:#fff;
}

.filterNext {
    position:absolute;
    right:0;
    opacity:0.5;
    filter:alpha(opacity=50);
    background-color:#fff;
}

.controlNav {
      position:absolute;
      float:left;
      left:50%;
      bottom:0;
}
.controlNav span {
      position:relative;
      left:-50%;
      float:left;
      margin:5px;
      -webkit-border-radius:5px;
      -moz-border-radius:5px;
      border-radius:5px;
      width:10px;
      height:10px;
      overflow:hidden;
      background:#ccc;
      text-indent:-9999px;
      vertical-align:middle;
}
.controlNav span:hover {
      background:#999;
      cursor:pointer;
}
.controlNav span.current {
      background:#f19500;
}

/* トップナビ */
* html .topNavi {
    height:1em;
    overflow:visible;
}

.topNavi {
    overflow:hidden;
    position:relative;
    margin-right:-2%;
    margin-top:20px;
    margin-bottom:20px;
}

.topNaviColumn {
    display:inline;
    width:32%;
    float:left;
    margin-right:1%;
}

.topNaviCon {
    position:relative;
    display:block;
    box-sizing:border-box;
    overflow:hidden;
    padding:10px;
    text-decoration:none;
    color:#000;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
    background:#f1f1f1;
    border:1px solid #f1f1f1;
    border-radius:4px;
}

.topNaviCon:hover {
    color:#000;
    background:#fff9f5 none repeat scroll 0 0;
    border:1px solid #f19500;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
}

.topNaviCon h2 {
	margin: 10px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #4B8D54;
	border: none;
}

.topNaviCon:hover h2 {
	color: #4B8D54;
}

.topNaviCon p {
    margin:10px;
}

.topNaviPhoto img {
    width:100%;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
#nav {
    margin-bottom:10px;
    padding:0;
    background:darkblue;
	width: 100%;
    /*overflow:hidden;*/
}
#nav ul {
    display:block;
    width:100%;
    margin:0 auto;
    padding:0;
    background:darkblue;
    

}
#nav li {
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}
#nav li a {
    display:block;
    /*width:150px;*/
    padding:10px 15px;
    color:#ffffff;
    text-align:center;
    text-decoration:none;
}

#nav li:first-child a {
    /*width:100px;*/
}
/*#nav li a:hover {
    color:#000;
    text-decoration:none;
    background:midnightblue;
}
*/
/*###doropmenu###*/
/*#nav{
  list-style-type: none;
  width: 100%;
  height: 40px;
  margin: 30px auto 300px;
  padding: 0;
  background: #8a9b0f;
  border-bottom: 10px solid #535d09;
  border-radius: 3px 3px 0 0;
}
*/
#nav ul{
margin:auto;
/*height:45px;
*/
padding: 5px 5px;
width: 1170px;
display: flex;
justify-content: space-between; 
}
@media screen and (max-width:1100px) {
	#nav ul{
	width: 100%;
}
}
#nav li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
/*等間隔に配置
*/.between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/*端も合わせて等間隔に配置
*/.around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#nav li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#nav li ul{
  list-style: none;
  position: absolute;
  top: 110%;
  width: 100%;
  left: 0;
  margin: 0;
	padding: 0;
height:0px;
  border-radius: 0 0 3px 3px;
  display:block;
}
#nav li:last-child ul{
  left: -100%;
  width: 100%
}
#nav li ul li{
  overflow: hidden;
  width: 200%;
max-width:220px;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  background: midnightblue;
}
#nav li ul li a{
  padding: 13px 15px;
  background: midnightblue;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#nav li:hover > a{
border-bottom: 1px solid #eaf3fd;
color: #e0e8f2;
}
#nav > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#nav li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index:10;
}
#nav li:hover ul li.off{
  overflow: visible;
  height: 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: left;
  font-size: 12px;
  padding-left:15px;
  background: gray;
  z-index:10;
}
#nav li:hover ul li:first-child{
  border-top: 0;
  /*width:100%;*/
}
#nav li:hover ul li:last-child{
  border-bottom: 0;
}
#nav li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

#nav li {
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}
#nav li a {
    display:block;
    padding:10px 15px;
    color:#ffffff;
    text-align:center;
    text-decoration:none;
/*	border-bottom: 1px solid #eaf3fd;
    background:darkblue;
*/
}
#nav li.on a {
    display:block;
	border-bottom: 1px solid #eaf3fd;
/*    background:midnightblue;
*/  color: #eff7b1;
	font-weight: bold;
    text-decoration:none;
}



#nav li a:hover {
  color: #e0e8f2;
    text-decoration:none;
/*    background:midnightblue;
*/}

/* =======================================
	wideslider
======================================= */

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	margin:0;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../images/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../images/next.jpg) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


/*ドロワー*/
.sp {
	display: none;}
.pc {
	display: block;}
	
.pbox{
padding: 15px 0;	
}
.page01{
}
.page01 h2{
	border:none;	
}

/*---------------------------------------------------------------
	フォーム
----------------------------------------------------------------*/
form input[type="submit"]{
	width:200px;
	padding:20px;
	margin:10px;
	background:#ddd;
	font-size:16px;
}
.hissu{
	color:#fff;
	background:#f33;
	padding:5px 10px;
	margin:5px 10px;
	font-size:11px;
}
.comecoment{
	color:#333;
	margin:0;
	padding:5px 0 0 15px !important;
	font-size:12px;
	line-height:1.2em;
}
.bgblue{
	color:#fff;
	background:#5ba0db;
	padding:5px 10px;
	margin:5px 10px;
	font-size:11px;
}
.formcome{
	color:#111;
	border:3px solid #f33;
	padding:5px 10px;
	margin:5px 15px 0 15px;
	font-size:14px;
	display: inline-block;
}
.conttbl{
border-spacing:0;
border-collapse:inherit;
width:98%;
margin: 10px;
}
.conttbl th{
	width:48%;
	color:#fff;
	background:#0f3060;
	padding:5px 10px;
	margin:5px 0;
	font-weight:normal;
	text-align:center;
	border: 1px solid #e0e0e0;
}
.conttbl th.formone{
	background:#fff;
	padding:5px 10px;
	margin:5px 0;
	font-weight:normal;
	border:none;
}
.conttbl td{
	color:#111;
	padding:15px 10px;
	margin:5px 10px;
	font-weight:normal;
	text-align:left;
	border: 1px solid #e0e0e0;
}
.conttbl td.formone{
	color:#111;
	padding:0 10px;
	margin:5px 10px;
	font-weight:normal;
	text-align:left;
	border:none;
}

.conttbl td p{
	text-align:left;
	padding:15px 0 0 0;
}
.conttbl td.sbmt{
	text-align:center;
	padding:15px 10px;
	border-bottom:none;
}

.conttbl td.sbmt input{
	background:#e9e9e9;
	width:250px;
	padding:20px 20px;
	margin:5px 10px 0 0;
	border:none;
	font-size:18px;
	
}
/*houjin*/
.conttbl02{
border-spacing:0;
border-collapse:inherit;
width:100%;
}
.conttbl02 th{
	color:#fff;
	background:#0f3060;
	padding:5px 10px;
	margin:5px 0;
	font-weight:normal;
	text-align:center;
	border: 1px solid #e0e0e0;
}
.conttbl02 th.formone{
	background:#fff;
	padding:5px 10px;
	margin:5px 0;
	font-weight:normal;
	border:none;
}
.conttbl02 td{
	color:#111;
	padding:15px 10px;
	margin:5px 10px;
	font-weight:normal;
	text-align:left;
	border: 1px solid #e0e0e0;
}
.conttbl02 td.formone{
	color:#111;
	padding:0 10px;
	margin:5px 10px;
	font-weight:normal;
	text-align:left;
	border:none;
}

.conttbl02 td p{
	text-align:left;
	padding:15px 0 0 0;
}
.conttbl02 td.sbmt{
	text-align:center;
	padding:15px 10px;
	border-bottom:none;
}

.conttbl02 td.sbmt input{
	background:#e9e9e9;
	width:250px;
	padding:20px 20px;
	margin:5px 10px 0 0;
	border:none;
	font-size:18px;
	
}

/*form02*/
.shoplistPage table.conttbl{
border-spacing:0;
border-collapse:inherit;
width:960px;
margin:0 auto;
}
.shoplistPage table.conttbl th{
	color:#fff;
	font-size:16px;
	background:#0f3060;
	padding:5px 10px;
	margin:5px 0;
	font-weight:normal;
	text-align:center;
	border: 1px solid #e0e0e0;
}
.shoplistPage table.conttbl td{
	color:#111;
	padding:15px 10px;
	margin:5px 10px;
	font-weight:normal;
	text-align:left;
	border: 1px solid #e0e0e0;
	white-space: nowrap;
}
.shoplistPage table.conttbl td.formone{
	color:#111;
	padding:0 10px;
	margin:5px 10px;
	font-weight:normal;
	text-align:left;
	border:none;
}

#image-btn {
    border: 0px;
    width: 321px;
    height: 67px;
    background: url(../img/contact/btn.jpg) left top no-repeat;
	text-indent:-9999px;
	}
#image-btn:hover {
    border: 0px;
    width: 321px;
    height: 67px;
    background: url(../img/contact/btn_on.png) left top no-repeat;
	text-indent:-9999px;
	}


/*スタイル調整*/

input[type="text"] {
	border:1px solid #999;
	padding:5px;
	margin:0 15px;
	width:60%;
}
input[type="radio"] {
	padding:5px;
	margin:0 5px 0 15px;
}
textarea{
	border:1px solid #999;
	padding:5px;	margin:0 15px;

}
td.sl input{
	border:none;
	margin:5px 5px 10px 0;
	width:20px;

}
td.sl ul li{
	float:left;
	width:140px;
}
.ppform{
	height:200px;
	overflow-y:scroll;
	border:1px solid #ddd;
	padding:20px;
}
.lsn{
	list-style:none;
}
/*サイトマップ*/
.sitemap{
	margin: 20px 0;
}
.sitemap ul li{
	padding:5px 0;
	margin-left:3em;
}
li.lsn ul li{
    list-style-image: url(../img/top_icon.png);
}
.sitemap h5{
	padding:5px 1em;
	margin: 15px 0;
}
.pcNone{
		display: none;	
}
.spNone{
		display: block;
	}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:779px) {
	.spNone{
		display: none;
	}
	.pcNone{
		display:block;	
}
    body {
        box-sizing:border-box;
        width:100%;
        padding:0;
    }

    header {
        width:100%;
    }

    header h1 {
        margin-bottom:0;
    }

    #contents {
        width:100%;
}

    #main {
        float:none;
        width:100%;
    }

    #sub {
        float:none;
        width:100%;
    }

    /* メインメニュー */
    nav {
        display:block;
        position:relative;
        width:100%;
    }
    nav h3 {
        cursor:pointer;
        margin-bottom:0;
        color:#fff;
        background:#999;
        border:none;
    }
    nav h3:after {
        position:absolute;
        content:"\0025bc";
        top:3px;
        right:5px;
    }
    nav h3.menuOpen:after {
        position:absolute;
        content:"\0025b2";
        top:3px;
        right:5px;
    }
    nav ul {
        width:100%;
    }

    nav li {
        width:33.33%;
        margin:0;
        padding:0;
        list-style:none;
    }
    navv li a:before {
        content:"\0025a0";
        color:#5b4111;
    }


    nav li a {
        display:block;
        width:100%;
        border-bottom:1px dotted #ddd;
        text-decoration:none;
		color:#111;
    }
	nav.drawer-nav{
		z-index: 10002;
	} 
	nav.drawer-nav ul{
		margin: 0;
		padding: 0;
	} 
    nav.drawer-nav li {
        width:100%;
        margin:0;
        padding:8px 0;
        list-style:none;
		background: #666;
    }
    nav.drawer-nav li a{
		color:#fff;
		text-decoration:none;
		display: inline-block;
		padding-left: 1em;
        margin:0;
    }
    nav.drawer-nav ul li ul li {
        width:100%;
        margin:0;
        padding:8px 0.5em;
        list-style:none;
 		background: #fff;
   }
    nav.drawer-nav ul li ul li a{
		color:#111;
		text-decoration:none;
        margin:0;
    }
    nav.drawer-nav li#social-icon{
	float:none;
	margin-right:5px;
	margin-top: 5px;
		overflow: hidden;
}
	    nav.drawer-nav li#social-icon a {
  display:inline-block;
  float:left;
  margin: 0 2px 2px 2px;
  padding: 0;
  color: #fff;
	max-width: 50px;
	border-bottom: none;
}
	    nav.drawer-nav li#social-icon a i{
	}

    /* トップナビ */
    .topNavi {
        margin-right:0;
    }

    .topNaviColumn {
        display:block;
        box-sizing:border-box;
        width:100%;
        float:none;
        margin-right:0;
        margin-bottom:10px;
    }
table{
	display:block;
}
tr,th,td{
        display: block;
        margin-bottom: 1.5em;
    }
.pagination {
	display:none;
}

}
/*スマホ用end*/