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

@media screen and (min-width: 640px) {
.three-col nav,
#menu-footer-menu-05 li{
float: left;
width: calc(33.33% - 20px);
margin-right: 20px;
}
.three-col li a{
display: block;
padding: 10px 0;
font-size: 13px;
}
.three-col .footer-menu li a{
text-indent: -1em;
padding-left: 1em;
padding-top: 0;
}
.footer-col p{
font-size: 13px;
}
.footer-credits {
padding-top:20px;
}
}

@media screen and (min-width: 768px) {
.sp{
display: none;
}
.pc{
display: block;
}
/*header*/
.site-branding {
padding: 0;
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
}
.site-title{
display: block;
float: left;
padding:12px 0 12px 10px;
}
.site-title img{
width: 160px;
}
.nav-mobile{
display: none;
}
.main-navigation{
display: block;
float: right;
margin-right: 15px;
background-color: #fff;
}
.main-menu{
position: relative;
display: block;
width: 100%;
}
.main-menu > li{
position: relative;
float: left;
border: none;
margin: 0;
width: auto;
text-align: center;
}
.main-menu > li:first-child{
border-left: none;
}
.main-menu > li.mint-btn{
border-radius: 0px 0px 15px 15px; /* 左上、右上、右下、左下 */
-webkit-border-radius: 0px 0px 15px 15px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 0px 0px 15px 15px;   /* Firefox用 */  
margin: 0 0 10px 5px;
}
.main-menu > li a{
display: block;
font-size: 15px;
line-height: 1.4;
font-weight: normal;
padding: 20px 10px 24px;
}
.main-menu > li:first-child {
border-top:none;
}
.main-menu .menu-item-has-children > a {
color: #555;
}
.menu-item-has-children > a {
width: auto;
}
.main-menu > li.mint-btn a{
font-size: 18px;
padding-bottom: 10px;
}
.menu-item-has-children::before,
.menu-item-has-children::after{
display: none;
}

.main-menu > li.menu-item-has-children > .sub-menu{
opacity: 0;
visibility: hidden;
display: block;
position: fixed;
top: 65px;
left: 0;
width: calc(100vw - 40px);
border: none;
background-color: #FAF9EE;
padding: 20px;
z-index: -1!important;
}
.main-menu > li.menu-item-has-children.on > .sub-menu{
opacity: 1;
visibility: visible;
z-index: 10;
}
.sub-menu-inner{
width: 100%;
display: flex;
flex-wrap:wrap;
flex-flow: column wrap;
height: 200px;
}
.main-menu > li > .sub-menu > .sub-menu-inner > li,
.main-menu > li > .sub-menu > .sub-menu-inner > li:first-child,
.main-menu > li > .sub-menu > .sub-menu-inner > li .sub-menu li{
position: relative;
border: none!important;
padding: 0;
margin: 0;
width: 50%;
text-align: left;
}
.main-menu .sub-menu li a{
display: block;
padding: 0;
font-weight: normal;
font-size: 14px;
border: none!important;
}
.main-menu .sub-menu li a img{
position: relative;
display: block;
width: 250px;
line-height: 0;
margin: 0 auto;
}
.main-menu .sub-menu li a span{
display: block;
text-align: center;
padding-top: 10px;
}
.main-menu > .sub-menu > li > a:before{
display: none;
}
/*contents*/
article{
padding-top: 65px;
}
/*CTA*/
#cta img {
width: 22%;
max-width: 246px;
right: -1%;
bottom: -7%;
}
/*footer*/
.footer-nav-wrap .section-inner{
display: table;
width: calc(100% - 80px);
}
.company-info{
display: table-cell;
vertical-align: top;
margin: 0;
padding-right: 20px;
}
.footer-col-wrap{
display: table-cell;
vertical-align: top;
}
.footer-title{
padding-bottom: 15px;
}
.footer-title strong{
padding-left: 0;
display: block;
}
.entry-content .section-inner,
.footer-nav-wrap .section-inner {
padding: 40px;
}
.footer-nav-wrap .section-inner{
padding-bottom: 0;
}
.footer-credits{
padding: 20px 40px;
}
}
@media screen and (min-width: 1080px) {
.section-inner{
position: relative;
padding: 0;
width: 1000px;
margin: 0 auto;
}
.site-branding .section-inner {
width: auto;
}
.site-title {
padding: 25px 0 25px 10px;
}
.site-title img{
width: 214px;
}
.main-menu > li a {
padding: 40.5px 15px 38.5px;
}
.main-menu > li.mint-btn a {
padding: 40.5px 20px 20px;
}
.main-menu > li.menu-item-has-children > .sub-menu{
top: 100px;
}
.sub-menu-inner{
width: 1000px;
position: relative;
margin: 0 auto;
}
/*contents*/
article{
padding-top: 100px;
}
/*CTA*/
#cta h3{
margin-top: 74px;
}
#cta a{
margin-bottom: 74px
}
#cta .section-inner{
position:static;
width: 100%;
padding: 0;
margin: 0;
}
.footer-nav-wrap .section-inner{
padding: 60px 0 30px;
}
.company-info{
width: 250px;
margin: 0;
padding: 0 40px 0 0;
}
.footer-title strong {
padding-left: 5px;
display: inline;
}
.footer-copyright{
position: relative;
display: block;
width: 1000px;
margin: 0 auto;
}
}