@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus {outline:0;}

ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";
	color: #000000;
	-webkit-text-size-adjust: none;
	height: 100%;
	font-weight: 500;
	background-color: #edece8;
}
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }
.wf-sawarabimincho {
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
font-size: 17px;
letter-spacing: 0.03em;
text-align: right;
line-height: 36px;
}
.wf-sawarabimincho2 {
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
font-size: 17px;
letter-spacing: 0.03em;
text-align: left;
line-height: 36px;
color: #eb6100;
}
html{
   height: 100%; 
}
/* リンク設定
------------------------------------------------------------*/
a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	color: #000000;
}
a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline:none;
color:#000000;
}
a img:hover {
opacity: 0.8 ;
}
/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display:table;clear:both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{zoom:1;}

/* hr
------------------------------------------------------------*/
hr{
background-color: #F15A24;
height: 6px;
margin: 0;
padding: 0;
border: none;
}

/* ResponsiveSlides
------------------------------------------------------------*/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* wp-pagenavi
------------------------------------------------------------*/
.wp-pagenavi {
width: 95%;
margin: 0 auto;
margin-top: 15px;
font-size: 11px;
}
.wp-pagenavi .pages{
margin-right: 15px;
}
.wp-pagenavi a{
border: solid;
border-color: #424242;
border-width: 1px;
margin-left: 3px;
margin-right: 3px;
padding-left: 3px;
padding-right: 3px;
}


/* PC-SUMA
----------------------------------*/
.pcon {
display: block;
}
.pcoff {
display: none;
}


/* ついてくるメニュー
----------------------------------*/
#mainNavi{
z-index:10;
border-bottom-color: #f26523;
border-bottom-width: 1px;
border-bottom-style: solid;
}
#mainNavi.active{
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:0 auto;
background-color: #f2ebe4;
width:100%;
height: 100px;
}
#mainNavi img{
margin-bottom: 0px;
}
/* top
----------------------------------*/
.top {
width: 100%;
height: auto;
background-color: #ffffff;
border-bottom-color: #f26523;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.top img{
vertical-align: bottom;
margin-left: 0;
margin-right: 0;
}
.top0 {
width: 100%;
background-color: #f26523;
}
.top0i {
width: 100%;
max-width: 940px;
margin: 0 auto;
text-align: left;
font-size: 8px;
letter-spacing: 0.03em;
color: #ffffff;
}
.top1 {
width: 100%;
max-width: 940px;
text-align: left;
margin: 0 auto;
padding-top: 15px;
padding-bottom: 10px;
}
.top2 {
width: 100%;
max-width: 942px;
text-align: left;
margin: 0 auto;
}


/* con
----------------------------------*/
.con1 {
width: 100%;
max-width: 940px;
text-align: left;
margin: 0 auto;
}
.con1 img {
width: 100%;
vertical-align: bottom;
}
.con2 {
width: 100%;
max-width: 940px;
text-align: left;
margin: 0 auto;
background-color: #ffffff;
padding-bottom: 80px;
}
.con2-1 {
width: 190px;
float: left;
margin-right: 20px;
margin-top: 50px;
border-top-color: #f26523;
border-top-width: 1px;
border-top-style: solid;
}
.con2-1 img{
vertical-align: bottom;
border-bottom-color: #f26523;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.con2-2 {
width: 550px;
float: left;
margin-right: 20px;
margin-top: 50px;
border-top-color: #f26523;
border-top-width: 1px;
border-top-style: solid;
padding-top: 8px;
}
.con2-2k {
width: 100%;
border-bottom-color: #f26523;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 8px;
}
.wpd {
font-size: 10px;
letter-spacing: 0.02em;
margin-bottom: 3px;
}
.wpt {
font-size: 16px;
letter-spacing: 0.02em;
margin-bottom: 5px;
}
.wpc {
font-size: 12px;
letter-spacing: 0.02em;
line-height: 16px;
margin-bottom: 5px;
}
.con2-3 {
width: 160px;
float: left;
margin-top: 50px;
}
.con2-3 img{
}
.con2-4 {
width: 710px;
float: left;
margin-top: 50px;
border-top-color: #f26523;
border-top-width: 1px;
border-top-style: solid;
padding-top: 8px;
}
.con2-4 img{
width: 100%;
}
.con2-5 {
width: 710px;
float: left;
margin-top: 50px;
}
.con2-5 img{
width: 100%;
}
.con2-6 {
width: 190px;
float: left;
margin-right: 20px;
margin-top: 10px;
}
.con2-6 img{
margin-bottom: 2px;
}
.con2-7 {
width: 710px;
float: left;
margin-top: 50px;
}
.con2-7 img{
width: 100%;
}
.con2-7lg {
width: 150px;
}
.con2-7lg img{
width: 100%;
}
.con2-7st {
width: 100%;
}
.con2-7st img{
width: 26%;
margin-left: 2%;
margin-right: 2%;
}

