@charset "utf-8";
/* <meta content="width=device-width, initial-scale=1, minimum-scale=1" name="viewport"> */
/* PC */
#phonemenuA {
	display: none;
	padding:0;
	margin:0;
}

.smartphone img {
	display: none;
}
.w100 {
	max-width:100%;
	height:auto;
	text-align:center;
}
.w50 {
	width:49%;
}
.map {
	width:100%;
	height:600px;
}

/*　facebook */
.fb-page {
	padding:10px 0;
	width:100%;
}
#fb-root {
	background-color:#FFF;
	height:auto;
}
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{
	width: 100%!important;
}
/* flexbox */
.flexbox {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:0;
}
.flexbox2 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:0;
}
.flexbox3 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-around;
  padding:0;
}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.flex li {
    width: 30%;
	margin:0 1.53% 25px ;
}
.flex2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
/* menu */
#humberger,
#meanmenu {
	display:none;
}
.sp {
	display:none;
}
.hidden800 {
	display:none;
}
#sp_navi {
	display:none;
}
@media screen and (max-width:1024px) {
#navi,
#menuA{
	display:none;
}
#head .logo {
	margin:0;
}
#humberger{
	display:block;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 600;
	width: 25px;
	padding: 17px 10px 10px;
	cursor: pointer;
	background:#0583ce;
}
.w100,
.w100 img{
	width:100%;
	height:auto;
	text-align:center;
	margin: 0 auto;
}
.single{
	width:95%;
	margin:0 auto;
}
header {
}
#head {
	margin-top:50px;
	width:100%;
	padding:0;
}
#menu{
	width:100%;
}
#menu ul {
	width:100%;
}
#menu li {
	/*width:16.5%;*/
}
#menu li a {
	font-size:13px;
}
/* flash */
#flashA {
}
#flash {
	width:100%;
	height:auto;
}
.slide1,
.slide2,
.slide3 {
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:50% auto;
	background-attachment:scroll;
	background-color: #eee;
	padding:0px 0;
	height:100vh;
}
.slideimg {
	width: 100%;
	height:auto;
	margin: auto;
	position: relative;
	top:28%;
	right: 0;
	left:0;
	bottom: 0;
}

#flash img {
	height:auto;
}

#swiffycontainer {
	max-width:800px;
	width:95%;
	max-height:253px;
	height:auto;
}

