body {
margin: 0;
padding: 0;
}

.header {
height: 80px;
z-index: 900;
}

.drawer_menu a {
color: inherit;
text-decoration: none;
}

.drawer_menu a:visited {
color: inherit;
}

/**********モバイル***************************************/
.img img {
/*width: 100px;*/
width: 130px;
/*height: 34px;*/
height: auto;
/*margin: -65px 0 60px 0;*/
margin: -67px 0 50px 0;
padding: 0 0 0 10px;
z-index: 2;
}

.entry {
width: 175px;
height: 80px;
padding: 0;
margin-left: auto;
margin-top: -113px;
display: flex;
align-items: center;
z-index: 2;
}

.entry_btn {
background-color: #fff;
width: 95px;
height: 38px;
border-radius: 100px;
border: 2px solid;
border-color:#f00;
position: relative;/**ボックス全体をボタンに**/
}

.entry_btn p {
background-color: #f00;
width: 85px;
height: 28px;
border-radius: 100px;
margin: 5px 0 0 5px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 11px;
letter-spacing: 2px;
color: #fff;
}

h3 {
background-color: #ccc;
height: 1px;
margin: 0;
margin-top: 0px;
z-index: 4;
}

h6 {
height: 80px;
margin: -80px 0 0 12px;
line-height: 125px;
font-size: 10px;
color: #666;
z-index: 3;
}
/**************************************************************/

/*+++ Default Button Color +++*/

.drawer_menu .drawer_button .drawer_bar {
background-color: #fff;/* ハンバーガーメニュー三本線の色*/
height: 3px;
width: 65%;
}

/* 1000px以下 */
/**ボタン・オン時の画面グレー**/
.drawer_menu .drawer_bg {
width: 100%;
height: 100%;
position: fixed;
z-index: 700;
background-color: rgba(51, 51, 51, 0.5);
display: none;
top: 0;
left: 0;
}

/**ハンバーガーボタン設定**/
.drawer_menu .drawer_button {
display: block;
background: none;
border: none;
width: 54px;
height: 54px;
letter-spacing: 0.1em;
cursor: pointer;
position: fixed;
top: 12px;
right: 12px;
z-index: 900;
text-align: center;
outline: none;
background-color: #000;
border-radius: 100px;	/* ボックスの四つ角を丸くする */
    }

/****クローズ×設定*****/
.drawer_menu .drawer_button.active .drawer_bar {
width: 36px;
}
/***上線***/
.drawer_menu .drawer_button.active .drawer_bar1 {
transform: rotate(45deg);
margin: 0px 0px 10px 8px;
}
.drawer_menu .drawer_button.active .drawer_bar2 {
opacity: 0;
}
.drawer_menu .drawer_button.active .drawer_bar3 {
transform: rotate(-45deg);
margin: 9px 10px 0 6px;
}

.drawer_menu .drawer_button.active .drawer_close {
display: block;
}
.drawer_menu .drawer_bar {
display: block;
margin: 7px;
transition: all 0.2s;
transform-origin: 0 0;
}

.drawer_menu .drawer_nav_wrapper {
width: 310px;
height: 100%;
transition: all 0.6s;
transform: translate(310px);
position: fixed;
top: 0;
right: 0;
z-index: 800;
background-color: #000;/* ドロワーメニュー内背景色 */
overflow-x: hidden;
overflow-y: auto;
}

/******各メニューボタンのボックス******/
.drawer_menu .drawer_nav {
display: block;
position: relative;
margin-top: 80px;
padding-left: 20px;
height: auto;
}
.drawer_menu .drawer_nav li {
background-color: #fff;
height: auto;
line-height: 50px;/*  ドロワーメニューリスト項目高さ*/
position: relative;
}

h1 {
font-size: 16px;
color: #fff;
padding-left: 2px;
}

h2 {
font-size: 13px;
color: #fff;
padding-left: 2px;
margin-bottom: 5px;
}

