@charset "utf-8";
/*webフォント*/
@font-face {
	font-family:'webfont';
	src:url('../font/03SmartFont-P.eot'),
	url('../font/03SmartFont-P.eot') format('eot'),
	url('../font/03SmartFont-P.woff2') format('woff2'),
	url('../font/03SmartFont-P.woff') format('woff'),
	url('../font/03SmartFont-P.ttf') format('truetype'),
	url('../font/03SmartFont-P.svg') format('svg');
}
@font-face {
	font-family:'webfont2';
	src:url('../font/Geotica_2012.eot'),
	url('../font/Geotica_2012.eot') format('eot'),
	url('../font/Geotica_2012.woff2') format('woff2'),
	url('../font/Geotica_2012.woff') format('woff'),
	url('../font/Geotica_2012.ttf') format('truetype'),
	url('../font/Geotica_2012.otf') format('opentype'),
	url('../font/Geotica_2012.svg') format('svg');
}
/*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 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
a {
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
}
ins {
	text-decoration: none;
	color: #000;
	background-color: #ff9;
}
mark {
	font-weight: bold;
	font-style: italic;
	color: #000;
	background-color: #ff9;
}
del {
	text-decoration: line-through;
}
abbr[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
hr {
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
}
ul {
	list-style: none;
  }
  
/*サイト全体の基準となるCSSを記述*/
html {
	font-size: 62.5%;
}
body {
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:1.6rem;/* 16px*/
	line-height: 1.4;
	margin: 0;
	padding: 0;
	color: #333;
	height: 100%;
/*	min-height: 100vh;*/
	box-sizing: border-box;
}
/*見出しを全て太字で表示 + 文字色を黒に*/
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #5d4444;
}
/*web_fontクラス#######################*/
.web_font{
	font-family: "webfont";
}
.web_font2{
	font-family: "webfont2";
}
/*背景デザイン#######################*/
body {
	background: #BDB5B2;
	background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.2) 0%, #A1A1A1 100%), -webkit-linear-gradient(top right, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 95%);
	background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 0%, #A1A1A1 100%), linear-gradient(to bottom left, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 95%);
	background-blend-mode: multiply; 
}
.contents{
	padding: 3vw;
}
.notification,.link_box{
	background: #FFF;
	padding: 3vw;
	margin-bottom: 3vw;
}
.notification li,.link_box a{
	margin-bottom: 3vw;
	font-size: 24px;/* IE8以下とAndroid4.3以下用フォールバック */
	font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));
}
.link_box a{
	display: block;
}
.notification li:last-of-type,.link_box a:last-of-type{
	margin-bottom: 0;
}
.notification li i,.link_box a i{
	margin-right: 3vw;
}
.map_box{
	width: 100%;
	height: auto;
}
.map_box iframe{
	width: 100%;
	height: 50vh;
}
.title {
	width:100%;
	display: inline-block;
	font-weight: bold;
	padding: 4.46vw;
	margin-bottom: 3vw;
	text-decoration: none;
	color: #5d4444;
	outline: 0.54vw solid #FFF; /* 線幅、線のスタイル、カラー */
	outline-offset: -2.7vw;
	box-sizing:border-box;
	background-color: #DCD9D4;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), -webkit-radial-gradient(at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.5) 50%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), radial-gradient(at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.5) 50%);
	background-blend-mode: soft-light,screen;

}
h1.title,h2.title {
	font-size: 32px;/* IE8以下とAndroid4.3以下用フォールバック */
	font-size: calc(3.2rem + ((1vw - 0.64rem) * 2.1429));
	text-align: center;
}
/* テキスト入力欄（名前・Instagram）専用 */
input[type="text"] {
  width: 100%;
  font-size: 18px;        /* 16px以上 → iOSズーム防止 */
  padding: 14px 16px;     /* タップしやすい余白 */
  border-radius: 10px;    /* 指向けの角丸 */
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* フォーカス時（入力中） */
input[type="text"]:focus {
  border-color: #555;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.08);
}