@charset "UTF-8";


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ul {
    list-style:none;
}
img {
	width:100%;
	border:none;
	vertical-align:bottom;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
address, em, code, cite, dfn, var, optgroup {
  font-style: normal;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
a.al:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
input, select {
    vertical-align:middle;
}
input[type="button"],input[type="text"],input[type="submit"],input[type="reset"],textarea {
   -webkit-appearance:none;
   border-radius:0;
   font-family: "メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
.clearfix:after {
    content: "."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

/*  common  */
.clear {
	font-size: 1px;
	height: 1px;
	clear: both;
}
.floatL {
	float:left;
	display:inline;
}

.floatR {
	float:right;
	display:inline;
}
.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.valignTop {vertical-align:top;}
.valignMiddle {vertical-align:middle;}
.valignBottom {vertical-align:bottom;}


/* フォーム整形 */
.form_control, .form_control_err { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; font-size: 14px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; }
.form_control:focus, .form_control_err:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none; }
.form_control_err { border-color: #D10157; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(100, 0, 0, 0.6); outline: 0 none; }

/* フォーム横並び */
.form-inline { display: inline-block; vertical-align: middle; width: auto; }
.form_2line { margin-right: 6px; }

@media only screen and (max-width:680px){
.form_2line { margin-right: 0; margin-bottom: 6px; }
}


.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 60px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }

.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }

.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }

.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }

.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }


/* フォント設定 */
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fbold { font-weight: bold; }

/* width設定 */
.w_50 { width: 50px }
.w_70 { width: 70px }
.w_100 { width: 100px }
.w_200 { width: 200px }
.w_300 { width: 300px }
.w_400 { width: 400px }
.w_500 { width: 500px }

/* width設定 */
.m_w_60 { min-width: 60px; }

@media only screen and (max-width: 680px) {
.w_50 { width: 100% }
.w_100 { width: 100% }
.w_200 { width: 100% }
.w_300 { width: 100% }
.w_400 { width: 100% }
.w_500 { width: 100% }

.w_40p { width: 40% !important }
.w_50p { width: 50% !important }
.w_60p { width: 60% !important }
.w_70p { width: 70% !important }
.w_80p { width: 80% !important }
.w_90p { width: 90% !important }
.w_100p { width: 100% !important }

.w_form_btn { width: 62% !important; }
.w_form_phonenumber { width: 30% !important; }
.w_form_birthday { width: 30% !important; }
}

@media only screen and (max-width: 320px) {
.w_form_btn { width: 62%; }
}

.pcon { display:block; }
.spon { display:none; }

.col3_wrap{font-size:0;}
.col3_wrap > .col{width:30%; margin-left:2%; font-size: 1rem; display: inline-block; vertical-align: top;}
.col3_wrap > .col:nth-last-of-type(3n){margin-left:0;}

@media only screen and (min-width:1px) and (max-width:680px){
.pcon { display:none; }
.spon { display:block; }
.col3_wrap > .col{width:100%; margin-left:0; margin-bottom:2%;}
}

.error_form .form-control,.error_form .form-control:focus{
	border-color: #ed4d22;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(243, 21, 21, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(243, 21, 21, 0.6);
}

/* html
-------------------------------------------------*/
html {
	overflow-y:scroll;
	height:100%;
}

/*  body  */
body {
	font-family: "メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size:12px;
	line-height:1.5;
	color:#333;
	-webkit-text-size-adjust:100%;
	background:#eaeef2;
	height:100%;
}
.fo10 { font-size:10px; }
.fo11 { font-size:11px; }
.fo12 { font-size:12px; }
.fo13 { font-size:13px; }
.fo14 { font-size:14px; }
.fo15 { font-size:15px; }
.fo16 { font-size:16px; }
.fo17 { font-size:17px; }
.fo18 { font-size:18px; }
.fo19 { font-size:19px; }
.fo22 { font-size:22px; }
.fo23 { font-size:23px; }
.fo24 { font-size:24px; }
.fo28 { font-size:28px; }

