/*!
 * common.css
 * v@0.4.0
 * update: 2014-04-25
 * License: under the MIT license.
 */@charset "UTF-8";

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block;
}

audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

code,kbd,pre,samp {
	_font-family: 'courier new',monospace;
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,q:after {
	content: '';
	content: none;
}

menu,ol,ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

menu,ol,ul {
	padding: 0 0 0 40px;
}

nav ul,nav ol {
	list-style: none;
	list-style-image: none;
}

img {
	-ms-interpolation-mode: bicubic;
}

form {
	margin: 0;
}

legend {
	white-space: normal;
	*margin-left: -7px;
}

button,input,select {
	vertical-align: baseline;
}

button,input,select,textarea {
	font-size: 100%;
	*vertical-align: middle;
}

button {
	line-height: normal;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	*overflow: visible;
}

input[type="checkbox"],input[type="radio"] {
	*height: 13px;
	*width: 13px;
}

textarea {
	vertical-align: top;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block;
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],template {
	display: none;
}

a {
	background: 0 0;
}

a:active,a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b {
	font-weight: 700;
}

mark {
	background: #ff0;
	color: #000;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

pre {
	overflow: auto;
}

code,kbd {
	font-size: 1em;
}

pre {
	font-family: monospace,monospace;
}

pre,samp {
	font-size: 1em;
}

button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,select {
	text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],input[type="radio"] {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid silver;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 700;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	-webkit-font-kerning: normal;
	-moz-font-kerning: normal;
	-ms-font-kerning: normal;
	-o-font-kerning: normal;
	font-kerning: normal;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	width: 100%;
	height: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6,body,p,pre,blockquote,figure,dl,dl dt,dl dd {
	margin: 0;
	padding: 0;
}

a:link:focus {
	outline: none;
}

[contenteditable]:focus,img:focus,map area:focus {
	outline: none;
}

th,td,fieldset {
	padding: 0;
}

fieldset {
	margin: 0;
}

html {
	color: #000;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
	font-size: 13px;
	*font: x-small;
	line-height: 1.5;
	background-color: #fff;
}

body {
	color: #000;
	background: #fff;
}

img {
	vertical-align: top;
}

hr {
	display: block;
	width: 100%;
	height: 1px;
	border: 0 none;
	background: #666;
}

a {
	-webkit-transition: color 300ms;
	transition: color 300ms;
}

a:link,a:visited {
	color: #0570c7;
	text-decoration: none;
}

a:hover,a:focus {
	color: #FE9CCF;
	opacity:0.8;
}

a:active {
	color: #c7052f;
}

a:focus {
	outline: none;
}

em {
	font-style: normal;
}

em,strong {
	font-weight: 700;
}

small {
	font-size: .8em;
}

cite {
	font-weight: 700;
	font-style: normal;
}

cite:before {
	content: '『';
	font-weight: 400;
}

cite:after {
	content: '』';
	font-weight: 400;
}

q:before {
	content: '?';
}

q:after {
	content: '?';
}

dfn {
	font-weight: 700;
	font-style: normal;
}

code {
	font-family: Ricty,Consolas,"Courier New",Courier,Monaco,monospace;
	margin: 0 2px;
	padding: 3px 5px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 3px;
	background: rgba(0,0,0,.025);
}

samp {
	color: #FFF;
	background: rgba(0,0,0,.9);
}

samp,kbd {
	font-family: Ricty,Consolas,"Courier New",Courier,Monaco,monospace;
	margin: 0 2px;
	padding: 3px 5px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 3px;
}

kbd {
	background: rgba(0,0,0,.025);
}

kbd kbd {
	display: inline-block;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
	font-weight: 700;
	line-height: 1;
	margin: 1px;
	padding: 1px 10px;
	border: 1px solid rgba(0,0,0,.6);
	background: #eee;
	box-shadow: 1px 1px 1px rgba(255,255,255,.5)inset,-1px -1px 1px rgba(0,0,0,.5)inset;
}

pre code {
	display: block;
	padding: 5px 10px;
}

pre kbd {
	display: block;
	color: #FFF;
	background: rgba(0,0,0,.9);
}

pre kbd:after {
	content: '|';
	opacity: .6;
}

pre kbd kbd {
	color: #000;
	display: inline;
	background: #eee;
}

pre kbd kbd:after {
	display: none;
}

pre samp {
	display: block;
	padding: 5px 10px;
}

var {
	font-family: serif;
	font-weight: 700;
	margin: 0 2px;
	padding: 3px 5px;
	border-radius: 3px;
	background: rgba(0,0,0,.025);
}

.pc_only {
	display: block;
}
.sp_only {
	display: none;
}
@media only screen and (max-width: 736px) {
	.pc_only {
		display: none;
	}
	.sp_only {
		display: block;
	}

	img {
		vertical-align: bottom;
		max-width: 100%;
		box-sizing: border-box;
	}
}

/* --------- header --------- */

header {
	background: #f6f3ed;
}

.header_copy {
	height: 30px;
	background-color:#dccca0;
}
.header_copy p {
	margin: 0 auto;
	width: 1000px;
	font-size:  83%;
	color: #614e00;
	-moz-text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	-webkit-text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	-ms-text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	line-height: 2.7;
}

.header_wrapper {
	margin: 0 auto;
	padding: 6px 0 26px 0;
	width: 1000px;
	background: url(/img/common/bg_logo.png) left top no-repeat;
}
.header_wrapper #logo_copy {
	font-size: 12px;
	font-weight: bold;
	color: #988C42;
	margin-left: 47px;
}
.header_wrapper #logo {
	float: left;
	display: inline;
	margin: 5px 0 0 5px;
}


.header_tel {
	float: left;
	margin-left: 50px;
}


.header_tel .ttl {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
.header_tel .tel {
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
	color: #351600;
	margin-top: 1px;
}

.header_tel .tel img {
	margin-right: 5px;
}

.header_tel .notice {
	font-size: 10px;
	color: #333;
}

.header_wrapper .header_menu {
	float: right;
	display: inline;
}

.header_menu ul {
	margin: 0;
	padding: 0;
}
.header_menu ul li {
	list-style: none;
	float: left;
	display: inline;
}
.header_menu .header_link {
	width: 340px;
	float: right;
}
.header_menu .header_link li {
	margin-left: 13px;
}
.header_menu .header_link li:first-child {
	margin-left: 0;
}
.header_menu .header_link a {
	padding-left: 15px;
	background: url(/img/common/icon_arrow01.png) left center no-repeat;
	color: #555555;
}
.header_menu .header_btn {
	padding-top: 10px;
	clear:both;
}
.header_menu .header_btn li {
	margin-left: 10px;
}
.header_menu .header_btn li:first-child {
	margin-left: 0px;
}

header nav {
	height: 56px;
	background: url(/img/common/bg_head_nav.jpg) repeat-x;
}
header nav ul {
	margin: 0 auto;
	padding: 0;
	width: 1010px;
}
header nav ul li {
	margin-top: 1px;
	float: left;
	display: inline;
}

header nav ul li:hover {
	border-bottom: 2px solid #FF9DCE;
}
header nav ul li a {
}

@media only screen and (max-width: 736px) {
	.bnr {
		color: #fff;
		padding-top: 15px;
		height: 40px;
		text-align: center;
		background: #ababab;
	}
	.header_wrapper {
		width: 94%;
		padding: 0 0 0 0;
		background: none;
	}
	.header_wrapper .header_block {
		margin-bottom: 2%;
	}
	.header_wrapper .header_block #logo {
		margin: 0;
		width: 50%;
	}
	.header_wrapper .header_block #logo img {
		width: 90%;
		padding: 4% 0 0 0;
		height: auto;
		/*max-width: 386px;*/
	}
	.header_wrapper .header_block .header_login {
		float: right;
		width: 90px;
		height: auto;
	}
	.header_wrapper .header_block .header_login img {
		width: 100%;
		height: auto;
		max-width: 155px;
	}
	.header_wrapper .headline {
		padding: 10px 12px;
		border: 2px solid #214679;
		font-size: 12px;
	}
	.header_wrapper .headline a {
		color: #214679;
		text-decoration: underline;
	}
	header nav {
		width: 100%;
		height: auto;
		display: table-cell;
		vertical-align: middle;
		background: url(/img/sp/common/bg_head_nav.jpg) repeat-x bottom;
		padding-bottom: 10px;
	}
	header nav ul {
		width: 100%;
		height: auto;
	}
	header nav ul li {
		padding: 0;
		width: 25%;
		height: auto;
		vertical-align: middle;
	}
	header nav ul li a {
		display: inline;
		padding: 0;
	}
	header nav ul li img {
		width: 100%;
		height: auto;
	}

	header nav ul li:first-child {
		padding: 0;
	}
	header nav ul li:hover {
		border: none;
	}

	.sp_copy {
		padding: 0;
		text-align: center;
		font-weight: bold;
		color: #cc0000;
	}
}

