@charset "utf-8";

@media screen and (min-width: 601px) {

.pc_img {
	display: block;
}

.sp_img {
	display: none;
}

.none {
	display: none;
}

}
.top-plan-tab{
  display:none;
}
.top-plan{
  width:100%;
  background: #FFF;
}
.top-plan table{
  width:100%;
  max-width:1000px;
  margin:0 auto;
  background: #FFF;
  border-collapse:collapse;
  font-size:18px;
}
.top-plan thead tr th{
  background:#FFF;
  font-weight:normal;
}
.top-plan tbody tr th{
  background:#FFF;
}
.top-plan thead tr td,
.top-plan thead tr th{
  text-align:center;
  padding:10px;
}
.top-plan tbody tr td,
.top-plan tbody tr th{
  text-align:center;
  padding:10px 0;
  vertical-align:center;
}
.top-plan tbody tr:nth-child(odd) td,
.top-plan tbody tr:nth-child(odd) th{
  background:#e7f3f9;
}
.top-plan tbody tr:nth-child(even) td,
.top-plan tbody tr:nth-child(even) th{
  background:#f9f8f8;
}
.top-plan tbody tr:nth-child(5) td,
.top-plan tbody tr:nth-child(5) th{

  background:#e7f3f9;
}
.top-plan tbody tr:nth-child(6) td,
.top-plan tbody tr:nth-child(6) th{
  background:#e7f3f9;
}
.top-plan tbody tr:nth-child(7) td,
.top-plan tbody tr:nth-child(7) th{
  background:#f9f8f8;
}
.top-plan thead tr th.starndard{
  background:#d7ebf4;
}
.top-plan tbody tr:nth-child(odd) td.starndard,
.top-plan tbody tr:nth-child(odd) th.starndard{
  background:#c4e1f0;
}
.top-plan tbody tr:nth-child(even) td.starndard,
.top-plan tbody tr:nth-child(even) th.starndard{
  background:#d3e5ef;
}
.top-plan tbody tr:nth-child(5) td.starndard,
.top-plan tbody tr:nth-child(5) th.starndard{
 background:#c4e1f0;
}
.top-plan tbody tr:nth-child(6) td.starndard,
.top-plan tbody tr:nth-child(6) th.starndard{
  background:#c4e1f0;
}
.top-plan tbody tr:nth-child(7) td.starndard,
.top-plan tbody tr:nth-child(7) th.starndard{
  background:#d3e5ef;
}
.top-plan tbody  td.starndard,

.top-plan tbody th.starndard{

}
.top-plan tbody td span{
  font-size:14px;
}
.top-plan ul{
  width:100%;
  max-width:1000px;
  margin:10px auto;
  padding:0 20px;
  font-size:18px;
  line-height:1.8;
}
.top-plan ul li::before{
  content:'・';

}
.top-plan h2{
  text-align:center;
  font-size:34px;
  line-height:1.1;
  margin:50px 0;
}
.top-point{
  width:100%;
  background: #e7f3f9;
}
.top-point-wrap{
  width:100%;
  max-width:1000px;
  margin: 0 auto;
  padding:1px 0 50px;
  overflow:hidden;
}
.top-point-wrap h2{
  text-align:center;
  font-size:34px;
  line-height:1.1;
  margin:50px 0;
}
.point-box{
  width:50%;
  float:left;
  margin:0 0 40px;
  padding:0 10px 0 110px;
  box-sizing:border-box;
  position:relative;
}
.point-box h3{
  font-size:22px;
  margin:0;
}
.point-box p{
  font-size:16px;
  margin:0;
}
.point-box .icon{
  position:absolute;
  top:0px;
  left:0;
}

.my01 {
	background: url(../../mypage/images/icon_01.png) no-repeat left center;
	width: 337px;
	float: left;
	margin: 0 0 30px;
	border-radius: 5px;
}

.my02 {
	background: url(../../mypage/images/icon_02.png) no-repeat left center;
	width: 337px;
	float: right;
	margin: 0 0 30px;
	border-radius: 5px;
}

.my03 {
	background: url(../../mypage/images/icon_03.png) no-repeat left center;
	width: 337px;
	float: left;
	margin: 0 0 90px;
	border-radius: 5px;
}

.my05 {
	background: url(../../mypage/images/icon_05.png) no-repeat left center;
	width: 337px;
	float: right;
	margin: 0 0 90px;
	border-radius: 5px;
}

.my01 a,
.my02 a {
	width: 337px;
	display: block;
	box-sizing: border-box;
	padding: 45px 20px 30px 115px;
	text-decoration: none;
	font-size: 13px;
	color: #23467B;
}

.my03 a,
.my05 a {
	width: 337px;
	display: block;
	box-sizing: border-box;
	padding: 45px 20px 0 115px;
	text-decoration: none;
	font-size: 13px;
	color: #23467B;
}

.my01 a strong,
.my02 a strong,
.my03 a strong,
.my05 a strong {
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin: 0 0 15px;
}


/*------------------------------------------------------------
CLEARFIX CLASS
------------------------------------------------------------*/
.clearfix:after {
	display : block;
	clear : both;
	height : 0;
	content : "";
	overflow : hidden;
}
.clearfix {
}
/* FOR MAC IE \*/
* html .clearfix {
	height : 1%;
	overflow : visible;
}
.clearfix {
	display : block;
}
/* END OF FOR MAC IE */


