@charset "utf-8";
/* CSS Document */


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

@font-face {
  font-family: "LPSans";
  font-style: normal;
  font-weight: 400;
  src: url(../font/LPsans.woff) format("woff");
}

@font-face {
  font-family: "LPSans-Bold";
  font-style: normal;
  font-weight: 400;
  src: url(../font/LPSans-Bold.woff) format("woff");
}

body{
  font-family:"LPSans", sans-serif;
}


body { 
text-align:left;
font-family:"LPSans", sans-serif;
font-size:16px;
line-height:190%;
margin:0px;
padding:0px;
background-color:#fff;
-webkit-text-size-adjust: 100%;
color:#222;
}


@media screen and (max-width:767px){
body { 
font-size:15px;
line-height:1.6;
background-image:none;
}
}



.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


header, nav, article, aside, section, footer {
display:block;
}


/* 共通事項
===================================================== */
.text_red{color:#C70000;}/* 赤文字色*/
.text24{font-size:24px;}
.text21{font-size:21px;}
.text18{font-size:18px;}
.text16{font-size:16px;}
.text14{font-size:14px;}
.text12{font-size:12px;}
.text11{font-size:11px;}

/*hタグ空白消去*/
h1,h2,h3,h4,h5,h6,ul,li,dl,dd,dt,table,section{
margin:0px;padding:0px;font-weight:normal;
}


p {line-break:normal;} /*禁則処理*/
p {margin:0px;padding:0px;}/*pタグ空白消去*/

/*ボーダー非表示*/
img  {border: none;vertical-align:top;}


@media screen and (max-width:767px){
img {
vertical-align: top;
max-width: 100%;
height: auto;
width /***/:auto;　
}

img.sp_clear{
float:none !important;
padding:0;
margin-bottom:3%;
}

}



table  {border:none;}

/*TABLE行トップ揃え*/
.top{vertical-align:top;}
td{text-align:left;}
tr{vertical-align:top;}


/*IE--BRバグ回避*/
br  {letter-spacing:normal;}


/*配置指定*/
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.center_left{text-align:center;}

@media only screen and (max-width:767px){
.center_left{
text-align:left;
}
}



/* リスト関連
====================================================== */

/*リスト空白消去*/
ul,dl{margin: 0px;padding: 0px;list-style: none;}

/*リスト「・」ポチ付き*/
li.style{margin:0px;padding:0px;list-style:none;list-style:disc;margin-left:15px;}



/* マージン事前設定
====================================================== */
.space80{margin-bottom:80px;}
.space70{margin-bottom:70px;}
.space60{margin-bottom:60px;}
.space55{margin-bottom:55px;}
.space50{margin-bottom:50px;}
.space45{margin-bottom:45px;}
.space40{margin-bottom:40px;}
.space35{margin-bottom:35px;}
.space30{margin-bottom:30px;}
.space25{margin-bottom:25px;}
.space20{margin-bottom:20px;}
.space15{margin-bottom:15px;}
.space12{margin-bottom:12px;}
.space10{margin-bottom:10px;}
.space8{margin-bottom:8px;}
.space6{margin-bottom:6px;}
.space4{margin-bottom:4px;}
.space3{margin-bottom:3px;}
.space2{margin-bottom:2px;}

.margin20{margin:20px 0px;}
.margin18{margin:18px 0px;}
.margin15{margin:15px 0px;}
.margin12{margin:12px 0px;}
.margin8{margin:8px 0px;}
.margin4{margin:4px 0px;}



/* インデント
====================================================== */
.indent20{padding-left:20px;}
.indent15{padding-left:10px;}



/* イメージ寄せ
====================================================== */
.img_left{float:left;padding-right:15px;padding-bottom:15px;}
.img_right{float:right;margin-left:20px;margin-bottom:20px;}
.img_right10{float:right;margin-left:20px;margin-bottom:0px;}
.img_right2{float:right;margin-left:20px;margin-bottom:40px;}


.img_border{border:#ccc solid 1px;}


/* リンク文字設定
====================================================== */
a:link       {color:#005f9a;text-decoration:underline;}
a:visited    {color:#005f9a;text-decoration:underline;} 
a:active     {color:#005f9a;text-decoration:underline;} 
a:hover      {color:#005f9a;text-decoration:underline;} 


nav a:link       {color:#333;text-decoration:none;}
nav a:visited    {color:#333;text-decoration:none;} 
nav a:active     {color:#333;text-decoration:none;} 
nav a:hover     {color:#333;text-decoration:none;} 


#link a:link       {color:#005f9a;text-decoration:none;}
#link a:visited    {color:#005f9a;text-decoration:none;} 
#link a:active     {color:#005f9a;text-decoration:none;} 
#link a:hover      {color:#005f9a;text-decoration:none;}

footer a:link       {color:#333;text-decoration:none;}
footer a:visited    {color:#333;text-decoration:none;} 
footer a:active     {color:#333;text-decoration:underline;} 
footer a:hover      {color:#333;text-decoration: underline;}

.pager a:link,.pager a:visited,.pager a:active,.pager a:hover {color:#333;text-decoration:none;}
.page-footer-link a:link,.page-footer-link a:visited,.page-footer-link a:active,.page-footer-link a:hover {color:#333;text-decoration:none;}


.sp,.sp_inline,.sp320,.sp360,.sp420,.sp480,.sp560,.sp640,.sp680,.sp768{display:none;}

i{margin-right:6px;margin-left:6px;}

i.after_mark{margin-right:2px;margin-left:6px;}


a.linkBtn {
display: block;
padding: 12px;
text-align: center;
width: 350px;
background-color: rgba(255,255,255,0.5);
border: #3e2828 solid 2px;
color: #333;
text-decoration: none;
font-weight: bold;
margin: 0 auto;
}

a:hover.linkBtn{
background-color: rgba(181,131,042,1.0);
color:#f6f1eb;
}



/* 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■    680px    ■■■ */

@media screen and (min-width: 768px) and (max-width: 1119px) {
.sp768{display:inline;
}
}

@media only screen and (max-width:767px){
.sp768{display:none;
}
}
@media only screen and (max-width:767px){

.spno{display:none;}
.sp_inline{display:inline !important;}
.sp{display:block;}
.sp680{display:inline;}

.w60{width:60%;margin:0 auto;}
.w70{width:70%;margin:0 auto;}
.w80{width:80%;margin:0 auto;}
.w90{width:90%;margin:0 auto;}
.w95{width:95%;margin:0 auto;}
.w100{width:100%;margin:0 auto;}

.w60_img{width:60%;margin:0 auto;max-width:270px;}
.w70_img{width:70%;margin:0 auto;max-width:315px;}
.w80_img{width:80%;margin:0 auto;max-width:360px;}
.w90_img{width:90%;margin:0 auto;max-width:405px;}
.w95_img{width:95%;margin:0 auto;max-width:427px;}
.w100_img{width:100%;margin:0 auto;max-width:450px;}
}

@media only screen and (max-width:640px){
.sp640{display:inline;}
}

@media only screen and (max-width:560px){
.sp560{display:inline;}
}


@media only screen and (max-width:480px){
.sp480{display:inline;}
}

@media only screen and (max-width:420px){
.sp420{display:inline;}
}

@media only screen and (max-width:360px){
.sp360{display:inline;}
}

@media only screen and (max-width:320px){
.sp320{display:inline;}
}


a[href^="tel:"] { cursor: default; }