.flashimg {
	width:100%;
	margin:0 auto;
}
.flashimg img {
	top:  -400px;
	left: 290px;
	z-index: 400;
	position:relative;
}
.picup-3 ul li a .logo img {
	width:100%;
}
#contentwrap {
	width:100%;
}
.mbox {
	width:100%;
	margin:0;
	padding:0;
}
.mbox5 img {
	max-width:100%;
}
/* flexbox */
.flexbox li img {
	width:100%;
}
.flex li {
    /*width: 25%;*/
}
.cbtn3 {
    width: 100%;
}
.cbtn3 a {
	width:100%;
}
.flink2 {
	width: 86%;
    margin: 10px auto;
}
.photobx-l,
.photobx-l2 {
     min-width:100%; 
}
.mtitle-ll:after {
	top:inherit;
}
.fright0,
.fright1,
.fright2,
.fleft0,
.fleft1,
.fleft2{
	float:none;
	margin:0;
}
.news-bl {
	width:100%;
}
.news-bl dt {
	width:100%;
	float:none;
	font-size:15px;
}
.news-bl dd {
	width:100%;
	padding:10px 0;
	font-size:15px;
	text-align:center;
}
.pbx,
.pbx2 {
    width: 90%;
	padding:40px 5%;
	/*border-bottom:5px solid #0583ce;*/
}
.photo {
	width:90%;
}
.photo li {
	margin-right:7%;
}
.price {
	width:100%;
}
.price dt,
.price dd,
.price3 dt,
.price3 dd {
	line-height:1.6;	
}
.price3 dt,
.price3 dd {
	clear:both;		
}
.snip1445 {
  width:31%;
  min-width:30%;
}
.snip1445 figcaption {
    bottom: 10px;
    right: 10px;
}
.flink1 ul {
	margin-left:0;
}
.flink1 ul li {
	float:none;
	text-align:center;
}
.flexbox2 {
	display:block;
}
.listFlow dl dd img {
	width:100%;
}
.listFlow2 dl dd img {
	width:100%;
}
.bg-image2 {
	background-position:right;
}
.cbtn {
	width:100%;
}
.mtitle-bg2 {
	font-size:20px;
	margin:15px 0;	
}
.mtitle-bg3 {
	font-size:18px;	

}
#footer {
	width:100%;
}
.rsingle,
.lsingle {
	float:none;
	width:100%;
	/*text-align:center;*/
}
.lmain,
.rmain {
	float:none;
	width:100%;
	text-align:center;
}
#fmenu {
	width:100%;
}
.logo-f {
	float:none;
	display:none;
}
#footer address {
	text-align:center;
}
.sp {
	display:block;
}
.hidden {
	display:none;
}
.hidden800 {
	display:block;
}
.bg-brown {
	width:96%;
}
#sp_navi {
display:block;
position:fixed;
top:0;
left:0;
z-index:999;
width:100%;
background:#0583ce;
border-top:1px solid #0583ce;
}
#sp_navi ul {
display:table;
width:90%
}
#sp_navi ul li {
display:table-cell;
text-align:center;
width:30%;
border-right:1px solid #0583ce;
line-height:1.2;
}
#sp_navi ul li img{
width:25px;
}
#sp_navi ul li:last-child {
border-right:none
}
#sp_navi ul li a {
display:block;
padding:5px 10%;
font-family:'FontAwesome';
color:#FFFFFF;
font-size:1.4rem;
}
#sp_navi ul li p {
	font-size:12px;
}
}

/* mobile&smartphone */
@media screen and (max-width:600px) {
/*	スマホのみ */
/*
@media screen and (max-width:10000px) {
#phonemenu,
#head,
#flash,
#wrap,
#footer,
#singlepage section {
	max-width:600px;
	margin:0 auto;
}
*/
/*	スマホのみ */

/** float style **/
.fleft0, .fleft1, .fleft2, .fright0, .fright1, .fright2 {
	float:none;
}
.fleft0, .fleft1, .fleft2, .fright0, .fright1, .fright2 {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#singlepage p img,
#main p img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.juicysliderimg img {
	display:table-cell;
	vertical-align:top;
	text-align:center;
	margin:0 auto;
	z-index:600;
	width:90%;
}

/* none */
.none, .desktop, #nav-f, #menuA, #seoA, #pankuzu, #navi, .seo, #fmenu,#fmenu-lg,#tnavi,.tbnr {
	display:none;
}
/* width100% */
#head, #footer, #wrap, #nav, #wrapA, #seo, #title {
	width:100%;
}
#containar {
	width:100%;
	height:auto;
	padding:0 ;
	margin:0;
}
#wrap {
	padding:15px 0 80px;
	margin:0;
}
#main {
	float:none;
	width:95%;
	margin:0 auto 20px;
}
#side {
	float:none;
	width:98%;
	margin:0 auto;
	height:auto;
	padding:0;
}

/* img */
img {
	max-width:100%;
	height:auto;
}
.smartphone img {
	display:block;
	max-width: 100%;
	height:auto;
}
/* header */
/* header */
header {
	padding:0;
	margin:0;
	position:relative;
	z-index:3;
	/*height:100px;*/
}
#headA {
	background:none;
}
#head {
	/*padding-top: 15px;*/
}

#head .logo {
	width:80%;
}
.tel {
	float:none;
	text-align:center;
	display:none;
}

/* title */
.yajirusi {
	font-size:15px;
}
#main h1 {
	width:100%;
	height:auto;
}
#title {
	/*border:1px solid #443402;*/
	padding:90px 0 40px;
	margin:0px 0 0;
}
#title h2 {
	font-size:18px;
	width: 100%;
}
#seo h1 {
	font-size:10px;
}

