@charset "UTF-8";

a, button {
	transition: 0.5s;
}
a:hover, button:hover {
	opacity: 0.5;
}

/*==================================
body
==================================*/
body {
	background-color: #E4E4E4;
}
/*==================================
ヘッダー
==================================*/
#gnavi {
	margin-bottom: 15px; 
}

#pagepath {
	color: #4d4d4d;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom: 3px solid #f2f0ec; 
}

#pagepath a:link {
	color: #4d4d4d;
	text-decoration: none; 
}
#pagepath a:visited {
	color: #4d4d4d;
	text-decoration: none; 
}
#pagepath a:hover {
	color: #4d4d4d;
	text-decoration: underline; 
}

h1 {
	max-width: 930px;
	width: 100%;
	margin: 0 auto;
}

/*==================================
maincontants
==================================*/
.section p.form_notice {
	margin-bottom: 30px;
}
.section p {
	margin: 5px 0 30px 0;
}

/*:: 店舗検索 :::::::::::::::::::::::*/
dl.search_box {
	*zoom: 1; 
}

dl.search_box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	font-size: 0; 
}

dl.search_box dt {
	float: left; 
}

dl.search_box dd {
	margin-left: 240px; 
}

dl.search_box dd a {
	color: #000; 
}

dl.search_box #keywords {
	width: 220px;
	height: 16px;
	background: #fff;
	border: 2px solid #c8c8c8;
	padding: 4px;
	color: #000; 
}

dl.search_box #searchBtn {
	width: 60px;
	height: 30px;
	background-color: #c8c8c8;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border: none;
	text-align: center;
	font-size: 12px;
	line-height: 26px; 
}

dl.search_box *:first-child + html #searchBtn {
	top: 1px; 
}

/*:: ショップタブ :::::::::::::::::::::::*/
#shoptab .resp-tabs-container ul {
	margin: 0;
	padding: 10px 15px 10px 5px;
	width: 100%;
	*zoom: 1; 
}

#shoptab .resp-tabs-container ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	font-size: 0; 
}

#shoptab .resp-tabs-container ul li {
	float: left;
	width: 17%;
	margin-right: 3%;
	font-size: 12px;
	line-height: 22px;
	list-style: none; 
}

#shoptab .resp-tabs-container ul li a:link {
	text-decoration: none;
	color: #333;
	display: block; 
}

#shoptab .resp-tabs-container ul li a:visited {
	text-decoration: none;
	color: #333; 
}

#shoptab .resp-tabs-container ul li a:hover {
	text-decoration: none;
	color: #FF7BA8; 
}

/*==================================
お問い合わせフォーム
==================================*/
.wrap {
	width: 100%;
	background-color: #4A3A88; 
}
  .wrap .mini_header {
		text-align: center; 
}

.inquiry h2 ,
.inquiry .section {
	width: 600px;
	margin: 0 auto; 
}

.inquiry span.red {
	color: #EC563D;
	font-weight: bold;
	font-size: 14px; 
}

.inquiry form div {
	margin: 15px 0 30px; 
}
.inquiry form div.bg_white {
	padding: 10px; 
	background-color: #FFF;
	margin: 5px 0;
}
.inquiry form div.bg_white.p10 {
	padding: 10px; 
}
  .inquiry form div label {
	font-size: 14px; 
	font-weight: bold;
}
  .inquiry form div label.no_bold {
	font-weight: normal;
}
  .inquiry form div .text ,
  .inquiry form div .textarea ,
  .inquiry form div .dropdown {
		border: 0 solid #C8C8C8;
		padding: 10px;
		color: #000;
		background: #fff;
		font-size: 15px; 
		letter-spacing: 1px;
		width: calc(100% - 20px);
}
  .inquiry form div .dropdown {
		width: 100%;
}
    .inquiry form div .text:focus ,
    .inquiry form div .textarea:focus ,
    .inquiry form div .dropdown:focus {
			outline: 0;
			/*border: 2px solid #83BFFF; */
			background-color: #FFEFFE
}
  .inquiry form div .radio {
		width: 16px;
		height: 16px;
		vertical-align: middle; 
}
  .inquiry form div .submit {
		font-size: 20px;
		font-weight: bold;
		margin: 15px auto;
		padding: 10px;
		text-align: center;
		background-color: #0074FF;
		width: 100%;
		cursor: pointer;
		color: #fff; 
}
  .inquiry form div .submit.gray {
		background-color: #787878;
}
/*  .inquiry form div .submit {
		border-radius: 5px;
		box-shadow: 2px 2px 0 0 #bababa;
		font-size: 20px;
		font-weight: bold;
		line-height: 40px;
		margin: 15px auto;
		text-align: center;
		background-color: #7ac543;
		width: 600px;
		cursor: pointer;
		color: #fff; 
}*/
  .inquiry form div input.error ,
  .inquiry form div select.error ,
  .inquiry form div textarea.error {
		background-color: #FFE2DE; 
}
  .inquiry form div p.error {
		color: #EC563D;
		margin: 0;
		font-size: 12px; 
		font-weight: bold;
}