.bold { font-weight:bold; }
.red { color:#cb1717; }

.col2_wrap {
	font-size:0;
}

.col2_wrap > .detail{
	width:49%;
	display: inline-block;
	margin-left:2%;
}

.col2_wrap > .detail:first-of-type{
	margin-left:0;
}


/*flex*/
.flx{display: -webkit-box; display: -ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%;}

.flxcont{display:inline-block;}
.flx.al_center{-ms-align-items: center; align-items: center;}
.flx.fl_col{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.flx.js_justify{-webkit-box-pack: justify; -ms-flex-pack: justify; flex-pack: justify; justify-content: space-between;}
.flx.js_end{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.flx.js_around{-ms-flex-pack: distribute; justify-content: space-around;}
.flx.js_start{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.flx.js_center{-webkit-justify-content: center; -ms-justify-content: center; justify-content: center;}
.inline_flx{display:inline-flex;}
.flx.flxcol2 > *{flex-basis: 49%; max-width:49%; width:49%;}
.flx.flxcol3 > *{flex-basis: 32%; max-width:32%; width:32%;}
.flx.flxcol4 > *{flex-basis: 24%; max-width:24%; width:24%;}
@media screen and (max-width: 640px){
	.flx.tocol1 > *{flex-basis: 100% !important; max-width:100% !important; width:100% !important; margin-right:0 !important;}
	.flx.tocol2 > *{flex-basis: 49% !important; max-width:49% !important; width:49% !important;}
	.flx.tocol3 > *{flex-basis: 32% !important; max-width:32% !important; width:32% !important;}
}

/* #wrapper */
#wrapper {
	width:100%;
	margin:0 auto;
	min-width:320px;
	overflow:hidden;
	clear:both;
	position:relative;
	/*min-height:100%;*/
	height:auto!important;
	height:100%;
}

/*  #header  */
#header {
	width:100%;
	clear:both;
	background:url(../images/bg_header.jpg) repeat-x left top #fff;
	background-size:auto 12%;
	border-bottom:#e3e3e3 1px solid;
	padding:1.4% 0 0;
}
#header .hinner {
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
#logo {
	width:11.0834%;
	position:absolute;
	top:-22%;
	left:0;
} 
#header .hCont {
	width:22.5%;
	position:absolute;
	top:0;
	right:0;
}
#header .hCont .hbtn {
	width:37.78%;
	display:inline-block;
	vertical-align:middle;
	margin:0 -2px;
}
#header .hCont .hbtn li {
	padding:5% 0;
}
#header .hCont .setBtn {
	width:62.22%;
	display:inline-block;
	vertical-align:middle;
	margin:0 -2px;
	text-align:right;
}
#header .hCont .setBtn li {
	width:41.66%;
	display:inline-block;
	vertical-align:top;
	margin:0 -2px;
	position:relative;
	padding:0 4.17% 0 2%;
}
#header .hCont .setBtn li a {
	display:block;
}
#header .hCont .setBtn li .num {
	width:25.315%;
	position:absolute;
	top:7.6923%;
	right:15.715%;
	display:block;
	border:#d10158 2px solid;
	color:#d10158;
	background:#fff;
	border-radius:100%;
	box-sizing:border-box;
	text-align:center;
	padding:1px 0 0;
	line-height:1.3;
	font-weight:bold;
}

#header .hCont .setBtn li .num.num_error{
	background: #ffee30;
}

/* .btnMypage */
.btnLogin span,
.btnMypage span {
	display:block;
	position:absolute;
	top:0;
	left:6%;
	width:87.5%;
	height:100%;
	text-decoration:none;
	border-radius:5px;
}
.btnLogin span {
	background:url(../images/btn_login.png) no-repeat center center;
	background-size:cover;
}
.btnMypage span {
	background:url(../images/btn_mypage.png) no-repeat center center;
	background-size:cover;
}