.lmain,
.rmain {
	float:none;
	width:90%;
}
.lsingle,
.rsingle {
	float:none;
	width:100%;
	padding: 25px 0;
}
.flexbox {
	display:block;
}
.flexbox li {
	/*margin:15px auto;*/
}
.flexbox li img {
	width:100%;
}
.flex li {
    width: 100%;
}
.sphoto {
	width:90%;
	margin:10px auto;
}
/* single */
#singlepage {
	padding:0 0 280px;
}
#singlepage section {
	width:100%;
	margin:0 auto;
	padding:25px 0;
}
.single {
	width:95%;
	margin:0 auto;
	padding:25px 0px;
}
.textwrap {
	width:90%;
	margin:0 auto;
	font-size:12px;
	padding:10px;
}
.textwrap2 {
	width:90%;
	margin:0 auto 20px;
	font-size:12px;
	padding:0px;
}
.news-bl {
	width:100%;
}
.news-bl dt {
	width:100%;
	float:none;
}
.news-bl dd{
	padding:0;
	width:100%;
/*	text-align:center;*/
	margin:0;
}


.news {
	font-size: 15px;
}
.news dt {
	float: none;
	width: 8em;
	padding-top: 10px;
	line-height: 1.3;
	font-weight:normal;
}
.news dd span {
	font-size: 11px;
	padding: 1px 20px;
	margin-right:10px;

}
.news dd span.gr {
	color:#fff;
	background: #15AD27;
}
.news dd {
	padding-left:0;
	padding-bottom: 10px;
	padding-top: 5px;
	line-height: 1.8;
	border-bottom: dotted 1px #b6ae83;
}
.news2 dt {
	float: none;
	width: 8em;
	padding-top: 10px;
	line-height: 1.3;
	font-size:13px;	
	font-weight:normal;
}
.news2 dd {
	padding-left:0;
	padding-bottom: 10px;
	padding-top: 5px;
	line-height: 1.8;
	font-size:15px;
	border-bottom: dotted 1px #b6ae83;
}

/*tinycarousel*/
.slider1 .overview li {
	width: 300px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
	vertical-align: middle;
	display: table;
	z-index: 99999;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 3px;
	padding:5px;
/*	font-weight:bold;
	color: #DC5E72;*/
 }
.slider1 .viewport {
	width:100%;
	margin:0 auto;
	height: 350px;
	overflow: hidden;
	position: relative;
}

.slider1 img {
	max-width:100%;
	padding-bottom:5px;
	vertical-align:middle;
	text-align:center;
}
/*slider2*/
.slider2 .overview li {
	width: 200px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
	vertical-align: middle;
	display: table;
	z-index: 99999;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 3px;
	padding:5px;
/*	font-weight:bold;
	color: #DC5E72;*/
 }
.slider2 .viewport {
	width:100%;
	margin:0 auto;
	height: 250px;
	overflow: hidden;
	position: relative;
}

.slider2 img {
	max-width:100%;
	padding-bottom:5px;
	vertical-align:middle;
	text-align:center;
}


.green_bg {
	padding-bottom:100px;
}
/* flash */
#juicysliderbox {
	position:relative;

}

#swiffycontainer {
	max-width:800px;
	width:95%;
	max-height:253px;
	height:auto;
}

.picup-2{
	min-width:100%;
}
.picup-2 ul {
	overflow: hidden;
	background-color:#fff;
}
.picup-2 ul li {
	width: 100%;
	float: none;
}
.picup-2 ul li a .logo {
	position: relative;
	padding: 30px 0;
	float:none;
}
.picup-2 ul li a .bg {
	width: 100%;
	height:220px;
	position: absolute;
	top: 0;
	left: 0;
	background-color:#fff;
}
.flashimg {
	width:100%;
	height:50%;
	z-index:1;
	top: 25%;
}
.flashimg ul li {
		font-size:16px;
}
.flashimg img {
	/*width:90%;*/
}