/* =====================================
common
===================================== */
html {
	overflow-y: scroll;
}
body {
	font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	padding: 135px 0 0 0;
	margin: 0px;
	color: #414a5a;
}
ul, li, dt, dd {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

a {
	color: #3399cc;
}

.center {
	text-align: center;
}

h2,
h3,
strong {
	font-weight: normal;
}

ol {
	margin: 0 0 40px;
}

ol li {
	list-style:decimal;
	list-style-position: outside;
}

.mb {
	padding: 0 0 50px;
}

#err_msg ul {
	border: 1px solid #FF6462;
	border-radius: 3px;
	margin: 0 0 40px 0;
	padding: 10px !important;
}

#err_msg ul li {
	margin: 0 0 0 20px !important;
	padding: 0px !important;
	list-style: disc;
	color: #FF6462;
}

/* =====================================
header
===================================== */

#cart {
	position: fixed;
	right: 0;
	top: 220px;
	width: 90px;
	z-index: 1000;
}
#cart img {
	width: 100%;
}
#header {
	background: #fff;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100000;
}
#header .inner {
	max-width: 1000px;
	margin: 0 auto;
}

#header .h1_sp {
	display: none;
}

#header .h1_pc {
	display: block;
	float: left;
	width: 70%;
	padding: 20px 0;
}
#header .h1_pc img {
	max-height: 60px;
	margin: 0 0% 0 0;
	display: inline-table;
	float: left;
}

#header .rightBox {
	float: right;
	text-align: right;
	width: 23%;
	margin: 5px 0 0 0;
}
#header .pc {
	display: block;
}
#header .pc img {
	width: 100%;
	max-width: 252px;
	margin: 0 0 4px 0;
}
#header .pc p {
	width: 100%;
	max-width: 252px;
	margin: 0px 0 0 0 !important;
	padding: 0px !;
	text-align: right;
	font-size: 10px;
}
#header .pc p a {
	display: block;
	color: #fff;
	background: #2B98CE;
	border-radius: 5px;
	text-decoration: none;
	padding: 3px 0;
	text-align: center;
	margin: 0 0 3px;
	font-size: 12px;
}

#header .pc p a.c {
	display: block;
	color: #fff;
	background: #386AB3;
	border-radius: 3px;
	text-decoration: none;
	padding: 3px 0;
	text-align: center;
	margin: 0 0 3px;
	font-size: 12px;
}

.tel_button {
	display: none;
}
/* 1-1. togglemenu ---------------------------- */
.togglemenu {
	background: none;
	display: none;
}
/* 1-2. globalNav ---------------------------- */
#gnav {
	background: #2B98CE;
}
.nav {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0px;
	box-sizing: border-box;
	list-style: none;
 *zoom: 1;
	position: relative;
	width: auto;
	font-size: 16px;
	background: #2B98CE;
}
.nav li {
	width: 16.6%;
	box-sizing: border-box;
	text-align: center;
}

.nav li.log {
	display: none;
}

.nav li.first {
	width: 17%;
}
.nav:before, .nav:after {
	content: " ";
	display: table;
}
.nav:after {
	clear: both;
}
.nav a, .nav span {
	padding: 14px 2px;
 *zoom: 1;
	cursor: pointer;
	box-sizing: border-box;
	border-bottom: 4px solid #2B98CE;
}
.nav > li {
	float: left;
	z-index: 200;
}
.nav > li > a, .nav > li > span {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
}
.nav a {
	color: #fff;
}
.nav a:hover, .nav span:hover {
	border-bottom: 4px solid #fff;
}
/* =====================================
CONTENTS
===================================== */

#h1 h1 {
	max-width: 1000px;
	margin: auto;
	font-size: 40px;
	padding: 40px 0;
}

.basicbg {
	background: url(../images/h1.png) no-repeat center center;
	width: 100%;
	margin: 0 0 70px;
}
.yukatabg {
	background: url(../images/h1_7.png) no-repeat center center;
	width: 100%;
	margin: 0 0 70px;
}
.hokanbg {
	background: url(../images/h1_3.png) no-repeat center center;
	width: 100%;
	margin: 0 0 70px;
}
.packbg {
	background: url(../images/h1_2.png) no-repeat center center;
	width: 100%;
	margin: 0 0 70px;
}
.futonbg {
	background: url(../images/h1_4.png) no-repeat center center;
	width: 100%;
	margin: 0 0 70px;
}
.cosplaybg {
	background: url(../images/h1_5.png) no-repeat center center;
	width: 100%;
	margin: 0 0 70px;
}
.shoesbg {
	background: url(../images/h1_6.png) no-repeat center center;
	width: 100%;
	margin: 0 0 70px;
}

#contents {
	max-width: 1000px;
	margin: auto;
}
#contents #main {
	float: left;
	width: 700px;
}
#contents #main #path {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 15px 0;
	margin: 0 0 40px;
}
#contents #main h2 {
	font-size: 26px;
	margin: 0 0 20px;
	line-height: 1.5;
	clear: both;
	overflow: hidden;
}
#contents #main h3 {
	font-size: 24px;
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #ECECFB;
}



.futon h2:before {
	background: #810080 !important;
	border-radius: 3px;
	width: 70px;
	height: 36px;
	margin: 0px 20px 20px 0;
	content: '';
	float: left;
	display: inline-block;
	vertical-align: middle;
}