/* #navi */
#navi {
	width:100%;
	padding:1.7% 0 0 11.08333%;
}
#navi .dropdown {
	position:relative;
}
#navi .dropdown li {
	display:inline-block;
	vertical-align:top;
	margin:0 -2px;
}
#navi .dropdown li a {
	display:block;
}
#navi .dropdown li a img {
	width:auto;
	border-bottom:#fff 3px solid;
}
#navi .dropdown li.hover a img,
#navi .dropdown li a:hover img {
	border-bottom:#d10158 3px solid;
	transition:0.6s;
}
#navi .dropdown .smenu {
	width:64.5%;
	display:none;
	top:100%;
	left:0;
	position:absolute;
	z-index:999;
	background:url(../images/bg_menu.png) no-repeat center top;
	background-size:100% auto;
	padding-top:1.25%;
}
#navi .dropdown .nav04 .smenu {
	left:21%;
}
#navi .dropdown .smenu > div {
	border:#dfdfdf 1px solid;
	box-sizing:border-box;
	background:#fff;
	border-top:none;
	padding:0 2% 25px;
}


#navi .dropdown .smenu div dl {
	width:32.5%;
	float:left;
	box-sizing:border-box;
	padding:0 0 0 3%;
}
/*
#navi .dropdown .smenu div dl:nth-child(2) {
	width:37.5%;
}
*/
#navi .dropdown .smenu div dl:last-child {
	width:30%;
}



#navi .dropdown .smenu div dl {
	box-sizing:border-box;
	padding:0 0 0 3%;
}

#navi .dropdown .smenu div dl dt {
	border-left:#333 5px solid;
	padding:0 0 0 5px;
	line-height:1.2;
	margin:20px 0 5px;
}
#navi .dropdown .smenu div dl dt span {
	color:#333;
	font-weight:bold;
}
#navi .dropdown .smenu div dl dd {
	line-height:1.3;
	padding:4px 0 5px;
}
#navi .dropdown .smenu div dl dd a {
	color:#333;
	background:url(../images/ico01.gif) no-repeat left 4px;
	background-size:4px auto;
	padding:0 0 0 10px;
}
#navi .dropdown .smenu div dl dd a:hover {
	text-decoration:underline;
	color:#d10158;
}

/* #contents */
#contents {
	width:100%;
	clear:both;
	/*padding-bottom:275px;*/
	padding-bottom:4em;
}

/* .pnavi */
.pnavi {
	max-width:1200px;
	margin:0 auto;
	clear:both;
	padding:8px 0 25px;
}
.pnavi li {
	display:inline-block;
}
.pnavi li a,
.pnavi li span {
	color:#333;
	margin-right:4px;
	text-decoration:underline;
}
.pnavi li a:hover {
	text-decoration:none;
}

/*  section  */
section {
	width:100%;
}
section .inner {
	max-width:1200px;
	margin:0 auto;
	clear:both;
	position:relative;
}

/* .headTtile */
.headTtile01 {
	text-align:center;
	padding:35px 0 1.2%;
}
.headTtile01 p {
	display:inline-block;
	vertical-align:top;
}
.headTtile01 .new {
	width:55px;
	padding-right:6px;
	display:inline-block;
}
.headTtile01 .ja {
	font-size:45px;
	display:block;
	line-height:1.1;
	text-shadow:2px 2px 1px rgba(255,255,255,1);
}
.headTtile01 .eng {
	font-size:15px;
	display:block;
	line-height:1.1;
	font-weight:normal;
	text-shadow:2px 2px 1px rgba(255,255,255,1);
}
.headTtile02 {
	padding:1em 4px 10px;
}
.headTtile02.pb18 {
	padding-bottom:18px;
}
.headTtile02 > span {
	border-left:#333 8px solid;
	padding:0 8px;
	display:inline-block;
	vertical-align:middle;
	line-height:1;
	font-size: 2em;
}
.headTtile03 {
	line-height:1.2;
	padding-bottom:15px;
}


.relatedArea{margin-top: 2em;}
.headTtile04{
	text-shadow: 2px 2px 1px rgba(255,255,255,1);
	margin: 0 0 1.5em;
	border-bottom: 2px dotted #c8c8c8;
	text-align: center;
	font-weight: normal;
	color: #ee3b58;
}
	
.headTtile04 span{display: inline-block; font-size: 30px; vertical-align: middle;}
.headTtile04 span.eng{font-size: 0.8em; font-weight: normal; margin-left: 1em;}

/* .snsSet */
.snsSet {
	display:inline-block;
	vertical-align:middle;
}
.snsSet div, .snsSet iframe {
	display:inline-block;
	margin:0 5px;
	vertical-align: middle;
}