#flash {
	/*height: 80vh;*/
}
video {
	  position:static;
	  z-index:1;
	display:none;
}
#top_image {
	padding:250px 0;
}
.textbox {
	
}
.tbox2 {
	width:100%;
	margin:0 auto;
	padding:40px 0;
	text-align:center;
}

/* */
footer {
	margin:0;
}
#footer {
	padding:20px 0;
	margin:0 auto 0;
}
.map {
	width:100%;
}

.mbox {
	width:95%;
	text-align:left;
	margin: 0 auto;
}
.mbox2 {
	width:90%;
	margin:0 auto;
	padding:10px 2%;
}
.mbox2l,
.mbox2r {
	width:96%;
	float:none;
	margin:15px auto;
	/*padding:0 2%;*/
}
.mbox3 {
	width:100%;
	margin-bottom:15px;
}
.mbox4 {
	width:95%;
}
.mbox5 {
	margin:40px auto;
}
.mbox6 {
	width:100%;
	margin-bottom:15px;
}
.w25 {
	width:100%;
    margin-bottom: 20px;	
}
.cbtn {
    width: 100%;
}
.pbx,
.pbx2 {
    width: 90%;
	padding:40px 5%;
	/*border-bottom:5px solid #0583ce;*/
}
.mtitle-ll:after {
	display:none;
}
.cbtn2 a {
	margin: 25px auto;
	width:100%;
}
.cbtn3 {
    width: 100%;
    float: none;
    margin: 15px auto;
    font-size: 14px;
}
.mtitle-cap {
	font-size:22px;
}
.mtitle-cap2 {
	font-size:24px;
	letter-spacing:normal;
}
.mtitle-big3 {
	font-size:20px;
}
.mtitle-bline {
	font-size:20px;
}
/* mailform */
.form dl {
	margin:10px 0;
}
.form dt {
	float: none;
	width:100%;
	height:20px;
	line-height:20px;
	padding-top: 10px;
    text-align: -webkit-auto;	
}
.form dd {
	width:100%;
	padding-left:0;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom:0px solid #eee;
}
.form dd:last-child {
	border-bottom:0px;
	margin-bottom:0px;
}
.textarea, textarea {
	width:93%;
	font-size:16px;
}
.dropdown {
	font-size:16px;
}
.fm-text {
	text-align:left;
}
/* /mailform */

.show {
	display:none;
}
.card {
	height:auto;
}
.tab li {
	width:28%;
	padding:5px;
	margin:0 5px 0 0;
}
.tab li:last-child {
	margin:0;
}

.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style],
.facebook {
	display:none;
}
.mtitle-ll {
	font-size:26px;
}
.mtitle-ll span {
	font-size:18px;
}

.picup-3{
	width:100%;
}
.picup-3 ul li {
	width: 33.3%;
	float: left;
}
.picup-3 ul li:first-child {
	width: 33.4%
}
.picup-3 ul li a {
	display: block;
	text-align: center;
}
.picup-3 ul li a .logo {
	padding:35px 0
}
.picup-3 ul li a .logo img {
	width: 90%;
	height: auto;
}
.picup-3 ul li a .bg {
	width: 100%;
	height: 100%;
}

.picup-3 ul li:first-child {
	width: 99%
}
.picup-3 {
	width:100%;
	min-width:100%;
	padding:0px 0;
}
.picup-3 ul {
	overflow: hidden;
}
.picup-3 ul li {
	width: 99%;
	float: none;
	height:160px;
	overflow: hidden;
	position: relative;
}
figure.snip1384 h3 {
  left:0%;
}

.timeline > li {
	overflow: hidden;
	margin: 0;
	position: relative;
}
.timeline-date {
	width: 10em;
	float: left;
	text-align:left;
	margin-top: 10px;
}
.timeline-content {
	width: 50%;
	float: left;
	border-left: 3px #ccc solid;
	padding: 10px 0 20px 20px;
}
.timeline-content:before {
	content: '';
	width: 12px;
	height: 12px;
	background: #009944;
	position: absolute;
	left:9.6em;
	top: 17px;
	border-radius: 100%;
}