/* --------- contents --------- */
#contents {
	margin: 38px auto  66px;
	width: 1000px;
}

@media only screen and (max-width: 736px) {
	#contents {
		margin: 0px auto 0;
		width: 100%;
	}
}

/* --------- campaign_block --------- */
@media only screen and (max-width: 736px) {
	.campaign_block {
		padding-bottom: 30px;
		margin-bottom: 20px;
		width: 100%;
		background: #fafaf7;
	}
	.campaign_block h2 {
		padding: 15px 0;
		text-align: center;
		background: #e8e6d6;
	}
	.campaign_wrapper {
		margin: 10px 4% 0;
		width: 92%;
	}
	.campaign_wrapper .campaign_box {
		float: left;
		width: 46%;
		margin-left: 4%;
	}
	.campaign_wrapper .campaign_box:first-child {
		margin-left: 0;
		margin-right: 4%;
	}
	.campaign_wrapper .campaign_box p {
		margin-top: 20px;
		text-align: center;
		color: #545148;
	}
	.campaign_wrapper .campaign_box p img {
		width: 100%;
		height: auto;
	}
}

/* --------- sidebar --------- */
#sidebar {
	float: left;
	display: inline;
	margin: 0 30px 0 0;
	
}

#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
}

#sidebar ul.side_bnr {
	margin-bottom: 20px;
}

