@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Teko:wght@300&display=swap');
/* CSS Document */
.clearfix:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0; 
	clear: both; 
	visibility:hidden; 
}

a,a:hover {
	color:#FFF579;
	transition:.3s;
}
a:hover {
	color:#d9c07b;
	text-decoration:none;
}
a img,a:hover img {
	transition:.3s;
}
a:hover img {
	opacity:.85;-ms-filter: "alpha(opacity=85)";
}
ul { 
	list-style: none;
}
.tac {text-align:center;}
.pc_none {display:none;}
.sp_none {display:inline-block;}

#push_contentsarea * {line-height:1.5;}


/*------------------------------------------
pagetop
--------------------------------------------*/
#pagetop_area {
  border-bottom:1px solid #333333;
  position:relative;
  margin-top:120px;
}
#pagetop_area p {
  position:absolute;
  width:300px;
  height:60px;
  left:50%;
  top:-59px;
  margin-left:-150px;
}
/*------------------------------------------
【フッター】※基本的に改変しない※
--------------------------------------------*/

#footer_wrap {
    font: 12px;
    padding: 90px 0 40px 0;
    background: #000;
    color: #FFFFFF;
    letter-spacing: 0em;
    border-top: 1px solid #666;
    font-size: 12px;
    margin-bottom: -30px;
    margin-top:66px;
}

#footer_Box{ 
	width:1000px; 
	margin:0 auto; 
	line-height:1.8em;
}

#footer_Box ul{ 
	list-style:none; 
	margin:0; 
	padding:0; 
	display:table; 
	width:100%;
}

#footer_Box ul li { 
	padding:0; 
	margin:0; 
	display:table-cell; 
	vertical-align:top;
}

#footer_Box ul li a{ 
	color:#FFFFFF; 
	text-decoration:none;
}
#footer_Box ul li a:hover{ 
	color:#FFFFFF; 
	text-decoration:underline;
}


#footer_Box ul .top_box{ 
	border-left:1px #333333 dotted; 
	padding:0 2%; 
	width:31%; 
	position:relative;
}

#footer_Box ul .top_box2{ 
	border-left:1px #333333 dotted;
	padding:0 2%;
	width:31%;
	position:relative;
}

.top_box .title{
	background:#333333;
	border-radius:3px;
	padding:5px 10px 3px;
}


#footer_Box ul .top_box ul{
	margin:10px 0 10px;
	padding:0;
	display:table;
}

#footer_Box ul .top_box ul li{
	background: url(../images/cmn/listicon.png) left center no-repeat;
	float: left;
	list-style: none;
	padding: 0 15px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	width: 224px;
	line-height:1.5em;
}


.top_box2 ul{
	padding:0;
	margin:0 0 20px;
	width: 100%;
	display:table;
}

.top_box2 ul li{
	float: left;
	list-style: none;
	padding: 0 15px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	width: 224px;
}

.top_box2 ul li .note {
    position: absolute;
    /* top: 0; */
    display: block;
    right: 0;
    font-size: 10px;
    bottom: 50px;
}

.top_box2 ul li .link01{ 
	background: url(../images/cmn/linkicon.png) no-repeat center left;
	position: absolute;
	display: block;
	bottom:25px;
	right:0;
	padding-left:20px;
}

.top_box2 ul li .link02{
	background: url(../images/cmn/linkicon.png) no-repeat center left;
	position: absolute;
	display: block;
	bottom:0;
	right:0;
	padding-left:20px;
}


#footer_bottom{
	margin:20px auto 0;
}
#footer_bottom ul{
	list-style:none;
	margin:0;
	padding:0;
	display:table;
	width:100%;
}
#footer_bottom ul li {
	padding:0;
	margin:0;
	display:table-cell;
	vertical-align:bottom;
}

#footer_bottom ul .left_Tbnr{
	width:10%;
	text-align:left;
}

#footer_bottom ul .center_Tnation{
	width:80%;
	color:#CCC;
	font-size:10px;
	line-height:14px;
	text-align:center;
	padding:10px 0;
	margin:10px auto 0;
	word-break: keep-all;
}

#footer_bottom ul .right_Bicon{
	width:10%;
	text-align:right;
}
/*------------------------------------------
/【フッター】※基本的に改変しない※
--------------------------------------------*/

