@charset "UTF-8";

html,body {
	overflow-x: hidden;
	overflow-y: visible;
}
body {
	font-size:20px;
	margin: 0;
	padding: 0;
	line-height:2;
    background: url("../images/bg_body.webp")repeat-y center top/100% auto;
    background-attachment: fixed;
    background-color: #fff;
	-webkit-text-size-adjust: 100%;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #949494;
}
h1, h2, h3 {
 	margin: 0;
	padding: 0;
	font-weight: normal;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.p0 { padding: 0 !important;}
.p5 {padding: 5% 0 !important;}
.p8 {padding: 8% 0 !important;}
.p10 {padding: 10% 0 !important;}

.pt0 { padding-top: 0 !important;}
.pt1 { padding-top: 1% !important;}
.pt3 { padding-top: 3% !important;}
.pt5 { padding-top: 5% !important;}
.pt8 { padding-top: 8% !important;}
.pt10 { padding-top: 10% !important;}

.pb0 { padding-bottom: 0 !important;}
.pb1 { padding-bottom: 1% !important;}
.pb3 { padding-bottom: 3% !important;}
.pb5 { padding-bottom: 5% !important;}
.pb8 { padding-bottom: 8% !important;}
.pb10 { padding-bottom: 10% !important;}
.pb20 { padding-bottom: 20% !important;}

.mt0 { margin-top: 0 !important;}
.mt1 { margin-top: 1% !important;}
.mt3 { margin-top: 3% !important;}
.mt5 { margin-top: 5% !important;}
.mt8 { margin-top: 8% !important;}
.mt10 { margin-top: 10% !important;}

.mb0 { margin-bottom: 0 !important;}
.mb1 { margin-bottom: 1% !important;}
.mb3 { margin-bottom: 3% !important;}
.mb5 { margin-bottom: 5% !important;}
.mb8 { margin-bottom: 8% !important;}
.mb10 { margin-bottom: 10% !important;}


.image_fr {
	float: right;
	width: 200px;
}
.w_50 {
	width: 50%;
	margin: 0 auto;
}
.w_60 {
	width: 60%;
	margin: 0 auto;
}
.w_70 {
	width: 70%;
	margin: 0 auto;
}
.w_80 {
	width: 80%;
	margin: 0 auto;
}
.w_90 {
	width: 90%;
	margin: 0 auto;
}


/*--------------------------------------
背景用*/
.bg_red {
    background: url("../images/bg_red.webp")no-repeat center center/cover;
}
.bg_gold {
    background: url("../images/bg_gold.webp")no-repeat center top/100% auto;
}
.bg_gold2 {
    background: url("../images/bg_gold2.webp")no-repeat center top/100% auto, url("../images/bg_gold2_in.webp")repeat-y center center/100% auto;
    background-color: #f5efcd;
}
.bg_black {
    background: url("../images/bg_black.webp")no-repeat center center/cover;
}
.bg_gray {
    background: url("../images/bg_gray.webp")no-repeat center center/cover;
}
.bg_gold3 {
    background: url("../images/bg_gold3.webp")no-repeat center bottom/100% auto;
    background-color: #fff;
}
.bg_blue {
     background: url("../images/bg_blue.webp")no-repeat center top/cover;
}
.bg_beige {
    background: url("../images/bg_beige.webp")no-repeat center bottom/cover;
}
.bg_yellow {
    background: url("../images/bg_yellow_bottom.webp")no-repeat center bottom/100% auto;
    background-color: #ffffcd !important;
}
.bg_gold4 {
    background: url("../images/bg_gold4.webp")no-repeat center bottom/100% auto;
    background-color: #fff;
}
.bg_line_btn {
    background-color: #f5efcd !important;
}

/*--------------------------------------
ヘッダー用*/
header {
    width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

/*--------------------------------------
本文用*/
.inner {
    width: 100%;
	max-width: 1000px;
	margin: 0 auto;
    background-color: #fff;
}
.ps {
    padding:8% 5%;
}
.ps2 {
    padding:20% 5% 8%;
}
h2 {
	padding-bottom: 5%;
	text-align: center;
}
.image {
	padding-bottom: 5%;
	text-align: center;
}
.image:last-child {
	padding-bottom: 0;
}
.txt {
	padding-bottom: 5%;
}
.txt:last-child {
	padding-bottom: 0;
}

.btn_area {
    background: url("../images/bg_btn_top.webp")no-repeat center top/100% auto,url("../images/bg_btn_bottom.webp")no-repeat center bottom/100% auto,url("../images/bg_btn_in.webp")repeat-y center center/100% auto;
}
.btn_area2 {
    background: url("../images/bg_btn2_top.webp")no-repeat center top/100% auto,url("../images/bg_btn2_bottom.webp")no-repeat center bottom/100% auto,url("../images/bg_btn2_in.webp")repeat-y center center/100% auto;
}
.btn_area_space {
    padding: 8% 5%;
}
.btn_area_in {
    padding: 8%;
}
.psw {
    padding: 70% 5% 50%;
}
.btn:hover {
    opacity: 0.8;
}





.p01 {
    position: relative;
    height: 0;
    padding-top: 15%;
    margin-top: -30%;    
}
.p01_in {
    position: absolute;
    width: 90%;
    left: -6%;
    bottom: 70%;
}
.p02 {
    position: relative;
    height: 0;
    padding-top: 100%;
    margin-top: -100%;    
}
.p02_in {
    position: absolute;
    width: 90%;
    right: -6%;
    top: 105%;
}
.p03 {
    position: relative;
    height: 0;
    padding-top: 100%;
    margin-top: -100%;    
}
.p03_in {
    position: absolute;
    width: 100%;
    right: 0;
    top: 53%;
}
.p04 {
    position: relative;
    height: 0;
    padding-top: 100%;
    margin-top: -100%;    
}
.p04_in {
    position: absolute;
    width: 80%;
    right: 10%;
    top: 25%;
}
.p05 {
    position: relative;
    height: 0;
    padding-top: 100%;
    margin-top: -100%;    
}
.p05_in {
    position: absolute;
    width: 41%;
    right: 28%;
    top: -3%;
}
.p06 {
    position: relative;
    height: 0;
    padding-top: 100%;
    margin-top: -100%;    
}
.p06_in {
    position: absolute;
    width: 70%;
    right: 14%;
    top: 100%;
}
.pbb {
    padding-bottom: 458px;
}
.ptb {
    padding-top: 430px;
}
.line_btn {
    width: 70%;
    margin: 0 auto;
}


/*--------------------------------------
フッター用*/
footer {
	text-align: center;
	font-size: 60%;
	padding:3% 0;
	color: #fff;
	line-height: 1.5;
	background-color: #000;
}
footer a,footer a:link,footer a:visited,footer a:hover,footer a:active {
	text-decoration: none;
	color: #fff;
}
/*----------------------------------------
メニュー配置*/

#menu {
	position: fixed;
	width: 250px;
	bottom:55px;
	right: 1%;
	z-index: 2000;
}
#menu img:hover {
	opacity: 0.7;
}
#menu img {
	max-width: 100%;
	height: auto;
}
#menu .sub_btn {
	padding: 0;
	background-color: transparent;
	border:none;
	margin-bottom: 0;
}

@media screen and (min-width:1240px) {
	#menu {
		position: fixed;
		width: 250px;
		bottom: 55px;
		left: 50%;
		z-index: 2000;
		margin-left: 460px;
	}
}

/*--------------------------------------
レスポンシブ*/

@media screen and (min-width: 800px){
	.sp{display:none;}
	br.sp {display: none;}
}
@media print, screen and (max-width: 800px) {
	body {
		font-size: 100%;
		line-height: 1.4;
		font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	}
	.pc {
		display: none;
	}
	br.sp {
		display: block;
	}
	#menu2{
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 9999;
	}
	#menu2 img {
		width: 100%;
	}
    .pbb {
        padding-bottom: 46%;
    }
    .ptb {
        padding-top: 46%;
    }
	footer {
		padding: 2% 0 30%;
	}
	
}
@media print, screen and (max-width: 800px) and (min-width: 640px) {
	body {
		font-size: 118%;
	}
	br {
		display: block;
		content: none;
	}
}