.side_bnr li {
	margin-bottom: 8px;
}

#sidebar .side_btn {
	height: 134px;
	margin-bottom: 10px;
	padding: 40px 0 2px 0;
	background-image: url("/img/common/sidebtn_bg.png");
}
#sidebar .side_btn p {
	margin-bottom: 10px;
}
#sidebar .side_btn ul {
	margin-top: 14px;
	margin-bottom: 20px;
}
.side_btn li {
	margin-bottom: 10px;
	text-align: center;
}

.side_link {
	padding: 5px;
	width: 200px;
	border-top: 2px solid #ff9dcd;
	background: #f6f3ed;
	-ms-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.side_link ul {
	margin-bottom: 5px !important;
	border: 2px solid #e5e5e5;
}
.side_link ul li {
	padding: 5px 8px;
	border-top: 2px solid #e5e5e5;
	background: #fff url(/img/common/icon_arrow02.png) 181px center no-repeat;
	cursor: pointer;
}
.side_link ul li:first-child {
	border-top: none;
}
.side_link ul li img {
	float: left;
	padding-right: 6px;
}
.side_link ul li p {
	float: left;
	padding-top: 12px;
	line-height: 1.4;
}

.side_link ul li p.pt21 {
	padding-top: 21px;
}

.side_link ul li a {
	font-size: 107%;
	font-weight: bold;
	color: #222222;
	display: table-cell;
	height: 56px;
	vertical-align: middle;
}

.side_link ul li.toggle {
	font-size: 107%;
	font-weight: bold;
	color: #222222;
	height: 56px;
	vertical-align: middle;
	cursor: pointer;
	background: #fff url(/img/common/icon_arrow04.png) 176px center no-repeat;
}
.side_link ul li.plus {
	background: #fff url(/img/common/icon_arrow04.png) 176px center no-repeat;
}
.side_link ul li.minus {
	background: #fff url(/img/common/icon_arrow05.png) 176px center no-repeat;
}
.side_link ul .toggle_menu {
	display: none;
	border: none;
	border-top: 2px solid #e5e5e5;
	margin-bottom: 0 !important;
}
.side_link ul .toggle_menu li {
	font-size: 85%;
	background: #FFF;
}
.side_link ul .toggle_menu a {
	font-weight: normal;
	padding: 10px 0;
	height: auto;
}

.side_first {
	position: relative;
	width: 210px;
	height: 187px;
	margin-bottom: 10px;
}
.side_first ul {
	position: absolute;
	top: 110px;
	left: 25px;
}
.side_first li {
	background: url(/img/common/icon_arrow02.png) 0 3px no-repeat;

}
.side_first li a {
	display: block;
	padding: 0 0 0 10px;
	color: #19237e;
	text-decoration: underline;
}


.side_underbnr {
	margin-top: 10px;
}
.side_underbnr li{
	margin-bottom: 5px;
}
.side_underbnr li img{
	width: 210px;
	
}


@media only screen and (max-width: 736px) {
	#sidebar {
		clear: both;
		width: 100%;
	}
	.side_link {
		padding: 15px 0;
		width: 100%;
		-ms-border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	.side_link h2 {
		margin-bottom: 14px;
		text-align: center;
	}
	.side_link ul {
		margin: 0;
		width: auto;
		border: 1px solid #e5e5e5;
	}
	.side_link ul li {
		margin: 0;
		padding: 5px 0 0 0;
		width: 100%;
		border: 1px solid #e5e5e5;
		background: #fff;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.side_link ul li:first-child {
		border-top: 1px solid #e5e5e5;
	}
	.side_link ul li img{
		padding: 0;
	}
	.side_link ul li.toggle {
		background-image: none;
		height: 63px;
	}
	.side_link ul li.plus {
		background-image: none;
	}
	.side_link ul li.minus {
		background-image: none;
	}
	.side_link ul li p {
		font-size: 140%;
		font-weight: normal;
	}
	.side_link ul.toggle_menu li {
		padding-left: 25px;
		font-size: 14px;
	}
	.side_link .sp_only {
		display: block;
	}
	.side_link ul li img {
		margin: 0 20px;
	}
	.side_link ul li.toggle {
	font-size: 107%;
	font-weight: bold;
	color: #222222;
	height: 65px;
	vertical-align: middle;
	cursor: pointer;
	background: #fff url(/img/common/icon_arrow04.png) 95% center no-repeat;
}
.side_link ul li.plus {
	background: #fff url(/img/common/icon_arrow04.png) 95% center no-repeat;
}
.side_link ul li.minus {
	background: #fff url(/img/common/icon_arrow05.png) 95% center no-repeat;
}
}



/* --------- main --------- */
#main {
	float: right;
	display: inline;
	width: 740px;
}

