@charset "Shift_JIS";
@import url("module.css");

/* CSS Document */



/* --------------------------------------------------
 Reset CSS
 -------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	font-weight:normal;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.3;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ul,li {
	list-style: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	}
a:hover {
	text-decoration: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
img {
	margin:0;
	padding:0;
	border: 0 none;
    vertical-align:bottom
}





/*====================================
basic
====================================*/

body{
	background:#fbf7e8;
	}

#wrapper{
	width: 990px;
	margin: 0 auto;
	position:relative;
}

#bihada_sw{
	position:fixed;
	width: 99px;
	height: 127px;
	top: 35px;
	left:auto;
	margin-left:850px;
	}



#header{
	width:100%;
	margin:0 auto;
	text-align:center;}
	
	#header img{
		width:100%;
		margin:0 auto;
	}
	



/*====================================
part
====================================*/



*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
	left:0px;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 690px;
}

a.js-modal-close p{ 
	width:80px;
	margin:20px auto 0;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#a66700;
	padding:5px 10px;
	border-radius:3px;}

	a.js-modal-close p:hover{
		opacity:0.7;}