/* .listArea */
.listArea {
	margin:0 -0.8%;
	clear:both;
}
.listArea .list {
	width:20%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	margin:0 -2px;
	padding:0 0.8% 1.6%;
}
.listArea .list a {
	background:#fff;
	display:block;
	color:#333;
	padding:4.5%;
	text-decoration:none;
	border-radius:5px;
}
.listArea .list .photo {
	border:#eee 4px solid;
	margin-bottom:11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.listArea .list .photo img {
	width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

.listArea .list .photo:before{
	content:'';
	padding-top: 100%;
	display: block;
}

.listArea .list .txt {
	border-bottom:#333 1px dotted;
	padding-bottom:11px;
	letter-spacing:-0.02em;
	word-wrap: break-word;
}
.listArea .list .prices {
	padding:4px 0 0;
	font-weight:bold;
}

/* .tag */
/*.tag {
	padding-bottom:11px;
}*/
.tag.lab {
	margin-top:-7px;
}
.tag span,
.tag li {
	display:inline-block;
	border-radius:3px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-right:7px;
	padding:1px 4.5%;
	margin-bottom:11px;
}
.tag li {
	padding:1px 1.5%;
}
.tag .orders {
	background:#50ae17;
}
.tag .set {
	background:#1a4ad3;
}
.tag .pro {
	background:#e30c66;
}
.tag .entry {
	background:#ec6941;
}
.tag .deadline {
	background:#c10505;
}
.tag .end {
	background:#000;
}


.order_err{text-align: center;}
.order_err form{display: inline;}
/* .btnBack */
.btnBack {
	width:30%;
	margin:0 auto;
	clear:both;
	padding-top:25px;
	text-align: center;
	display: inline-block;
}
.btnBack a {
	width:100%;
	display:block;
	margin:0 auto;
	background:#4c4c4c;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:0.7em 0;
	text-decoration:none;
	border-radius:5px;
}
.btnBack a span {
	background:url(../../images/products/detail/ico.png) no-repeat left center;
	padding:0 0 0 20px;
}


@media only screen and (min-width:681px){
	p.btnBack:only-of-type {
	  width:100%;
	}
	
	p.btnBack:only-of-type a{
		width: 60%;
		margin: 0 auto;
		max-width: 400px;
	}
	
	/* 2つの場合 */
	p.btnBack:first-of-type:nth-last-of-type(2),
	p.btnBack:first-of-type:nth-last-of-type(2) ~ .btnBack {
		width:30%;
	}
	p.btnBack:first-of-type:nth-last-of-type(2){
		margin-right: 1%;
	}

	/* 3つの場合 */
	p.btnBack:first-of-type:nth-last-of-type(3),
	p.btnBack:first-of-type:nth-last-of-type(3) ~ .btnBack {
		width:30%;
	}
	p.btnBack:first-of-type:nth-last-of-type(3){
		margin-left: 0;
	}
	
	
}

/* .pageList */
.pageList {
	width:28.7%;
	margin: 0 auto;
	text-align: center;
}
.pageList.tC {
	margin:0 auto;
	float:none;
	text-align:center;
}
.pageList li {
	width:14.15%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin-left:-5px;
	box-sizing:border-box;
	padding-left:2.52%;
}
.pageList li.page {
	font-size:0;
	line-height:0;
}
.pageList li a {
	display:block;
	background:#fff;
	border-radius:3px;
	color:#333;
	text-decoration:none;
	padding:21% 0;
	box-shadow:0 1px 0 #d1d6db;
}
.pageList li.page a {
	padding:0;
}

.pageList > li:first-child > a, .pageList > li:first-child > span{
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pageList > .active > a, .pageList > .active > span, .pageList > .active > a:hover, .pageList > .active > span:hover, .pageList > .active > a:focus, .pageList > .active > span:focus{
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #4c4c4c;
	border-color: #4c4c4c;
}


/*  #footer  */
#footer {
	/*position:absolute;*/
	bottom:0;
	width:100%;
	clear:both;
	background:#4c4c4c;
	padding:20px 0 90px;
}
#finner {
	max-width:1200px;
	margin:0 auto;
}

.copyright_area{
	max-width:1200px;
	margin:1em auto 0;
	color: #fff;
	width: 95%;
}

.copyright_area .copies{
	display: none;
	padding-top: 1em;
}

#footer .fnavi {
	text-align:center;
	padding-bottom:25px;
}
#footer .fnavi li {
	display:inline-block;
	color:#fff;
}
#footer .fnavi li a {
	color:#fff;
	padding:0 23px;
}
#footer dl {
	overflow:hidden;
	clear:both;
	position: relative;
}
#footer dl dt {
	width:42px;
	float:left;
	padding:0 15px 0 0;
}
#footer dl dd {
	float:left;
	color:#fff;
}