@media only screen and (max-width: 736px) {
	#main {
		width: 100%;
		margin: 0;
	}
}



/* --------- footer --------- */
footer {
	background: #f6f3ed;
}

.footer_link {
	height: 60px;
	background: url(/img/common/bg_footer_top.jpg) repeat-x;
}
.footer_link ul {
	margin: 0 auto;
	padding: 24px 0 0 0;
	width: 700px;
	text-align: center;
}
.footer_link ul li {
	float: left;
	display: inline;
	list-style: none;
	padding: 0 9px;
	border-right: 1px solid #C5C5C5;
}
.footer_link ul li:first-child {
	border-left: 1px solid #C5C5C5;
}
.footer_link ul li a {
	/*display: table-cell;*/
	font-size: 93%;
	/*vertical-align: middle;*/
	color: #222222;
}

.footer_form {
	margin: 30px auto;
	width: 960px;
	height: 60px;
	background: url(/img/common/bg_footer_form.jpg) no-repeat;
}
.footer_form form {
	padding: 14px 20px 14px 27px;
}
.footer_form input {
	padding: 0 9px;
	height: 28px;
	width: 550px;
	border: 1px solid #a29d91;
	color: #9a9588;
	-ms-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.footer_form button {
	margin-left: -4px;
	width: 40px;
	height: 30px;
	background-color: #a29d91;
	border: 1px solid #a29d91;
	-ms-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.footer_form form,
.footer_form p,
.footer_form ul,
.footer_form ul li {
	float: left;
}
.footer_form p {
	margin: 15px 7px 15px 0;
	padding-left: 7px;
	height: 30px;
	width: 90px;
	color: #555;
	line-height: 2.5;
	font-size: 93%;
	font-weight: bold;
	background: url(/img/common/bg_search.png) no-repeat;
}
.footer_form ul {
	margin: 0;
	padding: 0;
}
.footer_form ul li {
	margin: 20px 6px 20px 0;
	padding: 2px 3px;
	list-style: none;
	color: #555;
	font-size: 93%;
	background: #ffd8eb;
}

.footer_inquiry {
	margin: 0 auto;
	width: 960px;
	border-bottom: 1px solid #fff;
}
.footer_inquiry h2 {
	float: left;
	margin: 18px 0 0 0;
}
.footer_inquiry .inquiry_wrapper {
	float: right;
	margin: 0 0 30px;
}
.footer_inquiry .inquiry_wrapper ul {
	margin: 10px 0 20px 0;
	padding: 0;
}
.footer_inquiry .inquiry_wrapper ul li {
	float: left;
	margin-right: 28px;
	list-style: none;
}
.footer_inquiry .inquiry_wrapper ul .mail {
	margin-top: 10px;
}

.footer_nav_wrapper {
	margin: 20px auto 0;
	width: 960px;
}
.footer_nav_wrapper ul {
	float: left;
	margin-left: 15px;
	padding: 20px 10px 20px 20px;
	width: 280px;
	background: #fff;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.footer_nav_wrapper ul:first-child {
	margin-left: 0;
}
.footer_nav_wrapper ul li {
	margin-bottom: 15px;
	padding: 0 0 0 10px;
	list-style: none;
	background: url(/img/common/icon_arrow03.png) left center no-repeat;
}
.footer_nav_wrapper ul li a {
	color: #222;
}
.footer_nav_wrapper ul li ul {
	margin: 0;
	padding: 0;
	width: auto;
}
.footer_nav_wrapper ul li ul li {
	background: url(/img/common/icon_list.jpg) left center no-repeat;
}

.flv {
	margin:0px 0px 5px;
	color: #333;
	text-align: center;
	font-size: 89%;
	line-height: 150%;
}

.copyright {
	margin-top: 10px;
	height: 60px;
	color: #fff;
	text-align: center;
	font-size: 93%;
	line-height: 5;
	background: #e3dccd;
}

.sp_footer_inquiry {
	display: none;
}
.footer_nav_wrapper .sp_footer_nav {
	display: none;
}

#top-btn{
	display:none !important;
}

#top-btn02{
	position:fixed;
	bottom:200px;
	right:0;
	width:80px;
	heihgt:50px;
	text-align:center;
	background:rgba(0,0,0,0.7);
	text-decoration:underline;
	color:white;
	display:none;
}



