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

body{
	color:#333;
}


section{
	width:1000px;
	margin:0 auto 0 auto;
}

a:hover {
	opacity:0.8;
}

.left {
	float:left;
}

.right {
	float:right;
}





/* btn */

.btn_b {
	margin:0px auto 0 auto;
	width:350px;
	font-size:18px;
}

.btn_b a {
	display:block;
	width:100%;
	padding:25px 0px;
	text-align:center;
	background-color:#60463d;
	color:#fff;
	text-decoration:none;
	-webkit-transition-property:background-color;  
    -webkit-transition-duration:0.2s;  
    -webkit-transition-timing-function:linear; 
}

.btn_b a:hover {
	background-color:#8e7169;
	opacity:1;
}


.btn_b a:after {
	content:url("../images/btn_arrow_w.png");
	position:relative;
	left:5px;
}















/* ▼上端に固定するメニュー */

	.dropmenu{
	  *zoom: 1;
	  list-style-type: none;
	  padding: 0;
	  margin:0;
	}

#headbar {

   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   z-index:99;

   /* ▼バーの装飾 */
   background:url("../images/bg_01.png");
   box-shadow: 3px 3px 3px rgba(0,0,0,0.2); /* 影 */
}

#headbar ul {
	text-align:center;
	margin:0;
	padding:0;
}

#headbar .dropmenu {
	position:relative;
}

#headbar #gnav {
    border-top: 6px #000 solid;
}

#headbar #gnav ul {
	margin:0;
	padding:0;
    width: 100%;
}

#headbar #gnav ul li {
    padding: 3% 2% 2% 2%;
}

#headbar .menu_left {
	float:left;
	width:40%;
}
#headbar .menu_right {
	float:right;
	width:39%;
}
#headbar .img {
	max-width:19%;
	position:absolute;
	z-index:2;
	left:50%;
	top:0px;
	margin-left:-110px;
   /* ▼装飾 */
   box-shadow: 3px 3px 3px rgba(0,0,0,0.2); /* 影 */
}
#headbar .img a:hover , #headbar .img a:hover img{
	opacity:1;
}

/* ▼TOP検索 */

#top_bar {
	background-color:#000;
	padding-top:6px;
}

.top_box {
	text-align:right;
    width: 330px;
	float:right;
}
.top_box .language {
	float:left;
    margin-right: 13px;
}
.top_box .language select option {
}

#headbar .right_box a {
	text-decoration:none;
	font-size:90%;
}

#headbar .right_box .search a {
	letter-spacing:-1px;
}









header#re_header{
	background:url(../images/re_header-bg.png) no-repeat center bottom;
	padding:20px 0;
}
header#re_header .logo{
	width:48%;
	float:left;
	margin-left:2%;
}
header#re_header .logo h1{
    font-size: 85%;
    margin-bottom: 5px;
}
header#re_header .right{
	width:48%;
	float:right;
	text-align:right;
	margin-right:2%;
}
header#re_header .right .sns{
	margin-bottom:15px;
}
header#re_header .right .sns ul{
	margin:0;
	padding:0;
}
header#re_header .right .sns ul li{
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
	display:inline-block;
}


header#re_header .right .search{
	float:right;
}
header#re_header .right .search input.s{
	border-radius:30px;
	border:1px solid #ccc;
	font-size: 80%;
    padding: 5px 0 5px 5px;
}
header#re_header .right .search input.searchsubmit{
    background:url(../images/re_cmn_header-search.png) no-repeat center center;
    border: 0;
    text-indent: -9999px;
    width: 20px;
    min-height: 20px;
	margin-right:15px;
}



header#re_header .right #google_translate_element {
    float: right;
}


/*ナビ*/

nav{
	border-top:5px solid #443768;
	border-bottom:1px solid #ccc;
}

nav ul{
	margin:0;
	padding:0;
}
nav ul li{
	margin:0;
	padding:0;
	list-style:none;
	/*width:16.666666%;*/
width:14.28%;
	float:left;
}
nav ul li a{
	display:block;
	font-size:105%;
	font-weight:bold;
	padding:20px 0;
	text-align:center;
	color:#333;
	text-decoration:none;
	border-right:1px solid #ccc;
	position: relative;
}
nav ul li.akihaku a{
background: url(../images/bg_red.png);
color:#fff;
}


nav ul li a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #443768;
  transform-origin: left bottom;
  transform: scale(1, 0);
  transition: transform .3s;
}
nav ul li a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}

nav ul li a:hover{
	color:#FFF !important;
}



nav ul li.akihaku a::before {
background: url(../images/bg_red.png);
  transform-origin: left bottom;
  transform: scale(1, 0);
  transition: transform .3s;
}
nav ul li.akihaku a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}






















/* サイト内検索デザインここから */

