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



/*=========================================================================
HEADER
=========================================================================*/
#Header, #headContainer {height: 60px; }

#headContainer {padding:4% 0; position: static;}

/*----------------------------------------------------------*/
#siteName {
width: 60%;
max-width: 260px;
left: 0%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}


/*=========================================================================
HEADER
=========================================================================*/
#Header, #headContainer {height: 60px;}
#Header {width: 100%;}


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

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

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

/* ---------------------------------------------------------------- */
ul#naviList {width: 76%; bottom: 24%; top: auto;}
ul#naviList li {width:100%; margin-top: 10%; font-size: 18px;}


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


/* ---------------------------------------------------------------- */
#Header ul#snsLink{top: 90%;left: 12%; width: 76%; max-width: 160px;}
#Header ul#snsLink li {margin-right: 13%; }
#Header ul#snsLink li:last-of-type {margin-right: 0;}
#Header ul#snsLink li#icon_X {width: 22%;}
#Header ul#snsLink li#icon_yt {width: 26%; }
#Header ul#snsLink li#icon_tiktok {width: 22%;}


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

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



/*=========================================================================
FOOTER
=========================================================================*/
#footerContainer {width: 90%;  padding: 9% 0 80px;}

/* ---------------------------------------------------------------- */
#footerAccessBloc {width: 100%; margin: 0 auto;}

/* ---------------------------------------------------------------- */
#foot-companyName {margin-bottom: 4%; font-size: 22px;}

/* ---------------------------------------------------------------- */
#foot-telNum, #foot-Address {font-size: 13px;}
#foot-telNum span {font-size: 20px;}
#foot-telNum {margin-bottom: 1em;}

#foot-Address {margin-top: 1.4em;}

@media print, screen and (max-width:480px){
#foot-telNum font {display: block;}
#foot-companyName {font-size: 5vw;}
#foot-telNum, #foot-Address {font-size: 2.8vw;}
#foot-telNum span {font-size: 4.4vw;}
}


/* ---------------------------------------------------------------- */
#Footer ul#snsLink {padding-top: 9%; margin-top:9%; margin-bottom: 16%;}
#Footer ul#snsLink li {margin-right: 8%; }
#Footer ul#snsLink li#icon_X,#Footer ul#snsLink li#icon_tiktok {width: 10%; max-width: 36px;}
#Footer ul#snsLink li#icon_yt {width: 15%; max-width: 52px;}

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

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

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

/*=========================================================================
PAGER
=========================================================================*/
a.page-numbers, .pager .current  {font-size: 13px; padding:4px 10px; display: block; }
.pager a font {text-indent: -9999px;overflow: hidden; display: block; }


@media print, screen and (max-width:480px){
a.page-numbers, .pager .current  {font-size: 12px; }
}
/* ---------------------------------------------------------------- */
.pager {margin: 12% auto 0;}

/* ---------------------------------------------------------------- */
.prev a,
.next a { width: 2.5em; }

/* ---------------------------------------------------------------- */
.pager p span {width: 1.5em; top: 52%; display: block;}
.pager p span:after {height: .6em; top: -.45em;}

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

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


/*-------------------------------------------------------------------------------------------------------------------------*/
#pagination {width: 88%; max-width: 240px; }
#pagination li, #pagination li a  {font-size: 12px;}

#pagination li#btnPrev,
#pagination li#btnNext { width: 50%;}

#pagination li#btnPrev a {text-align: right;}
#pagination li#btnNext a {text-align: left;}

#pagination li#btnPrev a,
#pagination li#btnNext a {padding: 10px .5em;}
 
	
#pagination li#btnBack {top: 4.5em!important;}
	
@media print, screen and (max-width:480px){
#pagination {max-width: 260px; }
#pagination li, #pagination li a {font-size: 3vw; }
}
@media print, screen and (max-width:414px){
#pagination li, #pagination li a  {-webkit-font-size: 3.8vw; font-size: 3vw; }
}


/*-------------------------------------------------------------------------------------------------------------------------*/
#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:0 auto 30px;	padding:9% 0%; width: 88%;}

#notfoud {font-size: 28px; }
#notfont_kana {font-size: 16px;}
#no_pagebox p {margin: 15px 0 ; font-size: 13px; }


@media print, screen and (max-width:480px){
#notfoud {font-size: 6vw; }
#notfont_kana {font-size: 3.6vw;}
#no_pagebox p {margin: 3% 0 ; font-size: 2.8vw; }
}


}