/*------------------------------------------
【push用】
--------------------------------------------*/
#push_area {
    background: #F2F2F2;
    padding: 2em;
    margin: 0 auto 20px;
    max-width: 915px;
}


.block-bg {
	background-color: #fffff1;
	padding: 40px 0 40px 0;
}
.block-bg h1 {
	text-align: center;
}

.block-bg-2 {
	color: #717071;
	font-size: 20px;
}

.block-bg-3 p {
	padding-bottom: 10px;
	text-align: center;
}





/*===========================

スマホ（デザインにより改変）

===========================*/
/*基本
-----------------------------*/

@media screen and (max-width: 800px) {
.pc_none {display:inline-block;}
.sp_none {display:none;}

/*------------------------------------------
pushエリア
--------------------------------------------*/
#push_contentsarea #push_area {
  width:96%;
  padding:1em;
}
#push_contentsarea .push_ttl p img {
  vertical-align:-2px;
}
#push_contentsarea .push_ttl h2 span {
  font-size:10px;
  vertical-align:2px;
}
#push_contentsarea .push_txt {
  font-size:0.8em;
}
#push_contentsarea .push_ttl h2,
#push_contentsarea .p_read,
#push_contentsarea #push_notes h3 {
  font-size:1em;
}
#push_contentsarea .p_body {
  margin-top:10px;
  font-size:0.8em;
}
#push_contentsarea .sp_h {
  font-size:0.8em;
  font-weight:bold;
}
#push_contentsarea #push_btn_area {
  width:90%
}
#push_contentsarea #push_btn_area .push_btn,
#push_contentsarea #push_btn_area .page_btn {
  width:100%;
  margin:0 0 20px;
}
#push_contentsarea .push_img li {
  width:100%;
  margin:0 0 20px;
}

/*------------------------------------------
pagetop
--------------------------------------------*/
/*#pagetop_area {
  border-bottom:1px solid #333333;
  position:relative;
}*/
#pagetop_area p {
  position:absolute;
  width:200px;
  height:40px;
  left:50%;
  top:-39px;
  margin-left:-100px;
}
#pagetop_area p img {
  width:100%;
}
/*------------------------------------------
フッター【スマホ用】※基本的に改変しない※
--------------------------------------------*/
#footer_wrap {
  padding-top:20px;
  overflow:hidden;
}
#footer_Box {
  width:96%;
  padding:2%;
}
#footer_Box > ul {
  width:100%!important;
}
#footer_Box ul,
#footer_Box ul .top_box,
#footer_Box ul .top_box2 {
  display:block;
  width:96%;
}
#footer_Box ul .top_box ul li {
  float:none;
  display:block;
  width:100%;
}
#footer_Box ul .top_box2 ul {
  width:100%;
}
#footer_Box ul .top_box2 ul li {
  float:none;
  width:100%;
}
#footer_Box ul .top_box2 ul li p {
  position:static;
}
#footer_bottom ul {
  width:100%;
}
#footer_bottom ul li {
  display:block;
}
#footer_bottom ul li img {
  width:100%;
}
#footer_bottom ul li:first-child {
  width:20%;
  float:left;
}
#footer_bottom ul li:nth-child(2) {
  display:none;
}
#footer_bottom ul li:nth-child(3) {
  width:16%;
  float:right;
}
#pullup {
  bottom:40px;
  right:10px;
}
#pullup img {
  width:80%;
}



}/* スマホ用メディアクエリ終了 */

/*ティザー元ソースcss
===========================*/
.note {
  text-align:center;
  font-family: 'Teko', sans-serif;
  font-weight: 300;
  font-size:1vw;
}
.copyright {
  text-align:center;
  font-family: 'Teko', sans-serif;
  font-weight: 300;
  font-size:0.666666vw;
}
footer {
  border-top:0;
  padding:0;
}
.gototop {
  bottom:120%;
  right:4%;
}
@media screen and (max-width: 800px) {
.note {
  font-size:3vw;
}
.copyright {
  font-size:2vw;
}
.gototop {
  width:3em;
  height:3em;
}
.gototop > a > span {
  width:3em;
  height:3em;
}

}