@charset "utf-8";

/*============================================================
reset
============================================================*/

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,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}address{font-style: normal;}article,aside,figure,footer,header,hgroup,nav,section{display:block;}img,object,embed{vertical-align: bottom;}html{overflow-y:scroll;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}th{font-weight:bold;}td{font-weight:normal;vertical-align:top;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}select,input,textarea{font:99% sans-serif;}table{font-size:inherit;font:100%;}a:hover,a:active{outline:none;}strong,th{font-weight:bold;}td,td img{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre,code,kbd,samp{font-family:monospace,sans-serif;}label,input[type=button],input[type=submit],button{cursor:pointer;}button,input,select,textarea{margin:0;}button{width:auto;overflow:visible;}.clear:before,.clear:after{content:"\0020";display:block;height:0;overflow:hidden;}.clear:after{clear:both;}.clear{zoom:1;}

/*============================================================
base
============================================================*/

html{
  /*background:url(../img/bg_html.png) repeat-x center top / contain;*/
  background: url(../img/bg_html.png) repeat-x center top / 2000px;
}

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

input,select {
  box-sizing:content-box;
}

body {
  position:relative;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size:14px;
  line-height:1.715em; /*14px-20px相当*/
  letter-spacing:1px;
  vertical-align:baseline;
  margin:0;
  padding:0;
  color:#808080;
  background:url(../img/bg_body.png) no-repeat center top / 1550px auto;
  min-width:980px;
  font-feature-settings: 'palt' 1;
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6,
div, p, ul, li, ol, dl, dt, dd,
pre, span, address , table, th, td {
  margin:0;
  padding:0;
  font-size: 1em;
}

p,li,dd { text-align:justify; }

*+html p { text-justify:inter-ideograph; }
* html p { text-justify:inter-ideograph; }
*+html dd { text-justify:inter-ideograph; }
* html dd { text-justify:inter-ideograph; }
*+html li { text-justify:inter-ideograph; }
* html li { text-justify:inter-ideograph; }

ul li { list-style-type:none; }

ol li { list-style-position:inside; }

em{ font-style:normal; }

img, a img {
  max-width: 100%;
  height: auto;
  border:0;
}

br { letter-spacing:0; }

a{
  outline: none;
  color:#808080;
  text-decoration:underline;
  word-break: break-all;
}

a:hover{
  text-decoration:none;
}

#head a,
#side a,
#footer a,
#pagenav a{
  text-decoration:none;
}

#head a:hover,
#side a:hover,
#footer a:hover,
#pagenav a:hover{
  text-decoration:underline;
}

/*form*/
form{
  display:block;
  padding:0;
  margin:0;
}

form table{
  margin-bottom:20px;
}

form th{
  vertical-align:top;
}

label{
  cursor:pointer;
}

form td label{
  margin-left:0.25em;
  margin-right:1.5em;
}

form input,
form textarea,
form button{
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin:0;
  padding:0;
  vertical-align:baseline;
  overflow:auto;
}

form input{
  height:1.3em;
  padding:8px 0.5em;
  letter-spacing:normal;
  color:#50453f;
  border:1px solid #c0d5e7;
  background-color:#fff;
}

	*+html input{
    padding:0 0.5em;
    height:2.4em;
    line-height:2.4em;
    vertical-align:middle;
	}
	
	* html input{
    padding:0 0.5em;
    height:2.4em;
    line-height:2.4em;
    vertical-align:middle;
	}

form select {
  border:1px solid #c0d5e7;
  background-color:#fff;
  padding:8px;
}

  *+html select { vertical-align:middle; }
  * html select { vertical-align:middle; }

form option {
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  vertical-align:middle;
  padding-left:0.5em;
}

  *+html option { padding:0.3em; }
  * html option { padding:0.3em; }

form textarea{
  padding:8px 0.5em;
  line-height:1.5em;
  letter-spacing:0;
  color:#50453f;
  border:1px solid #c0d5e7;
  background-color:#fff;
  height:200px;
  width:95%;
}

