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


/*=========================================================================
HEADER
=========================================================================*/
#Header, #headContainer {height: 60px;}
#Header {width: 40%; min-width: 440px; max-width: 480px;}


/*=========================================================================
HEADER：GLOBAL NAVI
=========================================================================*/
#globalNavi {width: 26%;bottom:60px;min-height: 100vh; min-width: 420px; max-width: 460px;}

/* ---------------------------------------------------------------- */
#menu-trigger {width:65px;height: 60px;}

/* ---------------------------------------------------------------- */
#menu-trigger span {width: 34%; left:33%; }

/* ---------------------------------------------------------------- */
ul#naviList {width: 76%; bottom: 20%;}
ul#naviList li {width:100%; margin-top: 6%; font-size: 20px;}

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

/* ---------------------------------------------------------------- */
#Header ul#snsLink{
top: 92%;
left: 12%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

#Header ul#snsLink li {margin-right: 8%; }
#Header ul#snsLink li#icon_X {width: 8%; max-width: 36px;}
#Header ul#snsLink li#icon_yt {width: 12%; max-width: 52px;}
#Header ul#snsLink li#icon_tiktok {width: 8%; max-width: 36px;}



/* ---------------------------------------------------------------- */
ul#subMenu {width: calc(100% - 60px); }
ul#subMenu li {font-size: 20px; margin-left: 10%; }


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


/*=========================================================================
FOOTER
=========================================================================*/
#footerContainer {padding: 120px 0; width: 87%;}

/* ---------------------------------------------------------------- */
#footerAccessBloc {width: 53%;}

/* ---------------------------------------------------------------- */
#foot-companyName {font-size: 40px; margin-bottom: 30px;}

@media print, screen and (max-width:1919px){
#foot-companyName{font-size: 2.2vw;}
}

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

/* ---------------------------------------------------------------- */
#foot-telNum, #foot-Address {font-size: 22px;}
#foot-telNum {margin-bottom: 1em;}
#foot-telNum.in {margin-bottom: .5em;}

@media print, screen and (max-width:1919px){
#foot-telNum, #foot-Address {font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
#foot-telNum, #foot-Address {font-size: 14px;}
}


/* ---------------------------------------------------------------- */
#foot-telNum span {font-size: 30px; display: inline-block; }
#foot-Address {margin-top: 2em; margin-bottom: 6%;}


@media print, screen and (max-width:1919px){
#foot-telNum span {font-size: 1.7vw;}
}

@media print, screen and (max-width:1200px){
#foot-telNum span {font-size: 20px;}
#foot-telNum font {display: block;}
}

/* ---------------------------------------------------------------- */
#Footer ul#snsLink{padding-top: 45px; margin-top: 30px; margin-bottom: 60px;}

#Footer ul#snsLink li {margin-right: 7%; }
#Footer ul#snsLink li#icon_X,#Footer ul#snsLink li#icon_tiktok {width: 6%; max-width: 40px;}
#Footer ul#snsLink li#icon_yt {width: 10%; max-width: 57px;}


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



@media print, screen and (max-width:1919px){
#Copy {font-size: .8vw;}
}

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

/* ---------------------------------------------------------------- */
#footerLogo {
height: auto;
position: absolute;
right: 0%;
top: 31%;
width: 18%;
max-width:180px;
z-index: 2;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#footerLogo img, #footerLogo a {width: 100%; height: auto; display: block;}



/*=========================================================================
PAGER
=========================================================================*/
a.page-numbers, .pager .current {font-size: 14px; padding:4px 10px;}
.prev a, .next a {font-size: 12px;}

/* ---------------------------------------------------------------- */
.pager {margin: 90px auto 0;}

/* ---------------------------------------------------------------- */
.prev a {padding-left: 4em;}
.next a {padding-right: 4em;}

/* ---------------------------------------------------------------- */
.pager p span {width: 3em; top: 52%;}
.pager p span:after {height: .6em; top: -.4em;}

.prev a span {left: .5em;}
.next a span {right: .5em;}

.prev a span:after {left: .1em;}
.next a span:after {right:.1em;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#pagination li {font-size: 14px;}
#pagination li#btnBack {font-size: 16px;}

#pagination li#btnPrev a,
#pagination li#btnNext a {padding-top: 10px; padding-bottom: 10px;}
#pagination li#btnBack {top: 50%; padding-top: 5px;}




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

/*-------------------------------------------------------------------------------------------------------------------------*/
#pagination li#btnPrev a span:after,
#pagination li#btnNext a span:after {top: -.4em;}


#pagination li#btnPrev a span:after {left: .25em}
#pagination li#btnNext a span:after {right: .25em}




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

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

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


@media print, screen and (max-width:1200px){
#notfoud {font-size: 28px; }
#notfont_kana {font-size: 16px;}
#no_pagebox p {font-size: 13px; }
}

}