@charset "utf-8";
/*===============================================================

	2017/11/21

===============================================================*/

/* 初期化
----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
}
blockquote, q {	quotes: none;	}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
input, textarea { margin: 0;	padding: 0;}
table{	border-collapse: collapse; border-spacing:0;	}
body,input,textarea { font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','HiraKakuProN-W3','ヒラギノ角ゴシック W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,sans-serif; }
h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd { font-size:14px; line-height:22px; }
caption,th,td { text-align:left; vertical-align:top; }
img { vertical-align:top; border:0; }
ul,li { list-style:none; }
option { padding-right:1em; }
address,caption { font-style:normal; font-weight:normal; }
a {	outline:none;	text-decoration:underline; }
a:focus {	outline:none;	}
ul a ,li a {	zoom:1;	}

/* HTML5
----------------------------------------------------------------*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* 文字サイズ、装飾
----------------------------------------------------------------*/
.bold	{	font-weight:bold; }
.cap {
	font-size:12px;
	line-height:15px;
	}
.red	{	color:#943023;		}
.yellow	{	color:#cbb847;		}
.blue	{	color:#0047a2;		}
.lightblue { color:#00afd7; }
.green	{	color:#5b9000;	}
.brown	{	color:#633;		}
.pink	{	color:#f3c;		}
.gray	{	color:#eaeeed;		}
.deepgray { color:#92999f ;}
.align_center	{	text-align:center;		}
.align_right	{	text-align:right;		}
.replace {	overflow:hidden;	white-space:nowrap;	text-indent:100%;	}

/* フロート関係
----------------------------------------------------------------*/
.clear {
	width:100%;
	overflow:hidden;
}
.clearboth {
	clear:both;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
  *zoom: 1;
}
.flol {
	float:left;
}
.flor {
	float:right;
}
/* マージン
----------------------------------------------------------------*/
.mt0	{	margin-top:0px !important; }
.mt05	{	margin-top:5px;		}
.mt10	{	margin-top:10px;	}
.mt15	{	margin-top:15px;	}
.mt20	{	margin-top:20px;	}
.mt25	{	margin-top:25px;	}
.mt30	{	margin-top:30px;	}
.mt40	{	margin-top:40px;	}
.mt50	{	margin-top:50px;	}
.mt60	{	margin-top:60px;	}
.mt70	{	margin-top:70px;	}
.mt80	{	margin-top:80px;	}
.mt90	{	margin-top:90px;	}
.mt100	{	margin-top:100px;	}

.mb05	{	margin-bottom:5px;	}
.mb10	{	margin-bottom:10px;	}
.mb15	{	margin-bottom:15px;	}
.mb20	{	margin-bottom:20px;	}
.mb25	{	margin-bottom:25px;	}
.mb30	{	margin-bottom:30px;	}
.mb40	{	margin-bottom:40px;	}
.mb50	{	margin-bottom:50px;	}

/* html/body設定
----------------------------------------------------------------*/
html {
}
body {
	width: 100%;
	color:#333;
	background:#fff;
	text-align:left;
	font-size:14px;
	line-height:25px;
	-webkit-text-size-adjust:none; /* 縦横文字サイズ同じ */
	-webkit-font-smoothing: antialiased;
}
a {
	color:#1c7ebf;
	-webkit-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-ms-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-moz-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-o-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
}
a:hover { color:#3498db }

.boxshadow {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/* SP向けレイアウトの指定：～320px */
@media only screen and (max-width: 320px) {
body {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	overflow-x:hidden;
}
}	/* for SP max-width: 320px */

/*===============================================================

	基本文字サイズ

===============================================================*/
h2 {
	font-weight:bold;
}
h3 {
	font-weight:bold;
}
h4 {
	line-height:1.4;
	font-weight:bold;
}
p {
	line-height:1.8;
}
sup {
	margin:0;
	padding:0;
	font-size:11px;
	line-height:15px;
}
/*===============================================================

	PC/SP/TABLET

===============================================================*/
.sp {
	display:none;
}
.pc {
}
.tablet {
	display:none;
}
.sp {
	display:none;
}
.sp_tablet {
	display:none;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.pc {
	display:none;
}
.tablet,
.pc_tablet,
.sp_tablet {
	display:block;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.sp {
	display:block;
}
.pc_tablet,
.tablet {
	display:none;
}
}	/* for SP max-width: 480px */

/*===============================================================

	img fig

===============================================================*/
.fitimg img,
.photo img,
.thumb img {
	width:100%;
	height:auto;
}
.fig,
.fig img {
	text-align:center;
	margin:0 auto;
}
.content .fig {
	margin-top:30px;
}
.borderimg {
	border:solid 1px #ddd;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.content .fig {
	margin-top:15px;
}
}	/* for SP max-width: 480px */

/*===============================================================

	フォーム

===============================================================*/

/*-------------------------------------------------------------
	form
-------------------------------------------------------------*/
.form {
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
.form.dispform {
	display: none;
	margin-top: 20px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	agree
-------------------------------------------------------------*/
.form .agree {
	padding-top:10px;
	display:block;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	message
-------------------------------------------------------------*/
.form .message {
	text-align:center;
}
.form .message h3 {
	font-size:22px;
	line-height:1.5;
}
.form .message .order_no {
	width: 400px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	padding: 30px;
	margin: 30px auto;
}
.form .message p {
	font-size:14px;
	line-height:1.5;
}
.form .message * + h3 {
	margin-top:50px;
}
.form .message * +  p {
	/*margin-top:15px;*/
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.form .message h3 {
	font-size:18px;
	line-height:1.5;
}
.form .message .order_no {
	width: 100%;
}
.form .message p {
	font-size:14px;
	line-height:1.5;
}
.form .message * + h3 {
	margin-top:30px;
}
.form .message * +  p {
	/*margin-top:10px;*/
}
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	form dl
-------------------------------------------------------------*/
.form dl,
.form .submit {
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ddd;
	margin:0;
}
.form dt {
	padding:15px 0;
	float:left;
	width:30%;
	margin-right:10px;
	font-weight:bold;
	font-size:16px;
}
.form dt span {
	padding-left:3px;
}
.form dd {
	padding:15px 0;
	float:right;
	width:68%;
	font-size:16px;
}
.form dl .red {
	font-size:11px;
	color:#FF6283;
	font-weight:normal;
}


/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.form dt {
	padding:20px 0 0 0;
	float:none;
	width:100%;
	font-size:14px;
}
.form dd {
	padding:5px 0 20px 0;
	float:left;
	width:100%;
	font-size:14px;
}

}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	.form input
-------------------------------------------------------------*/
.form input.txtinput {
	width:100%;
	padding:8px;
	font-size:14px;
	border:solid 1px #ccc;
	margin:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.20) inset;
}
/* IEにplaceholderを適用させるためcolor属性だけ分割 */
.txtinput{
    color:#333;
}
.form .error input.txtinput {
	border:solid 1px #c00;
	background:#FFE5E5;
}
.form input.xs {
	width:13%;
	margin-right:2%;
}
.form input.s {
	width:24%;
	margin-right:2%;
}
.form input.m {
	width:50%;
	margin-right:2%;
}
.form input.txtinput_postal {
	width:50%;
	padding:10px;
	font-size:14px;
	color:#aaa;
	border:solid 1px #ccc;
	margin:0 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form textarea.txtinput {
	width:90%;
	padding:10px;
	font-size:1.3em;
	color:#aaa;
	border:solid 1px #ccc;
	margin:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form .sample {
	font-size:90%;
	margin-top:10px;
	color:#999;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.form input ,
.form textarea {
	width:100%;
	box-sizing:border-box;
}
.form .checkbox input {
	width:auto;
}
.form input.xs {
	width:34%;
}
.form input.s {
	width:49%;
	margin-right:2%;
}
.form input.s + input.s {
	margin-right:0;
}
.form input.m {
	width:100%;
	margin-right:0%;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.form .radio
-------------------------------------------------------------*/
.form .radio input {
	width:auto;
	display:inline;
}
.form .radio li {
	margin:0 0 10px 0;
	padding:0;
	line-height:1.2;
}
.form .radio li label span {
	display:inline;
	padding-left:5px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.form .radio li {
	line-height:1.2;
	padding:5px;
	width:100%;
	padding-left:1.5em;
	text-indent:-1.2em;
}
.form .radio input {
	padding:10px;
}
.form .radio li label {
	box-sizing:border-box;
}
.form .radio li label span {
	display:inline;
	padding-left:0px;
}
}	/* for SP max-width: 480px */
/*-------------------------------------------------------------
	.form checkbox
-------------------------------------------------------------*/
.form .checkbox li {
	float:left;
	width:33%;
	margin:0 0 10px 0;
	padding:0;
	line-height:1.2;
}
.form .checkbox #destination_add,
.form .checkbox #billing_add{
	margin-right: 5px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.form .checkbox li {
	width:50%;
	padding:5px 0;
	padding-left:1.5em;
	text-indent:-1.2em;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	.form select
-------------------------------------------------------------*/
.form select option {
	background:#fff;
	color:#333;
}
.form optgroup.area {
	color:#333;
	background:#eee;
}
.form dd select {
	padding:5px;
	font-size:120%;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*	 セレクタの装飾 */
.select_wrap {
	position: relative;
	overflow: hidden;
	display: inline-block;
	min-width: 80px;
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #eee 100%);
	background-image: linear-gradient(top, #ffffff 0%, #eee 100%);
	border: 1px solid #ddd;
	border-radius:3px;
	color: #333;
	padding:0 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.select_wrap select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	position: relative;
	z-index: 2;
	display: block;
	width: 200%;
	/* fallback non calc support */
	width:-webkit-calc(100% + 5em);
	margin: 0;
	padding: 5px 5px 5px 5px;
	background: transparent;
	border: 0;
	outline: none;
	font-size: 14px;
	line-height: 1.2;
}
.select_wrap:after {
	content:'';
	position:absolute;
	bottom:4px;
	right:10px;
	width:5px;
	height:5px;
	border-top: 4px solid rgba(0,0,0,0.5);
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.select_wrap:before {
	content:'';
	position:absolute;
	top:4px;
	right:10px;
	width:5px;
	height:5px;
	border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(0,0,0,0.5);
    border-left: 4px solid transparent;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
/*	 セレクタの装飾 */
.select_wrap {
	width:100%;
	padding:10px;
}

.select_wrap select {
	padding:0;
}
.select_wrap:after {
	content:'';
	position:absolute;
	bottom:8px;
	right:10px;
	width:5px;
	height:5px;
	border-top: 4px solid rgba(0,0,0,0.5);
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.select_wrap:before {
	content:'';
	position:absolute;
	top:8px;
	right:10px;
	width:5px;
	height:5px;
	border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(0,0,0,0.5);
    border-left: 4px solid transparent;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.inputfld
-------------------------------------------------------------*/
/*	 セレクタの装飾 */
.inputfld .select_wrap {
	width: 100%;
}
.inputfld .select_wrap select {
	padding: 8px 5px 8px 5px;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
}
.inputfld .select_wrap:after {
	bottom:7px;
}
.inputfld .select_wrap:before {
	top:7px;
}

.inputfld.flol + .inputfld.flol {
	margin-left:10px;
}
.inputfld.flol + .caption {
	clear:both;
	margin-top: 0;
	padding-top:10px;
}
.inputfld.m {
	width:24%;
}
.inputfld.h {
	width:48%;
}
.inputfld.l {
	width:74%;
}
.inputfld .btn_detail {
	width: 250px;
	margin: 0;
	margin-top: 0;
	text-align:left;
}
.inputfld .btn_detail a,
.inputfld .btn_detail input {
	position: relative;
	text-decoration: none;
	display: block;
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding: 8px 0;
	border-radius: 3px;
	border: solid 1px #000;
	width: 100%;
}
.inputfld .btn_detail.s a {
	width: 100px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.inputfld.m {
	width:100%;
}
.inputfld.h {
	width:100%;
}
.inputfld.l {
	width:100%;
}
.inputfld.flol {
	float:none;
}
.inputfld.flol + .inputfld.flol {
	margin-left:0;
	float:none;
	margin-top:10px;
}
.inputfld .btn_detail.s a {
	font-size: 12px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.inputfld .select_wrap select {
	padding: 0px 5px;
}
.inputfld .select_wrap:after {
	bottom:10px;
}
.inputfld .select_wrap:before {
	top:10px;
}
.inputfld .btn_detail {
	width: 100%;
}
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	.form .submit
-------------------------------------------------------------*/
.form .submit input {
	width:30%;
	margin:2em auto;
	display:block;
	text-decoration:none;
	font-size:18px;
	line-height:1.3;

	font-weight:bold;
	padding:15px 20px;
	border-radius:5px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.8);

	color:#eee;
	background:#333;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
	cursor:pointer;
}
.form .submit input:hover {
	background:#D4145A;
}
.form .submit p {
	font-size:80%;
	line-height:1.2;
	padding-bottom:20px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.form .submit input {
	width:50%;
	margin:1em auto;
}

.entry_detail {
	padding:10px;
	background:url(../images/entry_detail_bg.gif) repeat 0 0;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	form
-------------------------------------------------------------*/
.form .caption {
	margin-top:10px;
	font-size:12px;
	line-height:1.5;
}
.form .caption + .inputfld {
	margin-top:5px;
}
.form .error {
	color:#c00;
	font-size:14px;
	margin-top:5px;
	font-weight:bold;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */



/*===============================================================

	レイアウト

===============================================================*/
.wrapper {
	position:relative;
}
.content_width {
	width:1280px;
	margin-left:auto;
	margin-right:auto;
	padding:0 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.content_width.toppics_narrow {
	width:1000px;
}
.narrow_width {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
/* タブレット以下 */
@media screen and (max-width: 1280px) {
.content_width {
	width:100%;
	padding:0;
}
.content_width.toppics_narrow {
	width:100%;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.narrow_width {
	width:100%;
}
}	/* for SP max-width: 480px */

/*===============================================================

	header .nav

===============================================================*/
.header .nav ul li a:before {
	content:'';
	position:absolute;
	margin:auto;
	top:5px;
	left:0; right:0;
	width:40px;
	height:40px;
	background-image:url(../images/header_icons.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:280px 40px;
}

/*-------------------------------------------------------------
	.header .nav ul li
-------------------------------------------------------------*/
.header .nav ul li.home a:before {	background-position: 0px 0px;	}
.header .nav ul li.guide a:before {	background-position: -40px 0px;	}
.header .nav ul li.faq a:before {	background-position: -80px 0px;	}
.header .nav ul li.mypage a:before {	background-position: -120px 0px;	}
.header .nav ul li.signin a:before {	background-position: -160px 0px;	}
.header .nav ul li.login a:before {	background-position: -200px 0px;	}
.header .nav ul li.logout a:before {	background-position: -240px 0px;	}

.notmember .nav ul li.mypage,
.notmember .nav ul li.logout {
	display:none;
}
.member .nav ul li.signin,
.member .nav ul li.login {
	display:none;
}


/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	header	.username
-------------------------------------------------------------*/
.header .username {
	text-align:right;
	width:100%;
	height:30px;
	color:#1c7ebf;
	font-size:14px;
	line-height:30px;
	padding-right:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.header .username {
	font-size:12px;
	line-height:20px;
	height:20px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	非表示
-------------------------------------------------------------*/
.header_wrp .btn_lang,
.header_wrp .btn_cart {
	display:none;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.header_wrp .btn_lang,
.header_wrp .btn_cart {
	display:block;
}
.navigation_wrp .btn_cart,
.navigation_wrp .btn_lang {
	display:none;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	subpanel
-------------------------------------------------------------*/
.subpanel {
	display:none;
	z-index:999;
}
/*===============================================================

	navigation

===============================================================*/
.navigation_wrp {
	width:100%;
	height:60px;
	position:relative;
	/*z-index:999;*/
	background:#3498db;
	z-index:10;
}
.navigation_wrp .nav {
	display:none;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.navigation_wrp .nav {
	display:block;
	background:#3498db;
	border-bottom:solid 1px rgba(0,0,0,0.1);
}
.navigation_wrp .nav li {
	float:left;
	width:20%;
	text-align:center;
}
.navigation_wrp .nav li a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	display:block;
	line-height:14px;
	padding:8px 0;
}
.navigation_wrp .nav li.home {
	width:17%;
}
.navigation_wrp .nav li.faq {
	width:13%;
}
.navigation_wrp .nav li.guide {
	width:27%;
}
.navigation_wrp .nav li.login,
.navigation_wrp .nav li.logout {
	width:23%;
}
.navigation_wrp .nav li.mypage,
.navigation_wrp .nav li.signin {
	width:20%;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 320px) {

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	navigation
-------------------------------------------------------------*/
.navigation {
	position:relative;
	width:100%;
	height:60px;
}
.navitem a:hover {
	opacity:0.5;
}
/*-------------------------------------------------------------
	.btn_product
-------------------------------------------------------------*/
.btn_product {
	float:left;
	width:110px;
	position:relative;
}
.btn_product p {
	font-size:16px;
	line-height:30px;
}
.btn_product a {
	color:#fff;
	text-decoration:none;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.btn_product {
	width:100px;
}
.btn_product p {
	font-size:14px;
	line-height:30px;
}
.btn_product a {
	color:#fff;
	text-decoration:none;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.btn_product .subpanel
-------------------------------------------------------------*/
.btn_product .subpanel {
	position:absolute;
	width:1240px;
	top:60px;
	left:0;
	background:#3498db;
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.20);
	padding:25px;
	padding-right:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.btn_product .subpanel ul {
	margin-top:-20px;
}
.btn_product .subpanel li {
	float:left;
	width:25%;
	margin-top:20px;
}
.btn_product .subpanel li:nth-child(4n+1){
	clear:both;
}
.btn_product .subpanel li a {
	display:block;
	padding:0 25px 0 15px;
	position:relative;
	font-size:14px;
	line-height:18px;
}
.btn_product .subpanel li a:hover {
	text-decoration:underline;
}
.btn_product .subpanel li a:before {
	content:'';
	position:absolute;
	margin:auto;
	top:5px;
	left:0px;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	width:6px;
	height:6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all .3s;
}


/* タブレット以下 */
@media screen and (max-width: 768px) {
.btn_product .subpanel {
	position:absolute;
	top:48px;
	padding:0;
}
.btn_product .subpanel ul {
	background:#fff;
	margin-top:0;
}
.btn_product .subpanel ul li {
	width:100%;
	border-bottom:solid 1px rgba(52,152,219,0.2);
	margin-top:0;
}
.btn_product .subpanel ul li a {
	color:#1c7ebf;
	padding:15px;
	padding-right:25px;
}
.btn_product .subpanel ul li a:hover {
	color:#fff;
	background:#3498db;
	text-decoration:none;
}
.btn_product .subpanel li a:before {
	content:'';
	position:absolute;
	top:0; bottom:0; left:auto; right:10px; margin:auto;
	border-right:solid 1px #3498db;
	border-bottom:solid 1px #3498db;
	width:10px;
	height:10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all .3s;
}
.btn_product .subpanel li a:hover:before {
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	btn_product .closebtn
-------------------------------------------------------------*/
.btn_product .closebtn	 {
	display:none;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.btn_product .closebtn	 {
	display:block;
	padding:20px 0;
}
.btn_product .closebtn	 a {
	display:block;
	width:100px;
	margin:0 auto;
	border:solid 1px #fff;
	text-align:center;
	font-size:14px;
	line-height:20px;
	padding:8px 0;
	border-radius:3px;
}
.btn_product .closebtn	 a:hover {
	border:solid 1px #fff;
	background:#fff;
	color:#1c7ebf
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	menu-trigger
-------------------------------------------------------------*/
.menu_icon {
	position:relative;
	z-index:300;
	padding:15px 5px;
}
.menu_icon a {
	color:#fff;
	text-decoration:none;
}
.menu_icon a:hover {
	color:#fff;
	text-decoration:underline;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 22px;
	height: 15px;
	margin-right:10px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	border-radius: 1px;
}
.menu-trigger span:nth-of-type(1) {
	top: 2px;
}
.menu-trigger span:nth-of-type(2) {
	top: 8px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
/* animation */
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
	-moz-transform: translateY(6px) rotate(-45deg);
	-ms-transform: translateY(6px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
	-webkit-transform: translateY(0) rotate(180deg);
	transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
	-moz-transform: translateY(-6px) rotate(45deg);
	-ms-transform: translateY(-6px) rotate(45deg);
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.menu_icon {
	padding:10px 0px 10px 10px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	search_box
-------------------------------------------------------------*/
.search_box {
	position:absolute;
	width:330px;
	height:30px;
	top:0; bottom:0;
	right:100px; margin:auto;
}
.search_box .inputfld {
	float:left;
	width:220px;
}
.search_box .inputfld input {
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:5px;
	width:230px;
	height:30px;
	color:#666;
	line-height:20px;
	border:0;
	background:#fff;
}
.search_box .btn {
	margin:0;
	margin-left:240px;
	width:50px;
}
.search_box .btn a {
	display:block;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	padding:4px 0;
	border-radius:5px;
	border:solid 1px rgba(255,255,255,0.5);
	text-decoration:none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.search_box .btn a:hover {
	background:#29a9ff;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.search_box {
	right:10px;
	width:290px;
}
.search_box .btn {
}
.search_box .inputfld,
.search_box .inputfld input {
	width:175px;
}
.search_box {
	right:0px;
	width:240px;
}
.search_box .btn {
	margin:0;
	margin-left:180px;
	width:50px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

@media only screen and (max-width: 350px) {
.search_box .inputfld,
.search_box .inputfld input {
	width:135px;
}
.search_box {
	right:5px;
	width:190px;
}
.search_box .btn {
	margin-left:140px;
}
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	虫眼鏡
-------------------------------------------------------------*/
.search_box dt {
	position:relative;
	width:30px;
	height:30px;
	float:left;
	white-space:nowrap; text-indent:100%; overflow:hidden;
}
.search_box dd {
	margin-left:35px;
}
.search_box dt:before {
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	width:15px;
	height:15px;
	border-radius:50% 50%;
	border:solid 2px #fff;
	transform:translateY(-3px);
	-moz-transform:translateY(-3px);
	-ms-transform:translateY(-3px);
	-webkit-transform:translateY(-3px);
}
.search_box dt:after {
	content: '';
	position: absolute;
	margin: auto;
	bottom: 8px;
	left: 19px;
	width: 9px;
	height: 2px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.search_box dt {
	display:none;
}
.search_box dd {
	margin-left:0;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.btn_cart
-------------------------------------------------------------*/
.btn_cart {
	position:absolute;
	width:45px;
	height:40px;
	right:55px;
	top:0; bottom:0; margin:auto;
}
.btn_cart p {
	position:relative;
	width:45px;
	height:40px;
	top:0;
	left:10px;
	text-align:center;
}
.btn_cart p a {
	display:block;
	font-size:11px;
	line-height:25px;
	font-weight:bold;
	color:#1c7ebf;
	width:45px;
	height:40px;
	text-decoration:none;
	background:url(../images/header_icon_cart.png) no-repeat top center;
	background-size:45px 40px;
	padding-left:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.btn_cart {
	position:static;
	float:right;
	width:35px;
	height:30px;
	margin-right:20px;
	margin-top:10px;
}
.btn_cart p {
	position:relative;
	width:35px;
	height:30px;
	top:0;
	left:10px;
	text-align:center;
}
.btn_cart p a {
	display:block;
	font-size:9px;
	line-height:21px;
	font-weight:bold;
	color:#fff;
	width:35px;
	height:30px;
	text-decoration:none;
	background:url(../images/header_icon_cart_sp.png) no-repeat top center;
	background-size:35px 30px;
	padding-left:0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.btn_lang
-------------------------------------------------------------*/
.btn_lang {
	float:right;
	width:45px;
	position:relative;
	margin:0;
	padding:11px 0 9px;
}
.btn_lang p {
}
.btn_lang p a {
	display:block;
	color:#fff;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:url(../images/header_icon_lang.png) no-repeat top center;
	background-size:20px 20px;
}
.btn_lang .subpanel {
	position:absolute;
	top:60px;
	left:0;
	width:45px;
	background:#3498db;
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.20);
	padding:10px 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	display:none;
	z-index:2000;
}
.btn_lang .subpanel li {
	width:45px;
	text-align:center;
}
.btn_lang .subpanel li a {
	color:#fff;
	line-height:30px;
}
.btn_lang .subpanel li a:hover {
	text-decoration:none;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.btn_lang {
	width:35px;
	padding:10px 0;
}
.btn_lang p {
	width:35px;
	height:30px;
}
.btn_lang p a {
	display:block;
	color:#1c7ebf;
	font-size:12px;
	line-height:20px;
	padding-top:15px;
	background:url(../images/header_icon_lang_sp.png) no-repeat top center;
	background-size:16px 16px;
}
.btn_lang .subpanel {
	top:50px;
	width:35px;
}
.btn_lang .subpanel li {
	width:35px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */


/*===============================================================

	.pagenav

===============================================================*/
.pagenav {}
.pagenav ul li {
	display: inline;
}
.pagenav ul li a {
	position: relative;
	padding-left: 15px;
	margin-right: 20px;
}
.pagenav ul li:last-child a {
	margin-right: 0;
}
.pagenav ul li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 3px solid transparent;
	border-top: 3px solid #666;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* タブレット以下 */
@media screen and (max-width: 1000px) {
}	/* for tablet max-width: 960px */
/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.pagenav ul li {
	display: block;
	margin-bottom: 10px;
}
.pagenav ul li a {
	margin-right: 0;
}
.pagenav ul li:last-child a {
	margin-bottom: 0;
}
}	/* for SP max-width: 480px */


/*===============================================================

	フッタ

===============================================================*/
.footer_wrp {
	width:100%;
	color:#fff;
	background:#3498db;
	padding:40px 0;
}
.footer {
	text-align:left;
}
.footer a {
	text-decoration:none;
	color:#fff;
}
.footer a:hover {
	text-decoration:underline;
	color:#fff;
}
.footer .block {
	width:33.33%;
	float:left;
	padding-left:20px;
	border-left:solid 1px rgba(255,255,255,0.3);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.footer ul li {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	margin-top:20px;
}
.footer ul li:first-child {
	margin-top:0;
}
.footer_wrp .menubtn {
	display:none;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.footer_wrp {
	padding:20px 0;
}
.footer .foote_link {
	display:none;
}
.footer .block {
	width:100%;
	height:auto !important;
	float:none;
	padding:0 20px;
	border-left:solid 0px rgba(255,255,255,0.3);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	footer_info
-------------------------------------------------------------*/
.footer_info {
	padding-bottom:10px;
}
.footer_info h3 {
	font-size:18px;
	line-height:1.5;
}
.footer_info .btn_detail {
	margin:0;
	margin-top:20px;
}
.footer_info .btn_detail_white a {
	border:0;
	background:#fff;
	color:#1c7ebf;
}
.footer_info .btn_detail_white a:hover {
	color:#3498db;
	background:rgba(255,255,255,0.7);
}

.footer_info h4 {
	display: none; /*2017/0929 display: none; */
	font-size:16px;
	margin-top:20px;
}
.footer_info .tel {
	display: none; /*2017/0929 display: none; */
	font-size:30px;
	font-weight:bold;
}
.footer_info .cap {
	display: none; /*2017/0929 display: none; */
	font-size:12px;
}
/* タブレット以下 */
@media screen and (max-width: 1280px) {
.footer_info {
	padding-right:20px;
}
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.footer_info {
	padding-bottom:10px;
}
.footer_info h3 {
	font-size:14px;
	margin-top:20px;
}
.footer_info .btn_detail {
	margin:0 auto;
	margin-top:10px;
	width:250px;
}
.footer_info h4 {
	font-size:12px;
	margin-top:20px;
}
.footer_info .tel {
	font-size:20px;
	font-weight:bold;
}
.footer_info .cap {
	font-size:10px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	snsbtns
-------------------------------------------------------------*/
.snsbtns {
	display: none; /* 2017/09/29 display: none; */
	margin-top:10px;
}
.footer .snsbtns li {
	display:inline-block;
	margin:0;
	margin-right:10px;
}
.footer .snsbtns li a {
	display:block;
	white-space:nowrap; text-indent:100%; overflow:hidden;
	width:50px;
	height:50px;
	background-image:url(../images/sns_icon_facebook.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% auto;
}
.footer .snsbtns li.facebook a {
	background-image:url(../images/sns_icon_facebook.png);
}
.footer .snsbtns li.twitter a {
	background-image:url(../images/sns_icon_twitter.png);
}
.footer .snsbtns li.googleplus a {
	background-image:url(../images/sns_icon_googleplus.png);
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.snsbtns {
	margin-top:0;
}
.footer .footer_sns {
	display: none; /* 2017/09/29 display:none; */
	text-align:center;
}
.footer .snsbtns li {
	display:inline-block;
	margin:0;
	padding:0 10px;
}
.footer .snsbtns li a {
	width:40px;
	height:40px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	footer_wrp
-------------------------------------------------------------*/
.footer_wrp .copyright {
	color:#fff;
	text-align:center;
	padding-top:40px;
	clear:both;
	font-size:12px;
	line-height:1.2;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.footer_wrp .copyright {
	padding-top:20px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*===============================================================

	pankuzu

===============================================================*/
.pankuzu {
	text-align:left;
	padding:10px;
}
.pankuzu li {
	display:inline-block;
	padding-left:10px;
}
.pankuzu li:first-child {
	padding-left:0;
}
.pankuzu li a {
	text-decoration:none;
	position:relative;
	padding-right:20px;
	color:#1c7ebf;
}
.pankuzu li a:hover {
	color:#3498db;
}
.pankuzu li a:after {
	content:'';
	position:absolute;
	margin:auto;
	top:0; bottom:0;
	right:0;
	border-right:solid 1px #3498db;
	border-bottom:solid 1px #3498db;
	width:6px;
	height:6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all .3s;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.pankuzu {
	text-align:left;
	padding:10px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.pankuzu {
	display:none;
}
}	/* for SP max-width: 480px */



/*===============================================================

	grid

===============================================================*/
.gridconatiner {
	margin-top:-50px;
	overflow: hidden;
	width: 100%;
}
.gridconatiner .grid {
	float:left;
}
.grid {
	margin-top:50px;
}
/*	gridSize :445 gutterSize :50 column :2 */
.gridwrp_2 { width:105.319%;}
.gridwrp_2 .grid_2 { width:94.949%; margin-right:5.051%; }
.gridwrp_2 .grid_1 { width:44.949%; margin-right:5.051%; }
.gridwrp_2 .grid:nth-child(2n+1) {
	clear:both;
}

/*	gridSize :280 gutterSize :50 column :3 */
.gridwrp_3 { width:105.319%;}
.gridwrp_3 .grid_3 { width:94.949%; margin-right:5.051%; }
.gridwrp_3 .grid_2 { width:61.616%; margin-right:5.051%; }
.gridwrp_3 .grid_1 { width:28.283%; margin-right:5.051%; }
.gridwrp_3 .grid:nth-child(3n+1) {
	clear:both;
}

/*	gridSize :210 gutterSize :40 column :4 */
/*
.gridwrp_4 { width:104.167%; }
.gridwrp_4 .grid_4 { width:96.000%; margin-right:4.000%; }
.gridwrp_4 .grid_3 { width:71.000%; margin-right:4.000%; }
.gridwrp_4 .grid_2 { width:46.000%; margin-right:4.000%; }
.gridwrp_4 .grid_1 { width:21.000%; margin-right:4.000%; }
*/
.gridwrp_4 { width:103.226%;}
.gridwrp_4 .grid_4 { width:96.875%; margin-right:3.125%; }
.gridwrp_4 .grid_3 { width:71.875%; margin-right:3.125%; }
.gridwrp_4 .grid_2 { width:46.875%; margin-right:3.125%; }
.gridwrp_4 .grid_1 { width:21.875%; margin-right:3.125%; }
.gridwrp_4 .grid:nth-child(4n+1) {
	clear:both;
}

/*	gridSize :85 gutterSize :15 column :5 */
.grid_content{ width:485.000px;}
.gridwrp_5 { width:103.093%;}
.gridwrp_5 .grid_5 { width:97.000%; margin-right:3.000%; }
.gridwrp_5 .grid_4 { width:77.000%; margin-right:3.000%; }
.gridwrp_5 .grid_3 { width:57.000%; margin-right:3.000%; }
.gridwrp_5 .grid_2 { width:37.000%; margin-right:3.000%; }
.gridwrp_5 .grid_1 { width:17.000%; margin-right:3.000%; }
.gridwrp_5 .grid:nth-child(5n+1) {
	clear:both;
}

/*	gridSize :85 gutterSize :15 column :6 */
.grid_content{ width:585.000px;}
.gridwrp_6 { width:102.564%;}
.gridwrp_6 .grid_6 { width:97.500%; margin-right:2.500%; }
.gridwrp_6 .grid_5 { width:80.833%; margin-right:2.500%; }
.gridwrp_6 .grid_4 { width:64.167%; margin-right:2.500%; }
.gridwrp_6 .grid_3 { width:47.500%; margin-right:2.500%; }
.gridwrp_6 .grid_2 { width:30.833%; margin-right:2.500%; }
.gridwrp_6 .grid_1 { width:14.167%; margin-right:2.500%; }
.gridwrp_6 .grid:nth-child(6n+1) {
	clear:both;
}

.column + .gridconatiner {
	margin-top:-20px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.gridconatiner {
	margin-top:-15px;
}
.gridwrp_3,
.gridwrp_3 .grid_1,
.gridwrp_2,
.gridwrp_2 .grid_1 {
	width:100%; margin-right:0;
}
.gridwrp_4,
.gridwrp_5,
.gridwrp_6 {
	width:105.000%;
}
.gridwrp_4 .grid_1,
.gridwrp_5 .grid_1,
.gridwrp_6 .grid_1 {
	width:45.238%; margin-right:4.762%;
}
.gridwrp_4 .grid:nth-child(2n+1),
.gridwrp_5 .grid:nth-child(2n+1),
.gridwrp_6 .grid:nth-child(2n+1) {
	clear:both;
}
.grid {
	margin-top:15px;
}
.grid:first-child {
	/*margin-top:0px;*/
}
.gridwrp_4 .grid:nth-child(2) {
	/*margin-top:0;*/
}

.sp_gridwrp2 .gridwrp_3 { width:105.319%;}
.sp_gridwrp2 .gridwrp_3 .grid_2 { width:94.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_3 .grid_1 { width:44.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_3 .grid:nth-child(2n+1) {
	clear:both;
}
.sp_gridwrp2 .gridwrp_3 .grid:nth-child(3n+1) {
	clear:none;
}
.sp_gridwrp2 .gridwrp_2 { width:105.319%;}
.sp_gridwrp2 .gridwrp_2 .grid_2 { width:94.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_2 .grid_1 { width:44.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_2 .grid:nth-child(2n+1) {
	clear:both;
}
.sp_gridwrp2 .gridwrp_2 .grid:nth-child(3n+1) {
	clear:none;
}
.sp_gridwrp2 .linkarea p {
	padding: 0;
}
.column + .gridconatiner {
	margin-top:0;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	center_gridwrp
-------------------------------------------------------------*/

/*	gridSize :290 gutterSize :40 column :2 */
.center_gridwrp3_2 {
	width:64.58%;
	margin:0 auto;
}
.center_gridwrp3_2 .gridwrp_2 { width:106.452%;}
.center_gridwrp3_2 .gridwrp_2 .grid_2 { width:93.939%; margin-right:6.061%; }
.center_gridwrp3_2 .gridwrp_2 .grid_1 { width:43.939%; margin-right:6.061%; }

/*	gridSize :290 gutterSize :40 column :2 */
.center_gridwrp4_2 {
	width:47.91%;
	margin:0 auto;
}
.center_gridwrp4_2 .gridwrp_2 { width:108.696%;}
.center_gridwrp4_2 .gridwrp_2 .grid_2 { width:92.000%; margin-right:8.000%; }
.center_gridwrp4_2 .gridwrp_2 .grid_1 { width:42.000%; margin-right:8.000%; }

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.center_gridwrp3_2,
.center_gridwrp3_2 .gridwrp_2,
.center_gridwrp4_2 {
	width:100%;
	margin:0 auto;
}

.center_gridwrp3_2,
.center_gridwrp3_2 .gridwrp_2 .grid_1 {
	width:100%; margin-right:0;
}
.gridwrp_5 .grid:nth-child(5n+1) {
	clear:inherit;
}
.gridwrp_5 .grid:nth-child(2n+1) {
	clear:both;
}
/*　3カラムを2カラムにする　*
.center_gridwrp3_2 .gridwrp_2 { width:106.452%;}
.center_gridwrp3_2 .gridwrp_2 .grid_2 { width:93.939%; margin-right:6.061%; }
.center_gridwrp3_2 .gridwrp_2 .grid_1 { width:43.939%; margin-right:6.061%; }
/*	*/

.center_gridwrp4_2 .gridwrp_2 { width:106.452%;}
.center_gridwrp4_2 .gridwrp_2 .grid_2 { width:93.939%; margin-right:6.061%; }
.center_gridwrp4_2 .gridwrp_2 .grid_1 { width:43.939%; margin-right:6.061%; }


}	/* for SP max-width: 480px */


/*===============================================================

	fixed

===============================================================*/
.fixed {
	position: fixed;
	top: 0;
}
.bg_fixed {
	background-attachment: fixed;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.fixed {
	position: fixed;
	top: 0;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */


/*===============================================================

	PAGETOP

===============================================================*/
#btn_pagetop {
	width:100%;
	overflow:hidden;
}
#btn_pagetop a {
	display:block;
	position:fixed;
	right:-300px; top:0;
	width:50px; height:50px;
	color:#fff;
	background-color:#fff;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	z-index:101;
	border-radius:30px;
}
#btn_pagetop a:hover {
	background-color:rgba(52,152,219,0.5);

}
#btn_pagetop a:after {
	position:absolute;
	content:" ";
	width:14px; height:14px;
	top:20px; left:0; right:0; bottom:auto;
	margin:auto;
	border-top:solid 2px #3498db;
	border-left:solid 2px #3498db;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius:2px;
}
#btn_pagetop a:hover:after {
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
}
/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
#btn_pagetop a {
	width:40px;
	height:40px;
	background-size:40px 40px;
}
#btn_pagetop a:after {
	width:12px; height:12px;
	top:17px; left:0; right:0; bottom:auto;
}
}	/* for SP max-width: 480px */

/*===============================================================

	テーブル

===============================================================*/
table {
	width:100%;
	text-align:left;
	font-size:14px;
	line-height:20px;
	border-collapse: separate;
    border-spacing: 0;
	border-bottom:solid 1px #ddd;
	margin-top:20px;
}
table th {
	padding:10px 0;
	border-top:solid 1px #ddd;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:20%;
	font-weight:normal;
}
table td {
	padding:10px 0;
	border-top:solid 1px #ddd;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-weight:normal;
}
table th.bt0,
table td.bt0 {
	border-top: 0;
	padding-top: 0;
}
table th.pb0,
table td.pb0 {
	padding-bottom: 0;
}
table.total {
	margin-top:0;
}

.form table {
	margin-top:0;
}
.form * + table {
	margin-top:20px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
table {
	padding:0;
	margin-top:20px;
}
table th {
	display: list-item;
	list-style:none;
	width:100%;
	padding:8px 0;
	font-size:12px;
	color:#666;
	font-weight:bold;
}
table td {
	display: list-item;
	list-style:none;
	width:100%;
	padding:8px 0;
	font-size:12px;
	line-height:1.5;
	border-top:dotted 1px #ddd;
}
table th.pb0,
table td.pb0 {
	padding-bottom: 8px;
}
table th.bt0 {
	border-top:solid 1px #ddd;
	padding-top: 10px;
}
table td.bt0 {
	border-top:dotted 1px #ddd;
	padding-top: 10px;
}
table td +td {
}
table tr:nth-child(odd) ,
table tr:nth-child(even) {
	background:#fff;
}
}	/* for SP max-width: 480px */

/*===============================================================

	テーブル cart_table

===============================================================*/
.cart_table {
	width:100%;
	text-align:left;
	font-size:14px;
	line-height:20px;
	border-collapse: separate;
    border-spacing: 0;
	border-top:solid 1px #ddd;
	border-left:solid 1px #ddd;
	margin-top:0;
	table-layout: fixed; /* 固定レイアウト */
}
.cart_table th {
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-weight:normal;
	border-top:0;
	background:#fafafa;
}
.cart_table th.num {
	border-right:solid 1px #ddd;	/* add 2017/11/21 */
}
.cart_table td {
	padding:10px;
	border-top: 0;
	/*border-right:solid 1px #ddd;*/
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-weight:normal;
}
.cart_table td:last-child {
	border-right:solid 1px #ddd;
}
.cart_table tr:nth-child(n + 2) td {
	border-top:solid 1px #ddd;
}
.cart_table tr.items td {
	color: #666;
	background:#fdfdfd;
}
.cart_table td.info ul {
	margin-top: 10px;
	margin-left: 10px;
}
.cart_table td.info ul li span {
	display: block;
	width: 100px;
	float: left;
}
.cart_table + .cart_table {
	margin-top:20px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.cart_table th,
.cart_table td {
	padding:5px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.cart_table {
	padding:0;
	margin-top:0;
}
.cart_table th {
	display:none;
}
.cart_table td {
	display: list-item;
	list-style:none;
	width:100%;
	padding:10px;
	font-size:12px;
	line-height:1.5;
	border-right:solid 1px #ddd;
}
.cart_table tr:nth-child(n + 2) td:nth-child(n + 2){
	border-top: 0;
}
.cart_table tr:nth-child(n + 2) td {
	border-top:0;	/* add 2017/11/21 */
}
.cart_table + .cart_table {
	margin-top:10px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.cart_table .img
-------------------------------------------------------------*/
.cart_table .img {
	width:20%;
}
.cart_table .img img {
	width:100%;
	height:auto;
}
.cart_table .info {
	width:40%;
}
.cart_table .info h3,
.cart_table .favorite_info h3 {
	white-space: normal;
	word-wrap: break-word;
}
.cart_table .breakdown {
	width:50%;
}
.cart_table .info2 {
	width:43%;
}
.cart_table .favorite_info {
	width:78%;
}
.cart_table .favorite_info .favorite_img {
	float: left;
	width: 25%;
}
.cart_table .favorite_info .favorite_img img {
	width: 100%;
	height: auto;
}
.cart_table .favorite_info .favorite_detail {
	float: right;
	width: 73%;
}
.cart_table .favorite_info p {
	margin-top: 10px;
}
.cart_table .price,
.cart_table .initial {
	width:15%;
	text-align:right;
}
.cart_table .num {
	width:7%;
	text-align:right;
}
.cart_table .delete {
	width:7%;
	text-align:center;
	vertical-align: middle;
}
.cart_table .favorite_delete {
	width:22%;
}
.cart_table .delete .btn_delete {
	margin: 0;
}
.cart_table .title {
	width:55%;
}
.cart_table .title.wide {
	width:60%;
}
.cart_table td.title p {
	font-weight:bold;
}
.cart_table .tax {
	width:15%;
	text-align:right;
}
.cart_table .totalprice,
.cart_table .subtotalprice {
	width:15%;
	text-align:right;
}
.cart_table td.totalprice p {
	font-weight:bold;
	color:#c00;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.cart_table .favorite_info,
.cart_table .favorite_delete {
	width:100%;
	text-align:left;
	display: list-item;
	list-style:none;
}
.cart_table .favorite_info {
	border-right: 1px solid #ddd;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.cart_table .img,
.cart_table .info,
.cart_table .info2,
.cart_table .price,
.cart_table .initial,
.cart_table .num,
.cart_table .delete,
.cart_table .title,
.cart_table .tax,
.cart_table .totalprice,
.cart_table .breakdown {
	width:100%;
	text-align:left;
}
.cart_table .img,
.cart_table .delete {
	text-align:center;
}
.cart_table .breakdown {
	text-align:right;
}
.cart_table .breakdown ul li.nominal {
	text-align:left;
}
.cart_table .img.none {
	display: none;
}
.cart_table .title.wide {
	width:100%;
}
.cart_table .img img {
	width:100%; height:auto;
	max-width:200px;
	margin:0 auto;
}
.cart_table .favorite_info .favorite_img,
.cart_table .favorite_info .favorite_detail {
	float: none;
	width: 100%;
}
.cart_table .favorite_info .favorite_detail p {
	margin-top: 10px;
}
.cart_table .title {
	background:#fafafa;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.cart_table .num .inputfld input
-------------------------------------------------------------*/
.cart_table .breakdown .num {
	width: 100%;
}
.cart_table .num .inputfld {
	text-align: right;
}
.cart_table .num .inputfld span {
	font-size: 16px;
	line-height: 38px;
	font-weight: bold;
	padding-right: 20px;
}
.cart_table .num .inputfld input {
	display: block;
	float: right;
	width:60px;
	padding:5px 10px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	text-align:right;
	border: solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.20) inset;
}
.cart_table .num .definition {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}
.cart_table .num .definition span {
	font-weight: bold;
	padding-right: 20px;
}
.cart_table .breakdown .cost {
	width: 100%;
}
.cart_table .breakdown .num + .cost {
	width: 100%;
	margin-top: 20px;
}
.cart_table .breakdown .cost ul {
	border-bottom:dotted 1px #ddd;
	padding: 0 5px;
}
.cart_table .breakdown .cost ul.cost_title {
	border-bottom: 0;
}
.cart_table .breakdown .cost ul li {
	float: left;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 0;
}
.cart_table .breakdown .cost ul li.nominal {
	width: 40%;
}
.cart_table .breakdown .cost ul li.val {
	width: 50%;
	text-align: right;
}
.cart_table .breakdown .cost ul li.quantity {
	width: 10%;
	text-align: right;
}
.cart_table .breakdown .cost ul li.title_val {
	width: 90%;
	text-align: left;
	font-weight: bold;
}
.cart_table .breakdown .cost ul li.title_quantity {
	width: 10%;
	text-align: right;
	font-weight: bold;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.cart_table .breakdown .cost ul li {
	font-size: 12px;
}
.cart_table .breakdown .cost ul li.quantity {
	padding-left: 5px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	cart_price_table　2017/11/21
-------------------------------------------------------------*/
.cart_price_table th {
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-weight:normal;
	border-top:0;
	border-right:solid 1px #ddd;
	background:#fafafa;
}
.cart_price_table td {
	border-top:solid 1px #ddd;
	border-right:solid 1px #ddd;
}
.cart_price_table tr:nth-child(n + 3) td {
	border-top:solid 1px #ddd;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.cart_price_total .cart_price_table tr:nth-child(n + 2) td.price {
	border-top:solid 2px #ddd;	/* add 2017/11/21 */
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	cart_price_total　2017/11/21
-------------------------------------------------------------*/
.cart_price_total {
	margin-top: 40px;
}
.cart_price_total table {
	float: right;
	width: 60%;
}
.cart_price_total table.cart_table {
	border-left:solid 2px #ddd;
	border-bottom:solid 2px #ddd;
	border-right:solid 2px #ddd;
}
.cart_price_total table.cart_table th.price,
.cart_price_total table.cart_table th.tax,
.cart_price_total table.cart_table th.totalprice {
	width: 33.333333%;
	text-align: center;
	font-weight: bold;
	border-top:solid 2px #ddd;
	border-left:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	border-right:solid 2px #ddd;
}
.cart_price_total .cart_price_table td {
	border-left:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	border-right:solid 2px #ddd;
}
.cart_price_total table.cart_table th:last-child,
.cart_price_total table.cart_table td:last-child {
	border-right:solid 1px #ddd;
}
.cart_price_total table.cart_table td p {
	font-weight: bold;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.cart_price_total table {
	width: 100%;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.cart_price_total {
	margin-top: 10px;
}
.cart_price_total table {
	float: none;
	width: 100%;
}
.cart_price_total table.cart_table td {
	text-align: center;
	border-right:solid 1px #ddd;
}
.cart_price_total table.cart_table td div.heading {
	font-size: 14px;
	font-weight: bold;
}
}	/* for SP max-width: 480px */

/*===============================================================

	テーブル mypage_table

===============================================================*/
.mypage_table {
	width:100%;
	text-align:left;
	font-size:14px;
	line-height:20px;
	border-collapse: separate;
    border-spacing: 0;
	border-top:solid 1px #ddd;
	border-left:solid 1px #ddd;
	margin-top:0;
}
.mypage_table th {
	text-align: center;
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-weight:normal;
	border-top:0;
	border-right:solid 1px #ddd;
	background:#fafafa;
}
.mypage_table td {
	padding:10px;
	border-top:solid 1px #ddd;
	border-right:solid 1px #ddd;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-weight:normal;
	vertical-align: middle;
}
.content_mypage p + .mypage_table  {
	margin-top: 20px;
}
.content_mypage th,
.content_mypage td {
	padding:20px 10px;
	vertical-align:middle;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.content_mypage table.quote th,
.content_mypage table.order th,
.content_mypage table.agreement th,
.content_mypage table.billing th {
	background: #fafafa;
}
.content_mypage td p.caution {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;
}
.content_mypage td p.caution.right {
	position: absolute;
	top: 20px;
	left: 24%;
	margin-top: 0;
	margin-left: 20px;
}
.content_mypage th {
	width:25%;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.mypage_table th,
.mypage_table td {
	padding:5px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.mypage_table {
	padding:0;
	margin-top:0;
	border:0;
}
.content_mypage p + .mypage_table  {
	margin-top: 10px;
}
.mypage_table th {
	display:none;
}
.content_mypage table.mypage_table td {
	display: list-item;
	list-style:none;
	width:100%;
	padding:10px;
	font-size:12px;
	line-height:1.5;
	border-left:solid 1px #ddd;
	/*border-right: 0;*/
}
.mypage_table td.no {
	margin-top: 10px;
}
.mypage_table tr:nth-child(2) td.no {
	margin-top: 0;
}
}	/* for SP max-width: 480px */

.mypage_table .no {		width:20%;	}
.mypage_table .name {	width:auto;	}
.mypage_table .date {	width:12%;	}
.mypage_table .time {	width:20%;	}
.mypage_table .price {	width:10%;	}
.mypage_table .method {	width:10%;	}
.mypage_table .status {	width:15%;	}
.mypage_table .detail {	width:5%;	}
.mypage_table .edit {	width:12%;	}
.mypage_table td.no,
.mypage_table td.date,
.mypage_table td.time,
.mypage_table td.price,
.mypage_table td.method,
.mypage_table td.status,
.mypage_table td.detail,
.mypage_table td.edit {
	text-align: center;
}
.mypage_table .title {
	width:60%;
}
.mypage_table td.title p {
	font-weight:bold;
}
.mypage_table .tax {
	width:10%;
	text-align:right;
}
.mypage_table .totalprice {
	width:15%;
	text-align:right;
}
.mypage_table td.totalprice p {
	font-weight:bold;
	color:#c00;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.content_mypage table {
	margin-top: 0;
}
.mypage_table td.no,
.mypage_table td.name,
.mypage_table td.date,
.mypage_table td.time,
.mypage_table td.price,
.mypage_table td.method,
.mypage_table td.status,
.content_mypage th,
.content_mypage td {
	width:100%;
	text-align:left;
}
.content_mypage th,
.content_mypage td {
	padding: 10px;
}
.mypage_table td.detail,
.content_mypage td.edit {
	width:100%;
	border-bottom:solid 1px #ddd;
}
.mypage_table td div.heading {
	display: list-item;
	width: 100%;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	border-bottom: dotted 1px #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.content_mypage td div.heading + span {
	margin-left: 0;
}
.mypage_table .title {
	background:#fafafa;
}
}	/* for SP max-width: 480px */

/*===============================================================

	content_cart

===============================================================*/
.content_cart {
	padding: 20px;
	padding-bottom: 30px;
	text-align:left;
}
.content_cart .cart_table:nth-child(n + 2) {
	margin-top: 40px;
}
.content_cart .btn_delete {
	width:auto;
	display:inline-block;
	margin:0;
	margin-top:10px;
}
.content_cart .favorite_delete .btn_delete {
	width: 100%;
	margin: 0;
}
.content_cart .btn_delete a,
.content_cart .btn_delete input {
	background:#fff;
	border:solid 1px #ddd;
	padding:5px 10px;
	color:#333;
	font-size:13px;
	font-weight:normal;
}
.content_cart .favorite_delete .btn_delete a,
.content_cart .favorite_delete .btn_delete input {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	border: solid 1px #000;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px 0;
	border-radius: 3px;
	transition: .1s;
}
.content_cart .favorite_delete .btn_delete a:hover,
.content_cart .favorite_delete .btn_delete input:hover {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
}
.content_cart .btn_delete a:hover,
.content_cart .btn_delete input:hover {
	color:#999;
	background:#fff;
}
.content_cart .btn_delete + .submit_btns .btn_detail {
	margin-top:0;
}
.content_form + .submit_btns,
.content_cart + .submit_btns,
.content_mypage + .submit_btns {
	margin-top:20px;
}
.content_cart .item_delete .btn_delete {
	float: left;
	margin-right: 20px;
}
.content_cart .item_delete p {
	padding-top: 5px;
	margin-top: 10px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.content_cart .item_delete p {
	font-size: 14px;
	line-height: 1.5;
}
.content_cart tr td.favorite_delete {
	border-top: 0;
}
.content_cart .favorite_delete .btn_delete input {
	width: 200px;
	margin: 0 auto;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.content_cart {
	padding: 10px;
}
.content_cart .cart_table:nth-child(n + 2) {
	margin-top: 10px;
}
.content_cart .btn_delete {
	width:50%;
	margin:0;
}
.cart_table .favorite_delete .btn_delete input {
	font-size: 14px;
}
.content_cart .btn_delete + .submit_btns .btn_detail {
	margin-top:0;
	width:100%;
}
.content_cart .favorite_delete .btn_delete {
	display: block;
	width: 80%;
	margin: 0 auto;
}
.content_form + .submit_btns
.content_cart + .submit_btns,
.content_mypage + .submit_btns {
	margin-top:50px;
}
.content_cart .item_delete .btn_delete {
	float: none;
	display: block;
	margin: 10px auto;
}
.content_cart .item_delete p {
	font-size: 12px;
	line-height: 1.5;
	padding-top: 0;
	margin-top: 10px
}
}	/* for SP max-width: 480px */

/*===============================================================

	content_mypage

===============================================================*/
.content_mypage {
	padding: 20px;
	/*padding-bottom: 30px;*/
	text-align:left;
}
.content_mypage h3 {
	font-size:20px;
}
.content_mypage * + h3 {
	margin-top:50px;
}
.content_mypage .content_mypage_inner {
	padding: 20px 0 0;
}
.content_mypage .btn_delete {
	width:auto;
	display:inline-block;
	margin:0;
	margin-top:10px;
}
.content_mypage .btn_delete a,
.content_mypage .btn_delete input {
	background:#fff;
	border:solid 1px #ddd;
	padding:5px 10px;
	color:#333;
	font-size:13px;
	font-weight:normal;
}
.content_mypage .btn_delete a:hover,
.content_mypage .btn_delete input:hover {
	color:#999;
	background:#fff;
}
.content_mypage .btn_delete + .submit_btns .btn_detail {
	margin-top:0;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.content_mypage {
	padding: 10px;
	/*padding-bottom: 20px;*/
}
.content_mypage .btn_delete {
	width:50%;
	margin:0;
	margin-top:10px;
}
.content_mypage .btn_delete + .submit_btns .btn_detail {
	margin-top:0;
	width:100%;
}
}	/* for SP max-width: 480px */

/*===============================================================

	btn_detail

===============================================================*/
.btn_detail {
	max-width:250px;
	margin:0 auto;
	margin-top:30px;
}
.btn_detail.zip_search {
	position: absolute;
	top: 20px;
	left: 13%;
	width: 200px;
	margin: 0 0 0 20px;
}
.btn_detail.zip_search a {
	font-size: 15px;
	line-height: 17px;
	font-weight: normal;
}
.btn_detail.pdf {
	float: right;
	width:250px;
	margin-top: 0;
}
.btn_detail.pdf a {
	font-weight: normal;
	background: url(../images/btn_pdf.png) #f93 no-repeat 20px center;
	background-size: auto 20px;
}
.btn_detail a,
.btn_detail input {
	position:relative;
	text-decoration:none;
	display:block;
	background-color:rgba(0,0,0,0.7);
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	padding:10px 0;
	border-radius:3px;
	border:solid 1px #000;
	width:100%;
	-webkit-transition: .1s;
	transition: .1s;
}
.btn_detail.arw a:after ,
.btn_detail.arw input:after {
	position:absolute;
	content:" ";
	width:13px; height:13px;
	top:0; left:auto; bottom:0; right:10px;
	margin:auto;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.btn_detail a:hover,
.btn_detail input:hover {
	text-decoration:none;
	background-color:rgba(0,0,0,0.5);
}
.btn_detail_white a {
	border:solid 1px #ccc;
	color:#333;
	font-weight:normal;
	background-color:rgba(255,255,255,0.7);
}
.btn_detail_white a:hover {
	color:#999;
	background-color:rgba(255,255,255,0.5);
}
.btn_detail_red a {
	background-color:#c91b36;
}
.btn_detail_red a:hover {
	background-color:#e31838;
}
.btn_detail_blue a {
	background-color:#3498db;
}
.btn_detail_blue a:hover {
	background-color:#29a9ff;
}
.btn_detail_black a {
	background-color:#353535;
}
.btn_detail_black a:hover {
	background-color:#444;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.btn_detail {
	width:100%;
}
.btn_detail.pdf {
	float: none;
	width: 250px;
	margin: 20px auto 0;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.btn_detail {
	width:50%;
	margin:0 auto;
	margin-top:20px;
}
.btn_detail.zip_search {
	position: absolute;
	top: 10px;
	left: 36%;
	width: 63%;
	margin: 0;
}
.btn_detail.zip_search a {
	font-size: 14px;
}
.btn_detail.pdf {
	float: none;
	width:80%;
	margin: 0 auto;
}
.btn_detail a,
.btn_detail input {
	font-size:14px;
	background-size:18px 30px;
}
.btn_detail.pdf {
	margin:20px auto 10px;
}
}	/* for SP max-width: 480px */
/*-------------------------------------------------------------
	btn_detail.btn_deactive
-------------------------------------------------------------*/
.btn_deactive a,
.btn_deactive input,
.btn_deactive a:hover,
.btn_deactive button,
.btn_deactive p,
.btn_deactive span,
.btn_deactive input:hover {
	background:#ccc !important;
	border:solid 1px #ccc !important;
	color:#999 !important;
	cursor:default !important;
	opacity: 1 !important;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	btn_white
-------------------------------------------------------------*/
.btn_white {
	width:300px;
	margin:0 auto;
	margin-top:30px;
}
.btn_white a {
	text-decoration:none;
	display:block;
	background-color:#fff;
	text-align:center;
	color:#1d50a2;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	padding:15px 0;
	border:solid 1px #1d50a2;
}
.btn_white a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#1d50a2;
}
.btn_white a:after {
	border-top:solid 1px #1d50a2;
	border-left:solid 1px #1d50a2;
}
.btn_white a:hover:after {
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.btn_white {
	width:80%;
	margin:0 auto;
	margin-top:20px;
}
.btn_white a {
	font-size:14px;
	line-height:20px;
	padding:10px 0;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	btn_prev
-------------------------------------------------------------*/
.btn_prev {
	width:350px;
	margin:0 auto;
	margin-top:20px;
}
.btn_prev a,
.btn_prev input {
	width:100%;
	text-decoration:none;
	display:block;
	background-color:#fff;
	text-align:center;
	color:#333;
	font-size:18px;
	line-height:20px;
	padding:20px 0;
	border:solid 1px #ccc;
}
.btn_prev a:hover,
.btn_prev input:hover {
	text-decoration:none;
	opacity:0.7;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.btn_prev {
	width:80%;
	margin:0 auto;
	margin-top:0;
}
.btn_prev a,
.btn_prev input {
	font-size:14px;
	line-height:20px;
	padding:10px 0;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	btn_order
-------------------------------------------------------------*/
.btn_order {
}
.btn_order a,
.btn_order input {
	background-color:#f93;
	color:#fff;
	border:solid 1px #f93;
}
.btn_order a:hover,
.btn_order input:hover {
	text-decoration:none;
	background-color:#ffab33;
	opacity:1 !important;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */
/*-------------------------------------------------------------
	btn_estimate
-------------------------------------------------------------*/
.btn_estimate {
}
.btn_estimate a,
.btn_estimate input {
	background-color:#2ecc71;
	color:#fff;
	border:solid 1px #2ecc71;
}
.btn_estimate a:hover,
.btn_estimate input:hover {
	text-decoration:none;
	color:#fff; /*!important;*/
	background-color:#2bd975; /*!important;*/
	opacity:1; /*!important;*/
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */


/*===============================================================

	headline
	見だし

===============================================================*/
.headline {
	text-align:center;
	position:relative;
}
.headline .title {
	display:inline-block;
	border-bottom:solid 2px #1386a5;
	padding-bottom:5px;
	font-size:32px;
	line-height:1.5;
	color:#1386a5;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}   /* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.headline .title {
    font-size:25px;
}
}   /* for SP max-width: 480px */

/*===============================================================

	content_headline
	見だし

===============================================================*/
.content_headline {
	text-align:left;
	position:relative;
}
.content_headline .title {
	font-size:25px;
	line-height:1.5;
	padding:15px;
	background:#3498db;
	color:#fff;
}

/*-------------------------------------------------------------
	btn_more
-------------------------------------------------------------*/
.btn_more {
	width:120px;
	height:35px;
	position:absolute;
	top:0;
	right:0;
}
.btn_more a {
	display:block;
	text-align:center;
	border:solid 1px #3498db;
	color:#1c7ebf;
	font-size:14px;
	line-height:35px;
	border-radius:3px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-decoration:none;
}
.btn_more a:hover {
	opacity:0.7;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.btn_more {
	width:75px;
	height:25px;
	top:5px;
	right:-10px;
}
.btn_more a {
	font-size:12px;
	line-height:25px;
}
}	/* for SP max-width: 480px */

/*===============================================================

	subhead
	小見出し

===============================================================*/
.subhead {
}
.subhead .title {
	font-size:20px;
	color:#666;
	border-bottom:solid 1px #ccc;
	padding-bottom:15px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.subhead .title {
	font-size:16px;
	padding-bottom:10px;
}
}	/* for SP max-width: 480px */
/*===============================================================

	背景

===============================================================*/
.bg_graytile {
	background-image:url(../images/bg_graytile.jpg);
	background-position:top center;
	background-repeat:repeat;
}
.bg_blue {
	background:#eef6fb;
}

/*===============================================================

	seciton
	headlineとcontentなど、複数の要素、機能を取りまとめるコンテナ的な親要素。
	幅はsection_innerに記述する

===============================================================*/
.section_wrp {
	margin-top:5px;
}
.section {
	width:100%;
}
.section_inner {
	margin:0 auto;
	padding:50px 20px 70px 20px;
}
/* タブレット以下 */
@media screen and (max-width: 1260px) {
.section_inner {
	margin:0 auto;
	padding:50px 50px 70px 50px;
}
}	/* for tablet max-width: 768px */

/* タブレット以下 */
@media screen and (max-width: 768px) {
.section_inner {
	margin:0 auto;
	padding:30px 20px 30px 20px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.section_inner {
	margin:0 auto;
	padding:20px;
}
}	/* for SP max-width: 480px */
/* SP向けレイアウトの指定：～320px */
@media only screen and (max-width: 320px) {
.section_inner {
	margin:0 auto;
	padding:10px;
}
}	/* for SP max-width: 320px */


/*===============================================================

	content
	個別のコンテンツ

===============================================================*/
.subhead + .content {
	margin-top:35px;
}
.content + .subhead,
.content + .content {
	margin-top:80px;
}
.content_step + .content {
	margin-top:40px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.content {
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.content {
	width:100%;
	margin:0 auto;
}
.subhead + .content {
	margin-top:10px;
}
.content + .subhead,
.content + .content {
	margin-top:20px;
}
}	/* for SP max-width: 480px */


/*===============================================================

	column
	囲み、メモなどサブ的な括り。

===============================================================*/
.column {
	width:700px;
	margin:0 auto;
}
.column h3 {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
}
.column h4 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
}
.column p {
	margin-top:30px;
	font-size:16px;
}
.column * + p {
	margin-top:20px;
	font-size:16px;
}
.column p.caution {
	font-size:12px;
}
.column .bbottom {
	border-bottom:1px solid #000;
	padding-bottom:10px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.column {
	width:100%;
	margin:0 auto;
}
.column h3 {
	font-size:18px;
	margin-top:15px;
}
.column h4 {
	font-size:16px;
	margin-top:15px;
}
.column p {
	margin-top:10px;
	font-size:14px;
	line-height:1.6;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.notes
-------------------------------------------------------------*/
.notes {
	background:#eee;
	padding:15px;
	margin-top:20px;
	font-size:14px;
	line-height:28px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.memo
-------------------------------------------------------------*/
.memo {
	margin-top:20px;
}
.memo p {
	font-size:14px;
	line-height:25px;
	margin-top:20px;
}
.memo h4 {
	margin-top:0;
}
.memo * + h4 {
	margin-top:20px;
}
.memo h4 + p {
	margin-top:0;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */
/*===============================================================

	txtlink 2016/11/16

===============================================================*/
.txtlink a {
	padding-left:15px;
	color:#000;
	text-decoration:none;
	position:relative;
	display:inline-block;
}
.txtlink a:hover {
	color:#c00;
}
.txtlink a:after {
	position:absolute;
	content:" ";
	width:6px; height:6px;
	top:7px; bottom:auto; left:0; right:auto;
	margin:auto;
	border-top:solid 2px #c00;
	border-left:solid 2px #c00;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.txtlink.arw_prev a {
}
.txtlink.arw_prev a:after {
	top:7px; bottom:auto; left:3px; right:auto;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.txtlink.arw_after a {
	padding-left:0;
	padding-right:10px;
}
.txtlink.arw_after a:after {
	left:auto; right:0;
}
.txtlink.arw_down a:after {
	top:7px; bottom:auto; left:2px; right:auto;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.txtlink.arw_after_down a {
	padding-left:0;
	padding-right:10px;
}
.txtlink.arw_after_down a:after {
	top:7px; bottom:auto; left:auto; right:0;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
/*	arw_box */
.txtlink.arw_box a {
	padding-left:25px;
}
.txtlink.arw_box a:before {
	content:' ';
	width:20px;
	height:20px;
	background:#000;
	position:absolute;
	top:2px; bottom:auto; left:0; right:auto; margin:auto;
}
.txtlink.arw_box a:after {
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	top:8px; bottom:auto; left:5px; right:auto;
}


/*===============================================================

	modal 2016/10/11

===============================================================*/
.modal_bg {
	position:absolute;
	top:0;
	left:0;
	background:rgba(255,255,255,0.7);
	display:none;
	z-index:9998;
}
.modal {
	position:absolute;
	top:0;
	left:0;
	width:800px;
	display:none;
	z-index:9999;

	transition:top 0.2s linear,left 0.1s linear;
	-moz-transition:top 0.2s linear,left 0.1s linear;
	-ms-transition:top 0.2s linear,left 0.1s linear;
	-o-transition:top 0.2s linear,left 0.1s linear;
	-webkit-transition:top 0.2s linear,left 0.1s linear;
}
.modal .close {
	position:absolute;
	width:30px; height:30px;
	top:0; right:0;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	z-index:9999;
}
.modal .close:before,
.modal .close:after {
	content:" ";
	position:absolute;
	width:30px; height:1px;
	background:#000;
	top:10px; right:0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.modal .close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.modal .close:hover {
	opacity:0.7;
}
.modal .modal_container {
	padding:0;
	position:relative;
}
.modal .modal_contents_wrp {
	position: relative;
	padding:40px;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.modal .modal_inner {
	padding:30px;
	background:#fff;
	border:solid 1px #ddd;
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.20);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.modal .modal_contents_wrp::-webkit-scrollbar {
  display: none;
}

/* タブレット以下 */
@media screen and (max-width: 800px) {
.modal {
	width:100%;
}
.modal .modal_contents_wrp {
	padding:30px;
}
.modal .modal_inner {
	padding:15px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.modal {
	width:100%;
}
.modal .modal_contents_wrp {
	padding:30px 10px;
}
.modal .modal_container {
}
.modal .close {
	top:5px; right:0px;
}
.modal .modal_inner {
	padding:15px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.modal .modal_pager
-------------------------------------------------------------*/
.modal .modal_pager li a {
	position:absolute;
	top:0; bottom:0;
	margin:auto;
	display:block;
	width:30px;
	height:30px;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
}
.modal .modal_pager li a:after {
	position:absolute;
	content:" ";
	width:15px; height:15px;
	top:6px; left:0;
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.modal .modal_pager li.prev a {
	left:0;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.modal .modal_pager li.next a {
	right:0;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	.modal_container
-------------------------------------------------------------*/
.modal .modal_container .modal_header {
	background:#3498db;
	color:#fff;
	padding:10px;
}
.modal .modal_container .modal_header h3 {
	font-size:20px;
	line-height:30px;
	text-align:left;
	font-weight:bold;
	text-shadow:none;
}
.modal .modal_container .modal_header p {
	font-size:14px;
	line-height:20px;
	text-align:left;
	font-weight:bold;
}
.modal .btn {
	width:560px;
	margin:0 auto;
	margin-top:40px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.modal .modal_container .modal_header h3 {
	font-size:16px;
	line-height:25px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.modal .modal_container .modal_header h3 {
	font-size:16px;
	line-height:25px;
}
.modal .btn {
	width:100%;
	margin:0 auto;
	margin-top:40px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	modal_body
-------------------------------------------------------------*/
.modal_body {
	margin-top:15px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	.modal_container .btn
-------------------------------------------------------------*/
.modal_container .btn {
	width:450px;
	margin:0 auto;
	margin-top:30px;
}
.modal_container .btn a {
	position:relative;
	display:block;
	background-color:#e63412;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	padding:20px 0;
	border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	text-decoration:none;
}
.modal_container .btn a:hover {
	text-decoration:none;
	background-color:#ff6600;
}
.modal_container .btn a:after {
	position:absolute;
	content:" ";
	width:13px; height:13px;
	top:0; left:auto; bottom:0; right:10px;
	margin:auto;
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.modal_container .btn {
	width:100%;
	margin:0 auto;
	margin-top:15px;
}
.modal_container .btn a {
	font-size:16px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	closebtn
-------------------------------------------------------------*/
.modal .closebtn a {
	display:block;
	width:120px;
	margin:0 auto;
	line-height:30px;
	border:solid 1px #fff;
	text-align:center;
	margin-top:20px;
	color:#fff;
}
.modal_gamedetail .closebtn a:hover {
	color:#000;
	background:#fff;
	text-decoration:none;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.modal .close {
	top:0px;
	right:5px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	モーダル制作時の確認用
-------------------------------------------------------------*/
.modal {
	/*display:block;*/
}
.modal_demo1 .modal_inner,
.modal_demo2 .modal_inner {
	color:#fff;
	background:#333;
	padding:30px;
}

/*===============================================================

	carousel_slider（BxSlider）

===============================================================*/
.carousel_slider {
	color:#000;
	position:relative;
}
.carousel_slider .slide {
}
.carousel_slider .slide .inner {
	padding:30px;
}
.carousel_slider .slide img {
	width:100%; height:auto;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*===============================================================

	BxSlider override

===============================================================*/
/*-------------------------------------------------------------
	wrapper
-------------------------------------------------------------*/
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
	border:0;
	box-shadow:none;
	padding-bottom:40px;
	background:none;
}
.section_mainvisual .bx-wrapper {
	padding-bottom:0;
}
@media only screen and (max-width: 480px) {
.bx-wrapper {
	padding-bottom:40px;
}
.section_mainvisual .bx-wrapper {
	padding-bottom:40px;
	background:#fff;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	pager
-------------------------------------------------------------*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 10px;
}
.bx-wrapper .bx-pager {
	padding-top: 0;
	text-align:right;
}
.porduct_slider .bx-wrapper .bx-pager {
	text-align:center;
}
@media only screen and (max-width: 480px) {
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 18px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	pager dot
-------------------------------------------------------------*/
.bx-wrapper .bx-pager.bx-default-pager a {
	background: rgba(255,255,255,1);
	text-indent: -9999px;
	display:block;
	width: 10px;
	height: 10px;
	margin: 0 10px 0 0;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 10px;
	border:solid 3px rgba(0,0,0,1);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	opacity:0.4;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: rgba(255,255,255,1);
	opacity:1;
}
@media only screen and (max-width: 480px) {
.bx-wrapper .bx-pager.bx-default-pager a {
	width: 5px;
	height: 5px;
	margin: 0 5px 0 0;
	border-radius: 5px;
	border:solid 2px rgba(0,0,0,1);
}
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	pager arw
-------------------------------------------------------------*/
.bx-wrapper .bx-controls-direction a {
	display:none;	/*	デフォルトの矢印は使わない */

	position: absolute;
	outline: 0;
	width:50px;
	height:50px;
	text-indent: -9999px;
	z-index: 100;
	top:0; bottom:0; margin:auto;
	border:solid 1px #fff;
	border-radius:50% 50%;
	overflow:hidden;
	display:block;
}
.bx-wrapper .bx-prev {
	left: 20px;
	background:none;
}
.bx-wrapper .bx-next {
	right:20px;
	background:none;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
	background:rgba(255,255,255,0.5);
}
.bx-wrapper .bx-next:after,
.bx-wrapper .bx-prev:after {
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	width:12px;
	height:12px;
	-webkit-transform: rotate(-45deg) translate(-2px,-2px);
	-moz-transform: rotate(-45deg) translate(-2px,-2px);
	-ms-transform: rotate(-45deg) translate(-2px,-2px);
	transform: rotate(-45deg) translate(-2px,-2px);
	transition: all .3s;
}
.bx-wrapper .bx-prev:after {
	-webkit-transform: rotate(135deg) translate(-2px,-2px);
	-moz-transform: rotate(135deg) translate(-2px,-2px);
	-ms-transform: rotate(135deg) translate(-2px,-2px);
	transform: rotate(135deg) translate(-2px,-2px);
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*===============================================================

	.carousel_slider .slider

===============================================================*/
.carousel_slider .slider {
	position:relative;
	background:none;
}
.carousel_slider .slider .slide {
	width:100%;
	position:relative;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.carousel_slider .slider .slide ,
.carousel_slider .slider .slide:nth-child(even) {
	float:none;
	width:100%;
}
.carousel_slider .slider .slide img {
	width:100%;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.carousel_slider .slider .pager
-------------------------------------------------------------*/
.carousel_slider .slider .pager {
	position:absolute;
	bottom:0;
	margin:auto;
	width:50px;
	height:30px;
	z-index:1;
}
.carousel_slider .slider .prev {
	left:0;
}
.carousel_slider .slider .pouse {
	left:60px;
}
.carousel_slider .slider .next {
	left:120px;
}
.recommend_slider .carousel_slider .slider .next,
.campaign_slider .carousel_slider .slider .next,
.campaign_slider2 .carousel_slider .slider .next{
	left:60px;
}
.carousel_slider .slider .owl-controls {
	position:absolute;
	height:30px;
	bottom:0;
	right:0;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.mainvisual_slider .slider .pager
-------------------------------------------------------------*/
.mainvisual_slider {
	overflow:hidden;
}
.mainvisual_slider .slider .pager {
	bottom:5px;
}
.mainvisual_slider .slider .prev {
	left:5px;
}
.mainvisual_slider .slider .pouse {
	left:65px;
}
.mainvisual_slider .slider .next {
	left:125px;
}
.recommend_slider .carousel_slider .slider .next,
.campaign_slider .carousel_slider .slider .next,
.campaign_slider2 .carousel_slider .slider .next{
	left:65px;
}
.mainvisual_slider .slider .owl-controls {
	position:absolute;
	height:30px;
	bottom:5px;
	right:5px;
}
/* タブレット以下 */
@media screen and (max-width: 1280px) {
.mainvisual_slider {
	height:auto;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */
/*-------------------------------------------------------------
	.carousel_slider .slider .pager a
-------------------------------------------------------------*/
.carousel_slider .slider .pager a {
	display:block;
	width:50px;
	height:30px;
	background:rgba(0,0,0,0.7);
	overflow:hidden;
	text-indent:-200%;
	position:relative;
}
.carousel_slider .slider .pager a:hover {
	background:rgba(0,0,0,0.6);
}
.carousel_slider .slider .pager a:after {
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	width:12px;
	height:12px;
	-webkit-transform: rotate(-45deg) translate(-2px,-2px);
	-moz-transform: rotate(-45deg) translate(-2px,-2px);
	-ms-transform: rotate(-45deg) translate(-2px,-2px);
	transform: rotate(-45deg) translate(-2px,-2px);
	transition: all .3s;
}
.carousel_slider .slider .prev a:after {
	-webkit-transform: rotate(135deg) translate(-2px,-2px);
	-moz-transform: rotate(135deg) translate(-2px,-2px);
	-ms-transform: rotate(135deg) translate(-2px,-2px);
	transform: rotate(135deg) translate(-2px,-2px);
}
.carousel_slider .slider .pager a:hover:after {
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.carousel_slider .slider .pouse a
-------------------------------------------------------------*/
.carousel_slider .slider .pouse a:before,
.carousel_slider .slider .pouse a:after {
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	width:1px;
	height:18px;
	-webkit-transform:  translate(-2px,0);
	-moz-transform: translate(-2px,0);
	-ms-transform: translate(-2px,0);
	transform: translate(-2px,0);
	background:#ccc;
	border:0;
}
.carousel_slider .slider .pouse a:after {
	-webkit-transform:  translate(2px,0);
	-moz-transform: translate(2px,0);
	-ms-transform: translate(2px,0);
	transform: translate(2px,0);
}
.carousel_slider .slider .pouse.active a {
	background:#eee;
}
.carousel_slider .slider .pouse.active a:hover {
	background:#ccc;
}
.carousel_slider .slider .pouse.active a:before,
.carousel_slider .slider .pouse.active a:after {
	background:#666;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */
/*-------------------------------------------------------------
	.carousel_slider .slider .slide .photo
-------------------------------------------------------------*/
.carousel_slider .slider .slide .photo img {
	width: inherit;
	max-width: 100%;
	min-width: 100%;
	height: auto;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */



/*===============================================================

	基本のレイアウト
	section_contents

===============================================================*/
.section_contents {
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	headline
-------------------------------------------------------------*/
.section_contents .headline {
	text-align:center;
}
.section_contents .headline .title {
	font-size:35px;
	line-height:1.5;
}
.section_contents .headline .read {
	font-size:22px;
	line-height:1.5;
	font-weight:bold;
	margin-top:5px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	visual
-------------------------------------------------------------*/
.section_contents .visual {
	margin-top:30px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	content
-------------------------------------------------------------*/
.section_contents .headline + .content,
.section_contents .visual + .content {
	margin-top:30px;
}
.section_contents .content + .content {
	margin-top:80px;
}
/*	h3	*/
.section_contents .content h3 {
	font-size:25px;
	line-height:1.8;
}
/*	h4	*/
.section_contents .content h4 {
	font-size:18px;
	line-height:1.8;
}
/*	p	*/
.section_contents .content p {
	font-size:16px;
	line-height:2;
}
/*	margin	*/
.section_contents .content * + h3,
.section_contents .content * + h4,
.section_contents .content * + p {
	margin-top:2em;
}
.section_contents .content h3 + p,
.section_contents .content h3 + h4,
.section_contents .content h4 + p {
	margin-top:0;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.section_contents .headline + .content,
.section_contents .visual + .content {
	margin-top:15px;
}
.section_contents .content + .content {
	margin-top:30px;
}
/*	h3	*/
.section_contents .content h3 {
	font-size:20px;
}
/*	h4	*/
.section_contents .content h4 {
	font-size:16px;
}
/*	p	*/
.section_contents .content p {
	font-size:14px;
}
/*	margin	*/
.section_contents .content * + h3,
.section_contents .content * + h4,
.section_contents .content * + p {
	margin-top:1em;
}


}	/* for SP max-width: 480px */



/*===============================================================

	section_mainvisual

===============================================================*/
.section_mainvisual {
}
.section_mainvisual .section_inner {
	padding:0;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*===============================================================

	products_search

===============================================================*/
.product_search {
	width: 600px;
	margin: 40px auto;
}
.product_search .inputfld {
	float: left;
	width: 460px;
}
.product_search .inputfld input {
	width: 100%;
	padding: 10px 10px 9px;
	font-size: 14px;
	color: #333;
	border: solid 1px #ccc;
	margin: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.20) inset;
}
.product_search .btn {
	float: right;
	width: 120px;
}
.product_search .btn a {
	position: relative;
	text-decoration: none;
	display: block;
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding: 10px 0;
	border-radius: 3px;
	border: solid 1px #000;
	width: 100%;
	-webkit-transition: .1s;
	transition: .1s;
}
.product_search .btn a:hover {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.5);
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.product_search {
	width: 100%;
}
.product_search .inputfld {
	width: 76%;
}
.product_search .btn {
	width: 20%;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.product_search {
	margin: 20px auto 30px auto;
}
.product_search .inputfld {
	float: none;
	width: 100%;
}
.product_search .btn {
	float: none;
	width: 40%;
	margin: 10px auto 0;
}
}	/* for SP max-width: 480px */

/*===============================================================

	products_list

===============================================================*/
.display_result {
	position: relative;
	text-align: center;
	margin: 30px 0 40px;
}
.display_result p {
	line-height: 26px;
}
.display_result p span {
	color: #1c7ebf;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	padding: 0 10px;
}
.display_result form span {
	line-height: 28px;
}
.display_result .selector {
	position: absolute;
	top: 0;
	right: 0;
}
.display_result .selector .select_wrap {
	width: 60px;
	min-width: 60px;
	vertical-align: middle;
}
.products_list {
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.display_result {
	margin: 20px 0 30px;
}
.display_result .selector {
	position: static;
	margin: 10px auto 0;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	item
-------------------------------------------------------------*/
.products_list .item .clickarea {
	position:relative;
}
.products_list .item .clickarea {
	cursor:pointer;
}
.products_list .item .title {
	margin-top:10px;
	font-size:16px;
	line-height:1.3;
	color:#1c7ebf;
	font-weight:normal;
}
.products_list .item .title a {
	text-decoration:none;
}
.products_list .item .caption {
}
.products_list .item .btn_detail {
	width: 80%;
	margin-top: 10px;
}
.products_list .item .btn_detail input {
	font-size: 14px;
	font-weight: normal;
	padding: 10px 0;
}
.products_list .item .btn_detail input:hover {
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.products_list .item .btn_detail input {
	font-size: 8px;
	padding: 5px 0;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.products_list .item .title {
	font-size:14px;
}
.products_list .item .btn_detail input {
	font-size: 11px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.products_list .item .photo
-------------------------------------------------------------*/
.products_list .item .photo {
	position:relative;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.products_list .item .hoverbox
-------------------------------------------------------------*/
.products_list .item .hoverbox {
	background:rgba(0,0,51,0.8);
	padding:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	opacity:0;
	transition:opacity .3s;
	cursor:pointer;
}
.products_list .hover .hoverbox {
	opacity:1;
}
.products_list .item .hoverbox .caption {
	color:#fff;
	font-size:14px;
	line-height:20px;
}
.products_list .item .hoverbox .link {
	position:absolute;
	right:15px;
	bottom:15px;
	line-height:15px;
}
.products_list .item .hoverbox .link a {
	color:#6cf;
	font-weight:bold;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.products_list .item .hoverbox .caption {
	color:#fff;
	font-size:12px;
	line-height:16px;
}
.products_list .item .hoverbox .link {
	font-size:12px;
	line-height:16px;
}
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	new
-------------------------------------------------------------*/
.new {
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	color:#fff;
	font-size:10px;
	line-height:16px;
	font-weight:bold;
	background:#c00;
	text-align:center;
	width:40px;
	height:16px;
}
.new:after {
	content:"";
	position:absolute;
	top:0;
	right:-8px;
	border-top: 8px solid #C00;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #C00;
    border-left: 8px solid transparent;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	boxshadow
-------------------------------------------------------------*/
.boxshadow {
	background:#fff;
	border:solid 1px rgba(0, 0, 0, 0.1);
	box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.1);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:relative;
}
.grid_1.grid.boxshadow {
	box-shadow: none;
}
.linkarea {
	cursor:pointer;
}
.linkarea.hover {
	opacity:0.7;
}

/*===============================================================

	cp_list

===============================================================*/
.cp_list {
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.cp_list .gridwrp_3 { width:105.000%;}
.cp_list .gridwrp_3 .grid_1 { width:45.238%; margin-right:4.762%; }
.cp_list .gridwrp_3 .grid:nth-child(2n+1) {
	clear:both;
}
.cp_list .gridwrp_3 .grid:nth-child(3n+1) {
	clear:inherit;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	item
-------------------------------------------------------------*/
.cp_list .item {
	padding:20px;
}
.cp_list .item .title {
	margin-top:10px;
	font-size:16px;
	line-height:1.3;
	color:#1c7ebf;
	font-weight:normal;
}
.cp_list .item .title a {
	text-decoration:none;
}
.cp_list .item .caption {
	font-size:14px;
	line-height:20px;
	margin-top:5px;
	word-wrap:break-word;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.cp_list .item {
	padding:10px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.cp_list .item {
	padding:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.cp_list .item .title {
	margin-top:5px;
	font-size:12px;
}
.cp_list .item .caption {
	font-size:11px;
	line-height:15px;
	margin-top:3px;
}
}	/* for SP max-width: 480px */


/*===============================================================

	section_topics_bnr

===============================================================*/
.section_topics_bnr {
}
.section_topics_bnr .topic_list {
	float:left;
	width:64.89%;
}
.section_topics_bnr .bnr_list {
	float:right;
	width:29.78%;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.section_topics_bnr .topic_list,
.section_topics_bnr .bnr_list {
	float:none;
	width:100%;
}
.section_topics_bnr .bnr_list {
	margin-top:20px;
}
.section_topics_bnr .btn_more {
	top:auto;
	bottom:-37px;
}
}	/* for SP max-width: 480px */


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

	.section_topics_bnr .topic_list

-------------------------------------------------------------*/
.section_topics_bnr .topic_list h3 {
	font-size:25px;
}
.content .topic_list dl {
	width:100%;
	overflow:hidden;
	border-bottom:solid 1px #ddd;
	margin-top:30px;
}
.content .topic_list dt {
	width:8em;
	float:left;
	padding:15px 0;
	font-size:14px;
}
.content .topic_list dd {
	padding:15px 0;
	padding-left:8em;
	border-top:solid 1px #ddd;
	font-size:14px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.section_topics_bnr .topic_list h3 {
	font-size:18px;
}
.content .topic_list dl {
	margin-top:15px;
}
.content .topic_list dt {
	width:100%;
	float:none;
	padding:10px 0 0 0;
	font-size:12px;
	font-weight:bold;
	border-top:solid 1px #ddd;
}
.content .topic_list dd {
	padding:0px 0 10px 0;
	border-top:solid 0px #ddd;
	font-size:12px;
	line-height:1.5;
}
}	/* for SP max-width: 480px */


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

	.section_topics_bnr .bnr_list

-------------------------------------------------------------*/
.section_topics_bnr .bnr_list img {
	width:100%;height:auto;
}
.section_topics_bnr .bnr_list li {
	margin-top:10px;
}
.section_topics_bnr .bnr_list li:first-child {
	margin-top:0;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */


/*===============================================================

	two_column_slider

===============================================================*/
.two_column_slider {
}
.two_column_slider .photo {
	float:left;
}
.two_column_slider .txt {
	float:right;
	background:none;
}
.two_column_slider .photo,
.two_column_slider .txt {
	width:47.91%;
}
.two_column_slider .txt h3 {
	font-size:20px;
	line-height:30px;
}
.two_column_slider .txt p {
	font-size:16px;
	line-height:30px;
	margin-top:20px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.two_column_slider .photo,
.two_column_slider .txt {
	width:100%;
	float:none;
}
.two_column_slider .txt h3 {
	font-size:14px;
	line-height:22px;
	margin-top:15px;
}
.two_column_slider .txt p {
	font-size:12px;
	line-height:18px;
	margin-top:5px;
}
}	/* for SP max-width: 480px */


/*===============================================================

	six_column

===============================================================*/
.six_column {
}
.six_column .gridconatiner {
	margin-top:-15px;
	padding-bottom:5px;
}
.six_column .gridwrp_3 { width:101.538%;}
.six_column .gridwrp_3 .grid_1 {
	width:31.818%; margin-right:1.515%;
	margin-top:15px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.content.six_column + .content {
	margin-top:0;
}
.six_column .grid {
	margin:0;
}
.six_column .gridwrp_3 { width:103.333%;}
.six_column .gridwrp_3 .grid_1 {
	width:46.774%; margin-right:3.226%;
	margin-top:10px;
}
.six_column .gridwrp_3 .grid_1:nth-child(2n+1){
	clear:both;
}
.six_column .gridwrp_3 .grid_1:nth-child(3n+1){
	clear:inherit;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	six_column_slider
-------------------------------------------------------------*/
.six_column_slider .item {
	padding:15px;
}
.six_column_slider .photo {
	width:100px;
	float:left;
}
.six_column_slider .photo img {
	width:100%; height:auto;
}
.six_column_slider .txt {
	padding-left:110px;
}
.six_column_slider .txt h3 {
	font-size:14px;
	line-height:20px;
	margin-top:5px;
	font-weight:normal;
}
.six_column_slider p {
	font-size:14px;
	line-height:20px;
}
.six_column_slider .date {
	color:#666;
}
.six_column_slider .link {
	margin-top:-20px;
	text-align:right;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.six_column_slider .link {
	margin-top:5px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.six_column_slider .item {
	padding:10px;
}
.six_column_slider .photo {
	width:100%;
	float:none;
}
.six_column_slider .txt {
	padding-left:0;
	margin-top:10px;
}
.six_column_slider .txt h3 {
	font-size:13px;
	line-height:15px;
	margin-top:5px;
	font-weight:normal;
}
.six_column_slider p {
	font-size:12px;
	line-height:14px;
}
.six_column_slider .link {
	margin-top:5px;
	text-align:right;
}

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	six_column_slider
-------------------------------------------------------------*/
.six_column_slider .new {
	top:0px;
	left:0px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.six_column_slider .new {
	top:0;
	left:0;
}
.six_column_slider_sp .bx-viewport {
	padding-bottom:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}	/* for SP max-width: 480px */

/*===============================================================

	section_login

===============================================================*/
.section_login {
}
.login_panel {
	width:640px;
	margin:0 auto;
	padding:30px;
}
.login_panel .form {
	width:300px;
	margin:0 auto;
	padding-top:10px;
}
.login_panel .form .inputfld {
	margin-top:20px;
}
.login_panel .form p {
	text-align:center;
	margin-top:20px;
}
.login_panel .form p + p {
	margin-top:10px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.login_panel {
	width:80%;
}
.login_panel .form {
	width:80%;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.section_login {
	background:#fff;
}
.section_login .boxshadow {
	box-shadow:none;
	padding:0;
	border:0;
}
.login_panel {
	width:100%;
	padding:0;
}
.login_panel .form {
	width:100%;
	padding:0;
}
}	/* for SP max-width: 480px */

/*===============================================================

	pager_num：数字のページング

===============================================================*/
.pager_num {
	position: relative;
	overflow: hidden;
	margin-top:30px;
}
.pager_num ul {
	position: relative;
	left: 50%;
	float: left;
	margin-top:-10px;
}
.pager_num ul li {
	position: relative;
	left: -50%;
	float: left;
	padding:0 10px;
	margin-top:10px;
}
.pager_num li a {
	display:block;
	margin:0 auto;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	line-height:40px;
	width:40px;
	color:#fff;
	background:#3498db;
	border:solid 1px #3498db;
	border-radius:3px;
}
.pager_num li a:hover {
	background:#29a9ff;
	border:solid 1px #29a9ff;
}
.pager_num li.current a {
	background:#fff;
	color:#1c7ebf;
	border:solid 1px #3498db;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.pager_num ul li {
	padding:0 5px;
}
.pager_num li a {
	font-size:14px;
	line-height:30px;
	width:30px;
}
}	/* for SP max-width: 480px */

/*===============================================================

	section_product_detail

===============================================================*/
.section_product_detail {
}
.section_product_detail .section_inner {
	padding-top:10px;
}
.column_left {
	float:left;
	width:65.10%;
}
.column_right {
	float:right;
	width:30.20%;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.column_left,
.column_right {
	float:none;
	width:100%;
}
.column_right {
	margin-top:20px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	product_detail
-------------------------------------------------------------*/
.product_detail .product_name {
	font-size:25px;
	line-height:30px;
	color:#1c7ebf;
}
.product_detail .maker {
	margin-top:10px;
}
.product_detail .price_data {
	overflow:hidden;
	width:100%;
	padding:15px;
	margin-top:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.product_detail .price_data + .price_data {
	margin-top:10px;
}
.product_detail .price_data dt {
	float:left;
	width:50%;
	font-size:20px;
	line-height:1.2;
}
.product_detail .price_data dd {
	float:right;
	width:50%;
	text-align:right;
	font-size:20px;
	line-height:1.2;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.product_detail .product_name {
	font-size:16px;
	line-height:1.3;
}
.product_detail .maker {
	margin-top:15px;
}
.product_detail .price_data {
	padding:10px;
	margin-top:15px;
}
.product_detail .price_data + .price_data {
	margin-top:5px;
}
.product_detail .price_data dt {
	float:left;
	width:40%;
	font-size:14px;
	line-height:1.2;
}
.product_detail .price_data dd {
	float:right;
	width:60%;
	text-align:right;
	font-size:20px;
	line-height:1.2;
	font-weight:bold;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	product_detail .detail_txt
-------------------------------------------------------------*/
.product_detail .detail_txt {
}
.product_detail .detail_txt p,
.product_detail .detail_txt .photo {
	margin-top:20px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.product_detail .detail_txt p,
.product_detail .detail_txt .photo {
	margin-top:15px;
}
.product_detail .detail_txt p {
	font-size:12px;
	line-height:1.5;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	product_detail .address_info
-------------------------------------------------------------*/
.product_detail .address_info {
	border:solid 1px #ddd;
	overflow:hidden;
	width:100%; height:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin-top:20px;
	padding:20px;
}
.product_detail .address_info dt {
	float:left;
	width:180px;
	font-weight:bold;
}
.product_detail .address_info dd {
	padding-left:180px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.product_detail .address_info {
	margin-top:20px;
	padding:10px;
}
.product_detail .address_info dt {
	float:none;
	width:100%;
	font-weight:bold;
	font-size:12px;
}
.product_detail .address_info dd {
	padding-left:0;
	font-size:12px;
	line-height:1.5;
	padding-top:5px;
}
}	/* for SP max-width: 480px */


/*===============================================================

	section_product_detail2

===============================================================*/
.section_product_detail2 {
}
.section_product_detail2 .section_inner {
	padding-top:10px;
}
/* 合計95.30% */
.section_product_detail2 .column_left {
	float:left;
	width:75%;
}
.section_product_detail2 .column_left .porduct_photo {
	float:left;
	width:220px;
	min-width:220px;
}
.section_product_detail2 .column_left .product_details {
	float:right;
	width:auto;
}
.section_product_detail2 .column_right {
	float:right;
	width:20%;
}
#section04.btn .section_inner {
	padding-top: 0;
}
#section04.btn .section_inner .btn_prev {
	margin-top: 0;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.section_product_detail2 .column_left,
.section_product_detail2 .column_right {
	float:none;
	width:100%;
}
.section_product_detail2 .column_right {
	margin-top:20px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.section_product_detail2 .column_left,
.section_product_detail2 .column_left .porduct_photo,
.section_product_detail2 .column_left .product_details,
.section_product_detail2 .column_right {
	float:none;
	width:100%;
}
.section_product_detail2 .column_right {
	margin-top:20px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	product_detail2
-------------------------------------------------------------*/
.product_detail2 .product_name {
	font-size:25px;
	line-height:30px;
}
.product_detail2 ul.charges_model {}
.product_detail2 ul.charges_model li {
	margin-top: 20px;
}
.product_detail2 ul.charges_model li p label {
	font-weight: bold;
}
.product_detail2 ul.charges_model li p input {
	margin-right: 10px;
}
.product_detail2 ul.charges_model li ul.charges_list {
	border-bottom: 1px dotted #ddd;
	margin-left: 1em;
}
.product_detail2 ul.charges_model li ul.charges_list li {
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
	margin-top: 10px;
}
.product_detail2 ul.charges_model li ul.charges_list li.name {
	width: 50%;
}
.product_detail2 ul.charges_model li ul.charges_list li.price {
	width: 50%;
	text-align: right;
}
.product_detail2 ul.charges_model li ul.style-flex {
	display: flex;
}
.product_detail2 ul.charges_model li ul.price_one {
	margin-left: 0px;
	margin-right: 10px;
	border-bottom: 1px dotted #ddd;
}
.product_detail2 ul.charges_model li ul.price_one li {
	padding-left: 0px;
	padding-right: 0px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.product_detail2 .product_name {
	font-size:16px;
	line-height:1.3;
	margin-top: 0px;
}
.product_detail2 ul.charges_model {}
.product_detail2 ul.charges_model li {
	margin-top: 10px;
}
.product_detail2 ul.charges_model li ul.charges_list li {
	font-size: 12px;
	line-height: 1.5;
	margin-top: 5px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	product_detail .detail_txt
-------------------------------------------------------------*/
.product_detail2 .detail_txt {
}
.product_detail2 .detail_txt p,
.product_detail2 .detail_txt .photo {
	margin-top:20px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.product_detail2 .detail_txt p,
.product_detail2 .detail_txt .photo {
	margin-top:15px;
}
.product_detail2 .detail_txt p {
	font-size:12px;
	line-height:1.5;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	product_detail .address_info
-------------------------------------------------------------*/
.product_detail2 .address_info {
	border:solid 1px #ddd;
	overflow:hidden;
	width:100%; height:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin-top:20px;
	padding:20px;
}
.product_detail2 .address_info dt {
	float:left;
	width:180px;
	font-weight:bold;
}
.product_detail2 .address_info dd {
	padding-left:180px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.product_detail2 .address_info {
	margin-top:20px;
	padding:10px;
}
.product_detail2 .address_info dt {
	float:none;
	width:100%;
	font-weight:bold;
	font-size:12px;
}
.product_detail2 .address_info dd {
	padding-left:0;
	font-size:12px;
	line-height:1.5;
	padding-top:5px;
}
}	/* for SP max-width: 480px */



/*===============================================================

	blanklink

===============================================================*/
.blanklink a {
	color:#1c7ebf;
	text-decoration:none;
	position:relative;
	padding-left:18px;
	background:url(../images/icon_blank.gif) no-repeat left center;
	background-size:12px 12px;
}
.blanklink a:hover {
	color:#3498db;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	linkbtn
-------------------------------------------------------------*/
.linkbtn {
	margin-top:10px;
}
.linkbtn li {
	display:inline-block;
	border:solid 1px #ccc;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:5px 15px;
	text-align:center;
	border-radius:3px;
	margin-top:10px;
	margin-right:5px;
}
.product_details .linkbtn {
	margin-top: 20px;
}
.product_details .linkbtn .blanklink {
	float: right;
	display:inline-block;
	border:solid 1px #ccc;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:5px 15px;
	text-align:center;
	border-radius:3px;
}
.linkbtn li a,
.product_details .linkbtn .blanklink a {
	color:#666;
}
.linkbtn li a:hover,
.product_details .linkbtn .blanklink a:hover {
	color:#333;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.linkbtn {
	margin-top:10px;
}
.product_details .linkbtn {
	margin-top: 10px;
}
.linkbtn li {
	padding:5px 10px;
	font-size:12px;
}
.linkbtn li a {
	color:#666;
}
.linkbtn li a:hover {
	color:#333;
}
}	/* for SP max-width: 480px */


/*===============================================================

	estimate

===============================================================*/
.estimate {
	background:#f93;
	padding:5px;
	margin-top:30px;
}
.section_product_detail2 .estimate {
	margin-top: 0;
}
.estimate .title {
	text-align:center;
	color:#fff;
	font-size:20px;
	padding:10px 0;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.estimate {
	margin-top:20px;
}
.estimate .title {
	font-size:16px;
	padding:10px 0;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.estimate .form
-------------------------------------------------------------*/
.estimate .form {
	background:#fff;
	padding:15px;
}
.estimate .form h4 {
}
.estimate .form p {
	font-size:14px;
	line-height:1.4;
}
.estimate .form * + p,
.estimate .form * + h4 {
	margin-top:15px;
}
.estimate .form .btn_detail {
	margin-top:15px;
	width:100%;
}
.section_product_detail2 .estimate .form .btn_detail {
	margin-top: 0;
}
.estimate .form .btn_detail a {
	padding:8px 0;
}
.estimate .form .select_wrap {
	width:100%;
	margin-top:5px;
}
.estimate .form .price {
	text-align:right;
	font-size:20px;
	line-height:1.2;
	font-weight:bold;
	margin-top:10px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.estimate .form {
	padding:10px;
}
.estimate .form h4 {
}
.estimate .form p {
	font-size:12px;
	line-height:1.4;
}
.estimate .form * + p,
.estimate .form * + h4 {
	margin-top:10px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	estimate table
-------------------------------------------------------------*/
.estimate table,
.estimate table	 th,
.estimate table	 td {
	border:0;
}
.estimate table {
	border-bottom:solid 1px #ddd;
}
.estimate table	 th,
.estimate table	 td {
	width:50%;
	padding:0 0 10px 0;
}
.estimate table	 td {
	text-align:right;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	info_with_txt
-------------------------------------------------------------*/
.info_with_txt {
	margin-top:15px;
	padding-right:30px;
	position:relative;
	line-height:1.5;
}

.info_with_txt .icon_info {
	position:absolute;
	top:0;
	right:0;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	sp_estimate
-------------------------------------------------------------*/
.sp_estimate {
	display:none;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {

}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.sp_estimate {
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	z-index:100;
	background:#f93;
	width:100%;
	height:100px;
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.sp_estimate .thumb {
	width:80px;
	float:left;
}
.sp_estimate p {
}
.sp_estimate p a {
	font-size:20px;
	line-height:80px;
	padding-left:90px;
	font-weight:bold;
	display:block;
	color:#fff;
	text-decoration:none;
}
.sp_estimate.linkarea.hover {
	opacity:1;
}
}	/* for SP max-width: 480px */


/*===============================================================

	tab2

===============================================================*/
.tabhead {
	margin-top:30px;
	text-align:center;
}
.section_inner.mypage .tabhead {
	margin-top: 0;
}
.tabhead li {
	width:auto;
	float:left;
	display:inline-block;
}
.tabhead li a {
	display:block;
	padding:15px 20px;
	border-left:0;
	color:#1c7ebf;
	font-size:18px;
	background:none;
	text-decoration:none;
}
.tabhead li.active a {
	background:#fff;
	border-left:0;
	color:#333;
}
.tabhead li:first-child a,
.tabhead li.active:first-child a {
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.tabhead {
	margin-top:50px;
}
.tabhead.mypage li {
	width:25%;
}
.tabhead li a {
	padding:5px 15px;
	font-size:14px;
}
.tabhead.mypage li a {
	font-size:14px;
	line-height: 18px;
	padding:5px;
}
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	.tabbody
-------------------------------------------------------------*/
.tabbody {
	margin-top:-1px;
	background:#fff;
	padding:65px 80px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:left;
}
.tabbody.mypage {
	padding: 30px;
}
.tabbody h3 {
	font-size:20px;
}
.tabbody h4 {
	font-size:18px;
}
.tabbody p {
	font-size:14px;
}

.tabbody * + h3 {
	margin-top:40px;
}
.tabbody * + h4 {
	margin-top:30px;
}
.tabbody * +p {
	margin-top:20px;
}
.tabbody * + .fig {
	margin-top:20px;
}
.tabbody td.bt0 span > span {
	margin: 0;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.tabbody {
	padding:30px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.tabbody {
	padding:20px;
}
.tabbody.mypage {
	padding: 10px;
}
.tabbody .fig img {
	max-width:100%;
	height:auto;
}
.tabbody h3 {
	font-size:16px;
}
.tabbody h4 {
	font-size:14px;
}
.tabbody p {
	font-size:12px;
	line-height:1.5;
}
.tabbody * + h3 {
	margin-top:30px;
}
.tabbody * + h4 {
	margin-top:20px;
}
.tabbody * +p {
	margin-top:10px;
}
.tabbody * + .fig {
	margin-top:10px;
}
.tabbody th.bt0 span {
	display: none;
}
.tabbody td.bt0 span > span {
	display: none;
}
}	/* for SP max-width: 480px */

/*===============================================================

	accordion tab

===============================================================*/
.tabaccordionhead {
	margin-top:30px;
	text-align:center;
}
.section_inner.mypage .tabaccordionhead {
	margin-top: 0;
}
.tabaccordionhead li {
	width:auto;
	float:left;
	display:inline-block;
}
.tabaccordionhead li a {
	display:block;
	padding:15px 20px;
	border-left:0;
	color:#1c7ebf;
	font-size:18px;
	background:none;
	text-decoration:none;
}
.tabaccordionhead li.active a {
	background:#fff;
	border-left:0;
	color:#333;
}
.tabaccordionhead li:first-child a,
.tabaccordionhead li.active:first-child a {
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.tabaccordionhead {
	display: none;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	.tabaccordionbody
-------------------------------------------------------------*/
.tabaccordionbody {
	margin-top:-1px;
	background:#fff;
	padding:65px 80px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:left;
}
.tabaccordionbody .accordion_header {
	display:none;
}
.tabaccordionbody .tabcontent {
	display: block;
}
.tabaccordionbody.mypage {
	padding: 30px;
}
.tabaccordionbody h3 {
	font-size:20px;
}
.tabaccordionbody h4 {
	font-size:18px;
}
.tabaccordionbody p {
	font-size:14px;
}
.tabaccordionbody * + h3 {
	margin-top:40px;
}
.tabaccordionbody * + h4 {
	margin-top:30px;
}
.tabaccordionbody * +p {
	margin-top:20px;
}
.tabaccordionbody * + .fig {
	margin-top:20px;
}
.tabaccordionbody td.bt0 span > span {
	margin: 0;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.tabaccordionbody {
	padding:30px;
}
.tabaccordionbody .accordion_header {
	display:block;
}
.tabaccordionbody .accordion_header a {
	display:block;
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:left;
	position:relative;
	text-decoration:none;
	color:#1c7ebf;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border:solid 1px #3498db;
	border-radius: 3px;
	background: #fff;
}
.tabaccordionbody .accordion_header a:before,
.tabaccordionbody .accordion_header a:after {
	content:' ';
	position:absolute;
	width:15px;
	height:1px;
	background:#1c7ebf;
	top:0; bottom:0; right:10px; margin:auto;
	transition:all .3s;
}
.tabaccordionbody .accordion_header a:after {
	transform:rotate(90deg);
}
.tabaccordionbody .accordion_header.active a:after {
	transform:rotate(0deg);
}
.tabaccordionbody .tabcontent + .accordion_header {
	margin-top:10px;
}
.tabaccordionbody .tabcontent {
	/*display: none;*/
	padding: 20px 0;
}

.tabaccordionbody.mypage {
	padding: 10px;
}
.tabaccordionbody .fig img {
	max-width:100%;
	height:auto;
}
.tabaccordionbody h3 {
	font-size:16px;
}
.tabaccordionbody h4 {
	font-size:14px;
}
.tabaccordionbody p {
	font-size:12px;
	line-height:1.5;
}
.tabaccordionbody * + h3 {
	margin-top:30px;
}
.tabaccordionbody * + h4 {
	margin-top:20px;
}
.tabaccordionbody * +p {
	margin-top:10px;
}
.tabaccordionbody * + .fig {
	margin-top:10px;
}
.tabaccordionbody th.bt0 span {
	display: none;
}
.tabaccordionbody td.bt0 span > span {
	display: none;
}

.tabaccordionbody {
	background: none;
	padding:0;
}
.tabaccordionbody .accordion_header.active a {
	border-radius:3px 3px 0 0;
	border-bottom:0;
}
.tabaccordionbody .tabcontent {
	padding: 20px;
	background:#fff;
	border:solid 1px #3498db;
	border-radius:0 0 3px 3px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

}	/* for SP max-width: 480px */


/*===============================================================

	content_form

===============================================================*/
.content_form {
	padding-bottom:30px;
}

.content_form h3 {
	font-size:20px;
}
.content_form * + h3 {
	margin-top:50px;
}
.content_form th,
.content_form td {
	padding:20px 10px;
	vertical-align:middle;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.content_form td p.caution {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;
}
.content_form td p.caution.right {
	position: absolute;
	top: 20px;
	left: 24%;
	margin-top: 0;
	margin-left: 20px;
}
.content_form td span {
	margin-left: 20px;
}
.content_form td span:first-child {
	margin-left: 0;
}
.content_form th {
	width:25%;
}
.content_form .ness {
	border:solid 1px #c00;
	color:#c00;
	padding:0px 5px;
	line-height:22px;
	height:20px;
	/*
	display:block;
	position:absolute;
	top:0; bottom:0; right:5px; margin:auto;
	*/
	display:inline-block;
	float:right;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.content_form th.s {
	width:18%;
}
.content_form td.s {
	width:32%;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.content_form {
	padding:10px;
	/*padding-bottom:20px;*/
}
.content_form h3 {
	font-size:16px;
}
.content_form * + h3 {
	margin-top:20px;
}
.content_form th {
	width:100%;
	padding: 8px 0;
}
.content_form td {
	padding: 8px 0;
}
.content_form td p.caution {
	font-size: 12px;
	line-height: 18px;
	margin-top: 5px;
}
.content_form td p.caution.right {
	position: static;
	margin-top: 5px;
	margin-left: 0;
}
.content_form .ness {
	display:block;
	position:absolute;
	top:0; bottom:0; right:5px; margin:auto;
	border:solid 1px #c00;
	color:#c00;
	padding:0px 5px;
	line-height:22px;
	height:20px;
}

}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	submit_btns
-------------------------------------------------------------*/
.submit_btns {
	width:520px;
	margin:0 auto;
}
.submit_btns .btn_detail {
	width:250px;
	margin-top:30px;
}
.submit_btns.wide {
	width:550px;
}
.submit_btns.wide .btn_detail.pdf {
	width:280px;
}
.submit_btns .btn_detail a,
.submit_btns .btn_detail input {
	padding:10px 0;
	font-size:16px;
	font-weight:normal;
}
.submit_btns .btn_prev {
	float:left;
}
.submit_btns .btn_next {
	float:right;
}
.submit_btns .btn_center {
	clear:both;
	float:none;
	margin:0 auto;
	padding-top:20px;
}
.submit_btns .btn_prev a:hover,
.submit_btns .btn_prev input:hover {
	background:#fff;
	color:#999;
}
.submit_btns .btn_estimate.btn_prev a:hover,
.submit_btns .btn_estimate.btn_prev input:hover {
	background:#2bd975;
	color:#fff;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.submit_btns {
	width:250px;
}
.submit_btns .btn_detail.btn_prev {
	margin-top:10px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.submit_btns,
.submit_btns.wide {
	width:100%;
	margin-top:20px;
}
.submit_btns.wide {
	margin-top:50px;
}
.submit_btns .btn_detail {
	width:48%;
	margin:0 auto;
}
.submit_btns .btn_detail.wide {
	width: 60%;
}
.submit_btns.wide .btn_prev,
.submit_btns.wide .btn_next {
	float:none;
}
.submit_btns .btn_detail.btn_prev {
	margin-top:0;
}
.submit_btns.wide .btn_detail.pdf {
	width: 80%;
	margin-bottom: 20px;
}
.submit_btns .btn_detail a,
.submit_btns .btn_detail input {
	font-size:14px;
	padding:8px 0;
}
.submit_btns .btn_detail.txts input {
	font-size:13px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	submit_3btns
-------------------------------------------------------------*/
.submit_3btns {
	width: 730px;
	margin: 20px auto;
}
.submit_3btns .btn_detail {
	width: 230px;
	margin-top: 30px;
}
.submit_3btns .btn_detail a,
.submit_3btns .btn_detail input {
	padding: 10px 0;
	font-size: 16px;
	font-weight: normal;
}
.submit_3btns .right {
	float: right;
}
.submit_3btns .center {
	float: right;
	margin-right: 20px;
}
.submit_3btns .left {
	float: left;
}
.submit_3btns .btn_prev a:hover,
.submit_3btns .btn_prev input:hover {
	background: #fff;
	color: #999;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.submit_3btns {
	width: 100%;
	margin-top: 10px;
}
.submit_3btns .btn_detail {
	width: 60%;
	margin: 10px auto 0;
}
.submit_3btns .btn_detail a,
.submit_3btns .btn_detail input {
	/*font-size: 14px;*/
	padding: 8px 0;
}
.submit_3btns .right,
.submit_3btns .center,
.submit_3btns .left {
	float: none;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.submit_3btns .btn_detail a,
.submit_3btns .btn_detail input {
	font-size: 14px;
}
}	/* for SP max-width: 480px */



/*-------------------------------------------------------------
	update_btns
-------------------------------------------------------------*/
.update_btns {
	width:100%;
}
.update_btns .btn_detail {
	float:left;
	width:160px;
	max-width: 160px;
	font-weight:normal;
	margin:20px 20px 0 0;
}
.update_btns .btn_detail.wide {
	width:250px;
	max-width: 250px;
}
.update_btns .btn_detail:last-child {
	margin-right:0;
}
.update_btns .btn_detail input {
	font-size: 14px;
	font-weight: normal;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.update_btns .btn_detail {
	float:none;
	width:250px;
	max-width: 250px;
	padding:0;
	font-weight:normal;
	margin:10px auto 0;
}
.update_btns .btn_detail:first-child {
	margin-top: 20px;
}
.update_btns .btn_detail:last-child {
	margin-right: auto;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.update_btns {}
.update_btns .btn_detail {
	width: 100%;
	padding: 0;
	margin: 10px auto 0;
}
.update_btns .btn_detail input {
	font-size:14px;
	padding:8px 0;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.caution
-------------------------------------------------------------*/
.caution {
	color:#c00;
}
.submit_btns .caution {
	clear:both;
	padding-top:20px;
	text-align:center;
	color:#c00;
	font-size:16px;
	font-weight:bold;
}
.cart_table + p.caution {
	margin-top:10px;
	line-height:1.5;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.submit_btns .caution {
	padding-top:10px;
	text-align:left;
	font-size:12px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.payment
-------------------------------------------------------------*/
.content_form dl.payment {}
.content_form dl.payment dt input {
	margin-right: 5px;
}
.content_form dl.payment dd {
	padding: 10px 20px 20px;
}
.content_form dl.payment dd:last-child {
	padding-bottom: 0;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.content_form dl.payment dd {
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 15px 15px;
}
}	/* for SP max-width: 480px */

/*===============================================================

	pagetitle

===============================================================*/
.pagetitle {
	background:#f4f4f4;
	padding:50px 20px;
}
.pagetitle .title {
	font-size:30px;
	line-height:1.2;
}
.pagetitle .read {
	font-size:20px;
	line-height:1.2;
	margin-top:10px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.pagetitle {
	padding:20px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.pagetitle .title {
	font-size:20px;
	line-height:1.2;
}
.pagetitle .read {
	font-size:14px;
	line-height:1.2;
	margin-top:5px;
}
}	/* for SP max-width: 480px */

/*===============================================================

	.simulator

===============================================================*/
.simulator {
}
.simulator .content_width {
	width:1240px;
}
@media screen and (max-width: 1280px) {
.simulator .content_width {
	width:100%;
}
}	/* for tablet max-width: 768px */

/* タブレット以下 */
@media screen and (max-width: 768px) {
.simulator .content_width,
.simulator .navigation_wrp,
.simulator .pagetitle,
.simulator .bg_blue,
.simulator .footer_wrp {
	width:768px;
	min-width:768px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

/*
.simulator .column_left {
	margin-top:-10px;
}
*/
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {

.simulator .content_width {
	width:768px;
}
.simulator .column_left {
	float:left;
	width:65.10%;
}
.simulator .column_right {
	float:right;
	width:30.20%;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	icon
-------------------------------------------------------------*/
.icon_info {
	width:24px;
	height:24px;
	border:solid 2px #3498db;
	color:#3498db;
	text-align:center;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	display:inline-block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:12px;
	position:relative;
	cursor:pointer;
}
.icon_info.active {
	border:solid 2px #ccc;
	color:#ccc;
}
.icon_close {
	width:26px;
	height:26px;
	position:relative;
	display:inline-block;
	white-space:nowrap; text-indent:100%; overflow:hidden;
	margin-top:1px;
	cursor:pointer;
}
.icon_close:before,
.icon_close:after {
	content:" ";
	position:absolute;
	width:26px; height:2px;
	background:#3498db;
	top:10px; right:0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.icon_close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.icon_close:hover:before,
.icon_close:hover:after {
	background:#ccc;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	info_panel
-------------------------------------------------------------*/
.icon_info .info_panel {
	position:absolute;
	z-index:30;
	min-width:250px;
	top:-35px;
	left:22px;
	display:none;
}
.icon_info .info_panel_right {
	position:absolute;
	z-index:30;
	min-width:250px;
	max-width:250px;
	top:-35px;
	left:-250px;
	display:none;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	popbox
-------------------------------------------------------------*/
.popbox {
	position:relative;
	text-align:left;
	color:#fff;
	margin-top:30px;
}
.popbox .popbox_body {
	background:#3498db;
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.20);
	margin-left:10px;
}
.popbox .popbox_arw {
	overflow:hidden;
	position:absolute;
	width:20px;
	height:20px;
	margin:auto;
	top:5px; bottom:auto; left:0; right:auto;
	z-index:1;
}
.popbox .popbox_arw:after {
	position: absolute;
	z-index:5;
	content:'';
	margin: auto;
	top:0; bottom:0; left:8px; right:auto;
	width: 30px;
	height: 30px;
	background: #3498db;
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.20);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform:rotate(45deg);
}
.popbox .popbox_inner {
	padding:15px;
}
.popbox .popbox_body h3 {
	font-size:16px;
}
.popbox .popbox_body p {
	font-size:12px;
	line-height:1.4;
	margin-top:5px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.popbox .popbox_inner {
	padding:10px;
	text-align:left;
}
.popbox .popbox_body h3 {
	font-size:12px;
	line-height:20px;
	float:left;
	width:4.5em;
}
.popbox .popbox_body p {
	font-size:12px;
	line-height:20px;
	margin-top:0px;
	padding-left:4.5em;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	右
-------------------------------------------------------------*/
.info_panel_right .popbox {
	position:relative;
	margin-top:30px;
}
.info_panel_right .popbox .popbox_body {
	margin-right:15px;
}
.info_panel_right .popbox .popbox_arw {
	position:absolute;
	width: 20px;
	height: 20px;
	margin:auto;
	top:5px; bottom:auto; left:auto; right:4px;
	z-index:1;
}
.info_panel_right .popbox .popbox_arw:after {
	top:0; bottom:0; left:auto; right:8px;
}


/*===============================================================

	sim_function_btns

===============================================================*/

.sim_function_btns {
	padding:10px 20px;
}
.sim_function_btns .content_width {
	position:relative;
}
.sim_function_btns .btn_detail {
	margin:0;
	float:left;
	width:250px;
}
.sim_function_btns .btn_detail_white {
	margin:0;
	float:right;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
.sim_function_btns {
	padding:10px 20px;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.simulator .sim_function_btns .content_width {
	width:100%;
	min-width:100%;
}
.sim_function_btns .btn_detail {
	width:250px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.sim_function_btns .btn_detail {
	width:48%;
}
.sim_function_btns .btn_detail a {
	padding:5px;
}
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	menupanel
-------------------------------------------------------------*/
.menupanel {
	width:807px !important;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:absolute;
	padding:20px;
	background:#fff;
	top:52px;
	left:20px;
	z-index:5;
	width:100%;
	display:none;
}

.menupanel .panel_header h3 {
	float:left;
	font-size:20px;
}
.menupanel .closebtn {
	width:24px;
	height:24px;
	position:relative;
	display:inline-block;
	white-space:nowrap; text-indent:100%; overflow:hidden;
	float:right;
}
.menupanel .closebtn a {
	z-index:10;
	width:24px;
	height:24px;
	display:block;
	position:relative;
}
.menupanel .closebtn a:before,
.menupanel .closebtn a:after {
	content:" ";
	position:absolute;
	width:25px; height:2px;
	background:#3498db;
	top:10px; right:0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index:10;
}
.menupanel .closebtn a:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menupanel .closebtn a:hover:before,
.menupanel .closebtn a:hover:after {
	background:#ccc;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	menupanel .panel_body
-------------------------------------------------------------*/
.menupanel .content_left {
	float:left;
	width:30%;
}
.menupanel .content_right {
	float:right;
	width:65%;
}
.menupanel .panel_body .title {
	border-top:solid 2px #3498db;
	padding:30px 0;
}
.menupanel .panel_body .title h4 {
	font-size:18px;
	line-height:35px;
	color:#1c7ebf;
	float:left;
}
.menupanel .panel_body .title .searxhbox {
	float:right;
}
.menupanel .panel_body .title .searxhbox .inputfld,
.menupanel .panel_body .title .searxhbox .btn {
	display:inline-block;
}
.menupanel .panel_body .title .searxhbox .inputfld .txtinput {
	width:350px;
}
.menupanel .panel_body .title .searxhbox .btn a {
	display:inline-block;
	background:#3498db;
	line-height:35px;
	padding:0 15px;
	color:#fff;
	text-decoration:none;
	border-radius:3px;
}
.menupanel .switch_wrp .switch_contents,
.menupanel .switch_wrp .switch_menu {
	float:none;
	width:100%;
}
.menupanel .panel_body .switch_contents .item a {
	text-decoration:none;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */



/*-------------------------------------------------------------
	menupanel .switch_contents
-------------------------------------------------------------*/
.menupanel .switch_contents {
	border:solid 1px #ddd;
	padding:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.menupanel .switch_contents .item .thumb {
	width:50px;
	float:left;
}
.menupanel .switch_contents .item .txt {
	padding-left:60px;
}
.menupanel .switch_contents .item + .item {
	margin-top:20px;
}


/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */


/*===============================================================

	section_sim

===============================================================*/
.section_sim {
}
.section_sim .section_inner {
	padding-top:10px;
}
.section_sim .boxshadow {
	padding:20px;
	margin-top:30px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.section_sim .boxshadow {
	padding:15px;
	margin-top:20px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	content_header
-------------------------------------------------------------*/
.content_header {
}
.content_header .title {
	font-size:20px;
	line-height:1.2;
	color:#1c7ebf;
}
.content_header .title .caption {
	font-size:14px;
	color:#999;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	product_header
-------------------------------------------------------------*/
.product_header {
}
.product_header .thumb {
	width:50px;
	float:left;
}
.product_header .title {
	padding-left:60px;
	margin-top:12.5px;
}
.product_header .icons {
	float:right;
	margin-top:10px;
}
.product_header .icons li {
	float:left;
	margin-left:8px;
}


/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	recommend_productlist
-------------------------------------------------------------*/
.recommend_productlist {
	margin-top:0px;
}
.recommend_productlist .grid {
	margin-top:20px;
	text-align:center;
}
.recommend_productlist .grid p {
	font-size:12px;
	line-height:1.2;
	margin-top:5px;
}
.recommend_productlist a {
	color:#333;
	text-decoration:none;
}
.recommend_productlist a:hover img {
	opacity:0.7;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */


/*===============================================================

	content_body

===============================================================*/
.content_body {
}
.content_body .item_container {
}
.content_body .item {
	float:left;
	padding-left:20px;
	padding-top:20px;
	vertical-align:middle;
}
.item_long {
	width:380px;
}
.item_harf {
	width:180px;
}
.item_short {
	width:80px;
}
.content_body .item:first-child {
	padding-left:0;
}
.content_body .item .icon_info {
	margin-top:25px;
	margin-left:-10px;
}
.content_body h3 {
	font-size:20px;
	line-height:1.2;
	margin-top:0;
}
.content_body * + h3 {
	margin-top:25px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	dropdown
-------------------------------------------------------------*/
.dropdown {
	display:inline-block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%;
}

.dropdown .select_wrap {
	width:100%;
}
.dropdown .label {
	font-size:12px;
	line-height:1.5;
}
.dropdown .label + .select_wrap {
	margin-top:5px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	calculator
-------------------------------------------------------------*/
.calculator {
	background:#eef6fb;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin-top:20px;
	padding:20px 15px;
	width:100%;
	table-layout: auto;
}
.calculator ,
.calculator th,
.calculator td {
	border:0;
}
.calculator td {
	padding:0;
	margin:0;
	width:auto;
	font-size:0;
	line-height:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	vertical-align:top;
	position:relative;
}
.calculator .dropdown {
	width:auto;
	margin:0;
	margin-right:5px;
}
.calculator .dropdown .select_wrap {
	min-width:auto;
	padding-right:15px;
	width:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	height:30px;
	line-height:1;
}
.calculator td * + .icon_info {
	position:absolute;
	top:3px;
}

.calculator .icon_close {
}
.calculator .icon_close:after,
.calculator .icon_close:before {
	background:#98bfd8;
}
.content_body .calculator .icon_info {
}
.calculator .price {
	line-height:1;
	vertical-align:baseline;
}
.calculator .total {
	text-align:right;
}
.calculator .price p {
	font-size:25px;
	line-height:30px;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	white-space:nowrap;
}
.calculator .price .label,
.calculator .label {
	font-size:12px;
	line-height:15px;
	margin-top:5px;
	font-weight:normal;
}
.calculator .icon,
.calculator .equal {
	color:#98bfd8;
	font-size:30px;
	line-height:30px;
	padding:0 5px;
}
.calculator .price .subtotal {
	font-size:20px;
	font-weight:bold;
	padding-right:10px;
}
.price .unit {
	font-size:15px;
	font-weight:bold;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.calculator .dropdown .select_wrap {
	height:auto;
	padding-right:20px;
}
.calculator td {
	display:table-cell;
}
}	/* for SP max-width: 480px */


/*===============================================================

	switch_wrp

===============================================================*/
.switch_wrp {
	margin-top:20px;
}
.switch_wrp .switch_menu {
	float:left;
	width:48%;
}
.switch_wrp .switch_contents {
	float:right;
	width:48%;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
/*
.switch_wrp .switch_menu {
	width:30%;
	margin-left:-20px;
}
.switch_wrp .switch_contents {
	width:70%;
}
*/
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.switch_menu
-------------------------------------------------------------*/
.switch_menu {
}
.switch_menu ul {
	border-bottom:solid 1px #ddd;
}
.switch_menu li a {
	text-align:left;
	display:block;
	font-size:14px;
	line-height:20px;
	padding:10px;
	color:#1c7ebf;
	background:#eee;
	border-top:solid 1px #ddd;
	position:relative;
	text-decoration:none;
}
.switch_menu li.active a,
.switch_menu li a:hover {
	background:#3498db;
	color:#fff;
	text-decoration:none;
}
.switch_menu li a span {
	float:right;
	font-size:12px;
}
.switch_menu li.active a:after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: -29px;
	width: 10px;
	height: 0px;
	border-top: 20px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 10px solid #3498db;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	switch_contents
-------------------------------------------------------------*/
.switch_contents {
	text-align:left;
}
.switch_contents h3 {
	font-size:15px;
	line-height:1.5;
}
.switch_contents p {
	font-size:14px;
	line-height:1.6;
	margin-top:5px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */


/*===============================================================

	flowbox

===============================================================*/
.flowbox {
}
.flowbox  .popbox {
	float:left;
	margin-top:0;
}
.flowbox .popbox:last-child .popbox_body {
	margin-right:0;
}
.flowbox2  .popbox {
	width:50%;
}
.flowbox3  .popbox {
	width:33.3%;
}
.flowbox4  .popbox {
	width:25%;
}
.flowbox5  .popbox {
	width:20%;
}
.flowbox6  .popbox {
    width:16.6%;
}
.flowbox7  .popbox {
    width:14%;
}

.flowbox + .flowbox {
	margin-top:50px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.flowbox2  .popbox,
.flowbox3  .popbox,
.flowbox4  .popbox,
.flowbox5  .popbox,
.flowbox6  .popbox,
.flowbox7  .popbox {
	width:100%;
}
.flowbox + .flowbox {
	margin-top:20px;
}
}	/* for SP max-width: 480px */


/*-------------------------------------------------------------
	.flowbox .popbox_body
-------------------------------------------------------------*/
.flowbox .popbox .popbox_body {
	margin-left: 0px;
	margin-right: 20px;
	background:#fff;
	color:#3498db;
	border:solid 2px #3498db;
}
.flowbox .popbox .popbox_body p {
	font-size:14px;
}
.flowbox .popbox.active .popbox_body {
	background:#3498db;
	color:#fff;
}
.flowbox .popbox_right .popbox_arw {
	position:absolute;
	width:20px;
	height:50px;
	margin:auto;
	top:0; bottom:0; left:auto; right:0;
	z-index:1;
}
.flowbox .popbox_right .popbox_arw:after {
	top:0; bottom:0; left:auto; right:15px;
}
/* タブレット以下 */
@media screen and (max-width: 768px) {
.flowbox .popbox .popbox_body p {
	font-size:11px;
}
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.flowbox .popbox_right {
	position:relative;
	margin-top:0;
}
.flowbox .popbox_right .popbox_body {
	margin-left:0;
	width:100%;
	border:solid 1px #3498db;
}
.flowbox .popbox_right .popbox_arw {
	position:relative;
	width:100%;
	height:10px;
	margin:auto;
	overflow:hidden;
}
.flowbox .popbox_right .popbox_arw:after {
	left: 0;
	right:0;
	top: auto;
	bottom:10px;
	width: 30px;
	height: 30px;
}
.flowbox .popbox .popbox_body p {
	font-size:14px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	stepnumber
-------------------------------------------------------------*/
.flowbox .stepnumber {
	position:absolute;
	top:-10px;
	left:-10px;
	width:40px;
	height:40px;
	border-radius:50% 50%;
	background:#00A0E8;
	color:#fff;
	font-size:18px;
	line-height:40px;
	font-weight:bold;
	text-align:center;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.flowbox .stepnumber {
	top:-10px;
	left:-10px;
}
}	/* for SP max-width: 480px */


/*===============================================================

	step_circle

===============================================================*/
.step_circle {
	margin-bottom:50px;
}
.step_circle li {
	float:left;
	width:25%;
	position:relative;
	text-align:center;
}
.step_circle li {
	float:left;
	width:33.333%;
	position:relative;
	text-align:center;
}
.step_circle_4 li {
	width:25%;
}
.step_circle_5 li {
	width:20%;
}
.step_circle_6 li {
	width:16.666%;
}
.step_circle_7 li {
	width:14.28%;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.step_circle {
	margin-bottom:20px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.step_circle .num
-------------------------------------------------------------*/
.step_circle .num {
	position:absolute;
	top:0; left:0; right:0; margin:auto;
	width:50px;
	height:50px;
	font-size:25px;
	line-height:44px;
	font-weight:bold;
	background:#fff;
	border:solid 3px #3498db;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#3498db;
	border-radius:50%;
	z-index:2;
}
.step_circle .past .num {
	background:#ddd;
	color:#3498db;
}
.step_circle .active .num {
	background:#3498db;
	color:#fff;
}

.step_circle li:before,
.step_circle li:after {
	content:' ';
	width:50%;
	height:3px;
	position:absolute;
	background:#3498db;
	top:25px;
	z-index:1;
}
.step_circle li:before {
	left:0;
}
.step_circle li:after {
	right:0;
}
.step_circle li:first-child:before {
	content:none;
}
.step_circle li:last-child:after {
	content:none;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.step_circle .num {
	width:30px;
	height:30px;
	font-size:15px;
	line-height:28px;
	border:solid 2px #3498db;
}
.step_circle li:before,
.step_circle li:after {
	height:2px;
	top:15px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
 .step_circle .txt
-------------------------------------------------------------*/
.step_circle .txt {
	padding-top:60px;
	color:#3498db;
	font-size:16px;
	font-weight:bold;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.step_circle .txt {
	padding-top:35px;
	font-size:12px;
	line-height:1.2;
}
.step_circle .txt.small {
	font-size:10px;
	line-height:1.2;
}
}	/* for SP max-width: 736px */

/*===============================================================

	box

===============================================================*/
.box {
	border:solid 1px #ddd;
	padding:30px;
	margin-top:20px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.box {
	padding:10px;
	margin-top:10px;
}
}	/* for SP max-width: 480px */

/*===============================================================

	message_container

===============================================================*/
.message_container h3 {
	font-size:16px;
}
.message_container.message_error {
	color: #d62c1a;
	background-color: #fdf3f2;
	border-color: #fbdbdd;
}

/*===============================================================

	headline_wrp

===============================================================*/
.headline_wrp {
	text-align:left;
	position:relative;
	padding-bottom:30px;
}
.headline_wrp .title {
	font-size:25px;
	line-height:1.5;
}
.section * + .headline_wrp {
	margin-top:50px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.headline_wrp {
	padding-bottom:10px;
}
.headline_wrp .title {
	font-size:20px;
}
.section .headline + .headline_wrp {
	margin-top:20px;
}
}	/* for SP max-width: 480px */

/*-------------------------------------------------------------
	.headline_wrp .btn_left
-------------------------------------------------------------*/
.headline_wrp .btn_left {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	text-align:right;
}
.headline_wrp .btn_left a,
.headline_wrp .btn_left input {
	padding:5px 15px;
	font-size:14px;
	width:auto;
	display:inline-block;
	font-weight:normal;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
.headline_wrp .btn_left {
	position:static;
	text-align:left;
}
.headline_wrp .btn_left a,
.headline_wrp .btn_left input {
	padding:5px 10px;
	font-size:14px;
	width:auto;
	margin-top:5px;
}
}	/* for SP max-width: 480px */


/*===============================================================

	inline_module

===============================================================*/
.inline_module {
	padding:10px;
	margin-top:10px;
	background:#fafafa;
	display:inline-block;
}
.inline_module .item {
	display:inline-block;
}
.inline_module .item + .item {
	margin-left:10px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
}	/* for tablet max-width: 768px */

/* SP向けレイアウトの指定：～480px */
@media only screen and (max-width: 480px) {
}	/* for SP max-width: 480px */


/*===============================================================

	2017/11/16　追加

===============================================================*/
/*-------------------------------------------------------------
	カートボタン
-------------------------------------------------------------*/
.content_cart + .submit_3btns .btn_detail a,
.submit_3btns .btn_detail input {
	background-color:#eaeaea;
	border:solid 1px #eaeaea;
	color:#000;
}
.content_cart + .submit_3btns .btn_detail a:hover,
.submit_3btns .btn_detail input:hover {
	background-color:#eaeaea;
	border:solid 1px #eaeaea;
	color:#000;
	opacity:0.7 !important;
}
.content_cart + .submit_3btns .btn_order a,
.content_cart + .submit_3btns .btn_order input {
	background-color:#1aa3ca;
	border:solid 1px #1aa3ca;
	color:#fff;
}
.content_cart + .submit_3btns .btn_order a:hover,
.content_cart + .submit_3btns .btn_order input:hover {
	background-color:#1aa3ca;
	border:solid 1px #1aa3ca;
	color:#fff;
	opacity:0.7 !important;
}
.content_cart + .submit_3btns .btn_estimate a,
.content_cart + .submit_3btns .btn_estimate input {
	background-color:#0c7290;
	border:solid 1px #0c7290;
	color:#fff;
}
.content_cart + .submit_3btns .btn_estimate a:hover,
.content_cart + .submit_3btns .btn_estimate input:hover {
	background-color:#0c7290;
	border:solid 1px #0c7290;
	color:#fff;
	opacity:0.7 !important;
}

.content_cart + .submit_3btns .btn_deactive a,
.content_cart + .submit_3btns .btn_deactive input,
.content_cart + .submit_3btns .btn_deactive a:hover,
.content_cart + .submit_3btns .btn_deactive input:hover {
	opacity: 1 !important;
}

/*-------------------------------------------------------------
	カートボタン
-------------------------------------------------------------*/
.product_detail2 .btn_detail.favorite {
    width:250px;
	margin:0;
    margin-top: 0;
    margin-bottom: 20px;
}
.product_detail2 .btn_detail.favorite a {
    font-weight: normal;
	text-decoration:none;
	background:#1aa3ca;
	border:solid 1px #1aa3ca;
	padding:10px 0;
	border-radius:3px;
	opacity:1 !important;
}
.product_detail2 .btn_detail.favorite a:hover {
	background:#1aa3ca;
	opacity:0.7 !important;
}
.product_detail2 .btn_detail.favorite a:after {
	content:none;
}

.estimate {
	background:#a4a4a4;
}