/* phonemenu */
/*link*/
#phonemenu li a:link,
#phonemenu li a:visited,
#phonemenu li a:hover {
	color:#FFF;
	text-decoration: none;
}

#phonemenuA {
	display:block;
	width:100%;
	height:50px;
	box-shadow:rgba(0,0,0,0.2) 0 3px 2px;
	background:#CC0000;
	z-index:99999;
	top:0;
	left:0;
	padding:0;
}
#phonemenu  {
	margin:0 auto;
	z-index: 3;
	color:#fff;
}
#phonemenu ul {
	position: relative;
}
#phonemenu li {
	font-family:'FontAwesome';
	width:20%;
	float:left;
	/*padding:5px 0;*/
	margin:0;
	display:inline;
	text-align:center;
	font-size:24px;
	cursor:pointer;
	vertical-align:middle;
}
#phonemenu li:hover {
	opacity:0.5;
}
#phonemenu .lg {
	width:50%;
	padding:3px 0 0;
	z-index:99999;
}
#phonemenu .lg img{
	max-height:45px;
}
#phonemenu li:hover {
}
/* phonemenu */

#dmenu1 li a:link,
#dmenu1 li a:visited,
#dmenu1 li a:hover {
	color:#fff;
	text-decoration: none;
	text-align:left;
	font-size:14px;
	padding:0px 0;
	text-indent:1em;
}
#dmenu1 {
	display:none;
	position:absolute;
	top: 0;
	width:100%;
	font-size:11px;
}
#dmenu1 li {
	overflow: hidden;
	width:100%;
	background:rgba(0,0,0, 0.8);
	box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 1px 1px;
}
#dmenu1 li a {
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	color:#fff;
}
#dmenu1 li a:before {
	font-family:'FontAwesome';
	content:"\f054";
	margin-right:5px;
}
/* phonemenu */
#dmenu2 {
	display:none;
	position:absolute;
	top: 50px;
	width:100%;
	z-index:1000;
	font-size:11px;
}
#dmenu2 li {
	overflow: hidden;
	width:100%;
	background:rgba(0,0,0, 0.8);
	box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 1px 1px;
}
#dmenu2 li a {
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	color:#fff;
}
#dmenu2 li a:before {
	content:url(../img/icon_w.png);
	margin-right:3px;
}
/* phonemenu */
#dmenu3 {
	display:none;
	position:absolute;
	top: 50px;
	width:100%;
	z-index:1000;
	font-size:11px;
}
#dmenu3 li {
	overflow: hidden;
	width:100%;
	background:rgba(0,0,0, 0.8);
	box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 1px 1px;
}
#dmenu3 li a {
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	color:#fff;
}
#dmenu3 li a:before {
	content:url(../img/icon_w.png);
	margin-right:3px;
}

/* flink */
.flink0,
.flink1,
.flink2 {
	width:100%;
	margin-bottom:20px;
}
.flink0 ul,
.flink1 ul,
.flink2 ul {
	margin-right:0;
	margin-bottom:0;
}
.flink0 li,
.flink1 li,
.flink2 li {
	float:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}
.flink0 li img,
.flink1 li img,
.flink2 li img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
figure figcaption img {
	display:block;
	width:100%;
	margin:0 auto;
}

/* footer menu */
#fmenuA {
	width:100%;
}
#fmenu {
	width:100%;
	list-style-type: none;
	font-size:11px;
}
#fmenu ul {
	border-top:1px solid #eee;
}
#fmenu li {
	float:left;
	width:33%;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
}
#fmenu li a {
	display:block;
	width:100%;
	min-width:20px;
	height:30px;
	line-height:30px;
	text-align:left;
	font-weight:normal;
	background:#ffeac8;
	text-indent:10px;
}
#fmenu li a:before {
	font-family:'FontAwesome';
	content:"\f054";
	margin-right: 3px;
	color:#555;
}
#fmenu li:last-child {
/*	border: none;
	margin: 0;
*/}
#fmenu a:link,
#fmenu a:visited,
#fmenu a:hover {
	color: #555;
	text-decoration:none;
}
#fmenu a:hover {
	background:#faf4eb;
}