@media screen and (max-width: 798px) {

	
	
	.footer_link {
		display: none;
	}
	.footer_form {
		margin: 0 auto 15px;
		width: 100%;
		height: auto;
		background: url(/img/sp/common/footer_link_bg.jpg) repeat-x top #F6F3ED;
	}
	.footer_form form {
		width: 92.5%;
		margin: 0 auto;
		padding: 14px 3.75%;
	}
	.footer_form input {
		width: 80%;
		margin: 0;
		padding: 0;
		padding-left: 10px;
		border: 1px solid #a29d91;
	}
	.footer_form button {
		width: 15%;
		height: 30px;
		margin: 0 0 0 -6px;
		vertical-align: middle;;
	}
	.footer_form p,
	.footer_form ul {
		display: none;
	}
	.footer_form .icon_search {
		width: 17px;
		height: 17px;
	}
	.footer_inquiry {
		display: none;
	}
	.sp_footer_inquiry {
		display: block;
		border-bottom: #eee solid 5px;
	}
	.sp_footer_inquiry ul {
		margin: 0 auto;
		padding: 0;
		width: 90%;
		clear: both;
	}
	.sp_footer_inquiry li {
		list-style: none;
		width: 100%;
		padding: 0;
		float: left;
	}
	.sp_footer_inquiry li a {
		display: block;
		margin: 0;
		padding: 0 3.125%;
		background: #fff;
	}
	.sp_footer_inquiry li p {
		color: #666;
		font-size: 14px;
	}
	.sp_footer_inquiry li img {
		width: 100%;
		height: auto;
	}
	.sp_footer_inquiry dl {
		margin: 0 auto;
		padding: 0 2.34375vw;
		width: 90%;
		clear: both;
		background:#fff;
		box-sizing:border-box;
	}
	.sp_footer_inquiry dl:nth-child(2) {
		padding: 3vw 2.34375vw 0;
	}
	.sp_footer_inquiry dl:last-child {
		padding: 0 2.34375vw 3vw;
	}
	.sp_footer_inquiry dl dt {
		font-size:3.125vw;
		border-bottom:1px solid #bbbbbb;
		padding-bottom:1vw;
		margin-bottom:1.5vw;
		background:url(/site/images/sp_top/arrow01.jpg) center right no-repeat;
		background-size:2.8125vw 3.75vw;
	}
	.sp_footer_inquiry dl dt a {
		color:#666666;
		width:100%;
		display:block;
	}
	.sp_footer_inquiry dl dt span {
		font-size:4vw;
		font-weight:bold;
	}
	.sp_footer_inquiry dl dd {
		padding-bottom:4vw;
	}
	.sp_footer_inquiry .mail {
		margin-bottom: 15px;
		text-align: center;
	}
	.sp_footer_inquiry .mail img {
		width: 92.1875%;
		margin: 0 auto;
	}

	.footer_nav_wrapper {
		width: 100%;
		margin: 0 auto;
		padding: 10px 0;
		background: url(/img/sp/common/footer_nav_wrapper_bg.jpg) repeat-x top;
		-moz-background-size: 2px auto;
		-webkit-background-size: 2px auto;
		-o-background-size: 2px auto;
		-ms-background-size: 2px auto;
		background-size: 2px auto;
	}
	.footer_nav_wrapper .footer_nav {
		display:none;
	}
	.footer_nav_wrapper ul {
		float: none;
		width: 92.1875%;
		margin: 0 auto !important;
		padding: 0;
		background: none;
	}
	.footer_nav_wrapper ul:first-child {
		margin: auto;
	}
	.footer_nav_wrapper .sp_footer_nav {
		display: block;
	}
	.footer_nav_wrapper .sp_footer_nav li {
		width: 45%;
		margin: 0 2.5% 10px;
		padding: 0;
		float: left;
		background: none;
		border-bottom: #FF9DCD solid 1px;
	}

	.footer_nav_wrapper .sp_footer_nav li:nth-child(even) {
	}

	.footer_nav_wrapper .sp_footer_nav li a {
		display: block;
		padding: 0 0 5px;
		font-size: 11px;
	}

	.flv {
		margin:0px 0px 5px;
		color: #333;
		text-align: center;
		font-size: 11px;
		line-height: 150%;
	}

	.copyright {
		margin-top: 0;
		font-size: 9px;
	}
	
	#top-btn02{
		bottom:50px;
		width:50px;
		height:auto;
		padding:3px 0;
		border-radius:5px;
		font-size:12px;
		line-height:16px;
	}
}

