/* ボタンの設定 ▼ */

.cd-header {position: absolute;top: 40px;left: 5px;
/* width: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
height: 50px;width: 50px;z-index: 999;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.cd-header{}
@media screen and (max-width: 640px) {.cd-header{}} /* iphone5 */

/* ボタンの枠 */
.cd-primary-nav-trigger {position: absolute;right: 0;top: 0;height: 100%;width: 50px;/* background-color: #03263d; */}

/* ボタン本体の中央線 */
.cd-primary-nav-trigger .cd-menu-icon {display: inline-block;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);
width:40px;height: 4px;/*width: 18px;height: 2px;*/
background-color: #fff;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;transition: background-color 0.3s;}

.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: #fff;right: 0;
-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;-moz-transition: -moz-transform .3s, top .3s, background-color 0s;transition: transform .3s, top .3s, background-color 0s;}

/* 上と中の間隔 */
.cd-primary-nav-trigger .cd-menu-icon::before {top: -15px;/* top: -5px; */}
/* 下と中の間隔 */
.cd-primary-nav-trigger .cd-menu-icon::after {top: 15px;/* top: 5px; */}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {background-color: rgba(255, 255, 255, 0);}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {background-color: #fff;}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {top: 0;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {top: 0;-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transform: rotate(225deg);}

.menu_t{width:100%;text-align:center;font-size:12px;position:absolute;bottom:-10px;line-height:100%;padding:0;color:#fff;}

/* ボタンの設定 ▲*/


.cd-primary-nav {position: fixed;left: 0;top: 0;height: 100%;width: 100%;z-index: 2;text-align: center;
padding: 130px 0 50px;-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: auto;
background: #f4980f;
-webkit-overflow-scrolling: touch;
-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);
-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;
-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}
.cd-primary-nav li {font-weight: 300;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
margin: 0;text-transform: capitalize;border-bottom:1px solid #fff;}
.cd-primary-nav a , .cd-primary-nav p{font-size: 22px;display: block;width:100%;padding: 1em 0em;
-webkit-transition: background 0.2s;-moz-transition: background 0.2s;transition: background 0.2s;
text-decoration:none;color:#fff;line-height:100%;}

.cd-primary-nav p{}

.no-touch .cd-primary-nav a:hover {}

.cd-primary-nav li.chi01 , .cd-primary-nav li.chi02{background: #f2b24f;}

.cd-primary-nav.is-visible {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}

.cd-primary-nav li:last-child{height:200px;width:100%;border:none;}

@media only screen and (min-width: 0px) and (max-width: 640px){
.cd-primary-nav {padding: 100px 0;}
.cd-primary-nav li {font-size: 18px;}
.cd-primary-nav a , .cd-primary-nav p{padding: 0.8em 0em;}
.cd-primary-nav li:last-child{background-size:50% auto;height:30vw;width:100%;border:none;}
.cd-primary-nav a , .cd-primary-nav p{font-size: 18px;}
}