.top_box .gsc-control-cse {
	background-color:rgba(255,255,255,0) !important;
	border:none !important;
	padding:0 !important;
}
	

.top_box table.gsc-search-box {
    margin-bottom: -10px !important;
}

.top_box table.gsc-search-box {
	width:auto !important;
}

.top_box .gsc-input {
	padding:2px 3px 0px 0px !important;
}

.top_box table.gsc-search-box td {
    vertical-align: top;
    width: auto;
}
.top_box .gsib_a {
	padding:0px !important;
}
.top_box .gsc-search-box-tools .gsc-search-box .gsc-input {
    width: 147px !important;
	height:15px !important;
    font-size: 13px;
	padding:2px !important;
}
.top_box .gsst_a .gscb_a {
	display:none !important;
}
.top_box .gsc-input-box {
    width: 153px !important;
    height: 20px !important;
}

.top_box input.gsc-search-button {
	background-image:none !important;
	background-color:#dda90a !important;
	border:none !important;
    padding: 3.5px 12px !important;
}


/* ここまで */

#headbar .top_box .search input.form_btn {
	border:none;
	background-color:#dda90a;
	color:#fff;
	font-weight:bold;
    padding: 1.5px 5px;
}

#headbar ul li {
	background:url("../images/top_menu_line.png")no-repeat center right;
	padding:3.5% 3% 3% 3%;
    display: inline-block;
}
#headbar ul li:last-child {
	background:none;
}
	
#headbar ul li a {
	display: block;
	color:#333;
	text-decoration: none;
	font-weight:bold;
	font-size:90%;
	padding-top:38px !important;
	letter-spacing:-1px;
}

#headbar ul li a:hover {
	opacity:1;
	color:#5f539d;
}


/* アイコン */
#headbar ul li.li01 a {
	background:url("../images/top_menu_icon01.png")no-repeat center top;
}
#headbar ul li.li02 a {
	background:url("../images/top_menu_icon02.png")no-repeat center top;
}
#headbar ul li.li03 a {
	background:url("../images/top_menu_icon03.png")no-repeat center top;
}
#headbar ul li.li04 a {
	background:url("../images/top_menu_icon04.png")no-repeat center top;
}
#headbar ul li.li05 a {
	background:url("../images/top_menu_icon05.png")no-repeat center top;
}
#headbar ul li.li06 a {
	background:url("../images/top_menu_icon06.png")no-repeat center top;
}
#headbar ul li.li07 a {
	background:url("../images/top_menu_icon07.png")no-repeat center top;
}
#headbar ul li.li08 a {
	background:url("../images/top_menu_icon08.png")no-repeat center top;
}

/* hover */
#headbar ul li.li01 a:hover {
	background:url("../images/top_menu_icon01_h.png")no-repeat center top;
}
#headbar ul li.li02 a:hover {
	background:url("../images/top_menu_icon02_h.png")no-repeat center top;
}
#headbar ul li.li03 a:hover {
	background:url("../images/top_menu_icon03_h.png")no-repeat center top;
}
#headbar ul li.li04 a:hover {
	background:url("../images/top_menu_icon04_h.png")no-repeat center top;
}
#headbar ul li.li05 a:hover {
	background:url("../images/top_menu_icon05_h.png")no-repeat center top;
}
#headbar ul li.li06 a:hover {
	background:url("../images/top_menu_icon06_h.png")no-repeat center top;
}
#headbar ul li.li07 a:hover {
	background:url("../images/top_menu_icon07_h.png")no-repeat center top;
}
#headbar ul li.li08 a:hover {
	background:url("../images/top_menu_icon08_h.png")no-repeat center top;
}



#headbar ul li a:hover {
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
}


/* メガメニューアイコン取消 */
#headbar ul li.li02 ul li a , #headbar ul li.li03 ul li a , #headbar ul li.li04 ul li a ,
#headbar ul li.li05 ul li a , #headbar ul li.li06 ul li a , #headbar ul li.li07 ul li a ,
#headbar ul li.li08 ul li a ,
#headbar ul li.li02 ul li a:hover , #headbar ul li.li03 ul li a:hover , #headbar ul li.li04 ul li a:hover ,
#headbar ul li.li05 ul li a:hover , #headbar ul li.li06 ul li a:hover , #headbar ul li.li07 ul li a:hover,
#headbar ul li.li08 ul li a:hover {
	background:none;
}
/* */


#headbar ul li ul li a {
	padding-top:0px !important;
	display:block;
}
#headbar #gnav ul li ul li a {
	padding:3% !important;
}


#headbar ul li ul li {
	padding:0 !important;
	background:none;
	background-color:#fff;
	max-width:24%;
	min-width:24%;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
	-webkit-transition-property:background-color;  
    -webkit-transition-duration:0.2s;  
    -webkit-transition-timing-function:linear; 
}
#headbar ul li ul li:last-child {
	background-color:#fff;
}