.lead {
font-size: 13px;
color: #fff;
margin: 4px 0 0 0;
}

.height {
/* height: 20px; */
height: 8px;
}

/*********各ボタンの天地線**********/
.drawer_menu .drawer_nav li ul.second-level li {
border-top: 1px solid #eee;
}

.drawer_menu .drawer_nav_wrapper.open {
transform: translate(0);
}

/*********リンク設定***********/
.drawer_nav a:link { color: #fff; }
.drawer_nav a:visited { color: #fff; }
.drawer_nav a:hover { color: #f00; }
.drawer_nav a:active { color: #fff; }

.drawer_nav a {
text-decoration: none;
}

.img a:link { color: #fff; }
.img a:visited { color: #fff; }
.img a:hover { color: #fff; }
.img a:active { color: #fff; }

.img img {
text-decoration: none;
}

.entry a {
text-decoration: none;
}

.entry_text {
  display: none;
}

.entry_text._sp {
  display: block;
  width: 200px;
  position: absolute;
  top: 67px;
  right: 20px;
  font-size: 10px;
  text-align: right;
  font-weight: bold;
  letter-spacing: -0.7px;
  font-family: "DINPro-Medium";
}

h6.sp_style {
  letter-spacing: 0;
  margin-top: -66px;
}

/**********レスポンシブ***************************************/
@media (min-width:767px){

/**ハンバーガーボタン設定**/
.drawer_menu .drawer_button {
display: block;
background: none;
border: none;
width: 54px;
height: 54px;
letter-spacing: 0.1em;
cursor: pointer;
position: fixed;
top: 12px;
right: 17px;
z-index: 900;
text-align: center;
outline: none;
background-color: #000;
border-radius: 100px;	/* ボックスの四つ角を丸くする */
}

.img img {
width: 121px;
height: 41px;
margin: -62px 0 40px 0;
padding: 0 0 0 10px;
position: fixed;
z-index: 550;
}

.entry {
width: 210px;
height: 80px;
padding: 0;
margin-top: -80px;
margin-left: 500px;
position: fixed;
right: 0px;
z-index: 550;
}

.entry_btn {
background-color: #fff;
width: 118px;
height: 46px;
border-radius: 100px;
border: 2px solid;
border-color:#f00;
position: relative;
}

.entry_btn p {
background-color: #f00;
width: 108px;
height: 36px;
border-radius: 100px;
margin: 5px 0 0 5px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 13px;
letter-spacing: 2px;
color: #fff;
}

h3 {
background-color: #ccc;
width: 100%;
height: 1px;
/*margin-top: -80px;*/
position: fixed;
z-index: 2;
}

h6 {
height: 80px;
margin: -80px 0 0 150px;
line-height: 75px;
font-size: 11px;
color: #666;
position: fixed;
z-index: 900;
}

h4 {
background-color: #fff;
width: 100%;
height: 80px;
margin-top: -80px;
position: fixed;
z-index: 500;
}
/********縦スクロール設定********************/
.drawer_nav {
margin: 0;
padding: 0;
height: 515px;
width: calc(100% + 17px);
padding-right: 17px;
overflow-y: scroll;
}

/********エントリーボタン・アニメ設定********************/
.entry_btn:hover {
 border-color:#ccc;
  color: #fff;
transition: all 1s ease;
}

.entry_btn p:hover {
  background: #ccc;
  color: #fff;
transition: all 1s ease;
}

/********エントリーボタン・テキスト********************/
.entry_text {
  display: block;
  width: 450px;
  position: fixed;
  top: 34px;
  right: 220px;
  font-size: 12px;
  text-align: right;
  font-weight: bold;
  font-family: "DINPro-Medium";
  z-index: 550;
}
.entry_text._sp {
  display: none;
}

}
/**************************************************************/

.footer {
background-color: #f00;
width: 100%;
height: 80px;
display: block;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 12px;
color: #fff;
}