.con2-7 h2{
width: 100%;
background-color: #ffffff;
font-size: 20px;
line-height: 36px;
letter-spacing: 0.03em;
color: #eb6100;
padding-left: 5px;
margin-bottom: 15px;
font-weight: bold;
border-bottom-color: #eb6100;
border-bottom-style: groove;
border-bottom-width: 3px;
}
.con2-7 h3{
width: 100%;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.02em;
color: #000000;
font-weight: bold;
border-left-color: #eb6100;
border-left-style: solid;
border-left-width: 3px;
padding-left: 5px;
margin-bottom: 10px;
}
.con2-7 h4{
width: 100%;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.02em;
color: #000000;
}
.con2-7 h5{
width: 100%;
font-size: 19px;
line-height: 36px;
letter-spacing: 0.02em;
color: #312e27;
font-weight: bold;
margin-bottom: 15px;
}
.con2-7 p{
width: 100%;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.03em;
margin-bottom: 10px;
}
.con2-7 li{
width: 100%;
font-size: 13px;
letter-spacing: 0.03em;
padding-top: 10px;
padding-bottom: 10px;
border-bottom-color: #edece8;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.con2-7 form{
font-size: 14px;
text-align: left;
width: 95%;
max-width: 600px;
}
.con2-7 table {
width: 100%;
}
.con2-7 tr {
width: 100%;
position: relative;
}
.con2-7 th {
position: absolute;
width: 30%;
}
.con2-7 hd {
position: absolute;
width: 70%;
}
.con2-7 input{
width: 100%;
line-height: 150%;
}
.con2-7 textarea{
width: 100%;
}
.con2-7 p input {
width: 100px;
}
.con2-7 form .check1{
width: auto;
}
.con2-7n {
width: 100%;
text-align: right;
margin-top: 20px;
}
.con2-7n img{
width: 210px;
}
.con2-8 {
width: 710px;
float: left;
margin-top: 50px;
}
.con2-8 img{
width: 100%;
margin-bottom: 10px;
}
.con2-8 p{
width: 100%;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.03em;
margin-bottom: 10px;
}
.con2-8 h1{
width: 100%;
font-size: 22px;
line-height: 36px;
letter-spacing: 0.03em;
color: #1A1A1A;
font-weight: bold;
}
.con2-8 h4{
width: 100%;
font-size: 12px;
letter-spacing: 0.03em;
color: #f26523;
margin-bottom: 25px;
font-weight: bold;
}
.con3 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 50px;
}
.con3-1 {
width: 620px;
float: left;
text-align: left;
margin-right: 80px;
font-size: 16px;
letter-spacing: 0.03em;
}
.con3-1 li{
font-size: 16px;
letter-spacing: 0.03em;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #F15A24;
list-style: none;
}
.con3-1 li a{
color: #000000;
}
.con3-2 {
width: 300px;
float: left;
padding-top: 0px;
}
.con99 {
clear: both;
}


/* フッター
*****************************************************/
#footer{
clear: both;
background-color: #312e27;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
color: #ffffff;
} 
#footer a{
color: #ffffff;
} 
.f1 {
width: 100%;
max-width: 940px;
margin: 0 auto;
}
.f1-1 {
width: 460px;
float: left;
margin-right: 20px;
text-align: left;
}
.f1-1 h3{
font-size: 14px;
font-weight: bold;
letter-spacing: 0.03em;
line-height: 36px;
border-bottom-color: #edece8;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 15px;
}
.f1-1 p{
font-size: 11px;
letter-spacing: 0.03em;
line-height: 20px;
}
.f1-1a {
width: 230px;
float: left;
text-align: left;
}
.f1-1b {
width: 230px;
float: left;
text-align: left;
}
.f1-2 {
width: 460px;
float: left;
}
.f1-2 p{
font-size: 11px;
letter-spacing: 0.03em;
line-height: 20px;
}
.f1-2a {
width: 100%;
}
.f1-2a img{
width: 100%;
max-width: 250px;
}
.f1-2b {
width: 100%;
}

#copyright{
clear:both;
background-color: #504e41;
padding-top: 10px;
padding-bottom: 10px;
}
.cr1 {
width: 100%;
max-width: 940px;
margin: 0 auto;
text-align: left;
font-size: 9px;
letter-spacing: 0.03em;
color: #ffffff;
}

