@charset "utf-8";

@-ms-viewport
{
    width: auto;
    initial-scale: 1;
}
@viewport
{
    width: device-width;
    initial-scale: 1;
}
/*base*/
body {
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic', sans-serif !important;
	margin: 0;
	padding: 0;
	/*background: #fff;*/
    background: #fafafa;
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
/*a:link { color:#333; }
a:visited{color:#333 ;}*/
a{color: #0047bb;}
a:hover, a:active, a:focus{color:#0047bb;}
li{
	list-style-type:none;
}
.inline{
	display:inline;
}
.fa {
　display: inline-block;
　font: normal normal normal 16px/1 FontAwesome;
　font-size: inherit;
　text-rendering: auto;
　-webkit-font-smoothing: antialiased;
　-moz-osx-font-smoothing: grayscale;
　transform: translate(0, 0);
  text-align: center;

}

/* 2020rn add s ベースのフォントサイズをECサイトと合わせる */
@media print,screen and (min-width: 641px) {
  html,body {font-size:16px;}
}
@media screen and (max-width: 640px) {
  html,body {font-size:15px;font-size:2.3vw;}
}
@media screen and (max-width: 400px) {
  html,body {font-size:14px;font-size:3.7vw;}
}
/* 2020rn add e ベースのフォントサイズをECサイトと合わせる */

/*------------共通クラス------------*/
.mgl10{
	margin-left: 10px;
}
.mgr10{
	margin-right: 10px;
}
.mgt10{
	margin-top: 10px;
}
.mgt40{
	margin-top: 40px;
}
.pl10{
	padding-left: 10px;
}
.pl20{
	padding-left: 20px;
}
.w100{
	padding-top: 10px;
	width:100%;
	height: auto;
}
.w98{
	padding-top: 10px;
	width:1649px;
	height: auto;
	margin: 0 auto;
}
.t_center{
	text-align: center !important;
}
.t_left{text-align: left !important;
}

/*見出しタイトル*/
.ttl{
	margin: 0;
	font-size: 36px;
	color: #555;
	text-align: center;
}
/*ボックス用スタイル*/
.h-grid3-all {
    background: #dab356;
	float: left;
    padding: 5px;
    text-align: center;
	margin-bottom: 10px;
    height: 86px;
    width: 12%;
	box-sizing: border-box;
}
.h-grid3-all:hover {
    background: #FFBF3F;
    transition: all 0.5s ease 0s;
}
.col-md-offset-1 a{
	color:#333;
	cursor: pointer;
	display: block;
}
.h-grid3-padding h4 {
    color: #333 !important;
    font-size: 14px !important;
    padding-bottom: 6px;
	font-weight: bold;
	opacity: 1.0 !important;
}
.h-grid3-padding p {
    color: #333;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 24px;
    padding: 0 16px;
}
.newsbox h4 a{
	text-decoration:underline;
}
.newsbox ul li:nth-child(3){
	height:90px;
}
/*---------メディアクエリここから----------*/
@media (max-width: 320px) {
.newsbox ul li:nth-child(3){
	height:116px;
}
.newsbox {
height: auto;
min-height: 2700px;
overflow: auto;
}
.newsbox h4{
	color: #555;
	font-size: 20px;
	font-weight: bold;
	margin: 5px 0;
}
.newsbox ul li{
	margin:0;
	padding: 0;
}
.userinfo{
	clear: both;
	height: auto;
	position:absolute;
	top:65px;
	left:0;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
}
.header-fixed .userinfo{
	clear: both;
	height: auto;
	position:absolute;
	top:60px;
	left:0;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
}
.h-grid3-all{
	width:20.7%;
	box-sizing: border-box;
}
.h-grid3-all h4{
	font-size: 85%;
	color: #333 !important;
	opacity: 1.0 !important;
}
.full-grid {
	padding: 0 10px;
	width: 100%;
}

.caption h3 {
	font-size: 23px;
}
.header-left a {
	padding: 3px 7px;
	font-size: 21px;
}
.navbar-toggle {
	padding: 0;
	/* width: 50px; */
	/* height: 37px; */
}
button.navbar-toggle {
	margin: -31px 5% 0 0;
}
.caption p {
	font-size: 13px;
}
.banner {
	min-height: 219px;
}
.caption {
	margin-top: 46px;
}
a.morebtn {
	padding: 3px 14px;
}

.we-focus, .about, .team, .camps, .typrography, .gallery, .contact {
	padding: 35px 0;
}
.focus-grid h3, h3.tittle, .gallery h3, .contact-form h3 {
	font-size: 22px;
}

.pop-desc {
	padding: 7px 0;
}
.focus-grid {
	float: left;
	width: 100% !important;
	padding: 0;
}

.footer-grid {
	float: left;
	width: 100%;
	padding: 0;
}
.footer-grid:nth-child(2) {
	min-height: inherit;
}
.footer-grid:nth-child(2), .footer-grid:nth-child(3) {
	margin-top: 30px;
}
.copy-right {
	padding: 11px 0;
}
.fifth-effect .mask {
	border: 6px solid rgba(255,255,255,0.50);
	;
}
h3.tittle.mid {
	font-size: 19px;
}
.cam-top iframe {
	height: 219px;
}
.sub-text p {
	margin: 2px 0 0px 0;
	font-size: 13px;
}
.sub-img {
	float: left;
	width: 27%;
}
.sub-text {
	width: 70%;
}
.da-thumbs li {
	width: 100%;
	margin: 5px 0;
}
.da-thumbs li a div h5 {
	margin: 2.2em 0 0 0;
}
.page-head {
	min-height: 43px !important;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 11px!important;
}
.contact-grid {
	float: left;
	width: 100%;
}
.contact-grid:nth-child(3), .contact-grid:nth-child(2) {
	margin-top: 30px;
}
.nav li a{
   padding: 3% 0 !important;
   height:40px;
   width:100%;
   display:block;
}
.nav br{
   display: none;
}
.nav i{
   display:inline;
}
.newsbox ul li{
	margin: 0;
	padding: 0;
}
}
/*---------メディアクエリここから----------*/
@media (max-width: 480px) {
.newsbox ul li:nth-child(3){
	height:120px;
	display: inline-block;
}
.newsbox{
	height:2850px;
}
.newsbox img{
	margin: 0 0 0 -13px !important;
}

.newsbox h4{
	color: #555;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0 ;
}
.nav{
	margin:33px 0 0 0;
	}
.nav li a{
   padding: 3% 0 !important;
   height:40px;
   width:100%;
   display:block;
}
.userinfo{
	clear: both;
	height: auto;
	position:absolute;
	top:50px;
	left:0;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
}
.newsbox ul li{
	margin:0;
	padding: 0;
}
.full-grid {
	padding: 0;
	width: 100%;
}
.nav br{
	display:none;
}
.ttl{font-size: 25px;}
.h-grid3-all{
	width:21.7%;
	box-sizing: border-box;
}
.h-grid3-all:nth-child(even){
margin:0 10px 10px 0;
}

.nav_ttl{
		clear: both;
		font-size:100%;
}

.we-focus, .about, .team, .camps, .typrography, .gallery, .contact, .support, .buttonbox, .support-about {
	padding: 45px 0;
}
.focus-grid h3, h3.tittle, .gallery h3, .contact-form h3 {
	font-size: 25px;
}
.col-md-6.focus-grid {
	float: left;
	width: 100%;
	padding: 0 5px;
}
.col-md-3.focus-grid {
	float: left;
	width: 50%;
	padding: 0 5px;
}
.focus-grid:nth-child(4), .focus-grid:nth-child(5), .focus-grid:nth-child(6), .focus-grid:nth-child(7), .focus-grid:nth-child(3), .focus-grid:nth-child(2) {
	margin: 25px 0 0 0;
}
.full-grid {
	padding: 0 5px;
	width: 100%;
}
.full-left .glyphicon-music, .full-left .glyphicon-film, .full-left .glyphicon-play {
	font-size: 35px;
}
.full-right h3 {
	margin: 12px 0 0 0;
	font-size: 17px;
}
.full-grid:nth-child(2) {
	margin: 30px 0;
}
.full {
	padding-top: 45px;
}
.full {
	min-height: 582px;
}
.footer-grid input[type="email"] {
	width: 62%;
}
.header-left a {
	font-size: 24px;
}
.about-top-left {
	float: left;
	width: 100%;
	padding: 0;
}
.about-top-right {
	float: left;
	width: 100%;
	padding: 0;
	margin-top: 30px;
}
.about-top-right h4 {
	font-size: 18px;
}
.view-grid {
	float: left;
	width: 50%;
	padding: 5px;
}
.fifth-effect .mask {
	border: 22px solid rgba(255,255,255,0.50);
}
.cam-top {
	float: left;
	width: 100%;
	padding: 0;
}
.cam-top-text {
	margin-top: 30px;
	float: left;
	width: 100%;
	padding: 0;
}
.sub-text a {
	font-size: 17px;
}
.sub-text p {
	margin: 9px 0 0px 0;
	font-size: 13px;
}
.da-thumbs li {
	width: 49.2%;
}
.cam-top iframe {
	height: 233px;
}
}

/*---------メディアクエリここから----------*/
@media (max-width: 1024px) {
.navigation {
	margin-top: 9px;
	float: right;
	z-index: 1;
}
.userinfo{
	clear: both;
	height: auto;
	position:absolute;
	top:134px;
	left:213px;
	color: #fff;
	font-weight: bold;
	z-index:100;
	font-size: 75%;
}
.ttl{font-size: 32px;}
.header-left a {
	font-size: 34px;
}
.navbar-default .navbar-nav > li > a {
	padding: 8px 17px;
	font-size: 16px;
}
.navigation {
	margin: 6px 0 0 0;
}

a.morebtn {
	font-size: 14px;
	padding: 7px 22px;
}
.banner {
	min-height: 520px;
}

.we-focus, .camps, .typrography, .gallery, .contact {
	padding: 70px 0;
}
.pop-desc p {
	font-size: 16px;
}
.focus-grid h3 span {
	font-size: 16px;
}
.focus-image .glyphicon-music, .focus-image .glyphicon-film, .focus-image .glyphicon-volume-up, .focus-image .glyphicon-play, .focus-image .glyphicon-headphones, .focus-image .glyphicon-facetime-video {
	font-size: 45px;
}
.focus-layout h4 {
	font-size: 16px;
}
.full-left .glyphicon-music, .full-left .glyphicon-film, .full-left .glyphicon-play {
	font-size: 44px;
}
.full-right h3 {
	margin: 15px 0 0 0;
	font-size: 19px;
}
.full {
	padding-top: 70px;
}
.full {
	min-height: 398px;
}
.full-grid a {
	font-size: 14px;
	padding: 0;
}
.footer-grid h3 {
	font-size: 26px;
}
.footer-grid h4 {
	margin: 0 0 22px 0;
}
.about-top-right p {
	margin: 7px 0 0px 0;
}
.about-top-right h4 {
	font-size: 19px;
	color: #F80093;
}
.fifth-effect .mask {
	border: 10px solid rgba(255,255,255,0.50);
}
.sub-text a {
	font-size: 16px;
}
.sub-text {
	width: 77%;
	float: right;
}
.cam-top-text {
	padding-left: 0;
}
.sub-text p {
	font-size: 13px;
}
.cam-top iframe {
	height: 283px;
}
.sub-cam-top:nth-child(3) {
	margin: 0;
}
.footer-grid ul li {
	font-size: 13px;
}
.page-head {
	min-height: 112px !important;
}
.view-grid {
	float: left;
	width: 25%;
	padding-top: 10px;
}
}
/*---------メディアクエリここから----------*/
@media (max-width: 800px) {
.navigation {
	margin-top: 9px;
	float: none;
	z-index: 1;
}
.ttl{font-size: 29px;}
.full-grid {
	padding: 0;
	width: 100%;
}

.header-left a {
	font-size: 26px;
}
.navbar-default .navbar-nav > li > a {
	padding: 5px 12px;
	font-size: 14px;
}
.navigation {
	margin-top: 4px;
}

.we-focus, .about, .team, .camps, .typrography, .gallery, .contact {
	padding: 60px 0;
}
.focus-grid {
	float: left;
	width: 50%;
}
.focus-grid {
	float: left;
	width: 50%;
}
.focus-grid:nth-child(4), .focus-grid:nth-child(5), .focus-grid:nth-child(6), .focus-grid:nth-child(7), .focus-grid:nth-child(3) {
	margin: 30px 0 0 0;
}
.focus-grid p {
	font-size: 13px;
}
.full {
	padding-top: 60px;
}

.full-grid p {
	font-size: 13px;
}
.full-left .glyphicon-music, .full-left .glyphicon-film, .full-left .glyphicon-play {
	font-size: 28px;
}
.full-left {
	float: left;
	width: 16%;
}
.full-right {
	float: left;
	width: 84%;
}
.full-right h3 {
	margin: 7px 0 0 0;
	font-size: 15px;
}
.full {
	min-height: 350px;
}
.footer-grid {
	float: left;
	width: 25%;
}
.footer-grid h4 {
	margin: 0 0 30px 0;
	font-size: 16px;
}
.footer-grid ul li {
	font-size: 11px;
}
.footer-grid {
	float: left;
	width: 25%;
	padding: 0 5px;
}
.footer-grid input[type="email"] {
	padding: 8px;
	width: 74%;
}
.footer-grid h3 {
	font-size: 20px;
}
.footer {
	padding: 45px 0;
}
.full-grid p {
	margin: 10px 0 14px 0;
}
.about-top, .main, .cam-top-top, .grid_4, .gallery ul, .map {
	margin-top: 35px;
}

.about-top-right p {
	font-size: 13px;
}
.about-top-right h4 {
	font-size: 17px;
}
.view-grid {
	float: left;
	width: 25%;
	padding-top: 10px;
}
.cam-top {
	float: left;
	width: 50%;
}
.cam-top-text {
	float: left;
	width: 50%;
}
.sub-img {
	float: left;
	width: 19%;
}
.sub-text {
	width: 78%;
}
.sub-text a {
	font-size: 15px;
}
.sub-text p {
	font-size: 12px;
}
.cam-top iframe {
	height: 259px;
}
.footer-grid h3 {
	margin: 39px 0 0px 0;
}
.footer-grid h4 {
	margin: 0 0 15px 0;
}
}
/*---------メディアクエリここから----------*/
@media (max-width: 640px) {
.navigation {
	margin-top: 9px;
	float: right;
	z-index: 1;
}
.userinfo{
	clear: both;
	height: auto;
	position:absolute;
	top:50px;
	left:0;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
}
.ttl{font-size: 27px;}
.page-head {
	min-height: 70px !important;
}
.full-grid {
	padding: 0;
	width: 100%;
}

.navigation {
	margin-top: 0px;
}
.navbar-toggle {
	padding: 9px 10px;
	margin: -44px 5% 0 0;
	border-radius: 4px;
}
.navbar-default .navbar-toggle {
	border-color: #000;
}

.focus-grid h3, h3.tittle, .gallery h3, .contact-form h3 {
	font-size: 27px;
}
.we-focus, .about, .team, .camps, .typrography, .gallery, .contact {
	padding: 50px 0;
}
.pop-desc p {
	font-size: 14px;
}
.pop-desc {
	padding: 7px 0;
}
.navbar-nav {
	float: none;
	width: 100%;
	text-align: center;
}
.navigation {
	width: 100%;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border: none;
}
button.navbar-toggle {
	margin: -37px 5% 0 0;
}

.navbar-toggle {
	background: #999933;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: #999933;
}
.navbar-nav {
	margin: 33px 0 0 0;
}
.navbar-collapse {
	padding: 0;
}
.full-left .glyphicon-music, .full-left .glyphicon-film, .full-left .glyphicon-play {
	font-size: 20px;
}
.full-right h3 {
	margin: 5px 0 0 0;
	font-size: 13px;
}
.full-grid p {
	margin: 4px 0 9px 0;
	line-height: 1.7em;
}
.footer-grid {
	float: left;
	width: 50%;
}
.footer-grid h4 {
	margin: 0 0 16px 0;
}
.footer-grid:nth-child(2) {
	min-height: 139px;
}
.footer-grid:nth-child(3), .footer-grid:nth-child(4) {
	margin-top: 5px;
}
.footer-grid h3 {
	font-size: 24px;
}
.full-grid {
	padding: 0 10px;
	margin: 0;
}
.full-grid a {
	font-size: 13px;
	padding: 4px 13px;
}
.footer {
	padding: 35px 0;
}
a.morebtn {
	font-size: 13px;
	padding: 5px 16px;
}
.about-top, .main, .cam-top-top, .grid_4, .gallery ul, .map {
	margin-top: 30px;
}
.about-top-left {
	float: left;
	width: 54%;
	padding: 0 10px;
}
.about-top-right {
	padding: 0 10px 0 10px;
}
.view-grid {
	float: left;
	width: 25%;
	padding: 10px;
}
.cam-top {
	float: left;
	width: 46%;
	padding: 0 10px;
}
.cam-top-text {
	float: left;
	width: 54%;
	padding: 0 10px 0 0;}
 .sub-img {
 float: left;
 width: 17%;
}
.sub-text {
	width: 81%;
}
.sub-text p {
	margin: 2px 0 0px 0;
}
.sub-cam-top {
	margin-bottom: 22px;
}
.cam-top iframe {
	height: 225px;
}
}


.subttl {
	text-align: center;
	font-size: 14px;
	color: #555;
}
/*-- header --*/
.header {
	background: #666633;
	padding: 20px 0px;
	border-bottom:4px solid #999933;
}
.userinfo{
	float: left;
	height: auto;
	position: absolute;
	left: 10px;
	top: 60px;
	color: #fff;
	font-weight: bold;
	z-index: 100;
	font-size: 75%;
}
.header-left {
	float: left;
}
.header-left a {
	text-decoration: none;
	padding: 0 10px;
}
.navbar-default {
	background: none;
	border: none;
}
.navbar {
	margin-bottom: 0;
	min-height: 0;
	border-radius: 0;
}
.navbar-default .navbar-nav > li > a {
	padding: 0 20px;
	color: #fff;
	font-size: 18px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background: #999933;
}
.navbar li ul li a {
	background: none repeat scroll 0 0 #222;
	min-width: 100%;
	padding: 0.625em;
}
.navbar li a:hover, .aside-nav li a:hover {
	background: #999;
}
.navbar li ul {
	display: none;
}
.navbar li ul li {
	float: none;
	list-style: none outside none;
	min-width: 100%;
	padding: 0;
}
.nav_ttl{
		clear: both;
		font-size:60%;
}
/* To Bottom */
.hvr-bounce-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #999933;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
	color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*-- //header --*/

.full {
	background: url(../images/banner2.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	min-height: 410px;
}

a.morebtn {
	text-decoration: none;
	font-size: 16px;
	color: #000;
	padding: 7px 50px;
	background: hsla(0,0%,100%,0.4);
	border:1px solid #333;
}
/*-- full --*/
.full {
	padding-top: 80px;
}
.full-left {
	float: left;
	width: 20%;
}
.full-right {
	float: left;
	width: 80%;
}
.full-left .glyphicon-music, .full-left .glyphicon-film, .full-left .glyphicon-play {
	font-size: 48px;
	color: #f4e14b;
}
.full-right h3 {
	margin: 8px 0;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.full-grid p {
	font-size: 14px;
	margin: 20px 0 25px 0;
	color: #fff;
	line-height: 1.8em;
}

.full-grid .read-more2 {
	clear: both;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 7px 25px;
	background: #dab356;
	cursor: pointer;
	margin: 10px 0 0 0;
	float: right;
}
a.hvr-bounce-to-bottom.read-more2:before,
a.hvr-bounce-to-bottom.read-more:before {
	background: #919D9D;
}
/*-- //full --*/
/*-- footer --*/
.footer-grid input[type="email"] {
	background: #fff;
	border: none;
	width: 81%;
	outline: none;
	padding: 10px;
	font-size: 13px;
	color: #c4c4c4;
}
.footer {
	background: #e0e1e3;
	padding: 40px 0;
}
.footer-grid h4 {
	margin: 0 0 30px 0;
	font-size: 20px;
	color: #fff;
}
.footer-grid h3 {
	margin: 30px 0 0px 0;
	font-size: 32px;
	color: #fff;
}
.footer-grid h3 a {
	color: #fff;
	text-decoration: none;
}
.footer-grid h3 a:hover {
	color: #fff;
}
.footer-grid ul {
	margin: 0;
	padding: 0;
}
.footer-grid ul li {
	list-style-type: none;
	font-size: 14px;
	color: #333;
	line-height: 2em;
	font-weight: 600;
}
.footer-grid ul li a {
	text-decoration: none;
	color: #fff;
}
.footer-grid ul li a:hover {
	color: #333;
	text-decoration: underline;
}
.copy-right {
	background: #919D9D;
	padding: 17px 0;
}
.copy-right p {
	text-align: left;
	margin: 0 ;
	font-size: 13px;
	color: #fff;
}
.copy-right p a {
	text-decoration: none;
	color: #333;
}
.copy-right p a:hover {
	color: #40c8f4;
}
/*-- //footer --*/

.page-head {
	min-height: 128px !important;
}
.about-top, .main, .cam-top-top, .grid_4, .gallery ul, .map, .full, .president-message {
	margin-top: 80px;
}
.team {
	background: #FFF;
}

.cam-top iframe {
	height: 325px;
	width: 100%;
}
.subtitle.center {
	text-align: center;
	font-size: 14px;
	color: #A6A4A4;
}
/*---------メディアクエリここから----------*/
@media (min-width: 800px) {
.userinfo{
	clear: both;
	height: auto;
	position:absolute;
	top:116px;
	left:8px;
	color: #fff;
	font-weight: bold;
	z-index:100;
	font-size: 75%;
}

.page-head {
	min-height: 84px !important;
}
.header-left a {
	font-size: 26px;
}
.navbar-default .navbar-nav > li > a {
	padding: 5px 12px;
	font-size: 16px;
}
.navigation {
	margin-top: 4px;
}
.we-focus, .about, .team, .camps, .typrography, .gallery, .contact {
	padding: 60px 0;
}
.focus-grid h3, h3.tittle, .gallery h3, .contact-form h3 {
	font-size: 29px;
}

.focus-grid {
	float: left;
	width: 50%;
}
.focus-grid {
	float: left;
	width: 50%;
}
.focus-grid:nth-child(4), .focus-grid:nth-child(5), .focus-grid:nth-child(6), .focus-grid:nth-child(7), .focus-grid:nth-child(3) {
	margin: 30px 0 0 0;
}
.focus-grid p {
	font-size: 13px;
}
.full {
	padding-top: 60px;
}

.full-grid p {
	font-size: 13px;
}
.full-left .glyphicon-music, .full-left .glyphicon-film, .full-left .glyphicon-play {
	font-size: 28px;
}
.full-left {
	float: left;
	width: 16%;
}
.full-right {
	float: left;
	width: 84%;
}
.full-right h3 {
	margin: 7px 0 0 0;
	font-size: 15px;
}
.full {
	min-height: 350px;
}
.footer-grid {
	float: left;
	width: 25%;
}
.footer-grid h4 {
	margin: 0 0 30px 0;
	font-size: 16px;
}
.footer-grid ul li {
	font-size: 11px;
}
.footer-grid {
	float: left;
	width: 25%;
	padding: 0 5px;
}
.footer-grid input[type="email"] {
	padding: 8px;
	width: 74%;
}

.footer-grid h3 {
	font-size: 20px;
}
.footer {
	padding: 45px 0;
}
.full-grid p {
	margin: 10px 0 14px 0;
}
.about-top, .main, .cam-top-top, .grid_4, .gallery ul, .map {
	margin-top: 35px;
}

.about-top-right p {
	font-size: 13px;
}
.about-top-right h4 {
	font-size: 17px;
}
.view-grid {
	float: left;
	width: 25%;
	padding-top: 10px;
}
.fifth-effect .mask {
	border: none
}
.cam-top {
	float: left;
	width: 50%;
}
.cam-top-text {
	float: left;
	width: 50%;
}
.sub-img {
	float: left;
	width: 19%;
}
.sub-text {
	width: 78%;
}
.sub-text a {
	font-size: 15px;
}
.sub-text p {
	font-size: 12px;
}
.cam-top iframe {
	height: 259px;
}
.da-thumbs li a div h5 {
	margin: 1.2em 0 0 0;
}
.da-thumbs li a div span {
	margin: 0px 9px 0px 9px;
	font-size: 13px;
}
}

/*---------メディアクエリここから----------*/
@media (min-width: 768px) {
.navigation {
	margin-top: 9px;
	float: none;
	z-index: 1;
}
.navigation:after{
	clear:both;
}
.newsbox ul li:nth-child(3){
	height:96px;
}
.newsbox ul li{
	margin: 0;
	padding: 0;
}
.userinfo{
	clear: both;
	height: 2em;
	position:absolute;
	bottom:10px;
	left:8px;
	color: #fff;
	font-weight: bold;
	font-size: 75%;
}
.header-fixed .userinfo{
	clear: both;
	height: auto;
	position:absolute;
	top:60px;
	left:8px;
	color: #fff;
	font-weight: bold;
	z-index:100;
	font-size: 75%;
}
.nav{
    margin-top: 32px;
    width: 100%;
}
.collapse.in {
    display: block !important;
    float: none !important;
    width: 667px !important;
}
.h-grid3-all{
	width:12%;
	height: 74px;
	box-sizing: border-box;
}
.col-lg-12 {
	padding: 3px;
}
.newsbox h4{
	color: #555;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0;
}
}
/*---------メディアクエリここから----------*/
@media (min-width: 800px) {
.navigation {
	margin-top: 9px;
	float: right;
	z-index: 1;
}
.userinfo{
	clear: both;
	height: auto;
	position:absolute;
	top:100px;
	left:8px;
	color: #fff;
	font-weight: bold;
	z-index:100;
	font-size: 75%;
}
.header-fixed .userinfo{
	clear: both;
	height: auto;
	position:absolute;
	top:60px;
	left:8px;
	color: #fff;
	font-weight: bold;
	z-index:100;
	font-size: 75%;
}
.newsbox h4{
	color: #555;
	font-size: 20px;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
}
}
/*---------メディアクエリここから----------*/
@media (min-width: 980px) {
.navigation {
	margin-top: 9px;
	float: right;
	z-index: 1;
}
.userinfo{
	clear: both;
	height: auto;
	position:absolute;
	top:60px;
	left:8px;
	color: #fff;
	font-weight: bold;
	z-index:100;
	font-size: 75%;
}
.nav{width:700px;}
.newsbox h4{
	color: #555;
	font-size: 20px;
	font-weight: bold;
}
}
/*---------メディアクエリここから----------*/
@media (min-width: 1280px) {
.navigation {
	margin-top: 9px;
	float: right;
	z-index: 1;
}
.newsbox{
   height: auto;
}
.h-grid3-all{
		width:13.4%;
	    box-sizing: border-box;
}
.newsbox ul li:nth-child(3){
	height:80px;
}
}
/*---------メディアクエリここから----------*/
@media (min-width: 1920px) {
.navigation {
	margin-top: 9px;
	float: right;
	z-index: 1;
}
.newsbox{
   height: auto;
}
.newsbox h4{
	height:2em;
}
.userinfo{
	clear: both;
	height: auto;
	position:absolute;
	top:60px;
	left:8px;
	color: #fff;
	font-weight: bold;
	z-index:100;
	font-size: 75%;
}
.h-grid3-all{
	width:13.7%;
	box-sizing: border-box;
}
.newsbox h4{
	color: #555;
	font-size: 20px;
	font-weight: bold;
	height: 2.4em;
	overflow: hidden;

}
}
/*---------メディアクエリここまで----------*/
.newsbox{
	width:100%;
	margin: 0;
	padding:0;
}

.newsbox ul{
	margin:0 0 10px 0;
	padding:0;
	color: #333;
	border: 1px solid #ccc;
	position: relative;
	overflow: hidden;
}
.newsbox ul li{
	margin:0;
	padding:0;
	color: #333;
}


.newsbox img {
width:100% ;
max-width: 100% ;
height: auto;
margin: 0;
}

.notices{
  /* 2020rn edit
	position: relative;
	width: 100%;
	height: 100px;
	background: red;
	text-align: center;
	vertical-align: middle;
	margin-right: 10px;
  */
  position: relative;
  width: 100%;
  background: #be0909;
  color: #fff;
  text-align: center;
}
/* 2020rn add s */
.notices .top_contents_link {
  position: relative;
  display: block;
  padding: 20px;
}
@media screen and (max-width: 640px) {
  .notices .top_contents_link{
    padding: 4%;
  }
}
/* 2020rn add e */
.notices_ttl{
	color: #fff;
	font-weight: bold;
	font-size: 1.7em;
}
.notices_txt{
	color: #eee;
	font-size: 1.2em;
	margin-top: 10px;
	display: block;
}
.top_contents_link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #333 !important;
}
.top_contents_link_icon {
	margin: 10px auto 7px;
}
.top_contents_link h4 {
	font-size: 90%;
	padding: 0 5px;
	font-weight: initial;
}

.clear{
	clear:both;
}

html {
  min-height: 100%;
  position: relative;
}
body {
  margin-bottom: 5em;
}

.footer_bottom{
 width: 100%;
 height: 100%;
 min-height: 6em;
 height: auto;
 position: absolute;
}

.header {
	position: relative;
	background: #6D712E;
	padding: 10px 0px 40px 0;
	border-bottom:4px solid #999933;
}
.header-fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.animated{
	position:relative;
}
.link a i{
	display: block;
	position: absolute;
	top:10px;
	left:0;
	width: 100%;
	min-height: 64px;
	height: 100%;
	cursor:pointer;
}

.link h4 a{
	display: block;
	padding-top:40px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	cursor:pointer;
	font-size: 90%;
}

.newsbox h4{
	width: 100%;
	margin: 10px 0;
	padding: 0;
}

.newsbox img {
    height: auto;
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.newsbox{
	width: 100%;
	height: auto;
}
.full-grid .read-more {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 7px 25px;
	background: #dab356;
	cursor: pointer;
	margin: 10px 0 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
}

/* 2020rn add s #siteHeader */
#siteHeader{position:fixed;left:0;top:0;width:100%;z-index:1000;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.15);}
#siteHeader ul{padding:0;margin:0;list-style:none;}
#ccRegistrationLinkOuter{position:fixed;left:0;top:0;width:100%;text-align:center;height:40px;background:#be0909;z-index:1001;}
#ccRegistrationLinkOuter #ccRegistrationLink{position:absolute;left:0;top:0;color:#fff;font-weight:bold;line-height:40px;height:40px;width:100%;padding:0;border:none;background:#be0909;animation:none;outline:none;}
#siteHeader .headerUserinfo .info .name{font-weight:bold;}
@media screen and (min-width: 1000px) {
  #ccRegistrationLinkOuter #ccRegistrationLink{font-size:18px;}
  #headerArea{padding-top:160px;}
  #headerArea.onlyInfo{padding-top:90px;}
  body.dispCcRegistrationLink #headerArea{padding-top:200px;}
  body.dispCcRegistrationLink #headerArea.onlyInfo{padding-top:130px;}
  body.dispCcRegistrationLink #siteHeader{top:40px;}
  #siteHeader .headerUserinfo{height:45px;background:#f2f2f2;font-size:12px;}
  #siteHeader .headerUserinfo .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:45px;width:1000px;margin:0 auto;line-height:1.2;}
  #siteHeader .headerUserinfo .info > p + p{padding-left:.5em;}
  #siteHeader .headerUserinfo .name{font-size:14px;white-space:nowrap;}
  #siteHeader .headerUserinfo .logoutBtn{white-space:nowrap;padding-left:.5em;margin-left:auto;}
  #siteHeader .headerUserinfo .logoutBtn a{display:block;padding:.2em .4em;background:#fff;color:#333;border-radius:4em;border:1px solid #707070;transition:background .15s linear;}
  #siteHeader .headerUserinfo .logoutBtn a:hover{background:#f2f2f2;}
  #siteHeader .headerID{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:45px;width:1000px;margin:0 auto;}
  #siteHeader .siteID{width:148px;}
  #siteHeader .siteID .logo{display:block;width:100%;padding-bottom:12.2%;background:url("../images/common/forever_logo.svg") no-repeat center center;background-size:100% auto;}
  #siteHeader .helperLink,
  #siteHeader .externalLink{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;}
  #siteHeader .helperLink a,
  #siteHeader .externalLink a{display:block;color:#333;transition:color .15s linear,background .15s linear;}
  #siteHeader .helperLink{padding-left:1em;}
  #siteHeader .helperLink.helperR{margin-left:auto;}
  #siteHeader .helperLink > li{position:relative;font-weight:bold;}
  #siteHeader .helperLink > li + li{border-left:1px dotted #707070;}
  #siteHeader .helperLink > li > a{padding:0 1em;}
  #siteHeader .helperLink > li > a:hover{color:#be0909;}
  #siteHeader .helperLink .down{display:block;position:relative;padding:0 1.8em 0 .8em;}
  #siteHeader .helperLink .down:after{content:"";display:block;position:absolute;right:.8em;top:50%;margin-top:-0.45em;width:.6em;height:.6em;border-bottom:2px solid #333;border-right:2px solid #333;transform:rotate(45deg);box-sizing:border-box;}
  #siteHeader .helperLink .down .icon{display:inline-block;width:1.6em;height:1.6em;vertical-align:middle;margin:0 .2em 0 -.2em;}
  #siteHeader .helperLink .down .icon.userconfig{background:url("../images/common/icon_user_config.svg") no-repeat center center;background-size:100% auto;}
  #siteHeader .helperLink .subLink{display:none;position:absolute;top:100%;left:50%;white-space:nowrap;transform:translateX(-50%);background:#fff;box-shadow:0 0 6px rgba(0,0,0,0.15);border-radius:4px;text-align:left;border:1px solid #707070;font-weight:400;overflow:hidden;}
  #siteHeader .helperLink .downMenu:hover .subLink{display:block;}
  #siteHeader .helperLink .subLink li + li{border-top:1px dotted #707070;}
  #siteHeader .helperLink .subLink a{padding:1em;}
  #siteHeader .helperLink .subLink a:hover{background:#f2f2f2;}
  #siteHeader .externalLink{margin-left:auto;border:1px solid #707070;border-radius:5px;background:#fafafa;overflow:hidden;}
  #siteHeader .externalLink li{position:relative;}
  #siteHeader .externalLink li:not('.hide') + li:before{content:"";display:block;position:absolute;left:0;top:10%;height:80%;border-left:1px dotted #707070;z-index:5;}
  #siteHeader .externalLink a{position:relative;display:block;padding:.2em 2.5em .2em 1em;}

/* 2024 mod s #siteHeader */ 
/*
  #siteHeader .externalLink a:after{content:"";display:block;position:absolute;right:1em;top:0;width:1em;height:100%;background:url("../images/common/icon_external.svg") no-repeat center center;background-size:100% auto;transition:transform .15s linear;}
 */
  #siteHeader .externalLink a:after{content:"";display:block;position:absolute;right:1.6em;top:60%;margin-top:-0.45em;width:.6em;height:.6em;border-right:2px solid #333;border-top:2px solid #333;transform:rotate(45deg);box-sizing:border-box;transition:right .15s linear;}
  #siteHeader .externalLink a:hover{background:#eee;}
/*
  #siteHeader .externalLink a:hover:after{transform:translateX(2px);}
 */
  #siteHeader .externalLink a:hover:after{transform:rotate(45deg);}
/* 2024 mod e #siteHeader */ 

  #siteHeader #gNav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(255,198,0,0.24);height:70px;}
  #siteHeader #gNav ul{width:1000px;margin:0 auto;display:table;font-size:14px;font-weight:bold;}
  #siteHeader #gNav ul li{display:table-cell;vertical-align:middle;text-align:center;padding:0 .5em;}
  #siteHeader #gNav ul li:first-of-type{padding-left:0;text-align:left;}
  #siteHeader #gNav ul li:last-of-type{padding-right:0;text-align:right;}
  #siteHeader #gNav ul li + li{border-left:1px solid rgba(93,61,50,0.52);}
  #siteHeader #gNav a{display:block;color:#5d3d32;transition:color .15s linear;}
  #siteHeader #gNav a:hover{color:#be0909;}
}
@media screen and (max-width: 999px) {
  #ccRegistrationLinkOuter{height:25px;}
  #ccRegistrationLinkOuter #ccRegistrationLink{line-height:25px;height:25px;}
  #headerArea{padding-top:80px;}
  body.dispCcRegistrationLink #headerArea{padding-top:105px;}
  body.dispCcRegistrationLink #siteHeader{top:25px;}
  #siteHeader .helperLink,
  #siteHeader .externalLink,
  #siteHeader .headerUserinfo .logoutBtn,
  #siteHeader #gNav{display:none;}
  #siteHeader .headerUserinfo{padding:0 0 0 150px;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
  #siteHeader .headerUserinfo .info{width:100%;}
  #siteHeader .headerUserinfo .info p{font-size:70%;max-width:100%;white-space:nowrap;overflow-x:auto;}
  #siteHeader .headerUserinfo .info p.name{font-size:100%;}
  #siteHeader .siteID{position:absolute;left:60px;top:0;width:90px;height:100%;}
  #siteHeader .siteID .logo{position:absolute;display:block;left:10px;top:50%;width:70px;height:70px;background:url("../images/common/footer_logo.svg") no-repeat center center;background-size:100% auto;margin-top:-35px;}
  #spMenuBtn{position:fixed;left:0;top:20px;width:66px;text-align:center;font-size:70%;font-size:0.7rem;z-index:2000;}
  body.dispCcRegistrationLink #spMenuBtn{top:40px;}
  #spMenuBtn .trigger{display:block;cursor:pointer;color:#333;}
  #spMenuBtn .trigger i{display:block;width:30px;height:30px;margin:0 auto;background:url("../images/common/icon_menu.svg") no-repeat center center;background-size:100% auto;}
  #spMenuBtn .trigger .text{display:block;}
  #spMenuBtn .trigger .text:before{content:"\30E1\30CB\30E5\30FC";/*メニュー*/}
  body.spMenu #spMenuBtn .trigger i{background-image:url("../images/common/icon_close.svg");}
  body.spMenu #spMenuBtn .trigger .text:before{content:"\9589\3058\308B";/*閉じる*/}
  body.spMenu:before{content:"";display:block;position:fixed;width:100%;height:100%;background:#fff;z-index:1500;}
}
/* 2020rn add e #siteHeader */

/* 2020rn add s #shortHeaderArea */
#shortHeaderArea{padding-bottom:80px;}
.shortHeader{position:fixed;left:0;top:0;width:100%;height:80px;z-index:1000;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.15);}
.shortHeader .headerID{position:relative;max-width:1000px;margin:0 auto;height:80px;}
#shortHeaderArea .siteLogo{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:1px;text-indent:-999em;}
@media screen and (min-width: 1000px) {
  #shortHeaderArea .siteLogo{width:148px;}
  #shortHeaderArea .siteLogo span{display:block;width:100%;padding-bottom:12.2%;background:url("../images/common/forever_logo.svg") no-repeat center center;background-size:100% auto;}
}
@media screen and (max-width: 999px) {
  #shortHeaderArea .siteLogo{left:50%;transform:translate(-50%,-50%);}
  #shortHeaderArea .siteLogo span {display:block;width:70px;height:70px;background:url("../images/common/footer_logo.svg") no-repeat center center;background-size:100% auto;}
}
/* 2020rn add e #shortHeaderArea */

/* 2020rn add s #siteFooterNav, #siteCopy */
#siteFooterNav{clear:both;}
#siteFooterNav *{box-sizing:border-box;}
#siteFooterNav .toggle_check{display:none;}
#siteFooterNav .footerMainNav{color:#333;}
#siteFooterNav .footerMainNav.forSPMenu{display:none;}
#siteFooterNav .footerMainNav a{display:block;position:relative;color:#333;cursor:pointer;color:#333;}
#siteFooterNav .footerMainNav a:after{content:"";display:block;position:absolute;box-sizing:border-box;}
#siteFooterNav ul{padding:0;margin:0;list-style:none;}
.footerMainNav .externalLink li + li{border-top:1px solid #707070;}
.footerMainNav .externalLink li.hide + li{border-top:none;}
.footerMainNav .externalLink li + li.hide + li{border-top:1px solid #707070;}
.footerMainNav .externalLink a{padding:.6em 2em .6em 0;}
.footerMainNav .externalLink a:after{width:1em;height:1em;right:0;top:50%;margin-top:-0.5em;background:url("../images/common/icon_external.svg") no-repeat center center;background-size:100% auto;transition:transform .15s linear;}
#siteFooterNav .footerSubNav{background:#888;}
#siteFooterNav .footerSubNav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#siteFooterNav .footerSubNav a{color:#fff;}
#siteFooterNav .footerMainNav .snsLinks{padding-top:1em;}
.footerMainNav .snsLinks .ico {display:inline-block;width:1.5em;vertical-align:middle;margin-right:.5em;}
.footerMainNav .snsLinks .ico:before{content:"";display:block;width:100%;padding-bottom:100%;background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
.footerMainNav .snsLinks .ico.insta:before{background-image:url("../images/common/ico_insta.svg");}
.footerMainNav .snsLinks .ico.fb:before{background-image:url("../images/common/ico_fb.svg");}
.footerMainNav .snsLinks .ico.yt:before{background-image:url("../images/common/ico_yt.svg");}
.footerMainNav .snsLinks .ico.ar:before{background-image:url("../images/common/ico_ar.png");}
#siteCopy{text-align:center;}
#siteCopy img{max-width:100%;height:auto;}
@media screen and (min-width: 1000px) {
  .brdCrb + #siteFooterNav{padding-top:40px;}
  #siteFooterNav .footerMainNav{font-size:16px;}
  #siteFooterNav a:hover{text-decoration:underline;}
  #siteFooterNav .footerNav{max-width:1000px;margin:0 auto;}
  #siteFooterNav .footerMainNav{padding:50px 30px;background:#f2f2f2;}
  .footerMainNav .footerNav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
  .footerMainNav .footerNav a{padding-top:.4em;padding-bottom:.4em;}
  .footerMainNav .footerNav .col:last-of-type{width:240px;}
  .footerMainNav .footerNav .link a{padding-left:2em;}
  .footerMainNav .footerNav .link a:after{width:.5em;height:.5em;left:0;top:.9em;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg);transition:left .15s linear;}
  .footerMainNav .footerNav .link a:hover:after{left:4px;}
  .footerMainNav .footerNav .home span{display:block;}
  .footerMainNav .link + .toggleMenu,
  .footerMainNav .link + .title,
  .footerMainNav .toggleMenu + .title{padding-top:1.5em;}
  .footerMainNav .title{display:block;font-weight:bold;margin:0;padding:.4em 0;}
  #siteFooterNav .footerMainNav .externalLink a:hover{text-decoration:none;}
  .footerMainNav .externalLink a:hover:after{transform:translateX(4px);}
  .footerMainNav .logOff{padding-top:2em;}
  .footerSubNav{font-size:75%;font-size:0.75rem;padding:10px 0;}
  .footerSubNav ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
  .footerSubNav ul li{padding:.8em 1.5em;}
  #siteCopy{position:relative;padding:40px 30px;font-size:56.25%;font-size:0.5625rem;max-width:1060px;margin:0 auto;}
  #siteCopy .logo{width:68px;margin:0 auto;height:auto;}
  #siteCopy .ssl_seal{position:absolute;right:30px;top:50%;transform:translateY(-50%);}
  #siteCopy .ssl_seal p input,
  #siteCopy .ssl_seal input[type="image"]{width:60px;}
  #siteCopy .pmark{position:absolute;right:110px;top:50%;transform:translateY(-50%);width:60px;padding-bottom:30px;}
  #siteCopy .copy{padding-top:25px;}
}
@media screen and (max-width: 999px) {
  .brdCrb + #siteFooterNav{padding-top:4%;}
  #siteFooterNav .footerMainNav{padding:0 4% 4%;line-height:1.65;font-size:114%;}
  .footerMainNav .footerNav .home span{display:none;}
  .footerMainNav .title,
  .footerMainNav .link a{border-bottom:1px dotted #707070;}
  .footerMainNav .home{border-top:1px dotted #707070;}
  .footerMainNav .link a{padding:.4em 2em .4em .4em;}
  .footerMainNav .toggle_content .link a{padding-left:1.4em;}
  .footerMainNav .link a:after{width:.8em;height:.8em;right:0.4em;top:50%;margin-top:-0.4em;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg);}
  .footerMainNav .title{position:relative;display:block;padding:.4em 3em .4em .4em;margin:0;font-weight:400;}
  .footerMainNav .title.userSettings{display:none;}
  .footerMainNav .title:after{content:"";display:block;position:absolute;right:.4em;top:50%;width:.8em;height:.8em;margin-top:-0.6em;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);}
  .footerMainNav .toggle_content{overflow:hidden;max-height:0;opacity:0;transition:all .5s ease;}
  .footerMainNav .toggle_check:checked + .title:after{transform:rotate(-135deg);margin-top:-0.2em;}
  .footerMainNav .toggle_check:checked ~ .toggle_content{max-height:50em;opacity:1;}
  #siteFooterNav .footerMainNav .link.userSettings{padding:1.5em 0;}
  .footerMainNav .link.userSettings li + li{padding-top:.8em;}
  .footerMainNav .link.userSettings a{padding:.4em 1em;border-radius:5em;background:#fff;text-align:center;font-weight:bold;border:1px solid #707070;}
  #siteFooterNav .footerMainNav .link.userSettings a:after{display:none;}
  .footerMainNav .logOff{padding-top:.8em;text-align:center;}
  #siteFooterNav .footerMainNav .logOff a{display:inline-block;padding:.5em 3em;border-radius:5em;border:1px solid #333;}
  #siteFooterNav .footerMainNav .logOff a:after{display:none;}
  .footerMainNav .snsLinks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
  .footerMainNav .snsLinks li{max-width:33.33%;font-size:11px;text-align:center;box-sizing:border-box;padding:0 1em;}
  .footerMainNav .snsLinks .ico{display:block;width:2rem;margin:0 auto .2rem;}
  .footerSubNav{font-size:85%;padding:4%;}
  .footerSubNav ul li{width:33.33%;padding:2%;}
  #siteCopy{padding:4% 2%;font-size:64.28%;/*display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;*/display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap:wrap;flex-wrap:wrap;}
  #siteCopy .logo, #siteCopy .pmark, #siteCopy .ssl_seal{box-sizing:border-box;padding:0 10px;}
  #siteCopy .logo{width:88px;/*margin:0 auto;*/height:auto;margin:0 auto;}
  #siteCopy .pmark, #siteCopy .ssl_seal{max-width:60px;}
  #siteCopy .pmark{margin-left:auto;}
  #siteCopy .ssl_seal p input,
  #siteCopy .ssl_seal input[type="image"]{width:40px;}
  #siteCopy .copy{padding-top:25px;width:100%;}
  
  body.spMenu #siteFooterNav{position:fixed;top:80px;left:0;width:100%;height:calc(100% - 80px);overflow-y:auto;z-index:1600;padding-top:0;}
  body.spMenu #siteFooterNav .footerMainNav.forSPMenu{display:block;}
  body.dispCcRegistrationLink.spMenu #siteFooterNav{top:105px;height:calc(100% - 105px);}
}
@media screen and (max-width: 640px) {
  .footerSubNav ul li{width:50%;padding:2%;}
}
/* 2020rn add e #siteFooterNav, #siteCopy */

/* 2020rn add s ダイアログボックス レスポンシブ */
.ui-dialog {
  z-index:10000!important;
  top: 0; left: 0;
  margin: auto;
  position: fixed;
  max-width: 90%;
  max-height: 90%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.ui-dialog .ui-dialog-content {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex: 1;
}
/* 2020rn add e ダイアログボックス レスポンシブ */

/* 2020rn add s Flex設定 */
.cmn_flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.flex_jsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.flex_jc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.flex_je{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.flex_ac{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.flex_ab{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}
.flex_ae{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.flex_wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;}
@media screen and (max-width: 980px) {
  .tbBlock{display:block;}
  .cmn_flex.tbBlock{display:block;}
}
@media screen and (max-width: 640px) {
  .spBlock{display:block;}
  .cmn_flex.spBlock{display:block;}
}
/* 2020rn add e Flex設定 */

/* 2020rn add s パンくず */
.brdCrb.topBread{padding:20px 30px 0;}
.brdCrb.footBread{padding:40px 30px 0;}
.brdCrb ul{max-width:1000px;margin:0 auto;padding:0;font-size:0;}
.brdCrb ul li{display:inline;font-size:12px;vertical-align:top;}
.brdCrb ul li + li:before{content:">";display:inline-block;margin:0 .5em;vertical-align:top;}
.brdCrb a,
.brdCrb a:link,
.brdCrb a:hover,
.brdCrb a:visited{color:#333;text-decoration:none;}
@media screen and (min-width:981px) {
  .brdCrb a:hover{text-decoration:underline;}
}
@media screen and (max-width: 980px) {
  .brdCrb.topBread{display:none;}
  .brdCrb.footBread{padding:4% 4% 0;}
  .brdCrb ul li{font-size:10px;}
}
@media screen and (max-width: 420px) {
  .brdCrb ul li{font-size:9px;font-size:2.4vw;}
}
/* 2020rn add e パンくず */

/* 2020rn add s footer shop banner */
.footerShopBnr{text-align:center;max-width:1000px;margin:0 auto;padding:40px 0 20px;}
.footerShopBnr img{max-width:100%;}
@media screen and (min-width: 981px){
  .footerShopBnr a{display:block;transition:opacity .15s linear;}
  .footerShopBnr a:hover{opacity:.7;}
}
/* 2020rn add e footer shop banner */

/* 2020rn add s slick - Slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-slider *,
.slick-slider *:focus,
.slick-slider *:active{outline: none;}
.slick-list {position: relative;overflow: hidden;display: block;margin: 0;padding: 0;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;left: 0;top: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after {content: "";display: table;}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {float: left;height: 100%;min-height: 1px;display: none;}
[dir="rtl"] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-dots {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.slick-dots button {-moz-appearance: none;-webkit-appearance: none;appearance: none;padding: 0;border: 1px solid #707070;background: #fff;border-radius: 50%;text-indent: -999em;outline: none;transition: all .3s ease;cursor: pointer;}
.slick-dots .slick-active button {background: #707070;}
@media (min-width: 798px) {
  .slick-dots li {padding: 1rem .5rem 0;}
  .slick-dots button {width: 9px;height: 9px;}
  .slick-dots .slick-active button {transform: scale(1.66);}
}
@media (max-width: 797px) {
  .slick-dots li {padding: 1rem .5rem 0;}
  .slick-dots button {width: 6.5px;height: 6.5px;width: 1.73vw;height: 1.73vw;}
  .slick-dots .slick-active button {transform: scale(1.77);}
}
.slick-arrow {position: absolute;-moz-appearance: none;-webkit-appearance: none;appearance: none;padding: 0;border: 1px solid #707070;background: transparent;border-radius: 50%;text-indent: -999em;outline: none;cursor: pointer;transition: all .3s ease;background: rgba(255, 255, 255, 0.7);z-index: 100;}
.slick-arrow:before {content: "";position: absolute;top: 50%;left: 50%;margin-top: -.3rem;width: .6rem;height: .6rem;transform: rotate(45deg);}
.slick-arrow.slick-next:before {border-top: 2px solid #333;border-right: 2px solid #333;margin-left: -.4rem;}
.slick-arrow.slick-prev:before {border-left: 2px solid #333;border-bottom: 2px solid #333;margin-left: -.2rem;}
@media (min-width: 797px) {
  .slick-arrow {width: 44px;height: 44px;}
  .slick-arrow.slick-next:hover {transform: translateX(0.2rem);}
  .slick-arrow.slick-prev:hover {transform: translateX(-0.2rem);}
}
@media (max-width: 798px) {
  .slick-arrow {width: 30px;height: 30px;width: 8vw;height: 8vw;}
}
/* 2020rn add e slick - Slider */

/* 2020rn add s カテゴリ表示用 */
.postMeta {line-height:1.2;font-size:12px;}
.postMeta p{display:inline-block;padding:.5em 0;vertical-align:middle;}
.postMeta .date{padding:0 .6em 0 0;border-right:1px solid #707070;line-height:1;}
.postMeta .category span{display:inline-block;padding:.1em .5em;border-radius:.3em;margin-left:.3em;}
.postMeta .category .cat{border:1px solid #707070;background:#fff;}
.postMeta .category .file{background:#ffc600;color:#be0909;font-weight:bold;border:1px solid #ffc600;}
.postMeta .category .important{background:#be0909;color:#fff;font-weight:bold;border:1px solid #be0909;}
@media screen and (max-width:420px) {
  .postMeta{font-size:9px;font-size:2.4vw;}
}
/* 2020rn add e カテゴリ表示用 */

/* 2020rn add s カテゴリセレクトメニュー用 */
.categoryToggle *{box-sizing:border-box;}
.categoryToggle {position:relative;}
.categoryToggle .toggle_check{display:none;}
.categoryToggle .title{position:relative;display:block;max-width:345px;margin:0 auto;padding:.5em 3em;cursor:pointer;text-align:center;background:#f0f0f0;border:1px solid #bbb;border-radius:10px;transition:background .15s linear;}
.categoryToggle .title:after{content:"";display:block;position:absolute;right:1em;top:50%;width:.8em;height:.8em;margin-top:-0.6em;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);}
.categoryToggle .toggle_content{overflow:hidden;max-height:0;opacity:0;transition:all .5s ease;}
.categoryToggle .toggle_check:checked + .title:after{transform:rotate(-135deg);margin-top:-0.2em;}
.categoryToggle .toggle_check:checked ~ .toggle_content{max-height:50em;opacity:1;padding:.5em 0;}
.categoryToggle .toggle_content ul{padding:0;margin:0;list-style:none;}
.categoryToggle .toggle_content li{border-bottom:1px dotted #707070;}
.categoryToggle .toggle_content a{display:block;position:relative;padding:.4em 2em .4em .4em;color:#333;}
.categoryToggle .toggle_content a:after{content:"";display:block;position:absolute;width:.8em;height:.8em;right:0.4em;top:50%;margin-top:-0.4em;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg);transition:right .15s linear;}
@media print,screen and (min-width: 981px) {
  .categoryToggle .title:hover{background:#dedede;}
  .categoryToggle .toggle_content a{transition:background .15s linear;}
  .categoryToggle .toggle_content a:hover{background:#f2f2f2;}
  .categoryToggle .toggle_content a:hover:after{right:0.2em;}
}
/* 2020rn add s カテゴリセレクトメニュー用 */

/* 2020rn add s コンテンツバック用ボタン */
.contentsBackBtns{max-width:1000px;margin:0 auto;}
.contentsBackBtns .prev a{position:relative;display:block;max-width:345px;margin:0 auto;padding:.5em 3em;cursor:pointer;text-align:center;background:#f0f0f0;border:1px solid #f0f0f0;border-radius:6em;color:#333;font-weight:bold;transition:background .15s linear;}
.contentsBackBtns .prev a:link,
.contentsBackBtns .prev a:visited{color:#333;}
.contentsBackBtns .prev a:after{content:"";display:block;position:absolute;left:1em;top:50%;width:.8em;height:.8em;margin-top:-0.4em;border-bottom:2px solid #333;border-left:2px solid #333;transform:rotate(45deg);transition:left .15s linear;}
.contentsBackBtns.cat-c08mail .select{display:none;}
.contentsBackBtns.cat-c01voice .prev.cattop a:before{content:"\30E1\30C3\30BB\30FC\30B8";/*メッセージ*/}
.contentsBackBtns.cat-c02campaign .prev.cattop a:before{content:"\30AD\30E3\30F3\30DA\30FC\30F3\30FB\30A4\30D9\30F3\30C8";/*キャンペーン・イベント*/}
.contentsBackBtns.cat-c03event .prev.cattop a:before{content:"\30A4\30D9\30F3\30C8";/*イベント*/}
.contentsBackBtns.cat-c04video .prev.cattop a:before{content:"\52D5\753B\30B3\30F3\30C6\30F3\30C4";/*動画コンテンツ*/}
.contentsBackBtns.cat-c05download .prev.cattop a:before{content:"\30C0\30A6\30F3\30ED\30FC\30C9";/*ダウンロード*/}
.contentsBackBtns.cat-c06help .prev.cattop a:before{content:"FAQ";}
.contentsBackBtns.cat-c07business .prev.cattop a:before{content:"FBO\30BB\30DF\30CA\30FC";/*FBOセミナー*/}
.contentsBackBtns.cat-c09letter .prev.cattop a:before{content:"\30D3\30B8\30CD\30B9\30EC\30BF\30FC";/*ビジネスレター*/}
.contentsBackBtns.cat-c10other .prev.cattop a:before{content:"\305D\306E\4ED6";/*その他*/}
.contentsBackBtns.cat-c06help .select{display:none;}
@media print,screen and (min-width: 981px) {
  .contentsBackBtns.top{padding:4rem 0 2rem;}
  .contentsBackBtns.btm{padding:2rem 0 4rem;}
  .contentsBackBtns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
  .contentsBackBtns .prev,
  .contentsBackBtns .select{width:345px;}
  .contentsBackBtns .prev a:hover{background:#dedede;}
  .contentsBackBtns .prev a:hover:after{left:0.8em;}
  .contentsBackBtns.cat-c06help .prev,
  .contentsBackBtns.noCategory .prev,
  .contentsBackBtns.cat-c08mail .prev{margin:0 auto;}
}
@media screen and (max-width:980px) {
  .contentsBackBtns.top{display:none;}
  .contentsBackBtns.btm{display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;}
  .contentsBackBtns.btm.cat-c08mail .select{display:none;}
  .contentsBackBtns{padding:6% 4%;}
  .contentsBackBtns .prev,
  .contentsBackBtns .select{width:100%;}
  .contentsBackBtns .select{padding-bottom:4%;}
}
/* 2020rn add e コンテンツバック用ボタン */

.contentsFrame iframe{vertical-align:bottom;}

/* 2020rn add s TOPページ用スタイル */
#topContentsFrame{max-width:1060px;margin:0 auto;padding:50px 30px 30px;}
#topContentsFrame a,
#topContentsFrame a:link,
#topContentsFrame a:visited{color:#333;}
#topContentsFrame img{max-width:100%;}
.topHeading{text-align:center;position:relative;margin-bottom:1.5em;}
.topHeading h1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.topHeading h1 .siteTitle{padding-left:.5em;text-align:left;}
.topHeading h1 .icon{width:1.8em;height:1.8em;background:url("../images/common/icon_user.svg") no-repeat center center;background-size:90% auto;}
.topHeading h1 .en{display:block;color:#ffc600;font-weight:normal;font-size:10px;padding-bottom:.5em;}
.topHeading h1 .ja{display:block;font-weight:bold;}
.topHeading .shoppingBtn{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.topHeading .shoppingBtn a{display:block;color:#333;background:#ffc600;transition:color .15s linear, background .15s linear;}
.topHeading .shoppingBtn .icon{display:inline-block;background-repeat:no-repeat;background-position:center center;background-size:100% auto;vertical-align:middle;}
.topHeading .shoppingBtn .icon.cart{width:1.4em;height:1.4em;background-image: url("../images/common/icon_cart.svg");}
#topContentsFrame h2{font-weight:bold;font-size:100%;padding:0 0 .8em;margin:0;}
@media screen and (min-width:981px) {
  .topHeading h1 {font-size:24px;}
  .topHeading .shoppingBtn a{border-radius:4px;padding:.4em 1em;font-weight:bold;font-size:114%;line-height:1.8;}
  .topHeading .shoppingBtn .icon.cart{margin-right:.5em;}
  .topHeading .shoppingBtn .icon.external{width:1em;height:1em;margin-left:.5em;background-image: url("../images/common/icon_external.svg");}
  .topHeading .shoppingBtn a:hover{background:#dadada;}
}
@media screen and (max-width:980px) {
  #topContentsFrame{padding:6% 4% 4%;}
  .topHeading{margin-left:-4.34%;margin-right:-4.34%;}
  .topHeading h1 {font-size:22px;}
  .topHeading .shoppingBtn a{padding:1em;font-size:10px;}
  .topHeading .shoppingBtn a span{display:none;}
  .topHeading .shoppingBtn .icon.cart{display:block;margin:0 auto .5em;width:2em;height:2em}
  .topHeading .shoppingBtn .icon.external{display:none;}
}
@media screen and (max-width:420px) {
  .topHeading h1 {font-size:1.5rem;font-size:6.4vw;}
  .topHeading h1 .en{font-size:2.6vw;}
  .topHeading .shoppingBtn .icon.cart{width:6.4vw;height:6.4vw;}
  .topHeading .shoppingBtn a{padding:1em;font-size:2vw;}
}
/*topCampaign, topEntry*/
#topContentsFrame .slick-track,
#topContentsFrame .slick-track .slick-slide,
#topContentsFrame .slider .item a{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;box-sizing:border-box;}
#topContentsFrame .slider .item a{width:100%;background:#fff;box-sizing:border-box;border:1px solid #ddd;border-radius:5px;overflow:hidden;transition:opacity .15s linear;}
#topContentsFrame .slick-arrow{top:50%;}
#topContentsFrame .slider .info{padding:1em;line-height:1.375;}
#topContentsFrame .slider .postTitle{padding-top:.8em;font-weight:bold;}
#topContentsFrame .slider .postTitle .s{font-weight:400;font-size:87.5%;}
#topEntry .slick-arrow.slick-prev{left:0;}
#topEntry .slick-arrow.slick-next{right:0;}
@media screen and (min-width:798px) {
  #topCampaign{margin:0 -1.5vw;}
  #topCampaign .item{padding:0 1.5vw;}
  #topContentsFrame .slick-arrow{margin-top:-22px;}
  #topContentsFrame .slick-arrow.slick-prev{margin-left:-22px;}
  #topContentsFrame .slick-arrow.slick-next{margin-right:-22px;}
  #topCampaign .slick-arrow.slick-prev{left:1.2vw;}
  #topCampaign .slick-arrow.slick-next{right:1.2vw;}
}
@media screen and (min-width:981px) {
  #topContentsFrame .slider .item a:hover{opacity:.7;}
}
@media screen and (min-width:1000px) {
  #topCampaign{margin:0 -15px;}
  #topCampaign .item{padding:0 15px;}
  #topCampaign .slick-arrow.slick-prev{left:15px;}
  #topCampaign .slick-arrow.slick-next{right:15px;}
  #topContentsFrame .slider .info{padding:1em 1.5em;}
}
@media screen and (max-width:797px) {
  #topCampaign{margin:0 -4.34% 0 0;}
  #topCampaign .slick-list{padding-right:4%;padding-right:8vw;}
  #topCampaign .slick-slide{margin-right:4vw;}
}
/*topPNewsEntry*/
#topPNewsEntry{padding:40px 0;}
#topPNewsEntry:after{content:"";display:block;clear:both;}
/*  remove 202301
@media screen and (min-width:798px) {
  #topPNews{width:66%;float:left;}
  #topEntry{width:31.4%;float:right;}
}
@media screen and (max-width:797px) {
  #topPNewsEntry{padding:8% 0;}
  #topEntry{padding-top:8%;}
}
*/

#topNews .newsHeading{padding-bottom:1em;}
#topContentsFrame .newsHeading h2{padding-bottom:0;}
#topNews .select .toggle_content{position:absolute;white-space:nowrap;right:0;top:100%;z-index:50;}
#topNews .select .toggle_content ul{padding:1em;background:#f0f0f0;}
#topNews .select .toggle_content ul li:first-of-type{border-top:1px dotted #707070;}
/*newsList*/
.newsList{padding:0;margin:0;list-style:none;border-top:1px solid #ccc;}
#topContentsFrame .newsList + h2{padding-top:3em;}
.newsList li{border-bottom:1px solid #ccc;}
.newsList li a{position:relative;display:block;padding:.5em 2em .8em .5em;transition:background .15s linear;}
.newsList li a.not_link{outline: none;}
.newsList li a.with_link:after{content:"";display:block;position:absolute;right:.8em;top:50%;margin-top:-0.45em;width:.6em;height:.6em;border-right:2px solid #333;border-top:2px solid #333;transform:rotate(45deg);box-sizing:border-box;transition:right .15s linear;}
.newsList.priorityNews .category:after{content:"\91CD\8981"/*重要*/;display:inline-block;padding:.1em .5em;border-radius:.3em;margin-left:.3em;background:#be0909;color:#fff;font-weight:bold;border:1px solid #be0909;}
.moreBtn{text-align:center;padding-top:3em;}
.moreBtn a{display:block;max-width:345px;margin:0 auto;padding:.5em 3em;font-weight:bold;background:#f0f0f0;border:1px solid #bbb;border-radius:10px;transition:background .15s linear;}
@media screen and (min-width:981px) {
  .newsList li a.with_link:hover{background:#f2f2f2;}
  .newsList li a.with_link:hover:after{right:.6em;}
  .moreBtn a:hover{background:#dedede;}
}
@media screen and (max-width:797px) {
  .newsList li a{padding:.5em 3em .5em .5em;}
  .newsList li a:after{width:1em;height:1em;margin-top:-0.55em;}
  .moreBtn{padding-top:2em;}
}
/* 2020rn add e TOPページ用スタイル */

/* 2020rn add s メッセージ関連
（table.error-area、table.warning-area、table.infomation-area）の設定 */
table.error-area,
table.warning-area,
table.infomation-area{display:block;width:100%;max-width:1000px;margin:2rem auto;padding:.5em 0;}
table.error-area{color:#e31400;background:#faedeb;border:1px solid #e31400;}
table.warning-area{color:#333;background: #fffbec;border:1px solid #ffc602;}
table.infomation-area{color:#333;background:#ecf4e7;border:1px solid #74aa50;}
table.error-area tr,
table.warning-area tr,
table.infomation-area tr{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5em 1em;}
table.error-area td,
table.warning-area td,
table.infomation-area td{display:inline-block;vertical-align:top;}
.pip_bold{font-weight:bold;}
@media screen and (max-width:1060px) {
  table.error-area,
  table.warning-area,
  table.infomation-area{width:92%;}
}
/* 2020rn add e メッセージ関連 */

/* 2020rn add s その他汎用クラス等 */
input::placeholder{color:#ddd;}
input:-ms-input-placeholder{color:#ddd;}
input::-ms-input-placeholder{color:#ddd;}

.ib{display:inline-block;}

.btn_primary{display:block;padding:.6em;color:#333;font-weight:700;background:#ffc602;border-radius:4em;max-width:340px;line-height:1.4;border:none;text-align:center;cursor:pointer;}
.btn_primary_center{display:block;padding:.6em;color:#333;font-weight:700;background:#ffc602;border-radius:4em;max-width:340px;line-height:1.4;margin:0 auto;border:none;text-align:center;cursor:pointer;}
.btn_primary_ib{display:inline-block;padding:.6em 2em;color:#333;font-weight:700;background:#ffc602;border-radius:4em;max-width:340px;line-height:1.4;border:none;text-align:center;cursor:pointer;}
.btn_secondary{display:inline-block;padding:.4em 1em;color:#333;font-weight:700;background:#e8e2e2;border-radius:4em;max-width:340px;line-height:1.4;border:none;text-align:center;cursor:pointer;}
@media print,screen and (min-width: 980px) {
  .btn_primary,
  .btn_secondary,
  .btn_primary_center,
  .btn_primary_ib {transition:background .15s linear, color .15s linear;}
  .btn_primary:hover,
  .btn_primary_center:hover,
  .btn_primary_ib:hover{background:#74aa50;color:#fff;}
  .btn_secondary:hover{background:#766b6b;color:#fff;}
}
.btn_next_white,
.btn_prev_white,
.btn_white{position:relative;display:block;padding:.6em 2em;color:#333;font-weight:700;background:#fff;border:1px solid #333;border-radius:4em;max-width:340px;line-height:1.4;text-align:center;cursor:pointer;}
.btn_next_white:link, .btn_prev_white:link, .btn_white:link,
.btn_next_white:hover, .btn_prev_white:hover, .btn_white:hover,
.btn_next_white:focus, .btn_prev_white:focus, .btn_white:focus,
.btn_next_white:active, .btn_prev_white:active, .btn_white:active,
.btn_next_white:visited, .btn_prev_white:visited, .btn_white:visited{color:#333;text-decoration:none;}
.btn_next_white:after{content:"";position:absolute;display:block;right:1.2em;top:50%;width:.6em;height:.6em;border-right:2px solid #333;border-top:2px solid #333;margin-top:-0.3em;transform:rotate(45deg);}
.btn_prev_white:after{content:"";position:absolute;display:block;left:1.2em;top:50%;width:.6em;height:.6em;border-left:2px solid #333;border-bottom:2px solid #333;margin-top:-0.3em;transform:rotate(45deg);}
@media print,screen and (min-width: 980px) {
  .btn_next_white,
  .btn_prev_white,
  .btn_white {transition:background .15s linear;}
  .btn_next_white:after{transition:right .15s linear;}
  .btn_prev_white:after{transition:left .15s linear;}
  .btn_next_white:hover,
  .btn_prev_white:hover,
  .btn_white:hover{background:#f2f2f2;}
  .btn_next_white:hover:after{right:1em;}
  .btn_prev_white:hover:after{left:1em;}
}
/* 2020rn add e その他汎用クラス等 */

/* 2021.07 add start - セミナー追加用 */
/* トップページ */
#topSeminarBtn a{display:block;position:relative;color:#333;background:#ffc600;transition:color .15s linear, background .15s linear;}
#topSeminarBtn a:after{content:"";display:block;position:absolute;right:1em;top:50%;margin-top:-0.3em;width:.6em;height:.6em;box-sizing:border-box;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg);}
@media screen and (min-width:981px) {
  #topSeminarBtn a{position:absolute;left:0;top:0;padding:.4em 2em .4em 1.5em;font-weight:bold;font-size:114%;line-height:1.8;border-radius:4px;}
  #topSeminarBtn a:hover{background:#dadada;}
}
@media screen and (max-width:980px) {
  .topHeading{margin-bottom:7rem;font-size:1.05rem;}
  #topSeminarBtn{position:absolute;width:100%;left:0;top:100%;box-sizing:border-box;padding:2rem 1rem 0;}
  #topSeminarBtn a{padding:.7em 0;max-width:420px;margin:0 auto;border-radius:10em;font-weight:700;}
}
/* コンテンツページ */
.contentsBackBtns.cat-c11seminar .select{display:none;}
.indexBlockList .postTitle-en{font-size:.875rem;padding-bottom:.5em;font-family:serif;}
@media screen and (min-width:981px) {
  .contentsBackBtns.cat-c11seminar .prev{margin:0 auto;}
}
/* 2021.07 add end - セミナー追加用 */

/* 2026.02 japan　award　2026 banner */
.topCpBnr{text-align:center;max-width:1000px;margin:0 auto;padding:40px 0 20px;}
.topCpBnr img{max-width:100%;border-radius: 4px;}
@media screen and (min-width: 981px){
  .topCpBnr a{display:inline-block;transition:opacity .15s linear;}
  .topCpBnr a:hover{opacity:.7;}
}
@media screen and (max-width: 767px){
  .topCpBnr{padding:40px 0 0 0;}
}