/* ガイドへのリンク */
.footer_guide {
	display: block;
	width: 100%;
	min-width: 1000px;
	padding-top: 25px;
	background: #f6f3ed;
	clear: both;
}
.footer_guide .footer_guide_block {
	width: 948px;
	margin: 0 auto;
	padding: 15px 0 20px 8px;
	background: #fff;
}
.footer_guide .footer_guide_block dl {
	display: block;
	width: 205px;
	margin: 0 15px;
	float: left;
}
.footer_guide .footer_guide_block dt {
	font-size: 108%;
	margin-bottom: 5px;
	border-bottom: #bbbbbb solid 1px;
}
.footer_guide .footer_guide_block dt span {
	font-size: 128.6%;
	font-weight: bold;
}
.footer_guide .footer_guide_block dt a {
	display: block;
	padding: 0 30px 0 5px;
	background: url(/img/common/icon_arrow02.png) right 7px no-repeat;
	color: #666;
}
.footer_guide .footer_guide_block dt a:hover {
	color: #666;
}
.footer_guide .footer_guide_block dd {
	padding: 5px 3px 0;
	font-size: 93%;
	color: #666;
}

@media screen and (max-width: 798px) {
	.footer_guide {
		display: none;
	}
}

/* --------- link, btn --------- */
.txt_link,
.reset_btn,
.submit_btn {
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
}
.txt_link a,
.reset_btn a,
.submit_btn a {
	display: block;
	padding: 16px 14px 12px;
}