.hokan h2:before {
	background: #ffa500 !important;
	border-radius: 3px;
	width: 70px;
	height: 36px;
	margin: 0px 20px 20px 0;
	content: '';
	float: left;
	display: inline-block;
	vertical-align: middle;
	background: #ffa500;
}



.shoes h2:before {
	background: #008000 !important;
	border-radius: 3px;
	width: 70px;
	height: 36px;
	margin: 0px 20px 20px 0;
	content: '';
	float: left;
	display: inline-block;
	vertical-align: middle;
	background: #ffa500;
}


.cosplay h2:before {
	background: #f29c9f !important;
	border-radius: 3px;
	width: 70px;
	height: 36px;
	margin: 0px 20px 20px 0;
	content: '';
	float: left;
	display: inline-block;
	vertical-align: middle;
	background: #ffa500;
}

#contents #main h2:before {
	background: #2B98CE;
	border-radius: 3px;
	width: 70px;
	height: 36px;
	margin: 0px 20px 20px 0;
	content: '';
	float: left;
	display: inline-block;
	vertical-align: middle;
}
#contents #main p {
	margin: 0 0 30px;
}
#contents #main dl.faq {
	border-bottom: 1px solid #e9e9e9;
	padding: 0 25px 40px 25px;
	margin: 0 0 40px;
}
#contents #main dl.faq dt {
	margin: 0 0 10px;
}
#contents #main dl.faq dt:before {
	background: #2B98CE;
	border-radius: 3px;
	width: 70px;
	padding: 3px 0;
	margin: 0px 20px 0 0;
	content: 'Q';
	color: #fff;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
#contents #main dl.faq dd {
	margin: 0 0 0px;
}
#contents #main dl.faq dd:before {
	background: #FF6562;
	border-radius: 3px;
	width: 70px;
	padding: 20px 0;
	margin: 0px 20px 0 0;
	content: 'A';
	color: #fff;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	float: left;
}
#contents #main ul {
	padding: 0 0 30px 18px;
}
#contents #main ul li {
	margin: 0 0 15px;
}
ul.arrow li:before {
	content: '>';
	color: #2B98CE;
	margin: 0 14px 0 0;
}
ul.dot li:before {
	width: 6px;
	height: 6px;
	content: '';
	margin: 0 6px 0 0;
	border-radius: 6px;
	background: #2B98CE;
	display: inline-block;
	vertical-align: middle;
}
.form {
	width: 100%;
	margin: 0 0 40px;
	border-top: 1px solid #e9e9e9;
}
.form_pink{
  width: 100%;
  margin: 20px 0 40px;
  border-top: 1px solid #e9e9e9;
  border-radius:5px;
  padding:10px;
  background:#F5CBFF;
}


.form_pink th,
.form_pink td {
	padding: 10px 0;
	border-bottom: 1px solid #e9e9e9;
  font-weight:normal;
}

.copy_pink{
  border-radius:5px;
  padding:10px 10px 10px 30px;
  margin: 0 0 40px;
  background:#F5CBFF;
  text-indent: -25px;
}

select.day {
	width: 25%;
	display:inline-table;
	margin: 0 5px 0px;
}

select {
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	margin: 0 10px 5px 0;
	display: block;
	box-sizing: border-box;
	max-width: 350px;
	width: 45%;
  height:30px;
  line-height:30px;
  font-size:18px;
	display:inline-table;
}
select option {
	padding: 10px;
}
input[type="text"] {
	width: 95%;
	box-sizing: border-box;
	padding: 12px 10px;
	margin: 0 0 3px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	color: #414a5a;
	display: block;
	font-size: 18px;
	
}
input[type="email"] {
	width: 95%;
	box-sizing: border-box;
	padding: 12px 10px;
	margin: 0 0 3px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	color: #414a5a;
	display: block;
	font-size: 18px;
	
}
input[type="password"] {
	width: 95%;
	box-sizing: border-box;
	padding: 12px 10px;
	margin: 0 0 3px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	color: #414a5a;
	display: block;
	font-size: 18px;
	
}
input[type="tel"] {
	width: 95%;
	box-sizing: border-box;
	padding: 12px 10px;
	margin: 0 0 3px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	color: #414a5a;
	display: block;
	font-size: 18px;
	
}
input[type="number"] {
	width: 95%;
	box-sizing: border-box;
	padding: 12px 10px;
	margin: 0 0 3px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	color: #414a5a;
	display: block;
	font-size: 18px;
	
}
input[type="date"] {
	width: 95%;
	box-sizing: border-box;
	padding: 10px;
	margin: 0 0 3px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	color: #414a5a;
	display: block;
	
}
input[type="checkbox"] {
	width: 24px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #72C8FA;
	box-sizing: border-box;
	vertical-align: middle;
}

span input[type="radio"] {
	float: left;
}

input[type="radio"] {
	width: 15px;
	height: 15px;
	padding: 0px;
	margin: 0 0px 0 0;
	border: 1px solid #72C8FA;
	box-sizing: border-box;
	vertical-align: middle;
}

th span {
	color: red;
}

.none {
	border: none !important;
	padding: 0px !important;
}

.form td span {
	clear: both;
	overflow: hidden;
	display: block;
	font-size: 13px;
	margin: 0 0 10px;
}

