@charset "UTF-8";

html,body{
    width: 100%;
}

html,div,body,article{
	margin: 0;
}

html{

}

body{
font: 16px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height: 1.8;
color: #252525;
}

a{color:#777;text-decoration:underline;}
a:hover{color:#999;text-decoration:none;}
a:active, a:focus {outline: 0;}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

strong {
	font-weight: normal;
}

.clear{clear:both;}



#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 73px;
  bottom: -90px;

  background: url(../img/page-top.png) no-repeat 0 0;
  background-position: center center;
  background-size: cover;

  opacity: 1;
  border-radius: 50%;

  transition: all 0.3s ease 0s;
  
  z-index: 9999;
}
#page_top:hover{
  opacity: 0.8;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 28px;
  color: #ff0;
  position: absolute;
  width: 28px;
  height: 28px;
  top: -55px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: '先頭へ戻る';
  font-size: 11px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}





/* 横長ボタンの右矢印マークアイコン */

i.fas.fa-chevron-circle-right{
	margin-left: 10px;
	color: #fff;
}





/*-- ヘッダー領域 --*/
header {
	position: absolute;
	width: 100%;
	height: 108px;
	background: url(../img/header.png) no-repeat 0 0;
	background-position: center center;
	background-size: cover;
	z-index: 9999;
}

h1 {
	width: 1200px;
	margin: 0 auto;
	padding-top: 10px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;

	text-shadow:
		1px 1px 1px #000,
		1px 1px 1px #000,
		1px 1px 1px #000,
		1px 1px 1px #000;
}

h1 a{color:#ffff00;text-decoration:none;}
h1 a:hover{color:#ffff00;text-decoration:underline;}
h1 a:active, a:focus {outline: 0;}



li {
	list-style: none;
}





/***** ［PR］ 特例バナーリンク広告枠 *****/

.pr_bannerlink {
	width: 468px;
	margin: 0 auto 15px;
}

.pr_bannerlink h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #f241ab;
	text-align: center;
	background: unset;
}

.pr_bannerlink ul {
	padding: 0;
	font-size: 0;
}

.pr_bannerlink ul li {
	margin-bottom: 5px;
	font-size: 14px;
}

.pr_bannerlink ul li:last-child {
	margin-bottom: 0;
}





/***** ［PR］ 特例テキストリンク広告枠 *****/

.pr_textlink {
	margin: 0 0 60px 0;
	border: 1px solid #f241ab;
}

.pr_textlink h3 {
	margin: 0;
	padding: 10px 0;
	font-size: 16px;
	color: #f241ab;
	text-align: center;
	background: #ffdef1;
}

.pr_textlink ul {
	padding: 10px 9px;
	font-size: 0;
}

.pr_textlink ul li {
	margin-bottom: 5px;
	font-size: 14px;
}

.pr_textlink ul li:last-child {
	margin-bottom: 0;
}





/*-- フッター・コピーライト（全幅） --*/
footer {
	z-index: 1;
}

footer .footer_bg_1 {
	width: 100%;
	height: 80px;

	background: url(../img/footer_bg_top.png) repeat-x;
	background-position: center center;
	background-size: auto;

	z-index: 1000;
}

footer .footer_bg_2 {
	width: 100%;
	padding: 30px 0;
	background: #d6bc95;
}

footer .footer_bg_2 #footer_link {
	width: 1140px;
	margin: 0 auto;
	padding: 10px 30px;
	background: #ffffd1;
	border-radius: 24px;
	text-align: center;

	display: flex;
	justify-content: center;
	align-items: center;
}

footer .footer_bg_2 ul {
	width: 1200px;
	margin: 0 auto;
}

footer .footer_bg_2 li {
	display: inline-block;
	list-style: none;
}

footer .footer_bg_2 li:after {content:"｜";}
footer .footer_bg_2 li:last-child:after {content:none;}

footer .footer_bg_2 li a{color:#4b321e;text-decoration:none;}
footer .footer_bg_2 li a:hover{color:#80401e;text-decoration:underline;}
footer .footer_bg_2 li a:active, a:focus {outline: 0;}



footer .copyright {
	width: 100%;
	padding: 15px 0;
	text-align: center;
	background: #000;

	border-top: 4px solid #f241ab;

	color: #fff;

	z-index: 1;
}

footer .copyright a{color:#fff;text-decoration:none;}
footer .copyright a:hover{color:#fff;text-decoration:underline;}
footer .copyright a:active, a:focus {outline: 0;}





/*画面幅が1340px以上の時（パソコン）*/
@media screen and (min-width:1340px){
	
}



/*画面幅が1339pxまでの時（iPad など）*/
@media screen and (max-width:1339px){

}