.txt_link {
	width: 214px;
	border: 2px solid #d6c180;
}
.txt_link a {
	color: #b79732;
	background: url(/img/common/icon_arrow06.png) 194px center no-repeat;
}

.btn_area {
	margin: 0 auto 60px;
	width: 278px;
}

@media screen and (max-width: 798px) {
	.btn_area {
		margin-bottom: 30px;
	}
}

.reset_btn,
.submit_btn {
	float: left;
	margin: 0 10px 20px 10px;
	width: 115px;
}

.reset_btn {
	border: 2px solid #bbb;
}
.reset_btn a {
	color: #bbb;
	background: url(/img/common/icon_arrow07.png) 8px center no-repeat;
}

.submit_btn {
	border: 2px solid #19237e;
}
.submit_btn a {
	color: #19237e;
	background: url(/img/common/icon_arrow08.png) 100px center no-repeat;
}

@media screen and (max-width: 798px) {
	.txt_link {
		margin: 0 auto 20px;
		width: 80%;
	}
	.txt_link a {
		color: #b79732;
		background: url(/img/sp/common/icon_arrow06.png) 90% center no-repeat;
	}
	.reset_btn a {
		color: #bbb;
		background: url(/img/sp/common/icon_arrow07.png) 8px center no-repeat;
	}
	.submit_btn a {
		color: #19237e;
		background: url(/img/sp/common/icon_arrow08.png) 100px center no-repeat;
	}
	.txt_link a,
	.reset_btn a,
	.submit_btn a {
		background-size: 7px 11px;
	}
}

@media screen and (max-width: 278px) {
	.btn_area {
		width: 100%;
	}
	.reset_btn,
	.submit_btn {
		clear: both;
	}
}


/* ----------------- */

.clear {
	clear: both;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.font10 {
	font-size: 77%;
}

.font11 {
	font-size: 85%;
}

.font14 {
	font-size: 108%;
}

.font15 {
	font-size: 116%;
}

.font16 {
	font-size: 123.1%;
}

.font17 {
	font-size: 131%;
}

.font18 {
	font-size: 138.5%;
}

.font19 {
	font-size: 146.5%;
}

.font20 {
	font-size: 153.9%;
}

.fontb {
	font-weight: 700;
}

.font_red {
	color: #c21b07;
}

.font_orange {
	color: #f6b545;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.center {
	width: 100%;
	text-align: center;
}

.right {
	width: 100%;
	text-align: right;
}

.img_float_l {
	float: left;
	margin-right: 10px;
}

.img_float_r {
	float: right;
	margin-left: 10px;
}

.clearfix {
	*display: inline-block;
	*zoom: 1;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}


/*検索用、本番サイトからのコピーです*/
/*=====PCメインコンテンツ　ここから=====*/
@media screen and (min-width: 751px){

.main_box .center_box{
	width: 960px;
	margin: 0 auto;
	top: 0;
}
.main_box{
	width: 960px;
	margin: -5px auto 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

ol.pnkz{
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
	margin-bottom: 30px;

}

ol.pnkz li {
	font-size: 12px;
	display: inline;
	height: 15px;
}

ol.pnkz li a {
	text-decoration: underline;
}

.contents{
	float: left;
	width: 725px;
}



}
/*=====PCメインコンテンツ　ここまで=====*/
#main .headline {
	padding: 10px 12px;
	margin-bottom: 19px;
	border: 2px solid #FFCEDE;
	font-size: 12px;
}
#main .headline a {
	color: #214679;
	text-decoration: underline;
}