.form th {
		text-align: left;
	vertical-align: middle;
	padding: 10px 0;
	font-weight: normal;
	font-size: 14px;
	color: #414a5a;
	border-bottom: 1px solid #e9e9e9;
}

.form td {
	text-align: left;
	vertical-align: top;
	padding: 10px 0;
	font-weight: normal;
	font-size: 14px;
	color: #414a5a;
	border-bottom: 1px solid #e9e9e9;
}

.form td p {
	margin: 0px !important;
}

.form td textarea {
	width: 100%;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
	color: #414a5a;
}
input[type="submit"] {
	padding: 12px 30px;
	color: #fff;
	border: none;
	border-radius: 3px;
	background: #2B98CE;
	margin: 0 auto 60px auto;
	font-size: 16px;
	text-align: center;
	display: inline-table;
}

input[type="button"] {
	padding: 5px 10px;
	color: #fff;
	border: none;
	border-radius: 3px;
	background: #2B98CE;
	margin: 0 auto 10px auto;
	font-size: 16px;
	text-align: center;
	display: inline-table;
}


input[type="reset"] {
	padding: 12px 30px;
	color: #fff;
	border: none;
	border-radius: 3px;
	margin: 0 auto 60px auto;
	font-size: 16px;
	text-align: center;
	display: inline-table;
	background: #9a9ea0;
}

input[type="submit"],
input[type="reset"] {
	margin: 30px 0 !important;
}


.ymd select {
	width: 25%;
	margin: 0 2% 0 0;
}


.box p {
	margin: 0 0 0px !important;
}


/* =====================================
side
===================================== */

#contents #side {
	float: right;
	width: 250px;
	margin-top: 56px;
}
#contents #side ul {
	margin: 0 0 30px;
	padding: 0 0 0 18px;
}
#contents #side ul li {
	margin: 0 0 15px;
}
#contents #side p {
	padding: 8px 12px;
	border-radius: 3px;
	color: #fff;
	margin: 0 0 15px;
	background: #2B98CE;
}
/* =====================================
footer
===================================== */

#footer {
	background: #2B98CE;
	color: #fff;
	width: 100%;
	padding: 30px 0;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .flink {
	max-width: 1000px;
	margin: auto;
}
#footer .flink .add {
	width: 35%;
	float: left;
}
#footer .flink .add img {
	display: block;
	margin: 0 0 30px;
}
#footer .flink .add p {
	padding: 0 0 30px 0;
	margin: 0px;
}
#footer .flink .add div a {
	margin: 0 13px 0 0;
	display: inline-block;
}
#footer .flink .add div a img {
	width: 40px;
}
#footer .flink .add div.geo {
	width: 115px;
  display:inline-block;
}
#footer .flink .add div.geo a img{
	width: 115px;
}
#footer .flink .link {
	width: 50%;
	float: right;
}
#footer #copyright {
	margin-top:15px;
	text-align: center;
	font-size: 12px;
}
#footer .flink .link ul {
	width: 50%;
	float: left;
	font-size: 16px;
}
#footer .flink .link ul li {
	display: block;
	padding: 0 0 3px;
}
#footer .flink .link ul li.s {
	padding: 0 0 0 20px;
}
#footer .flink .link ul li ul {
	float: none;
	padding: 0 0 0 20px;
	font-size: 14px;
}
/* =====================================
order
===================================== */


.flow01,
.flow02,
.flow03 {
	padding: 0 0 30px;
	margin: 0px;
}

.tab {
	overflow: hidden;
	padding: 0px !important;
	margin: 0 auto;
	width: 100%;
}
.tab li {
	background: #E5E5E5;
	text-align: center;
	border-radius: 5px;
	float: left;
	margin: 0 1% !important;
	display: block;
	width: 14.5%;
}

.tab li br {
	display: none;
}

.tab li.select {
	background: #eee;
}
.content div {
	padding: 0 20px 20px 20px;
	border-radius: 5px;
	margin: 0 0 60px;
}

.content div ul.down {
	padding: 0px !important;
	margin: -4px 0 0 0 !important;
}

.content div ul.down li {
	/*width: 19.3%;*/
	width: 16%;
	text-align: center;
	line-height: 100%;
	display: inline-table;
	vertical-align: top;
	padding: 0px;
}

.content div table {
	margin: 0px !important;
}

.hide {
	display: none;
}
.tab li span {
	display: block;
	font-size: 14px;
}

.tab li a {
	color: #333;
	padding: 7px 0;
	display: block;
	border-radius: 5px;
	text-decoration: none;
}

.select span a {
	color: #fff;
}

.select span.s01,
span.s01 a:hover {
	background: orange;
	border-radius: 5px;
	color: #fff;
	display: block;
}

.s01-2 {
	background: #FFE6CA;
}

.c01 {
	color: #2B98CE;
}

.select span.s02,
span.s02 a:hover {
	background: #2B98CE;
	border-radius: 5px;
	color: #fff;
}

.s02-2 {
	background: #EAF5FA;
}

.c02 {
	color: orange;
}

.select span.s03,
span.s03 a:hover {
	background: purple;
	border-radius: 5px;
	color: #fff;
}

.s03-2 {
	background: #E8CBF1;
}

.c03 {
	color: purple;
}

.select span.s04,
span.s04 a:hover {
	background: pink;
	border-radius: 5px;
	color: #fff;
}

.s04-2 {
	background: #FFEAFF;
}