.groupLogo{width:120px; position:absolute; right:0; top:0;}

.cart_information{background: #ffee30;}
.ciinner{width: 100%; max-width: 1000px; margin: 0 auto; }
.ciinner a{display: block; width: 100%; text-decoration: underline; color: #333; font-weight: bold; text-align: center; padding: 0.5em 0;}
.ciinner a .md{display: none;}

.mainteinfo {background: #d41818; width: 100%;}
.mainteinfo_wrap { margin: 0 auto; padding: 10px 0; text-align:center; max-width:880px; width: 96%; box-sizing: border-box;}
.mainteinfo span	{ background: url(/images/top/ico_new.png) no-repeat left center; background-size: auto; background-size: 15px auto; color: #fff; display: block; font-size: 1rem; line-height: 1.3; padding: 3px 0 3px 20px; text-align: left; vertical-align: middle; width: 100%; box-sizing: border-box;}


@media only screen and (min-width:801px) and (max-width:1100px){
.mainteinfo_wrap {  max-width:680px !important; width: 96%;}
}
@media only screen and (min-width:681px) and (max-width:800px){
.mainteinfo_wrap {  max-width:570px !important; width: 96%;}
}


@media only screen and (min-width:1200px){
#header {
	background-size:auto 18px;
	padding-top:26px;
}
#logo {
	top:-26px;
}
}

@media only screen and (min-width:681px) and (max-width:1220px){
#finner,
section .inner,
.pnavi {
	padding-left:1%;
	padding-right:1%;
}
.pageList li a {
	font-size:1.5vw;
	padding:15% 0;
}
	

}

@media only screen and (min-width:681px) and (max-width:1100px){
#navi .dropdown li {
	width:12.333%;
	display:block;
	margin:0;
	float:left;
}
#navi .dropdown li.nav02 {
	width:17.333%;
}
#navi .dropdown li.nav03 {
	width:15.833%;
}
#navi .dropdown li a img {
	width:100%;
}
#header .hCont .setBtn li .num {
	font-size:1vw;
	min-width:12px;
}
}

@media only screen and (min-width:681px) and (max-width:1024px){
#navi .dropdown .smenu div dl dt {
	font-size:1.4vw;
}
#navi .dropdown .smenu div dl dd {
	font-size:1.2vw;
}
.listArea .list {
	font-size:1.3vw;
}
.listArea .list .prices .num {
	font-size:1.85vw;
	letter-spacing:-0.02em;
}
#footer .fnavi li a {
	padding:0 10px;
}
}

@media only screen and (min-width:681px) and (max-width:890px){
#header .hCont .hbtn li {
	padding:3% 0;
}
#footer .fnavi li a {
	padding:0 4px;
}
}

@media only screen and (min-width:681px) and (max-width:750px){
#header .hCont .hbtn li {
	padding:1% 0;
}
}