/*=====SPメインコンテンツ　ここから=====*/

@media screen and (max-width: 750px){
	
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
	float: right;
	margin-left: 6px;
  /*width: 75px;
  height: 75px;*/
  vertical-align: middle;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 92%;/*右側に隙間を作る（閉じるカバーを表示）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(650px);
  transform: translateX(650px);/*右に隠しておく*/
}
#close_btn {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 95;
  transition: .3s ease-in-out!important;/*滑らかに表示*/
  -webkit-transform: translateX(655px);
  transform: translateX(655px);/*右に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: 0.2;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(45px);
  transform: translateX(45px);/*中身を表示（左へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#nav-input:checked ~ #close_btn {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);/*中身を表示（左へスライド）*/
}


.navTtl a {
	color: #fff!important;
	padding: 4%;
	background: #e9306a url(/img/common/arrow_w.png ) 92% center no-repeat!important;
	border-bottom: #fff 1px solid;
	background-size: 18px!important;
	display: block;
	}
	
#dropmenu label.check {
    background: #f5f5f5 url(/img/common/plus_b.png ) 91% center no-repeat;
	background-size: 16px!important;
    color: #333;
    padding: 4%;
    display: block;
    margin: 0;
    border: 1px solid #fff;
}
#dropmenu label.checked {
    background: #f5f5f5 url(/img/common/minus_b.png ) 91% center no-repeat;
	background-size: 16px!important;
    color: #333;
    padding: 4%;
    display: block;
    margin: 0;
    border: 1px solid #fff;
}

#dropmenu .navTtl2 label, #dropmenu .navTtl2 label.checked2  {
	padding: 4%!important;
	background: #e9306a url(/img/common/plus_w.png ) 91% center no-repeat!important;
	background-size: 16px!important;
	color: #fff!important;
	border-bottom: #fff 1px solid!important;
	display: block;
}
#dropmenu .navTtl2 label.check2{
	padding: 4%!important;
	background: #e9306a url(/img/common/minus_w.png ) 91% center no-repeat!important;
	background-size: 16px!important;
	color: #fff!important;
	border-bottom: #fff 1px solid!important;
	display: block;
}

	#dropmenu label.navTtl {
		border:none;
	}

#dropmenu input[type="checkbox"].on-off{
    display: none;
}

#dropmenu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

#dropmenu li {
	border-bottom: #dedede solid 1px;
	background: #fff url(/img/common/arrow_b.png ) 92% center no-repeat!important;
	background-size: 18px!important;
}
#dropmenu li:last-child{
	border-bottom: none;
}
#dropmenu li a {
	color: #333;
	display: block;
	padding: 3% 10% 3% 3%;
}

input[type="checkbox"].on-off + ul.droplist{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul.droplist{
    height: auto;
}
	
	
	
	
	
.pnkz{
	display:none;
}

.main_box{
	margin: 0px;
	padding: 0px;
}

.contents{
	padding-bottom: 0px;
	margin: 0px;
}

.banner {
	background: #F6F3ED;
}

.banner ul {
	float: none;
	padding: 2.5%;
	margin: 0;
}

.banner li {
	list-style: none;
	float: left;
	width: 45%;
	margin: 2.5%;
}

}
/*=====SPメインコンテンツ　ここまで=====*/



.bgb-embed{
	margin:0 !important;
}

.button_box_product_name{
    display: block;
    position: relative;
    width: 336px;
    margin: 5px 0;
    padding: 10px 20px 10px 10px;
    background: #fff;
    border: #e5e5e5 solid 1px;
    cursor: pointer;

}

.text_link2 {
	padding: 3px 0 0 15px;
	background: url(/img/common/icon_arrow11.png) 0 5px no-repeat;
}