html, body, div, span, applet, object, iframe,
h1, h2, h3, fea, 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, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{	display: block;}
body{ line-height: 1;}
ol, ul{ list-style: none;}
blockquote,q{ quotes: none;}
blockquote:before, blockquote:after,q:before,q:after{ content: ''; content: none;}
table{ border-collapse: collapse; border-spacing: 0;}
/*==============================
  common
================================*/
html{ font-size: 62.5%;}
a,a:visited{ text-decoration: none; color: #000;}
a:hover img{ opacity: 0.7;}
img{ max-width: 100%; height: auto;}
body{
	width: 100%;
	max-width: 1080px;
  line-height: 1.4;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  margin: 0 auto;
  font-size: 1.6rem;
  color: #000;
	height: 100%;
}
h2{
	color: #000;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.wrap{
  width: 100%;
	min-height: 100%;
	margin: 0 auto;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}
.inner{
  width: 96%;
  max-width: 100%;
  min-width: 380px;
  margin: 0 auto;
}
.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clear:after{
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}
.hide{ display: none !important;}
dt{float: left;}
.container{
	width: 100%;
	max-width: 1280px;
	margin: 0;
}
article.main{ width: 100%; margin: 0 auto;}
.twice{ text-align: left;}
h2,h3,.subtit,.tc_red{ text-align: center;}
.subtit{
	font-weight: bold;
	text-align: center;
	margin: 10px;
}
.block{
	position: relative;
	width: 100%;
	display: inline-block;
	background-color: #8157a1;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	margin-top: 10px;
}
.block::after{
	position: absolute;
	top: 43%;
	right: 5px;
	content: '';
	margin-top: -5px;
	border: 10px solid transparent;
	border-top-width: 8px;
	border-bottom-width: 8px;
	border-left-color: #fff;
}
.tleft{ text-align: left !important;}
.tright{ text-align: right !important;}
.tcenter{ text-align: center !important;}
.ff_min{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3",
	 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",
	 "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
.imgsdw{filter: drop-shadow(3px 3px 5px rgba(0,0,0,.25));}
article, .header-content { background: #e6ded9;}
article{padding-bottom: 50px;}

/*==============================
  commoncss
================================*/
.page-edit > h1,
#blog-head{
	position: relative;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #a60426;
	margin: 1% 0 3%;
}
.page-edit > h1::before,
#blog-head::before{
	content: url("./img/head.png");
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
}
.edit-template h2,
.edit-template h3,
.edit-template h4,
.edit-template h5{
	text-align: left;
	margin: 1% 0;
	padding: 5px;
}
.edit-template h2{
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px solid #a60426;
}
.edit-template h3{
	font-size: 22px;
	border-bottom: 1px solid #a60426;
}
.edit-template h4{
	font-size: 20px;
}
.edit-template h5{
	font-size: 18px;
}
.edit-template p{
	padding: 10px 0;

}
.edit-template a,
.edit-template a:visited{ color: #a60426;}
.recommended-list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 5%;
}
.recommended-list li {
	margin: 1%;
}
.recommended-list li a{
	display: inline-block;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	background: #fff;
	color: #a60426;
	border: 1px solid #a60426;
}
.recommended-list li a:hover{
	background: #a60426;
	color: #fff;
}
@media screen and (min-width: 768px){
/*==============================
  general
================================*/
br.mbbr{display: none;}
.mobile{display: none !important;}
.fleft{ float: left !important;}
.fright{ float: right !important;}
.fnone{ float: none !important;}
.fwb{ font-weight: bold;}
.main{ font-size: 16px; margin-bottom: 30px;}
.main-content{ margin: 0 auto; max-width: 1000px; width: 100%;}
.main-area{ margin: 5% auto; width: 100%;}
.area_block{ margin: 0 3%;}
.flexbox_sb{display: flex; justify-content: space-between;}
.flexbox_sa{display: flex; justify-content: space-around;}
.flexbox_fs{display: flex; justify-content: flex-start;}
.flexbox_fe{display: flex; justify-content: flex-end;}
.flexbox_c{display: flex; justify-content: center;}
.fw_w{flex-wrap: wrap;}
.fb_reverse{flex-direction: row-reverse;}
.fb_is{align-items: flex-start;}
.fb_ie{align-items: flex-end;}
.fb_cn{align-items: center;}
/*==============================
  commoncss
================================*/

h1.page-title,
h2.page-title{
	width: 30%;
	margin: 3% auto 5%;
	background: #cff8ef;
	border: 2px solid #a60426;
	color: #000;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
a.btn_g,a.btn_g:visited,
a.btn_r,a.btn_r:visited,
a.btn_rs,a.btn_rs:visited,
.btn_class{
	display: inline-block;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	border-radius: 1px;
	padding: 5px 15px;
	margin: 3% auto 1%;
	transition: 0.3s;
}
a.btn_g{ background: #bca661;	width: 120px; padding: 0;}
a.btn_r,a.btn_rs,.btn_class{ background: #a60426;}
a.btn_rs,.btn_class{ border-radius: 15px; margin: 0; font-size: 18px;}
a.btn_g:hover,a.btn_r:hover,a.btn_rs:hover{ opacity: 0.8;}
.btn_class{ font-size: 14px; margin-right: 10px;}
.font_s{font-size: 10px !important; white-space: nowrap;}
.btnsdw{
	box-shadow:5px 5px 5px rgba(0,0,0,.25);
	padding: 10px 0;
}
/*==============================
  header
================================*/
.banner h1{
	margin: 0;
}
.header-content {
  width: 100%;
  max-width: 1080px;
}
.header-content p{color: #a60426; padding: 5px 20px; font-size: 14px;}
.header-main{max-width: 1280px; width: 100%; margin: 0 auto;}
.title{
	display: flex;
	text-align: center;
	font-size: 14px;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	color: #000 !important;
}
.title p{ color: #000;}
ul.button{margin: 0;}
.bannerimg{vertical-align: bottom;}
.nav-button { display: none;}
.mainmenu{ display: none;}
.telbtn img{
	border: 1px solid #ccc;
	box-shadow:3px 3px 3px rgba(0,0,0,.25);
	margin: 0;
}
.button li{margin: 10px; text-align: center;}
.link_button{ margin: 0 2%;}
.sns{position: absolute; top: 0;right: 1vw;}
nav#navi{
	display: flex !important;
	align-items: stretch;
	text-align: center;
	max-width: 1080px;
	margin: 0 auto;
	background: linear-gradient(180deg, rgba(166,4,38,1) 0%, rgba(121,2,5,1) 100%);
}
#navi ul{
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
nav#navi li{
	flex:1;
	position: relative;
}
nav#navi li a{
	position: relative;
	text-align: center;
	display: block;
	font-size: 18px;
	font-weight: 200;
	padding: 20px 0;
	color: #fff;
}
nav .menu,
nav ul#navi li{
	display: block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
nav#navi li.active, nav#navi li:hover{
	background: url(./img/menu.png) no-repeat center bottom;
  background-size: auto;
  background-position: 50% 130%;
}
.post-thumbnail{
	text-align: center;
}
ul.sub-menu{
	display: inline-block !important;
	overflow: hidden;
	opacity: 0;
	height: 0;
	margin: 0 !important;
	/* サブメニューが出現する速度の調整 */
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	background: #a60426;
	z-index: -999;
}
#navi ul.sub-menu li{
	display: block;
	word-break: break-all;
	white-space: nowrap;
	background: #a60426;
}
#navi ul.sub-menu li:hover{
	background-color: #dc3232;
}
#navi ul.sub-menu li+li{
	border-top: 1px solid #fff;
}
#navi ul.sub-menu li a{
	padding: 10px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	word-break: break-all;
}
#navi ul.sub-menu li a:hover{
	color: #fff !important;
	background-image: none;
}
#navi li:hover > ul.sub-menu{
	overflow: visible;
	position: absolute;
	width: 100%;
	top: 100%;
	opacity: 1;
	z-index: 1;
}
ul.childmenu{
	width:200px;
	opacity:0.97;
	background: #a60426;
}
ul.childmenu li{
	display: inline-block;
	width: 100% !important;
	position:relative;
	text-align:left;
	border-top: 1px solid #fff;
}
ul.childmenu li a{
	border: 0 !important;
	color: #fff !important;
	padding: 10px 20px !important;
	margin: 0 !important;
}
ul.childmenu li:hover,
ul.childmenu li:hover a{
	background: #a60426;
	color: #fff !important;
}