.c04 {
	color: pink;
}

.select span.s06,
span.s06 a:hover {
	background: green;
	border-radius: 5px;
	color: #fff;
}

.s06-2 {
	background: #CBE0D6;
}

.c06 {
	color: green;
}

.select span.s05,
span.s05 a:hover {
	background: skyblue;
	border-radius: 5px;
	color: #fff;
}

.s05-2 {
	background: #CBE0D6;
}

.c05 {
	color: skyblue;
}

.policy {
	border-radius: 10px;
	background: #EBEBEB;
	height: 165px;
	font-size: 14px;
	overflow: scroll;
	margin: 20px;
	padding: 20px;
	box-sizing: border-box;
}

.tolink {
	text-align: right;
	margin: 0 10px 50px;
	font-size: 13px;
}

.tolink a {
	color: #3399cc;
	text-decoration: none;
}

.tolink a:before {
	content: '▼';
	display: inline-table;
	margin: 0 5px 0 0;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	width: 15px;
	height: 15px;
}

#contents #main h2.no {
	background: #3399cc;
	color: #fff;
	padding: 10px !important;
	border-radius: 5px;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
}

#contents #main h2.no::before,
#contents #main h2.h2-futon::before,
#contents #main h2.h2-hokan::before,
#contents #main h2.h2-shoes::before,
#contents #main h2.h2-cosplay::before {
    background: none;
    border-radius: 0px;
    width: auto;
    height: auto;
    margin: 0px
    content: '';
    float: left;
    display: inline-block;
    vertical-align: middle;
}

#contents #main h2.h2-futon {
	background: #810080;
	color: #fff;
	padding: 10px !important;
	border-radius: 5px;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
}
#contents #main h2.h2-hokan {
	background: #ffa500;
	color: #fff;
	padding: 10px !important;
	border-radius: 5px;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
}
#contents #main h2.h2-shoes {
	background: #008000;
	color: #fff;
	padding: 10px !important;
	border-radius: 5px;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
}

#contents #main h2.h2-cosplay {
	background: #f29c9f;
	color: #fff;
	padding: 10px !important;
	border-radius: 5px;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
}


.flow {
	padding: 0 30px 90px 30px;
}

.flow div {
	padding: 60px 0;
}

.flow th {
	padding: 0 30px 0 0;
}

.flow td {
	padding: 0 30px 0 0;
}

.flow th.flow-price {
	padding: 0 0 0 30px;
}

.flow th span {
  background: #666;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	padding: 10px;
	min-width: 70px;
	display: block;
	font-size: 14px;
}

.flow td.small {
	font-size: 13px;
}

.box {
	background: #f0f1f5;
	border-radius: 10px;
	padding: 20px 10px 0 10px;
	margin: 0 10px 60px 10px;
	font-size: 14px;
}

.box ul {
	padding: 5px 0 10px !important;
	margin: 0px !important;
}

.box ul li {
	display:inline-table;
	width: 13%;
	padding: 0px;
	margin: 0px !important;
	text-align: center;
}

.box ul li select {
	width: 90%;
}

.box table {
	width: 100%;
	margin: 0px;
}

.box table th {
	font-weight: normal;
}


.result {
	margin: 0 0px 20px 0px;
	border-radius: 3px;
	border-top: 1px solid #b5b5b5;
	border-left: 1px solid #b5b5b5;
	width: 100%;
}

.result th {
	padding: 5px 10px;
	font-weight: normal;
	font-size: 13px;
	width: 30%;
	box-sizing: border-box;
	background: #f0f1f5;
	border-bottom: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
}

.result td {
	padding: 5px 10px;
	font-weight: normal;
	font-size: 13px;
	border-bottom: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
}

.pagelink {
	text-align: center;
	padding: 10px 0 50px;
	font-size: 14px;
}
table.check th{
  width:46px;
}
table.check th,
table.check td {
	border: none;
	padding: 5px;
	vertical-align: top;
}
.form .check tr th.table-img{
  vertical-align: middle;
}
td label{
  position:relative;
  padding:0 0 0 40px;
  display:block;
}
td label input[type=radio]{
  position:absolute;
  top:5px;
  left:10px;
}
td input[name=zip],
td input[name=o_zip]{
  width:8em;
  vertical-align:middle;
  margin:0 10px;
  display:inline-block;
}
.s01-2 .check th,
.s01-2 .check td{
  background:#FCD39D;
}

.caution {
	margin: -30px 0 20px 0;
	font-size: 12px;
}

.compensation{
	margin:0px 0px ;
	padding: 0px;
}
.compensation li{
	list-style-type:decimal;
	list-style-position:inside;
	margin:0px 0px 20px 0px;
	padding:0px 20px 20px 42px;
	text-indent:-1.2em;
	border-bottom:1px dotted #ccc;
	font-size:16px;
	line-height:1.6em;
}
.compensation li:last-child{
	border:none;
}

.equation {
    margin: 10px 0px 0px;
    background: #f4f4f4;
    padding: 15px 20px 15px 2.5em;
    text-indent: -1em;
}

.equation02 {
    margin: 10px 0px 0px;
    background: #f4f4f4;
    text-indent: 0px;
    padding: 15px 20px 15px 20px;
}