@media only screen and (min-width:1px) and (max-width:680px){
	
	.ciinner a .md{display: block;}
	
a:hover {
	text-decoration:none;
}
a.hover {
	opacity:1!important;
}
body {
	font-size:3vw;
}

.fo10 { font-size:2.8vw; }
.fo11 { font-size:2.9vw; }
.fo12 { font-size:3vw; }
.fo13 { font-size:3.1vw; }
.fo14 { font-size:3.2vw; }
.fo15 { font-size:3.3vw; }
.fo16 { font-size:3.4vw; }
.fo17 { font-size:3.5vw; }
.fo18 { font-size:3.6vw; }
.fo19 { font-size:3.7vw; }

.ciinner a{font-size: 2.4vw;}
	
/* #header */
#header {
	padding:7% 0 0;
	background-size:auto 10%;
	position:relative;
}
#header .hinner {
	position:static;
	padding-bottom: 4.5%;
}
#navi,
#header .hCont .hbtn {
	display:none;
}
#logo {
	width:28%;
	top:0;
}
#header .hCont {
	position:static;
	width:100%;
}
#header .hCont .setBtn {
	width:52%;
	display:block;
	padding:0 0 0 48%;
	text-align:left;
}
#header .hCont .setBtn li {
	width:24.38%;
	padding:0 2.82%;
}
#header .hCont .setBtn li .num {
	width:29%;
	top:-1.5%;
	font-size:2.6vw;
}
.btnLogin span,
.btnMypage span {
	width:80%;
	left:0.5%;
}
.btnLogin span {
	background:url(../images/btn_login_sp.png) no-repeat center center;
	background-size:cover;
}
.btnMypage span {
	background:url(../images/btn_mypage_sp.png) no-repeat center center;
	background-size:cover;
}

/* #menuList */
#menuOverlay {
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	display:none;
	position:fixed;
	z-index:9997;
}
#switchBtnArea #switchBtn {
	top:2.4em;
	right:2.667%;
	width:12.7%;
	padding-top:12.6%;
	display:block;
	position:absolute;
	z-index:9997;
	background:url(../images/sp_btn_menu.png) no-repeat center center;
	background-size:cover;
}
#switchBtnArea #switchBtn.btnClose {
	width:25px;
	height:25px!important;
	top:1.2em;
	padding:0;
	right:4%;
	background:url(../images/sp_btn_close.png) no-repeat center center;
	background-size:cover;
	z-index:9999;
}
#rwdMenuWrap {
	top:0;
	right:-280px;
	width:280px;
	height:100%;
	background:#fff;
	overflow:auto;
	position:fixed;
	z-index:9998;
}
#menuList {
	border:#eaeae7 1px solid;
	box-sizing:border-box;
	display:none;
}
.sidrnav {
	border-top:#d10158 15px solid;
}
.sidrnav .gnav li {
	border-bottom:#d10158 1px solid;
}
.sidrnav .gnav li a {
	display:block;
	position:relative;
}
.sidrnav .gnav li a .num {
	width:15px;
	line-height:10px;
	position:absolute;
	top:22%;
	left:18%;
	display:block;
	border:#d10158 2px solid;
	color:#d10158;
	background:#fff;
	border-radius:100%;
	box-sizing:border-box;
	text-align:center;
	font-weight:bold;
	padding:1px 0 0;
	font-size:10px;
}
.sidrnav .gnav li .stit {
	padding:15px 6% 0;
	color:#d10158;
	line-height:1.2;
	font-size:12px;
}
.sidrnav .gnav li .stit span {
	font-size:15px;
	display:block;
}
.sidrnav .gnav li dl {
	padding:0 6% 10px;
}
.sidrnav .gnav li dl:last-child {
	padding-bottom:30px;
}
.sidrnav .gnav li dl a {
	border:none;
	color:#333;
}
.sidrnav .gnav li dl dt {
	font-size:15px;
	border-left:#333 5px solid;
	padding-left:5px;
	line-height:1.2;
	margin:15px 0 5px;
}
.sidrnav .gnav li dl dd {
	font-size:12px;
	padding:6px 0;
}
.sidrnav .gnav li dl dd a {
	background:url(../images/ico01.gif) no-repeat left center;
	background-size:4px auto;
	padding:0 0 0 12px;
}
.spLogin {
	border-bottom:#333 1px solid!important;
}
.spMypage {
	border-bottom:#50ae17 1px solid!important;
}
.spLogin a,
.spMypage a {
	height:64px;
}
.spLogin a {
	background:url(../images/smenu_login.gif) no-repeat center center;
	background-size:cover;
}
.spMypage a {
	background:url(../images/smenu_mypage.gif) no-repeat center center;
	background-size:cover;
}

/* .pnavi */
.pnavi {
	display:none;
}

/* #contents */
#contents {
	padding-bottom:9%;
}