.mtitle-sp {
	font-size:18px;
	line-height:1.6;
}
/* mtitle-cline */
.mtitle-cline {
display: table;
text-align: center;
white-space: nowrap;
font-size:15px;
letter-spacing:0px;
color:#594C39;
margin-bottom:20px;
line-height:0.5;
width:100%;
}
h2 {
	font-size:22px;
}
.mtitle-point {
	font-size:13px;
}
.mtitle-point span {
	margin-right:5px;
}
.mtitle-check {
	font-size:14px;
}
.mtitle-cline span {
  font-size:13px;
}
.mtitle-cline:after, .mtitle-cline:before {
color:#594C39;
width: 35%;
}
.snip1445 {
  width:100%;
}
.snip1445 figcaption {
    bottom: 25px;
    right: 25px;
}

/* tab */
.tab {
	width:95%;
	margin:0 auto;
}
.tab li {
	float:none;
	margin:0 0 1px;
	width:100%;
	padding:0;
}
.tab li a {
	width:100%;
	padding:3px 0;
	text-indent:1em;
}
.mtitle-x {
	font-size:18px;
	text-align:center;
	color:#484848;
	margin:20px 0 5px;
}

.mtitle-big2 span {
	font-size:18px;
}
.flinks1 ul {
	margin:0 auto;
}
.flinks1 li {
	float:none;
	margin:10px 0;
	text-align:center;
}
table th {
	font-size:13px;
	padding:5px 2px;
}
.rhalf {
	display:none;
}
.hotel {
	display:none;
}
.rhalf,
.lhalf {
	float:none;
}
.lhalf {
	width:100%;
	height:100%;
	display:table;
	margin:0;
	padding:0;
}
.lhalf h2 {
	font-size:18px;
	letter-spacing:2px;
	text-align:center;
}

.lhalf-img {
	float:none;
}
.twrap {
	margin:0 auto;
	padding:35px 20px;
	display:block;
}
/*.picup-4 */
.picup-4{
	width:100%;
	margin: 0;
}
.picup-4 ul li {
	width: 100%;
	float: none;
	position: relative;
	margin-bottom:5px;
}
.picup-4 ul li a {
	display: block;
	text-align: center;
}
.picup-4 ul li a .logo {
	position: relative;
	padding: 0;
	float:none;
}

.hidden {
	display:block;
}
.sp {
	display:block;
}
/* 
.price2 {
	font-size: 13px;
	overflow:hidden;
}
.price2 dt {
	float: none;
	padding-top: 5px;
	line-height: 1.3;
}
.price2 dt:before {
	font-family:'FontAwesome';
	content:"\f0a9";
	margin-right:5px;
}

.price2 dt span {
	font-size:13px;
}
.price2 dd {
	text-align:right;
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: 1.3;
	border-bottom: dotted 1px #aaa;
	color:#F18D9E;
} */


/* /@media screen and (max-width:800px) */
}
@media screen and (max-width:480px) {
#head .logo {
/*width: 290px;
padding: 0;*/
}
/*FLASH*/
#flash {
	width:100%;
}
.slideimg {
	width: 96%;
	height:auto;
	margin: 0 auto;
	top:57%;
}
/* single */
.photo {
	width:99%;
	margin:0 auto;
}
.photo ul {
	margin-right:0px;
	margin-bottom:0px;
	text-align:center;

}
.photo li {
	float:none;
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
	height: -webkit-fill-available;
}
.photo li a {
	width:100%;
	height:auto;
	line-height:100%;
}
.photo li p {
	width:90%;
	margin:10px auto;
}
.photo li img {
	max-width:100%;
	max-height:100%;
}
.mt1 img {
	width:200px;
}
.listFlow h4 {
	font-size:18px;
}
.list-check2 {
	font-size:15px;
}
.mtitle-big {
	font-size:22px;
	padding:5px 0;
	width:100%;
	margin:0 auto;
}