.table{
	width:100%;
	margin:0px auto 30px;
	border-collapse:collapse;
}
.table th{
	text-align:left;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
	line-height:1.6em;
	border:1px solid #ccc;
	border-left:2px solid #2B98CE;
	padding:5px 20px;
}
.table td{
	text-align:left;
	vertical-align:top;
	font-size:14px;
	line-height:1.6em;
	border:1px solid #ccc;
	padding:5px 20px;
}
.table02 th,
.table02 td{
	font-size:12px;
	padding:3px 5px;
}

.quick {
	padding: 30px 0;
}

.quick a {
  border-radius: 4px;
  background: url(../../images/btn_cart.png) 30px 20px rgb(252, 102, 102) no-repeat;
  width: 480px;
  font-size: 22px;
  line-height: 80px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: block;
  margin: auto;
}
.quick a:hover{
  border-radius: 4px;
  background: url(../../images/btn_cart.png) 30px 20px rgb(202, 2, 52) no-repeat;
  width: 480px;
  font-size: 22px;
  line-height: 80px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: block;
  margin: auto;
}

.pack {
	max-width: 1000px;
	margin: auto;
}


.pack li.p01 img {
	border-bottom: 8px solid #30649A;
}

.pack li.p02 img {
	border-bottom: 8px solid #FF9920;
}

.pack li.p03 img {
	border-bottom: 8px solid #CE27CF;
}

.pack li.p04 img {
	border-bottom: 8px solid #FF6398;
}

.pack li.p05 img {
	border-bottom: 8px solid #2D9A2B;
}

.pack li {
	/*width: 31.3%;*/
	width:47%;
	border: 1px solid #ccc;
	float: left;
	margin: 0 3% 30px 0;
	box-sizing: border-box;
	background: #3398CC;
}

.pack li a {
	color: #4e525d;
	text-decoration: none;
}

.pack li p {
	font-size: 16px;
	padding: 0 10px 10px 10px;
	margin: 0px !important;
	background: #fff;
}

.pack li strong {
	font-size: 22px;
	display: block;
	padding: 10px 0 !important;
	text-align: center;
	font-weight: normal;
	margin: 0px !important;
	background: #fff;
}

.pack li img {
	margin: 0px !important;
	padding: 0px !important;
	text-align: center;
	width: 100%;
	vertical-align: bottom;
}

.pack li span {
	text-align: center;
	display: block;
	padding: 3px 0;
	color: #fff;
	text-decoration: none;
}

.gray {
	background: #f1f1f1;
	width: 100%;
	padding: 60px 0 30px;
	text-align: center;
}

.gray h2,
.option h2 {
	font-size: 30px;
	line-height: 140%;
	margin: 0 auto 20px auto;
}

h2 span {
	display: block;
	font-size: 24px;
}

.gray dl {
	max-width: 1000px;
	margin: auto;
  border-bottom:1px solid #ccc;
  margin-bottom:30px;
}
.gray dl:last-child {
	max-width: 1000px;
	margin: auto;
  border-bottom:none;
  margin-bottom:0;
}

.gray dl dt {
	float: left;
	width: 48%;
	margin: 0 0 30px;
}

.gray dl dt img{
	max-width: 470px;
	width: 100%;
}

.gray dl dd img{
	max-width: 476px;
	width: 100%;
}

.gray dl dd {
	float: right;
	width: 48%;
}

.gray dl dd h3 {
	text-align: left;
	padding: 0px;
	margin: 0px !important;
}


.gray dl dd p {
	text-align: left;
	padding: 0px;
}

.gray dl dd span  {
	font-size: 12px;
	text-align: left;
	display: block;
	padding: 5px 0 0 0;
}

#white {
	text-align: center;
	padding: 60px 0 30px;
}

#white h2 {
	font-size: 30px;
	line-height: 140%;
	margin: 0 auto 20px auto;
}

#white h2 span {
	font-size: 24px;
	display: block;
}

#white ul {
	max-width: 1000px;
	margin: auto;
}

#white ul li {
	float: left;
	width: 33.3%;
	text-align: center;
	box-sizing: border-box;
}

#white ul li img {
	display: block;
	margin: 0 auto 35px auto;
}

#white ul li p {
	margin: 0 20px 30px 20px;
	font-size: 14px;
}

.option {
	padding: 30px 0 0 0;
	text-align: center;
}

.option ul {
	max-width: 1000px;
	margin: auto;
}

.option ul li {
	width: 50%;
	float: left;
	text-align: left;
	padding: 0 10px 40px 0;
	box-sizing: border-box;
}

.option ul li img {
	float: left;
	margin: 0 20px 0 0;
}

.option ul li p {
	font-size: 14px;
}

.option ul li p strong {
	display: block;
	font-size: 22px;
}

.flow_pc {
	text-align: center;
	max-width: 960px;
	margin: auto;
}

.flow_pc img {
	width: 100%;
}

.flow_sp {
	display: none;
}

.slick-prev
{
	 font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
	background: url(../images/prev.png) no-repeat;
	left: 25px;
	z-index: 10000;
	border: none;
}

.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
	background: url(../images/next.png);
	right: 25px;
	border: none;
}

#news {
	text-align: center;
	padding: 60px 0 30px;
}

#news dl {
	max-width: 1000px;
	margin: 0 auto 30px auto;
	border-bottom: 1px solid #ccc;
}

#news dl dt {
	width: 15%;
	float: left;
	text-align: left;
}