#headbar ul li ul li:hover {
	background-color:#dda90a;
}

#gnav ul .menu .menu_box {
	max-width:1000px;
		margin:50px auto 30px auto !important;
}

#gnav ul .menu .menu_inner {
        padding: 1em 0;
}
#gnav ul .menu .menu_inner:first-child {
	margin-bottom:15px !important;
}
#gnav ul .menu .menu_inner li {
	float:left;
          margin: 0;
		  margin-right:1.333%;
		  text-align:left;
        }
#gnav ul .menu .menu_inner li:last-child {
	margin:0;
}
#gnav ul .menu .menu_inner li a:before {
	content:url("../images/arrow_y.png");
	position:relative;
	padding-right:8px;
	top:1px;
}
#gnav ul .menu .menu_inner li a:hover {
	color:#fff;
}
#headbar #gnav ul li ul li a img:hover {
	opacity:1;
}

#gnav ul .menu .menu_inner li a:hover:before {
	content:url("../images/arrow_w.png");
}




	.dropmenu:before, .dropmenu:after{
	  content: "";
	  display: table;
	}
	.dropmenu:after{
	  clear: both;
	}


/*
	.dropmenu li{
	  position: relative;
	  display:inline-block;
	  margin: 0;
	  padding: 0;
	  text-align: center;
	}
	
	.dropmenu li ul{
	  list-style: none;
	  position: absolute;
	  z-index: 9999;
	  top: 100%;
	  left: 0;
	  margin: 0;
	  padding: 0;
	  margin: 0;
	  padding: 0;
	}
*/

	
	
	#headbar li ul{
	  visibility: hidden;
	  opacity: 0;
	  transition: 0s;
	}
	#headbar li:hover ul{
	  visibility: visible;
	  opacity: 1;
	}
	#headbar li ul li a{
	  visibility: hidden;
	  opacity: 0;
	  transition: .5s;
	}
	#headbar li:hover ul li a{
	  visibility: visible;
	  opacity: 1;
	}

	




	

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

/* for TB & SP CSS   */

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


/* menu */
@media only screen and (min-width: 1000px) and (max-width: 1200px) {




#headbar .img {
    margin-left: -9%;
}



}



/******************/
/* for Tablet    */
/* 600px-959px    */
/******************/
@media only screen and (min-width: 600px) and (max-width: 999px) {






/* TOP固定 */
section{
	width:94%;
	margin:0 auto 0 auto;
}
#headbar .img {
    max-width: 100%;
    margin-left: -83px;
}


#top_bar {
    border-top: 12px #000 solid;
    background: url(../images/bg_01.png);
    padding: 14px 0px;
}



#headbar #gnav {
	display:none;
}


#top_bar .top_box {
    width: auto;
}

#headbar .search {
	text-align:right;
	padding:27px 0px;
}

#headbar .search input.form_btn {
	border:none;
	background-color:#dda90a;
	color:#fff;
	font-weight:bold;
    padding: 1px 5px;
}



.sb-slidebar ul li #___gcse_1 {
	margin:10px;
}


.sb-slidebar ul li input.gsc-search-button {
	background-image:none !important;
	background-color:#dda90a !important;
	border:none !important;
}






}





/******************/
/* for SP-TB      */
/* 320px-599px    */
/* only Header    */
/******************/
@media only screen and (max-width: 599px) {


section{
	width:94%;
	margin:0 auto 0 auto;
}

#top_bar {
    border-top: 12px #000 solid;
    background: url(../images/bg_01.png);
    padding: 10px 0px;
}


#headbar #gnav {
	display:none;
}


#headbar .img {
    max-width: 39%;
    margin-left: -110px;
}



#top_bar .top_box {
    width: auto;
}



#headbar .search {
	text-align:right;
	padding:12px 0px;
}

#headbar .search input.form_btn {
	border:none;
	background-color:#dda90a;
	color:#fff;
	font-weight:bold;
    padding: 1px 5px;
}





.sb-slidebar ul li #___gcse_1 {
	margin:10px;
}

.sb-slidebar ul li input.gsc-search-button {
	background-image:none !important;
	background-color:#dda90a !important;
	border:none !important;
    padding: 7px 12px !important;
}

.sb-slidebar ul li .gsc-search-box-tools .gsc-search-box .gsc-input {
    font-size: 13px;
}





/*リニューアル*/

header#re_header {
    background: url(../images/re_header-bg-sp.jpg) no-repeat center bottom;
    background-size: cover;
    padding: 10px 0 30px 0;
}

header#re_header .logo {
    width: 100%;
    float: none;
    margin-left: 0;
    text-align: center;
}
header#re_header .right {
	display:none;
}

nav#re_menu{
	display:none;
}












}