/*==============================
  footer
================================*/
footer{color: #fff; background: #a60426;}
.bg_w{
	background: #fff;
	padding: 5px 15px;
	margin: 10px auto;
	display: inline-block;
}
.flexbox_b{display: flex; justify-content: space-between;}
#footer_in{
	padding: 1% 5% 2%;
	text-align: left;
}
.footer-main{
	margin: 3% auto 0;
}
.f_menu li {
	margin: 0;
	padding: 5px;
	text-align: left;
}
.f_menu li a,.f_menu li a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.f_menu li i{ margin-right: 10px;}
.f_address{ font-size: 14px;}
.f_address h3{
	font-size: 24px;
	color: #fff;
	text-align: left;
	margin-bottom: 10px;
}
.f_address > p{ margin: 5px 0;}

.copylight{ text-align: center; padding: 1%; margin: 0;}
a.pagetop{
	position: absolute;
	right: 10px;
	top: -4%;
}
p#copy{ margin-top: 30px;}
.copylight{font-size: 14px;}
/*==============================
  toppage
================================*/
.top-topics{
	position: relative;
	margin: 3%;
	border: 5px solid #bca661;
	background: #fff;
}
.topics-area{
	margin: 2px;
	padding: 10px;
	border: 1px solid #bca661;
}
.top-topics h2{
	margin: 0;
	font-size: 32px;
	color: #bca661;
	text-align: center;
}
.main-link{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}
.main-link li{
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.l_clothes{
	width: 100%;
	max-width: 320px;
	margin: 3% auto;
}
.l_clothes a,
.l_clothes a:visited{
	color: #000;
}
.l_clothes h3{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	border: 2px solid #a60426;
	margin-top: 10px;
}
.twice-box{
	position: relative;
	width: 42%;
	border: 2px solid #a60426;
	background: #fff;
	padding: 10px 20px 60px;
}
.twice-box > h4{
	color: #a60426;
	margin: 0;
	font-size: 24px;
	font-weight: normal;
}
.twice-box img{
	max-height: 285px;
	object-fit: contain;
}
.twice-box > .data{color: #a60426; font-size: 14px;}
.ribbon{
	position: relative;
	display: inline-block;
	position: relative;
	width: 280px;
	height: 60px;
	left: -25px;
	line-height: 60px;
	text-align: left;
	padding: 0 40px 0 25px;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	background: #a60426;
	color: #FFF;
	box-sizing: border-box;
}
.ribbon::after{
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
	top: 0;
	right: 0;
	border-width: 30px 15px 30px 0px;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}
a.more,a:visited.more{
	display: block;
	position: absolute;
	background: #a60426;
	padding: 5px 10px;
	bottom: 10px;
	right: 10px;
	color: #fff;
}
.news{
	margin: 0 5%;
	border-top: 1px solid #bca661;
	border-bottom: 1px solid #bca661;
}
.news li+li{ border-top: 1px solid #bca661;}
.news-child{
	display: flex;
	padding: 15px 0;
}
.news-child a{ font-size: 18px;}
.news-child .data{ padding-right: 30px;}
.box{
	border: 2px solid #a60426;
	background: #fff;
	padding: 10px 20px;
	margin: 2% 1% 3%;
}
.box-blog{
	width: 28%;
	max-width: 280px;
	margin: 2% auto 5%;
}
.box-blog a{color: #000;}
.box-blog a h3,
.archive-list a h3{
	margin: 5px 0;
	font-size: 20px;
	text-align: left;
	color: #fc9003;
}
.box-blog a h3, .archive-list a .data{font-weight: bold;}
.box-blog a p, .archive-list a p{margin-top: 10px;}
/*==============================
  page
================================*/
.edit-template{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	font-size: 16px;
}
.bread{
	font-size: 14px;
	padding: 10px 25px;
	text-align: left;
}
.bread a,
.bread a:visited{color: #000; font-weight: bold;}
.page-edit-top{text-align: center;}
.page-edit{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
.goods-title{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 5% auto 3%;
}
.title-bg{
	width: 100%;
	background: #cff8ef;
	text-align: center;
	margin: 3% auto;
	padding: 5px 0;
}
.title-bb{width: 80%;
	margin: 5% auto 3%;
	border-bottom: 5px solid #a60426;
	text-align: center;
}
.centerbox{
	display: table;
	margin: 0 auto 5%;
	text-align: center;
}
.centerbox p{
	text-align: left;
}
.company-table{
	font-weight: bold;
	width: 100%;
	max-width: 1000px;
	margin: 5% auto;
	border: 3px solid #a60426;
}
.company-table tr{ border-bottom: 1px solid #a60426;}
.company-table th{
	width: 25%;
	background: #e3e2e2;
	color: #a60426;
	text-align: left;
	padding: 15px 25px;
	line-height: 2;
}
.company-table td{
	padding: 15px 0 15px 35px;
	background: #fff;
	vertical-align: middle;
	line-height: 2;
}

ol.number-list,
ul.number-list{
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding: 20px;
	margin: 3% 10%;
	background: #fff;
	font-size: 14px;
}
ol.number-list li{
	position: relative;
	line-height: 1.5em;
	padding: 0 0 0 30px;
}
ol.number-list li:before{
position: absolute;
counter-increment: number;
content: counter(number);
display:inline-block;
background: #a60426;
color: #fff;
font-weight:bold;
font-size: 14px;
border-radius: 50%;
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
li.hotel-list{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.hotel-info-l{border-bottom: 1px solid #000;}
.hotel-info{
	flex: 1;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 10px 5px;
	border-top: 1px solid #000;
}
.hotel-name{flex:0.6;}
.hotel-class{flex:0.3; max-width: 100px;}
.hotel-zip{flex:0.8;}
.hotel-tel{}
.hotel-link{flex:0.1; text-align: center;}
/*==============================
	blog
================================*/

.activity-content-m a,
.activity-content-m a:visited,
.information-name a,
.information-name a:visited{color: #a60426;}

.main-img{margin: 5% 10% 2%;}
.activity-area > .activity-box{width: 42%;}
.activity-area-s > .activity-box{margin: 5% 5% 3%;}
.activity-area-m > .activity-box{margin: 5% 10% 3%;}

.information-name{
	display: flex;
	justify-content: space-between;
	border-bottom: 3px solid #a60426;
	font-size: 20px;
	font-weight: bold;
	margin: 0 5%;
	padding: 5px 10px;
	color: #a60426;
}
.information-name img{vertical-align: top;}

.activity-box{
	border: 1px solid #ccc;
	box-shadow:2px 2px 2px rgba(0,0,0,.25);
	margin: 1% 3%;
	background: #fff;
	border: 1px solid #a60426;
}
.edit-template .activity-title,
.edit-template .activity-title-r,
.edit-template .activity-title-rb{
	background: transparent;
	text-shadow: none;
	text-align: left;
	padding: 5px 10px;
	font-size: 18px;
	margin: 0;
	color: #a60426;
	border-left: 3px solid #a60426;
}
.edit-template .activity-title-r{background: #f4c0c0;}
.edit-template .activity-title-rb{border-bottom: 1px solid #a60426;}
.activity-content{
	position: relative;
	padding: 5px 15px;
}
.activity-content-m{
	position: relative;
	padding: 20px 40px;
}
.activity-content-m img{max-width: 600px;}

.activity-content > .data,
.activity-content-m > .data{
	color: #a60426;
	font-size: 12px;
	padding: 5px 0;
	margin: 0;
}
.activity-content-m p,
.activity-content-m a{margin: 20px auto; font-size: 16px;}

.activity-content > .more{
	position: absolute;
	bottom: 0;
	right: 0;
}

.activity-img, .activity-txt{margin: 20px;}
.activity-img img{
	width: 100%;
	max-width: 400px;
	height: 250px;
	object-fit: contain;
}

.activity-txt{ flex: 1; position: relative; font-size: 16px;}
.activity-main-txt {padding-bottom: 60px;}
.activity-bottom{
	position: absolute;
	bottom: 0;
}
.activity-bottom p{padding: 0;}
.blog-page{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
.blog-box{
	border: 1px solid #ccc;
	box-shadow:2px 2px 2px rgba(0,0,0,.25);
	padding: 15px 20px;
	margin: 1% 3%;
}
.hl-b{
	padding: 5px;
}
.hl-b > .data{ color: #ac8503;}
.hl-b > h1{
	color: #ac8503;
	font-weight: bold;
	font-size: 24px;
}
.blog-content h2,
.blog-content h1,
.hl-b h1{
	background: transparent;
	text-shadow: none;
	text-align: left;
	margin: 1% 0;
	padding: 0;
}
.blog-content{
	display: block;
	flex:1;
}
.blog-img{
	max-width: 420px;
}
.blog-img,
.blog-img-m{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	overflow: hidden;
	padding-top: 60%;
}
.blog-img img,
.blog-img-m img{
		display: block;
		width: 100% !important;
		max-width: 600px;
		max-height: 400px;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		object-fit: contain;
}
.blog-img-s {
    width: auto;
    max-width: 300px;
    margin-right: 20px;
		overflow: hidden;
}
.blog-img-s img{
		display: block;
		width: 100% !important;
		height: auto;
		object-fit: cover;
}

.archive-list li+li{ border-top: 2px solid #a60426;}
h2.blog-subt{
	font-size: 18px;
	color: #fff;
	padding: 10px 25px;
	text-align: left;
	text-shadow: none;
}
h2.blog-subt{ background: #a60426;}
.subt{ font-size: 16px;}
.blog-topimg{
	text-align: center;
}
.widget-title{ display: none;}
.box-n{
	padding: 10px;
	margin: 0% 1% 3%;
}
.box-n > .data{padding: 10px 0;}
.prenext{
	margin: 3% auto;
	text-align: center;
}
.prenext a{
	margin: 0 3%;
}
.new-archive,
.blog-archive{
	width: 48%;
	margin: 3% 1%;
}
.blog-list-c li{ padding: 10px;}
.blog-list-c a .data{ color: #a60426; font-size: 14px;}
.blog-list-c a h3{ padding-left: 20px; font-size: 18px; font-weight: bold; text-align: left;}
.wp-pagenavi{
	width: auto;
	text-align: center;
	margin-bottom: 5%;
}
.wp-pagenavi a, .wp-pagenavi span {
    background: #ddd !important;
    color: #a60426 !important;
		border: 1px solid #a60426;
		margin: 3px;
		padding: 3px;
}
select#archives-dropdown-2{
	width: 100%;
	font-size: 18px;
}
/*==============================
	responsive
================================*/
.menu_pc, .craft_pc{display: inline;}
.menu_moblie, .craft_moblie{display: none !important;}

/*==============================
  contact form7
================================*/
.contactform th{ line-height: 2;}
.wpcf7{ margin: 1% 0;}
input[type="submit"].wpcf7-submit,
input[type="reset"].resetbtn{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	width: 150px;
	margin: 0 auto;
	border: none;
}
input[type="submit"].wpcf7-submit{background: #a60426 !important; color: #fff;}
.asterisk{ margin: 0 0 0 0.2em; color: #f5637a;}
.wpcf7 span.wpcf7-not-valid-tip{ font-size: 80%;}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 select,
.wpcf7 input[type="url"],
.wpcf7 textarea{
	background-color: #fff;
	color: #000;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 20px;
	padding: 1px;
}
.wpcf7-form p{ padding: 10px 0;}
/* 送信ボタン */
input.sub-btn{
	width: 300px;
	height: 60px;
	background: #F90;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	border: 1px solid #ffae13;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
/* 送信ボタンホバー */
input.sub-btn:hover{ background: #FFF;	color: #F90;}
input[type="password"]{
	background-color: #fff;
	color: #333;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}
input.subon{
	width: 150px;
	height: 40px;
	background: #F90;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	border: 1px solid #ffae13;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
/* 送信ボタンホバー */
input.subon:hover{ background: #FFF;	color: #F90;}
}
/*==============================
	googlemap
================================*/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 5% auto;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}