.popmenu {
display: none;
}
#modal-content {
display: none;
}
	

/* TOO-TOP
------------------------------------------------------------*/
.top-top {
display: inline-flex;
}	
.crunchify-top a:hover{
text-decoration: none;
}
 
.crunchify-top {
display: none;
position: fixed;
bottom: 350px;
right: calc(50% - 498px);
color: #fff;
text-decoration: none;
text-align: center;
cursor: pointer;
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1000px){


/* PC-SUMA SUMAHO　SUMAHO
----------------------------------*/
.pcon {
display: none;
}
.pcoff {
display: block;
}

/* top　SUMAHO　SUMAHO
----------------------------------*/
.top1 {
width: 95%;
max-width: 1000px;
height: auto;
margin: 0 auto;
}
.top1-1 {
width: 100%;
text-align: left;
float: none;
padding-top: 20px;
padding-bottom: 12px;
}
.top1-2 {
width: 100%;
text-align: center;
float: none;
font-size: 12px;
padding-top: 20px;
}


	
/* con　SUMAHO　SUMAHO
----------------------------------*/
.con1 {
width: 95%;
max-width: 940px;
text-align: left;
margin: 0 auto;
}
.con1 img {
width: 100%;
vertical-align: bottom;
}
.con2 {
width: 95%;
max-width: 940px;
text-align: left;
margin: 0 auto;
background-color: #ffffff;
padding-bottom: 80px;
}
.con2-1 {
width: 100%;
max-width: 570px;
text-align: center;
float: none;
margin-right: 0px;
margin-top: 0px;
margin: 0 auto;
border-top-color: #f26523;
border-top-width: 1px;
border-top-style: solid;
padding-top: 30px;
}
.con2-1 img{
vertical-align: bottom;
border-bottom-color: #f26523;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.con2-2 {
width: 100%;
max-width: 700px;
float: none;
margin: 0 auto;
border-top-color: #f26523;
border-top-width: 1px;
border-top-style: solid;
padding-top: 8px;
margin-top: 30px;
}
.con2-2k {
width: 100%;
border-bottom-color: #f26523;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 8px;
}
.wpd {
font-size: 10px;
letter-spacing: 0.02em;
margin-bottom: 3px;
}
.wpt {
font-size: 16px;
letter-spacing: 0.02em;
margin-bottom: 5px;
}
.wpc {
font-size: 12px;
letter-spacing: 0.02em;
line-height: 16px;
margin-bottom: 5px;
}
.con2-3 {
width: 100%;
float: none;
margin-top: 50px;
}
.con2-3 img{
}
.con2-4 {
width: 710px;
float: left;
margin-top: 50px;
border-top-color: #f26523;
border-top-width: 1px;
border-top-style: solid;
padding-top: 8px;
}
.con2-4 img{
width: 100%;
}
.con2-5 {
width: 710px;
float: left;
margin-top: 50px;
}
.con2-5 img{
width: 100%;
}
.con2-6 {
width: 100%;
float: none;
margin-right: 0px;
margin-top: 0px;
text-align: center;
padding-top: 30px;
}
.con2-6 img{
margin-bottom: 2px;
margin-left: 1px;
margin-right: 1px;
}
.con2-7 {
width: 96%;
float: none;
margin: 0 auto;
margin-top: 30px;
}
.con2-7 img{
width: 100%;
}
.con2-7st {
width: 100%;
}
.con2-7st img{
width: 26%;
margin-left: 2%;
margin-right: 2%;
}

.con2-7 h2{
width: 100%;
font-size: 20px;
line-height: 36px;
letter-spacing: 0.03em;
color: #eb6100;
padding-left: 5px;
margin-bottom: 15px;
font-weight: bold;
}
.con2-7 h3{
width: 100%;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.02em;
color: #000000;
font-weight: bold;
border-left-color: #eb6100;
border-left-style: solid;
border-left-width: 3px;
padding-left: 5px;
margin-bottom: 10px;
}
.con2-7 h4{
width: 100%;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.02em;
color: #000000;
}
.con2-7 h5{
width: 100%;
font-size: 19px;
line-height: 36px;
letter-spacing: 0.02em;
color: #C90003;
font-weight: bold;
margin-bottom: 15px;
}
.con2-7 p{
width: 100%;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.03em;
margin-bottom: 10px;
}
.con2-7 li{
width: 100%;
font-size: 13px;
letter-spacing: 0.03em;
padding-top: 10px;
padding-bottom: 10px;
border-bottom-color: #edece8;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.con2-7 form{
font-size: 14px;
text-align: left;
width: 95%;
max-width: 600px;
}
.con2-7 table {
width: 100%;
}
.con2-7 tr {
width: 100%;
position: relative;
}
.con2-7 th {
position: absolute;
width: 30%;
}
.con2-7 hd {
position: absolute;
width: 70%;
}
.con2-7 input{
width: 100%;
line-height: 150%;
}
.con2-7 textarea{
width: 100%;
}
.con2-7 p input {
width: 100px;
}
.con2-7 form .check1{
width: auto;
}
.con2-7n {
width: 100%;
text-align: right;
margin-top: 20px;
}
.con2-7n img{
width: 210px;
}
.con2-8 {
width: 96%;
float: none;
margin: 0 auto;
margin-top: 30px;
}
.con2-8 img{
width: 100%;
margin-bottom: 10px;
}
.con2-8 p{
width: 100%;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.03em;
margin-bottom: 10px;
}
.con2-8 h1{
width: 100%;
font-size: 22px;
line-height: 36px;
letter-spacing: 0.03em;
color: #1A1A1A;
font-weight: bold;
}
.con2-8 h4{
width: 100%;
font-size: 12px;
letter-spacing: 0.03em;
color: #f26523;
margin-bottom: 25px;
font-weight: bold;
}
.con3 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 50px;
}
.con3-1 {
width: 620px;
float: left;
text-align: left;
margin-right: 80px;
font-size: 16px;
letter-spacing: 0.03em;
}
.con3-1 li{
font-size: 16px;
letter-spacing: 0.03em;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #F15A24;
list-style: none;
}
.con3-1 li a{
color: #000000;
}
.con3-2 {
width: 300px;
float: left;
padding-top: 0px;
}
.con99 {
clear: both;
}


	
/* modal　SUMAHO　SUMAHO
*****************************************************/

