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

/*-------------------------------------------------------------------------------------------------------------------------*/
.anchor_style {padding-top: 70px; margin-top: -70px; margin-bottom: -70px; }

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

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


/*-------------------------------------------------------------------------------------------------------------------------*/
#mainContents {padding:0px 0 0;}
#mainContents.inner {padding-bottom: 0%;}

body#Top #mainContents {padding:0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
section:last-of-type {padding-bottom: 16%;}

body#Top section:last-of-type {padding-bottom: 0%;}
body#News section:last-of-type {padding-bottom: 0%;}

/*-------------------------------------------------------------------------------------------------------------------------*/
.section_basic {margin-top: 90px;}

.section_inner {padding: 40px 45px;}

body#Top.section_inner {padding: 45px 30px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#with_subNavi.section_basic {margin-top: 45px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#btnMore {font-size: 14px;}
#btnMore a {padding: 5px 20px;}

@media print, screen and (max-width:1000px){
#btnMore { font-size: 13px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#Coming {padding: 120px 0 200px; font-size: 36px; }


/*-------------------------------------------------------------------------------------------------------------------------*/
.section_title {font-size: 38px; margin-bottom: 15px;}
.section_title.in_page {font-size: 48px; margin-bottom: 0;}

@media print, screen and (max-width:900px){
.section_title.in_page {font-size: 48px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#contensTitle {font-size: 38px; margin-bottom: 30px;}

@media print, screen and (max-width:900px){
#contensTitle {font-size: 30px;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
.section_basic {margin-bottom: 90px;margin-top: 60px;}
section:last-of-type .section_basic {margin-bottom: 0;}

body#Top .section_basic {margin-top: 90px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
.box_inner,.bloc_body {padding: 30px;}
.box_inner, .box_inner p {font-size: 16px;}
.box_inner p {margin-bottom: 15px;}

@media print, screen and (max-width:900px){
.box_inner, .box_inner p {font-size: 14px;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
#onePeriod {margin-bottom: 45px; font-size: 14px;}
#onePeriod p {margin-bottom: 5px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#article_snsbtnBody {letter-spacing: -.4em;}
#article_snsTitle, ul#article_snsBtn {vertical-align: middle; display: inline-block;}
#article_snsTitle {font-size: 13px; width:10%; max-width: 60px;  }

ul#article_snsBtn{width: 90%; max-width: 200px;}
ul#article_snsBtn li {width: 10%; margin:0 6% 0 0 !important; }

@media print, screen and (max-width:1100px){
#article_snsTitle {font-size:12px; width: 16%;}
ul#article_snsBtn{width: 84%;}
}


/*==========================================================================================================================
HEADER
==========================================================================================================================*/
#Header, #headBody {height: 70px; }

/*-------------------------------------------------------------------------------------------------------------------------*/
/*
#Header.shadow{
background:rgba(69,1,0,.8);
-ms-box-shadow: 0 3px 3px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
box-shadow: 0 3px 3px rgba(0,0,0,.2);
}


#Header.shadow:after {
content: "";
position: absolute;
left: 0;
top:0;
width: 100%;
height: 100%;
z-index: -1;
background-image: url('../img/bg_header.jpg');
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
animation: grad 8s ease infinite;
filter: alpha(opacity=3); -moz-opacity:.3; opacity:.3;
}

*/


/*-------------------------------------------------------------------------------------------------------------------------*/
#Logo {width: 40%; top:45%; max-width: 190px; }




/*==========================================================================================================================
HEADER：GLOBAL NAVI
==========================================================================================================================*/
#menu-trigger, #Logo {display: none !important;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#globalNavi {
display: flex;
align-items: center;
position: absolute;
letter-spacing: -.4em;
width: 100%;
top: 50%;
right: 0%;
-moz-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}


/*-------------------------------------------------------------------------------------------------------------------------*/
ul#naviList {
letter-spacing: -.4em,;
font-size: 0;
text-align: right;
width: 80%;
}
ul#naviList li {
display:inline-block;
letter-spacing: 1.2px;
vertical-align: middle;
font-size: 24px;
margin-right:6%;
}

ul#naviList li:last-of-type {margin-bottom: 0;}

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

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


/*-------------------------------------------------------------------------------------------------------------------------*/
ul#naviList li a {color: #fff;}
ul#naviList li a:hover {color: #f3ca92;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#globalNavi ul#sns_iconList {width: 20%; height: auto; letter-spacing: -.4em;font-size: 0;text-align: center;}
#globalNavi ul#sns_iconList li {width: 20%;margin-left: 10%; display: inline-block; font-size: 100%;}
#globalNavi ul#sns_iconList li:first-of-type {margin-left: 0;}
#globalNavi ul#sns_iconList li a {
-ms-filter: invert(100%);
-moz-filter: invert(100%);
-wbkit-filter: invert(100%);
filter: invert(100%);
}







/*==========================================================================================================================
FOOTER
==========================================================================================================================*/
#Footer{padding:12% 0; z-index: 2; }


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

/*-------------------------------------------------------------------------------------------------------------------------*/
#footLogo {margin-bottom: 15px; width: 30%; max-width: 160px;}



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

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#subNavi li {margin-right: 3%; font-size: 16px; }
ul#subNavi li a {padding: 5px 20px;}

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


/*==========================================================================================================================
PAGE TOP
==========================================================================================================================*/
#page-top, #page-top a {width: 40px; height: 40px; }



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

/*-------------------------------------------------------------------------------------------------------------------------*/
#bottom_btnBloc {margin-bottom: 90px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
.pagination li {font-size: 14px; margin-right: 3%;}
.pagination li a {padding: 10px 30px; }
.pagination li#btnPrev a:after{left: 0;}
.pagination li#btnNext a:after{right: 0;}

@media print, screen and (max-width:900px){
.pagination li {font-size: 13px;}
}



/*==========================================================================================================================
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; }

/*==========================================================================================================================
ARCHIVE LINK
==========================================================================================================================*/
section#Archive {padding:45px 0; margin-top: 30px;}

ul#archiveList li {font-size: 16px; margin: 0 2% 10px 0;}
ul#archiveList li a {padding: 5px 20px;}


/*==========================================================================================================================
SNS ICON
==========================================================================================================================*/
#sns_iconBox {
right: 1%;
top: 50%;
width: 10%;

max-width: 40px;
/*background: rgba(0,0,0,.3);*/


-moz-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);

-moz-text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
-webkit-text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);

-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#sns_iconList {
height: auto;
letter-spacing: -.4em;
font-size: 0;
text-align: center;
padding: 10px;
width: 100%;
}

ul#sns_iconList li {width: 100%; margin-bottom: 10px;}
ul#sns_iconList li:last-of-type {margin-bottom: 0;}
ul#sns_iconList li a {display: block; width: 100%; height: auto;}







}