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

  @import url("https://use.typekit.net/nep0zlb.css");

* {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.font-narrow {

    font-family: proxima-nova-extra-condensed,sans-serif;
    font-weight: 200;
    font-style: normal;

/*
    font-family: interstate-condensed,sans-serif;
    font-weight: 100;
    font-style: normal;
*/
/*
    font-family: interstate-compressed,sans-serif;
    font-weight: 100;
    font-style: normal;
*/
/*
    font-family: interstate-compressed,sans-serif;
    font-weight: 300;
    font-style: normal;
*/
}
.font-narrow-600 {

    font-family: proxima-nova-extra-condensed,sans-serif;
    font-weight: 600;
    font-style: normal;
/*
    font-family: interstate-compressed,sans-serif;
    font-weight: 600;
    font-style: normal;
*/
}

a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

p,li,dt,dd,th,td,pre,div{
	-ms-line-brake: strict;
	line-brake: strict;
	-ms-word-break: break-strict;
	word-break: break-strict;
}

img {
    width: 100%;
	border-style: none;
    vertical-align: bottom;
}

.title-image {
    padding: 5px;
}

.title-image img {
    width: 100%;
    max-width: 600px;
}

/* トップメニュー */

.top-menu-bar {
    display: block;
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 50px;
    background-color: #f5af7e;
}

#mobile-top-menu {
    float: right;
    padding-right: 10px;
}
#mobile-top-menu .top-menu-icon {
    display: block;
    font-size: 12px;
    text-align: center;
    height: 40px;
    width: 35px;
    color: #fff;
    cursor: pointer;
}
#mobile-top-menu .top-menu-icon label {
    display: block;
    cursor: pointer;
}
#mobile-top-menu .top-menu-icon .top-menu-icon-bar, #mobile-top-menu .top-menu-icon .top-menu-icon-bar:before, #mobile-top-menu .top-menu-icon .top-menu-icon-bar:after {
    position: absolute;
    display: block;
    height: 3px;
    width: 35px;
    border-radius: 3px;
    background-color: #fff;
    content: ' ';
    cursor: pointer;
}
#mobile-top-menu .top-menu-icon .top-menu-icon-bar:before {
    bottom: -7px;
}
#mobile-top-menu .top-menu-icon .top-menu-icon-bar:after {
    bottom: -14px;
}
#mobile-top-menu #mobile-top-menu-body {
    position: absolute;
    visibility: hidden;
    right: 10px;
    bottom: 50px;
    max-height: 0px;
    width: 200px;
    margin: 0px;
    padding: 0px;
    color: #000;
    background-color: #ffefde;
    overflow: hidden;
    transition-property: all;
    transition-duration: 0.5s;
    z-index: 100;
}

#mobile-top-menu #top-main-menu {
    display: none;
}

#mobile-top-menu #top-main-menu:checked ~ #mobile-top-menu-body {
    max-height: 1000px;
    visibility: visible;
}

#mobile-top-menu #mobile-top-menu-body ul {
    list-style-type: none;
}

#mobile-top-menu #mobile-top-menu-body ul a {
    text-decoration: none;
}

#mobile-top-menu #mobile-top-menu-body ul li {
    width: 100%;
    padding: 15px 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

#mobile-top-menu #mobile-top-menu-body ul li:last-of-type {
    border-bottom: 1px solid #000;
}

#desktop-top-menu {
    display: none;
}

/* ボトムメニュー */

.bottom-menu-bar {
    display: block;
    margin-top: 25px;
    height: 50px;
    background-color: #f5af7e;
}

#desktop-bottom-menu {
    display: none;
}


@media ( min-width: 600px ) {
    
/* トップメニュー */
    
    .top-menu-bar {
        display: block;
        position: relative;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: auto;
        background-color: #f5af7e;
    }

    #mobile-top-menu {
        display: none;
    }
    
    #desktop-top-menu {
        display: block;
    }
    
    #desktop-top-menu ul {
        list-style-type: none;
        font-size: 0;
    }
    
    #desktop-top-menu ul li {
        display: inline-block;
        width: 20%;
        padding: 10px 0;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        background-color: #f5af7e;
        border: 0;
    }
    #desktop-top-menu ul li:hover {
        background-color: #EE7722;
    }

/* ボトムメニュー */
    
    .bottom-menu-bar {
        display: block;
        height: auto;
    }

    #desktop-bottom-menu {
        display: block;
    }
    
    #desktop-bottom-menu ul {
        list-style-type: none;
        font-size: 0;
    }
    
    #desktop-bottom-menu ul li {
        display: inline-block;
        width: 20%;
        padding: 10px 0;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        background-color: #f5af7e;
        border: 0;
    }
    #desktop-bottom-menu ul li:hover {
        background-color: #EE7722;
    }
}