#mainNavi{
display: block;
}
#mainNavi .mn01{
width:100%;
height: 40px;
}
#mainNavi .mn01-0 img{
position:static;
width: 193.3px;
height: 35px;
}
#mainNavi .mn01-0{
float: none;
width:100%;
font-size: 13px;
margin-left: 0px;
}
#mainNavi .mn01-1{
display: none;
}
.popmenu {
display: inline;
position: fixed;
z-index:950;
top: 15px;
right: 5px;
}	
#modal-content {
width: 100% ;
height: 100%;
margin: 0 ;
padding: 0 ;
position: fixed ;
display: none ;
z-index: 922 ;
text-align: center;
top: 0;
} 
#modal-content ul {
margin-top: 0px;
border-top: solid;
border-top-color: #F15A24;
border-top-width: 1px;
font-size: 20px;
color: #F15A24;
} 
#modal-content li {
padding-top: 12.5px;
padding-bottom: 12.5px;
text-align: center;
border-bottom: solid;
border-bottom-color: #F15A24;
border-bottom-width: 1px;
font-size: 15px;
color: #F15A24;
} 
#modal-content li a{
color: #F15A24;
} 
#modal-content p {
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
} 
#modal-overlay {
	z-index: 920;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: #FFF2EE;
}
.button-link {
color: #00f ;
text-decoration: underline ;
}
.button-link:hover {
cursor: pointer ;
color: #f00 ;
}	
.toplogo {
max-width: 250px;
width: 55%;
}	

/* フッター
*****************************************************/
#footer{
clear: both;
background-color: #312e27;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
color: #ffffff;
} 
#footer a{
color: #ffffff;
} 
.f1 {
width: 95%;
max-width: 940px;
margin: 0 auto;
}
.f1-1 {
width: 100%;
float: none;
margin-right: 20px;
text-align: left;
}
.f1-1 h3{
font-size: 14px;
font-weight: bold;
letter-spacing: 0.03em;
line-height: 36px;
border-bottom-color: #edece8;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 15px;
}
.f1-1 p{
font-size: 11px;
letter-spacing: 0.03em;
line-height: 20px;
}
.f1-1a {
width: 50%;
float: left;
text-align: left;
}
.f1-1b {
width: 50%;
float: left;
text-align: left;
}
.f1-2 {
width: 100%;
float: none;
margin-top: 30px;
}
.f1-2a {
width: 100%;
max-width: 450px;
}
.f1-2a img{
width: 100%;
}
.f1-2b {
width: 100%;
}

#copyright{
clear:both;
background-color: #504e41;
padding-top: 10px;
padding-bottom: 10px;
}
.cr1 {
width: 100%;
max-width: 940px;
margin: 0 auto;
text-align: left;
font-size: 9px;
letter-spacing: 0.03em;
color: #ffffff;
}
	

}