.mtitle-big2 {
	font-size:20px;
	padding:0;
	width:100%;
	margin:0 auto;
}

.mtitle-big2 span {
	font-size:1.4em;
}
.mtitle-big4 {
	font-size:22px;
}
.mtitle-middle,
mtitle-middle2 {
	font-size:22px;
}
.mtitle-bg2 {
	font-size:18px;
}
h3 {
	font-size:20px;
}
h3 span {
	font-size:30px;
}
h4 {
	font-size:24px;
}
h5 {
	font-size:20px;
}
h6 {
	font-size:15px;
}
.w50 {
	width:100%;
	margin-bottom:15px;
}
.price {
	width:100%;
}
.price dt,
.price dd,
.price3 dt,
.price3 dd {
	line-height:1.6;	
}
.price3 dt,
.price3 dd {
	clear:both;		
}
}



/* phonemenu */
#page{
	padding:0;
	position: relative;
	z-index: 2;
	left: 0;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
#drawernav{
	position: fixed;
	top: 0;
	right: -260px;
	width: 260px;
	height: 100%;
	background:#0583ce;
	color: #fff;
	z-index: 500;
	padding-top: 40px;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
#drawernav ul{
	list-style: none;
	padding: 0;
}
#drawernav ul li{
}
#drawernav ul li a{
	color: #fff;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
/*	border-bottom:1px solid #FFF;*/
}
#drawernav ul li a:hover{
	color: #fff;
	background: #222;
}
#drawernav ul li a:before {
	font-family:'FontAwesome';
	content:"\f0da";
	margin-right:10px;
}
#drawernav ul li.phone a:before {
	font-family:'FontAwesome';
	content:"\f098";
	margin-right:10px;
}
#drawernav ul li.web a:before {
	font-family:'FontAwesome';
	content:"\f108";
	margin-right:10px;
}
#drawernav ul li.phone a,
#drawernav ul li.web a{
	color: #fff;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	border:1px solid #111;
	border-radius:10px;
	margin:10px auto;
	width:200px;
	text-align:center;
	font-size:15px;
	color:#111;
	background:#fff;
	font-weight:bold;
}
#drawernav ul li.phone a:hover,
#drawernav ul li.web a:hover {
	background:#D97223;
}
#drawernav img {
	display:block;
	width:90%;
	padding:5px 0;
	margin:0 auto;
}
#drawernav h4{
	padding: 0 15px; 
}
.icon-bar{
	height: 2px;
	background: #fff;
	display: block;
	margin-bottom: 6px;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
.fixed-content{
	right: inherit;
	width: 100%;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
#overlay{
	z-index:-1;
	opacity: 0;
	background: #000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
/**
* ドロワー開放時のスタイル
**/

.drawer-opened #page{
	left: -240px;
	box-shadow: 1px 0 2px #000;
	-webkit-box-shadow: 1px 0 2px #000;
}
.drawer-opened .fixed-content{
	left: -240px;
}
.drawer-opened #drawernav{
	right: 0;
}
.drawer-opened #humberger .icon-bar{
	background: #fff;
}
.drawer-opened #humberger :nth-child(1){
	transform:translate(0,8px) rotate(45deg);
	-webkit-transform:translate(0,8px) rotate(45deg);
}
.drawer-opened #humberger :nth-child(2){
	transform:translate(-20px ,0);
	-webkit-transform:translate(-20px ,0);
	opacity:0;
}
.drawer-opened #humberger :nth-child(3){
	transform:translate(0,-8px) rotate(-45deg);
	-webkit-transform:translate(0,-8px) rotate(-45deg);
}
.drawer-opened #overlay{
	opacity: 0.3;
	left: -240px;
	position:fixed;
}