/* .headTtile */
.headTtile01 {
	padding:6% 0 3%;
}
.headTtile01 .new {
	width:9.6%;
}
.headTtile01 .ja {
	font-size:8vw;
}
.headTtile01 .eng {
	font-size:4vw;
}
.headTtile02 {
	width:95%;
	margin:0 auto;
	padding:1em 0!important;
	font-weight:normal;
}
.headTtile02 span {
	font-size:4.5vw;
	font-weight: bold;
}
.headTtile03 {
	font-size:4vw;
	font-weight:normal;
	line-height:1.4;
	padding-bottom:10px;
	font-weight: bold;
}

.headTtile04{
		max-width: 93%;
		margin-right: auto;
		margin-left: auto;
	}
	
/* .listArea */
.listArea {
	width:98%;
	margin:0;
	padding:0 1% 4%;
}
.listArea .list {
	width:50%;
	padding:0 1.5% 2%;
	margin:0 -4px 0 0;
}
.listArea .list .txt {
	font-size:3vw;
	line-height:1.3;
	padding-bottom:8px;
}

.listArea .list .photo img {
	border-width:2px;
}

/* .tag */
.tag {
	padding-bottom:6px;
}
.tag span ,
.tag li {
	font-size:2.8vw;
	font-weight:normal;
}


/* .btnBack */
.btnBack {
	width:100%;
}
.btnBack a {
	width:85.33%;
	font-size:4vw;
	font-weight:normal;
	padding:2.3% 0;
}
.btnBack a span {
	background-size:4% auto;
}

/* .pageList */
.pageList {
	width:98%;
	margin:0 auto;
	float:none;
	text-align:center;
}
.pageList li {
	width:13.7%;
	padding:0 1%;
	margin:0 -2px;
}
.pageList li a {
	font-size:4.3vw;
}

/*  #footer  */
#footer {
	padding:0;
	position:static;
}
#footer .fnavi {
	overflow:hidden;
	margin:0 0 0 -1px;
	padding:0;
}
#footer .fnavi li {
	width:50%;
	float:left;
	display:block;
}
#footer .fnavi li a {
	display:block;
	text-align:left;
	padding:6% 2% 6% 11%;
	box-sizing:border-box;
	border-bottom:#fff 1px solid;
	border-left:#fff 1px solid;
	background:url(../images/ico02.png) no-repeat 5% center;
	background-size:2% auto;
}
#footer .fnavi li span {
	display:none;
}
	
.copyright_area{
	width: 91%;
	padding-bottom: 2em;
	font-size: .9em;
}	

#footer dl {
	width:91%;
	margin:0 auto;
	padding:6.5% 0 0;
}
#footer dl dt {
	width:9.5%;
	padding:0;
}
#footer dl dd {
	width:87.5%;
	float:right;
	line-height:1.3;
}

.groupLogo{position:static; width:22%!important; float:left!important; margin:10px auto 0 0;}

}

@media only screen and (min-width:1px) and (max-width:480px){
.pageList li {
	width:14.1%;
}
}

/*バリデーションチェックのスタイル*/

.error_form input, .error_form input:focus{
	border-color: #ed4d22;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(243, 21, 21, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(243, 21, 21, 0.6);}



/*ヘッダー、情報削除版*/
.nohd{max-width: 1200px; margin: 0 auto;}
.nohd:before{content:''; display: block; padding-top: 6%;}

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

プレビューモード

-----------------------------------------------------------------------*/
#is_preview {
    box-sizing: border-box;
    padding: .5em;
    font-size: 1.1em;
    line-height: 2.1;
    text-align: center;
    width: 100%;
	position: absolute;
	top: 0;
    background: rgba(0,0,0,0.8);
	color: #fff;
    border-bottom: 5px solid #1DC0F7;
    box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.3);
	z-index:9999;
	text-shadow: #FFF 0px 0px 5px;
}

#is_preview a#preview_close {
    font-size: .8em;
    display: block;
    float: right;
    border: 1px solid #1DC0F7;
    color: #1DC0F7;
    padding: .1em 1em;
	background:#FFF;
	cursor: pointer;
}

#is_preview a#preview_close:hover {
    background: #1DC0F7;
    color: #FFF;
}