@charset "utf-8";

@font-face {
		font-family: "ipamp", serif;
		src: url("../../font/ipamp_font.woff2") format('woff2'),
				 url("../../font/ipamp_font.woff")  format('woff'),
				 url("../../font/ipamp_font.ttf")   format('truetype');
				font-weight: 400;
	}



/* --------------------------------------------
									全ページ共通
---------------------------------------------- */ 
html,
body { height:100%; margin: 0 auto; max-width: 1920px; width: 100%; min-width: 1200px;
/*-webkit-text-size-adjust: 100%;*/}

html{/*  overflow-x: hidden;*/}
body { /*min-width: 1024px;*/ background:#fff;}
	/*@media screen and (max-width: 320px) {
body { overflow: hidden;}*/

body *{/* background:rgba(000,000,000,0.1)*/}



/* フォントの指定 */
body,input,select,textarea {
	font-family:"ipamp", serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000; font-size:14px; line-height:1.8; letter-spacing:0.05em;}



a {color:#000; cursor:pointer;}
p {text-align:justify; text-justify:inter-ideograph;}
p > a { color: #00f;}


/*-----------------------------------------------------------------

共通部分

------------------------------------------------------------------*/

/*--Header--------------------------------------------*/

header { overflow: hidden; padding: 1.5% 0; background: #fff; width: 100%;}
header h1 { position: relative; width: auto; text-align: center;}
header h1 * { display: block; position: absolute; top: 0; left: 0;}
header h1,
header h1 * { /*width: 306px; height: 111px;*/width: 306px;/* max-width: 306px;*/ height: 111px;/* max-height: 111px;*/ margin: 0 auto; text-indent: -9999px;}
header h1 span { background:url(../img/share/headerLogo.png) no-repeat;}


/*--Nav (コンテンツページ上部ナビゲーション)---------------*/

.nav { text-align: center; background: #e9c020; width: 100%;}
.nav ul { height: 6%; margin: 0 auto; text-align: center; letter-spacing: -.40em;}
.nav ul * { height: 6%;}
.nav ul li { display: inline-block; line-height: 3.7em; letter-spacing: normal; box-sizing: border-box;}
.nav ul li * { font-size: 1.15em;}
.nav ul li:hover {background-color:rgba(100,0,0,0.2);}
.nav ul li a { display: block; padding: 0 18px; text-decoration: none; letter-spacing: 0.11em;}

/*.nav ul .n02 a { color: #000; opacity: 0.2;}
.nav ul .n02:hover { background: none;}*/

/*--Contents-----------------------------------------*/

#contents {  width: 100%; margin: 0 auto;}
#contents h2 { margin: 0 auto 50px;}
#contentsInner { margin: 80px auto; width: 100%;}
#contentsInner h2 { margin: 50px auto;}
#contentsInner .junbi { display: block; width: 230px; margin: 8% auto 20%; font-size: 1.1em; min-height: 500px; text-align: center;}


/*--Footer------------------------------------------*/

footer { margin: 200px auto 0; width: 100%; height: auto; overflow: hidden; min-width: 960px;}
footer .footerInner {/* position: relative;*/ overflow: hidden; width: 98%; max-width: 1250px; height:auto; margin:0 auto 0;}

/*-- 店舗情報 --*/
footer .footer_left { float: left; width: 500px; height: 93px; margin-bottom: 20px;}
footer .footer_left a { display: block; box-sizing: border-box; float: left; margin-right: 15px;}
footer .footer_left a img { display: block; width: 100%;}
footer .footer_left p { overflow: hidden; line-height: 1.5em; padding-top: 10px; white-space: nowrap;}
footer .footer_left p:nth-last-of-type(1) { font-size: .929em;}
footer .footer_left p span { font-size: 27px;}

/*-- ナビゲーション --*/
footer .f-nav { float: right; width: 550px; height: 50px;　margin: 1.2% 0 0 0; text-align: center;}
footer .f-nav ul li { display: inline-block; height: 50px; padding: 18px 15px 0; line-height: 50px;}
footer .f-nav ul li a { display:block; height: 60px; padding: 0; font-size: 1.15em; text-decoration: none; }
footer .copyright{ width: 100%; height: 30px; text-align: center; line-height: 30px; background: #e9c020;}

/*@media screen and (max-width: 1200px) {
footer { height:auto; margin: 100px auto 0;}
footer .footerInner { width: 100%; max-width: 600px; height: auto; margin: 0 auto 20px;}
footer .footer_left { float: none; margin:20px auto 0;}
footer .f-nav { float:none; min-width:500px; height: 60px; line-height: 60px;}

}

@media screen and (max-width: 700px) {
footer .f-nav ul li { padding: 18px 10px 0;}
footer .f-nav ul li a { font-size: 1.0em; }
}*/

/*Microsoft Windows10のデフォルトブラウザ「Edge」だけに指定*/
@supports (-ms-ime-align:auto ) {
footer .f-nav { float: right; width: 550px; height: 50px;　margin: 1.2% 0 0 0; text-align: center;}
footer .f-nav ul li { display: inline-block; box-sizing: border-box; height: 50px; padding: 18px 15px 0; line-height: 50px;}
	
	/*@media screen and (max-width: 1200px) {
	footer { height:auto; margin: 100px auto 0;}
	footer .footerInner { width: 800px; height: auto; margin: 0 auto 20px;}
	footer .footer_left { float: none; margin:20px auto 0;}
	footer .f-nav { float:none; width: auto; height: 60px; line-height: 60px;}
	}*/
	
}