#news dl dd {
	width: 82%;
	float: right;
	text-align: left;
	padding: 0 0 30px;
}

#news dl dd strong {
	display: block;
}

.imgr {
	float: right;
	margin: 0 0 0 20px;
}

.price {
	max-width: 1000px;
	margin: auto;
	padding: 0px;
}

.price .l {
	width: 45%;
	float: left;
	padding: 0px;
}

.price .l h3 {
	font-size: 20px !important;
}

.price .r {
	width: 45%;
	float: right;
	padding: 0 0 30px;
}
.pack table,
.cosplay table,
.futon table,
.shoes table {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	width: 100%;
	margin: 0 0 20px;
}
.pack table th {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #3399cc;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	width: 55%;
	box-sizing: border-box;
	font-weight: normal;
}

.pack table td {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #eee;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
	font-size: 13px;
}
.futon table th {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #810080;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	width: 55%;
	box-sizing: border-box;
	font-weight: normal;
}

.futon table td {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #eee;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
	font-size: 13px;
}
.cosplay table th {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #f77bff;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	width: 55%;
	box-sizing: border-box;
	font-weight: normal;
}

.cosplay table td {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #eee;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
	font-size: 13px;
}
.notes {
	border: 1px solid #ccc;
	height: 300px;
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
	overflow: scroll;
	margin: 0 0 40px;
}

ul.button li:last-child {
  border-radius: 4px;
  background: #ffa500;
  padding: 0px;
  margin: 0 20px;
  text-align: center;
}

ul.button li:last-child  a {
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	line-height: 60px;
	display: block;
}

ul.button li {
  border-radius: 4px;
  background: rgb(255, 90, 90);
  padding: 0px;
  margin: 0 20px;
  text-align: center;
}

ul.button li a {
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	line-height: 80px;
	display: block;
}

ul.button li a img {
	vertical-align: middle;
	margin: 0 20px 0 0;
}

.h_pack table {
	float: left;
	width: 45%;
	margin: 0 20px 20px 0;
}

.hokan table th {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #ffa500;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	width: 55%;
	box-sizing: border-box;
	font-weight: normal;
}

.hokan table td {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #eee;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
	font-size: 13px;
}

.h_option li {
	padding: 0 0 20px;
}

.h_option li img {
	float: left;
	margin: 0 20px 0 0;
}

.h_option li a,
a.to {
	color: #3399cc;
	text-decoration: none;
	display:block;
	text-align: right;
}

.h_option li a:before,
a.to:before {
	content: '▼';
	display: inline-table;
	margin: 0 5px 0 0;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	width: 15px;
	height: 15px;
}

.t {
	padding: 0 0 50px;
}

.t a {
	margin: 0 30px 0 0;
}

ul.seal {
	padding: 0px !important;
	margin: 0px !important;
}

ul.seal li {
	float: left;
	width: 50%;
	padding: 0 0 30px;
	margin: 0px !important;
}

ul.seal li p {
	margin: 0 30px 0 0 !important;
	padding: 0px !important;
	font-size: 14px;
}

ul.seal li strong {
	display: block;
	font-weight: bold;
	margin: 0 0 10px;
}

ul.seal li img {
	float: left;
	margin: 0 20px 0 0;
}

.cos_l {
	float: left;
	width: 60%;
}

.cos_r {
	float: left;
	width: 38%;
}

.kutsu img {
	width: 45%;
	margin: 0 10px;
}

.shoes table th {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #008000;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	width: 55%;
	box-sizing: border-box;
	font-weight: normal;
}

.shoes table td {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #eee;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
	font-size: 13px;
}

.pl {
	width: 48%;
	float: left;
}

.pr {
	width: 48%;
	float: right;
}

.pl img,
.pr img {
	width: 100%;
	margin: 0 0 20px;
}

.pl table,
.pr table {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	width: 100%;
	margin: 0 0 20px;
}

.pl table th,
.pr table th {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #3399cc;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	width: 55%;
	box-sizing: border-box;
	font-weight: normal;
}

.pl table td,
.pr table td {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #eee;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
	font-size: 13px;
}

span.big {
	font-weight: bold;
	font-size: 120%;
}

.repeat {
	background: #eee;
	border-radius: 4px;
	margin: 0 0 60px;
	padding: 20px;
}

.repeat img:first-child{
	margin: 0 30px 0 0;
}

.ir1,
.ir2,
.ir3,
.ir4,
.ir5 {
	float: right;
	width: 48%;
}

.ir1 img {
	width: 100%;
	border-bottom: 8px solid #FF9920;
	margin: 0 0 20px;
}

.ir2 img {
	width: 100%;
	border-bottom: 8px solid #30649A;
	margin: 0 0 20px;
}

.ir3 img {
	width: 100%;
	border-bottom: 8px solid #CE27CF;
	margin: 0 0 20px;
}


.ir4 img {
	width: 100%;
	border-bottom: 8px solid #FF6398;
	margin: 0 0 20px;
}

.ir5 img {
	width: 100%;
	border-bottom: 8px solid #2D9A2B;
	margin: 0 0 20px;
}


.il {
	float: left;
	width: 48%;
	padding: 0 0 50px;
}

.il ul {
	padding: 0px !important;
	margin: 0px !important;
}

.il ul li {
	float: left;
	width: 48%;
	font-size: 13px;
	line-height: 35px;
}