.inquiry .copy .container p {
	text-align: center;
	float: none !important; 
}
.inquiry form div input {
	font-size: 14px;
	font-family:
		"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",
		"Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN",
		Meiryo,
		sans-serif;
	font-feature-settings: "palt";
	letter-spacing: 1px;
	margin: 5px 0;
		transition: 0.5s;
}
.inquiry form div select {
	margin: 5px 0;
	transition: 0.5s;
}

/*==================================
確認
==================================*/
.confirmation h2 ,
.confirmation .section {
	width: 600px;
	margin: 0 auto; 
}

.confirmation span.red {
	color: #EC563D;
	font-size: 14px; 
}

.confirmation dl {
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #E4E4E4; 
}
.confirmation dt ,
.confirmation dd {
	padding: 5px;
	border-top: 1px solid #E4E4E4;
	font-size: 14px; 
}
.confirmation dt {
	float: left;
	width: 145px; 
}
.confirmation dd {
	margin: 0 0 0 155px;
	border-left: 1px solid #E4E4E4;
	padding-left: 15px;
	min-height: 22px;
	height: auto !important;
	height: 22px; 
}
.confirmation form .submit ,
.confirmation form .return {
	border-radius: 5px;
	box-shadow: 2px 2px 0 0 #bababa;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	margin: 15px auto;
	text-align: center;
	cursor: pointer;
	color: #fff; 
}
.confirmation form .submit {
	background-color: #7ac543;
	width: 350px;
	float: right; 
}
.confirmation form .return {
	background-color: #8E8E8E;
	width: 200px;
	float: left; 
}

/*==================================
完了
==================================*/
.complete h2 ,
.complete .section {
	width: 600px;
	margin: 0 auto; 
}

.complete p.message {
	font-size: 130%;
	margin: 40px 0 40px 0;
	line-height: 200%; 
}

/*==================================
notes
==================================*/
.inquiry form div.notes {
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 50px;
}
.notes h2 {
	font-size: 20px;
	color: #FFF;
	text-indent: 10px;
	background-color: #0074FF;
	padding: 3px 0;
}
.inquiry form div.notes_padding {
	padding: 15px;
	margin: 10px 0;
}
.notes p {
	font-size: 14px;
	margin: 0;
}
.notes p.lead {
	margin-bottom: 20px
}
.notes p b {
	font-size: 18px;
}
.notes h3 {
	font-size: 20px;
	margin: 30px 0 0;
	line-height: 1;
	vertical-align: middle;
	padding: 5px 10px;
}
.notes h3 b {
	font-size: 30px;
	vertical-align: middle;
}
.notes img {
	width: 100%;
	margin: 10px 0 0;
}
.blue_color {
	color: #0074FF;
	border: 2px solid #0074FF;
}
.red_color {
	color: #F00;
	border: 2px solid #F00;
}
.inquiry form div.bat_example {
	margin: 0;
	overflow: hidden;
	margin-bottom: 20px;
}
.inquiry form div.bat_example p {
	float: left;
	width: calc(50% - 10px);
}
.inquiry form div.bat_example p:first-child {
	margin-right: 20px;
}