form input:hover,
form textarea:hover,
form input:focus,
form textarea:focus{
  border: 1px solid #88abe4;
}

form input.cr{
  line-height:1em;
  height:1em;
  margin:auto 5px 2px auto;
  padding:0;
  border:none;
  background:none;
  vertical-align:middle;
}

	/*safari*/
	html:not(:only-child:only-child) form input[type=checkbox],
	html:not(:only-child:only-child) form input[type=radio] {
    vertical-align:baseline;
	}

.btnbox{
  width:330px;
  margin:0 auto;
  padding-top:25px;
}

.sealbox{
  clear:both;
  width:330px;
  height:50px;
  margin:0 auto;
  padding-top:30px;
  text-align:center;
}

button{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  border:none;
  cursor:pointer;
  text-indent:-999999em;
  line-height:0%;
  font-size:0%;
  background:no-repeat left top;
  width:330px;
  height:80px;
}

button#check { background-image:url(../img/btn_check.png); }
button#eback { background-image:url(../img/btn_back.png); }
button#back { background-image:url(../img/btn_back.png); }
button#send { background-image:url(../img/btn_send.png); margin-bottom:25px; }
button#scsend { background-image:url(../img/btn_scsend.png); }
button#comment-submit {
  width:200px;
  height:60px;
  background-image:url(../img/btn_blog.png);
}

button:hover{
  filter:alpha(opacity=50);
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
}

/**********************************/

.full{ width:95%; }
.middle{ width:50%; }
.short{ width:25%; }
.mini{ width:10%; }

/* スマートフォンのみ表示 */
.sp {
  display: none !important;
}

/* PCのみ表示 */
.pc {
  display: block !important;
}

/* PCのみ改行 */
.pcbr {
  display: inline;
}

/* スマートフォンのみ改行 */
.spbr {
  display: none;
}

.mb3   {margin-bottom:3px !important;}
.mb5   {margin-bottom:5px !important;}
.mb10  {margin-bottom:10px !important;}
.mb15  {margin-bottom:15px !important;}
.mb20  {margin-bottom:20px !important;}
.mb25  {margin-bottom:25px !important;}
.mb30  {margin-bottom:30px !important;}
.mb35  {margin-bottom:35px !important;}
.mb40  {margin-bottom:40px !important;}
.mb50  {margin-bottom:50px !important;}
.mb60  {margin-bottom:60px !important;}
.mb70  {margin-bottom:70px !important;}
.mb80  {margin-bottom:80px !important;}

.mt3   {margin-top:3px !important;}
.mt5   {margin-top:5px !important;}
.mt10  {margin-top:10px !important;}
.mt15  {margin-top:15px !important;}
.mt20  {margin-top:20px !important;}
.mt25  {margin-top:25px !important;}
.mt30  {margin-top:30px !important;}
.mt35  {margin-top:35px !important;}
.mt40  {margin-top:40px !important;}
.mt50  {margin-top:50px !important;}
.mt60  {margin-top:60px !important;}
.mt70  {margin-top:70px !important;}
.mt80  {margin-top:80px !important;}

.mr3   {margin-right:3px !important;}
.mr5   {margin-right:5px !important;}
.mr10  {margin-right:10px !important;}
.mr15  {margin-right:15px !important;}
.mr20  {margin-right:20px !important;}
.mr25  {margin-right:25px !important;}
.mr30  {margin-right:30px !important;}
.mr35  {margin-right:35px !important;}
.mr40  {margin-right:40px !important;}

.ml3   {margin-left:3px !important;}
.ml5   {margin-left:5px !important;}
.ml10  {margin-left:10px !important;}
.ml15  {margin-left:15px !important;}
.ml20  {margin-left:20px !important;}
.ml25  {margin-left:25px !important;}
.ml30  {margin-left:30px !important;}
.ml35  {margin-left:35px !important;}
.ml40  {margin-left:40px !important;}