.il ul li img {
	float: left;
	width: 35px;
	height: 35px;
	margin: 0 10px 0 0;
}

.il span {
	display: inline-table;
	border: 1px solid #fc6666;
	padding: 4px;
	border-radius: 3px;
	margin: 0 5px 10px 0;
	color: #fc6666;
	font-size: 13px;
	text-align: center;
}

ul.guide li {
	float: left;
	width: 16.6%;
	text-align: center;
	font-size: 11px;
}

ul.guide li img {
	width: 90%;
	display: block;
	margin: 0 auto 10px auto;
}

.float_l {
	width: 48%;
	float: left;
}

.float_r {
	width: 50%;
	float: right;
}

.imgl {
	float: left;
	margin: 0 20px 0 0;
}

div.blue_box {
width:100%;
margin:0 auto 30px auto;
}
div.blue_box_in {
border:5px solid #A6DEFA;
padding:15px;
margin: 0 0 10px;
}
div.blue_box div.float_l {
width:73%;
}
div.blue_box img {
width:25%;
}
div.blue_box h4 {
margin:0 0 20px !important;
padding: 0px !important;
}
div.blue_box ul {
margin:0px !important;
padding: 0px !important;
}
div.blue_box p {
margin:0;
}

.table_01 {
	margin: 0 0 30px;
	width: 100%;
	border-bottom : 1px solid #ccc;
	border-left : 1px solid #ccc;
}

.table_01 th {
	border-top : 1px solid #ccc;
	border-right : 1px solid #ccc;
	background: #DAF2FF;
	text-align: center;
	padding: 10px;
	width: 55%;
	box-sizing: border-box;
	font-weight: normal;
}

.table_01 td {
	border-top : 1px solid #ccc;
	border-right : 1px solid #ccc;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
}

img.w50 {
	width: 50%;
}

.about h4 {
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px;
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: normal;
}

.about h5 {
	font-size: 16px;
	color: #2B98CE;
	font-weight: normal;
	margin: 0 0 10px;
	padding: 0px;
}

}

@media screen and (min-width: 601px) and (max-width: 959px) {
/* =====================================
common
===================================== */
#contentBase {
	min-height: 800px;
}
#cart {
	display: none;
}
/* =====================================
header
===================================== */
#header .h1_pc {
	width: 40%;
}

.h1_sp {
	display: none;
}

#header .h1_pc img {
	max-height: 30px !important;
	margin: 0 2% 0 0;
}
#header .pc {
	display: block;
}
#header .pc img.pc_tel {
	width: 50%;
}
#header .pc img.pc_mail {
	width: 40%;
}
/* 1-2. globalNav ---------------------------- */
#globalNav .dropcordion {
	width: 100%;
	margin: 0;
	display: table;
}
.nav {
	font-size: 14px;
}
.nav li.nav02, .nav li.nav03, .nav li.nav04, .nav li.nav05, .nav li.last {
	width: 15.8%;
}
.nav li.first {
	width: 19.2%;
}
li.nav04 {
	width: 12% !important;
}
/* =====================================
CONTENTS
===================================== */

#contents #main {
	margin: 0 20px;
	width: auto;
	float: none;
}
/* =====================================
 3. side
===================================== */

#contents #side {
	margin: 0 20px;
	width: auto;
	clear: both;
	overflow: hidden;
	float: none;
}
#contents #side div {
	width: 31%;
	margin: 0 1%;
	float: left;
}
/* =====================================
 4. footer
===================================== */

#footer .flink {
	max-width: 1000px;
	margin: auto;
	padding: 0 20px;
	box-sizing: border-box;
}
#footer .flink .add {
	width: auto;
	float: none;
	margin: 0 20px;
}
#footer .flink .add img {
	display: block;
	margin: 0 0 30px;
}
#footer .flink .add p {
	padding: 0 0 30px 0;
	margin: 0px;
	width: 60%;
	float: left;
}
#footer .flink .add div {
	float: right;
	width: 40%;
	padding: 30px 0 0 0;
}
#footer .flink .add div a {
	margin: 0 13px 0 0;
	display: inline-block;
}
#footer .flink .link {
	width: auto;
	float: none;
}
#footer #copyright {
	text-align: center;
	font-size: 12px;
}
#footer .flink .link ul {
	width: auto;
	float: left;
	font-size: 14px;
}
#footer .flink .link ul li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #fff;
	margin: 0 0 10px;
	line-height: 100%;
}
#footer .flink .link ul li:last-child {
	border: none;
}

.flow01,
.flow02,
.flow03 {
	padding: 0 0 30px;
	margin: 0px;
}

.flow01 img,
.flow02 img,
.flow03 img{
	width: 100%;
}
.tab li span {
	font-size: 12px !important;
}



#pack_view{
	
	margin-bottom:0;
	
}
#zenkai{
	
	margin-bottom:0;
	
}

.media {
	max-width: 960px;
	margin: 30px 0 30px 0;
	padding: 0 0 0 0;
	text-align: center;
	
}
.media p {
  border-radius: 4px;
  width: auto;
  font-size: 22px;
  line-height: 30px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  display: block;
  margin: auto;
}
.media h2{
font-size: 26px;
	margin: 0 0 20px;
	line-height: 1.5;
	clear: both;
	overflow: hidden;	
}
.glayimg{
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
	cursor: default;
}
.rid {
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	
}




}