@charset "utf-8";

/* ----------------------------------------------------
 全端末共通
---------------------------------------------------- */

/* common reset ==== */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, ection, summary,time, mark, audio, video { margin: 0; padding : 0; border: 0; font-style : normal; font-weight: normal;font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }
html { overflow-y: scroll; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
input, textarea{ margin: 0; padding: 0; vertical-align: middle; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th{ text-align: left; }
a:focus { outline: none; }
a { -webkit-tap-highlight-color: transparent; }
main { display: block; }
a,area,button,[role="button"],input:not([type="range"]),label,select,summary,textarea {-ms-touch-action: manipulation;touch-action: manipulation; }
svg { overflow: hidden; vertical-align: middle;}
img{ max-width: 100%; height: auto; vertical-align: bottom;}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* common ==== */

html { -webkit-text-size-adjust: 100%; /* フォントサイズ自動調整OFF */ font-size: 62.5%;/* 10px */}
body{
	color: #333333;
	font-size: 16px; font-size: 1.6rem;
	position: relative;/* page top ボタン用 */
	font-family: 'Arial','Helvetica Neue','Helvetica','Yu Gothic Medium','YuGothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	font-feature-settings: "palt";
  letter-spacing: 1px;
}
main { display:block;}/*IE11*/
b, strong, .bold{
	font-family: 'Arial','Helvetica Neue','Helvetica','Yu Gothic Medium','YuGothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
}
strong{font-weight:bold !important;}

/* IE Only */
_:lang(x)::-ms-backdrop, .selector {font-family: "Segoe UI", Meiryo, sans-serif;}

/* common link ==== */
a { outline: none; /* fireFox boder */}
a {color: #000;-webkit-tap-highlight-color: rgba(00,33,99,0.3); /* タップ時の背景色 */}
a:link { color: #000; text-decoration:underline;}
a:visited { color: #000; text-decoration:underline;}
a:hover { color: #000; text-decoration:underline; opacity: .8;}
a:active { color: #000; text-decoration:underline;}

/* clearFix ==== */
.cf::after {
	display: block;
	clear: both;
	content: "";
}

/* particular case ==== */
.fl { float: left;}
.fr { float: right;}
.cl { clear: both;}

.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.vt { vertical-align : top; }

.mt-15 { margin-top: -15px !important; }.mt-30 { margin-top: -30px !important; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt20 { margin-top: 20px !important; }.mt30 { margin-top: 30px !important; }.mb0 { margin-bottom: 0 !important; }.mb5 { margin-bottom: 5px !important; }.mb10 { margin-bottom: 10px !important; }.mb15 { margin-bottom: 15px !important; }.mb20 { margin-bottom: 20px !important; }.mb30 { margin-bottom: 30px !important; }.mb50 { margin-bottom: 50px !important; }.mr0 { margin-right: 0 !important; }.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }.mr30 { margin-right: 30px !important; }.mr50 { margin-right: 50px !important; }.ml0 { margin-left: 0 !important; }.ml10 { margin-left: 10px !important; }.ml20 { margin-left: 20px !important; }.ml40 { margin-left: 40px !important; }.pt0 { padding-top: 0 !important; }.pt15 { padding-top: 15px !important; }.pl0 { padding-left: 0 !important; }.pl30 { padding-left: 30px !important; }.pr0 { padding-right: 0 !important; }.pr30 { padding-right: 30px !important; }.pb0 { padding-bottom: 0 !important; }.pb30 { padding-bottom: 30px !important; }

/* Others */
.hide {display:none;}
sup { font-size: 70%; vertical-align: top; position: relative; top: -0.1em;}
sub { font-size: 70%; vertical-align: bottom; position: relative; bottom: -0.1em;}

/* ----------------------------------------------------
 Media query All
---------------------------------------------------- */
/* common */

/* WebP未対応ブラウザ用 */
.no-webp body{
  /* background: url("../image/bg_landscape_summer.jpg") no-repeat center bottom; */
}

/* WebP対応ブラウザ用 */
.webp body {
  /* background: url("../image/bg_landscape_summer.jpg.webp") no-repeat center bottom; */
}
/* footer */
#page_top {
  width: 48px;
  height: 48px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  opacity: .3;
  background: #000000;
}
#page_top a {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  text-decoration: none;
}
#page_top a::before {
  content: '';
  width: 14px;
  height: 14px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -4px auto 0 auto;
  text-align: center;
}

/* All END */

/* ----------------------------------------------------
 - 959px (Smartphone Tablet layout Only)
---------------------------------------------------- */
@media (max-width: 959px) {
	.pc-only { display: none; }
	
	a { pointer–events: none;}/* iOS リンクを2回タップ問題解消 */
	a:hover { opacity: 1; }/* iOS リンクを2回タップ問題解消 */
		
/* - 959px (Smartphone Tablet layout Only) END*/
}

/* ----------------------------------------------------
 - 519px (Smartphone layout Only)
---------------------------------------------------- */
@media (max-width: 519px) {

	
	

/* - 519px (Smartphone layout Only) END */
}

/* ----------------------------------------------------
 520px - 959px (Tablet layout Only)
---------------------------------------------------- */
@media (min-width: 520px) and (max-width: 959px) {
  

  
/* 520px - 959px (Tablet layout Only) END*/
}

/* ----------------------------------------------------
 960px - (Pc layout Only)
---------------------------------------------------- */
@media (min-width: 960px) {
	.sp-only { display: none;}

	a[href^="tel:"] { pointer-events: none; }/* クリック・タッチイベントを無効化 */


/*  960px - (Pc layout Only) END*/
}

/* ----------------------------------------------------
 960px - 1920px
---------------------------------------------------- */
@media (min-width: 960px) and (max-width: 1920px) {




/* 960px - 1920px END*/
}