@charset "utf-8";

@media print, screen and (min-width:769px){
/*=========================================================================
STYLE BASIC
=========================================================================*/
.for_sp, #menu-trigger {display: none !important;}



/*=========================================================================
HEADER
=========================================================================*/
#Header, #headContainer {height: 120px; }
#headContainer{padding: 16px 0;}

/*----------------------------------------------------------*/
#siteName {width: 30%; max-width: 150px; margin: 0 auto 15px; z-index: 99;}


/*=========================================================================
HEADER (TOP)
=========================================================================*/
#Header.top {max-width: inherit;height: 60px;}
#Header.top #headContainer {max-width: inherit; width: 100%; }

#Header.top #siteName {display: none;}
#Header.top #menu-trigger {width: 65px;height: 60px;display: block !important;}
#Header.top #menu-trigger p {font-size: 14px;}



/*=========================================================================
HEADER：GLOBAL NAVI
=========================================================================*/
#globalNavi {width: 100%; margin: 0 auto;}


/* ---------------------------------------------------------------- */
ul#naviList {display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content: center; align-items: center;}
ul#naviList li {font-size: 22px; margin-right: 5%;}
ul#naviList li:last-of-type {margin-right: 0;}

/*----------------------------------------------------------*/
ul#naviList li#mnLogin, ul#naviList li#mnLogin a, ul#naviList li#mnLogin a img {display: block;}
ul#naviList li#mnLogin {width: 28px; height: 35px;}
ul#naviList li#mnLogin a, ul#naviList li#mnLogin img{width: 100%; height: auto;}
ul#naviList li#mnLogin a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/*
ul#naviList li.Mn08{
height:35px;
width:35px;
background:url(../img/icon_login.png) no-repeat left top;
    }

ul#naviList li.Mn08 a{
display: block;
width: fit-content;
background:url(../img/icon_login.png) no-repeat left top;
    }
*/

@media print, screen and (max-width:1000px){
ul#naviList li {font-size: 20px;}
}

/* ---------------------------------------------------------------- */
#iconLogin {display: none;}

/* ---------------------------------------------------------------- */
#navi_infoBox, #naviLogo {display: none;}

/*=========================================================================
HEADER：GLOBAL NAVI (TOP)
=========================================================================*/
#Header.top #globalNavi {
overflow: hidden; 
background: #fff;
color: #050505;
position: fixed;
z-index: -99;
width: 60%;
transition: all .5s;
-webkit-overflow-scrolling: touch;
opacity: 0;
top: 0;
right:-100%;
height: 100%;
max-width: 500px;
-ms-box-shadow: -3px 0 6px rgba(0,0,0,.3);
-moz-box-shadow: -3px 0 6px rgba(0,0,0,.3);
-webkit-box-shadow: -3px 0 6px rgba(0,0,0,.3);
box-shadow: -3px 0 6px rgba(0,0,0,.3);
}
#Header.top #globalNavi.open {opacity: 1; z-index:98 !important; height:auto; right: 0;}

#Header.top .navi_inner {height: 100vh; padding: 30px 0; overflow-x: hidden; overflow-y: scroll;}

/* ---------------------------------------------------------------- */
#Header.top #naviLogo {display: block; width: 50%; margin-bottom:30px; max-width: 300px;}

/* ---------------------------------------------------------------- */
#Header.top #navi_infoBox {display: block; width: 90%; margin: 0 auto; padding: 4% 0;}

/* ---------------------------------------------------------------- */
#Header.top ul#naviList {position: relative; z-index: 1;padding: 4% 5%;display: block;}
#Header.top ul#naviList li {font-size: 22px; margin:0 auto; border-bottom: 1px solid #ccc;}
#Header.top ul#naviList li:first-of-type {border-top: 1px solid #ccc;}
#Header.top ul#naviList li a {padding: 15px 0; }
#Header.top ul#naviList li a:hover {color: #ce2cb5;}

@media print, screen and (max-width:900px){
#Header.top ul#naviList li {font-size: 18px;}
}



/*=========================================================================
SLIDER
=========================================================================*/
.arrow_next,.arrow_prev {max-width: 40px;}

/*----------------------------------------------------------*/
.arrow_next02,
.arrow_prev02{width:calc(100% / 22);}

@media print, screen and (max-width:1000px){
.arrow_next02,
.arrow_prev02{width:calc(100% / 17);}
}



/*=========================================================================
FOOTER
=========================================================================*/
dl#bottomContents {
padding: 45px 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
dl#bottomContents dt{width: 34%; margin-right: 4%;}
dl#bottomContents dd {width:62%;}

/*----------------------------------------------------------*/
#bottomLogo {width: 55%; margin-bottom: 4%;}

/*----------------------------------------------------------*/
#Copy {font-size: 14px; text-align: center;}

/*----------------------------------------------------------*/
ul#bottom_linkList {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}

ul#bottom_linkList li { width: 19%; margin: 0 6% 2% 0; font-size: 18px;}
ul#bottom_linkList li:nth-of-type(4n) {margin-right: 0;}
ul#bottom_linkList li a {padding: 6px 0;}

/*----------------------------------------------------------*/
#bottom_otherLink {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin:0 auto;
width: 92%;
}

#bottom_otherLink a {font-size: 14px; margin-right: 1em;}
#bottom_otherLink a:after {content: "|";font-size: 14px;padding-left: 1em;}
#bottom_otherLink a:last-of-type:after {content: none;}

/*=========================================================================
PAGER
=========================================================================*/
a.page-numbers, .pager .current, .pager a:hover {font-size: 16px;}
.pager {margin: 120px auto 0;}


/*=========================================================================
NO PAGE
=========================================================================*/
#no_pagebox {	margin-bottom:30px;	padding:155px 35px;}

#notfoud {font-size: 40px; }
#notfont_kana {font-size: 18px;}

#no_pagebox p {margin: 20px 0 ; font-size: 14px; }



/*=========================================================================
SUB NAVI
=========================================================================*/
#sub_naviBloc {margin-bottom: 0px;}

/* ---------------------------------------------------------------- */
#listHeadline { font-size: 28px; margin-bottom: 45px;}

@media print, screen and (max-width:1200px){
#listHeadline { font-size: 24px; }
}

/* ---------------------------------------------------------------- */
ul#sub_naviList li {font-size: 16px;}
ul#sub_naviList li a, ul#sub_naviList li span {padding: 12px 0 15px;}

@media print, screen and (max-width:1200px){
ul#sub_naviList li {font-size: 14px;}
}



}