@media screen and (max-width: 736px) {
/* =====================================
 0. common
===================================== */
body {
	font-size: 97% !important;
	padding: 48px 0 0 0;
}

#cart {
	display: none;
}

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

ol {
	margin: 0 0 20px;
}

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

.mb {
	padding: 0 0 30px;
}

.pc_img {
	display: none;
}

.sp_img {
	display: block;
}

.none {
	display: block;
}

#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 !important;
	list-style-position: outside;
	color: #FF6462;
}


/* =====================================
 1. header
===================================== */
#header {
	margin-bottom: 0;
}
#header .h1_sp {
	width: 25%;
	padding: 12px 0 0 10px;
  box-sizing:border-box;
	margin: 0px 0 0 0;
	display: block;
	float: left;
}

#header .h1_pc {
	display: none;
}

#header .h1_sp img {
	width: 100% !important;
	margin: 5px 0 0 0px;
	display: inline-table;
}

#header .h1_sp img.sub {
	width: 25% !important;
}

#header .rightBox {
	width: 73%;
	margin: 0px;
	padding: 0px;
}
#header .pc {
	display: none;
}
#header #mail_button, #header #menu_button, #header .tel_button {
	display: block;
	float: right;
	text-align: center;
	padding: 14px 0;
	border-left : 1px solid #AFAFAF;
}
#header #mail_button img, #header #menu_button img, #header .tel_button img {
	height: 25px;
	margin: 0 2px;
}
#header_bg{
	border-bottom:none;
}

.nav li.log {
	display: block;
}

/* 1-2. globalNav ---------------------------- */
#gnav {
	background: none;
	height:auto;
	width: 100%;
	border: none;
	border-bottom: 1px solid #AFAFAF;
}
.nav {
	display: none;
	padding:0;
}
.nav li {
	border: none;
	
}
.nav > li {
	float: none;
	
}
.nav ul {
	display: block;
	width: 100%;
}
.nav > li.hover > ul, .nav li li.hover ul {
	position: static;
}
.nav li {
	background: #fff;
	border-top: 1px dotted #AFAFAF;
	border-right:none;
	text-align: left;
    position: relative;
    display: block;
	width: 100%;
}
.nav li.first {
	width: 100%;
}
.nav li.first:before{
	content:normal;
}
.nav li a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 16px;
	right: 15px;
	width: 15px;
	height: 15px;
	margin-top: -5px;
	background: #2B98CE;
	background: none\9; /* IE8 */
}
.nav li a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 16px;
	right: 17px;
	width: 15px;
	height: 15px;
	margin-top: -5px;
	background: #fff;
	background: none\9; /* IE8 */
}

.nav a,
.nav span {
	background: none;
	text-decoration: none;
	border-bottom: none !important;
	color: #2B98CE;
	padding: 8px 12px;
}

.nav a:hover,
.nav span:hover {
	background: none;
	text-decoration: none;
	border-bottom: none !important;
}

/* =====================================
CONTENTS
===================================== */

#contents #main {
	margin: 0 20px;
	width: auto;
	float: none;
}

#contents #main #path {
	display: none;
}

#h1 {
	background: url(../images/h1.png) no-repeat center center;
	background-size: cover;
	width: 100%;
	margin: 0 0 30px;
}

#h1 h1 {
	margin: auto;
	font-size: 26px;
	padding: 20px;
  box-sizing: border-box;
}

#contents #main h2 {
	font-size: 16px;
	margin: 0 0 0px;
	line-height: 120%;
	clear: both;
	overflow: hidden;
}

#contents #main h3 {
	font-size: 14px;
	margin: 0 0 5px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

#contents #main h2:before {
	background: #2B98CE;
	border-radius: 3px;
	width: 35px;
	height: 18px;
	margin: 0px 10px 20px 0;
	content: '';
	float: left;
	display: inline-block;
	vertical-align: middle;
}

.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 p {
	margin: 0 0 10px;
	font-size: 13px;
}

#contents #main dl.faq {
	border-bottom: 1px solid #e9e9e9;
	padding: 0 0px 20px 0px;
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 140%;
}

#contents #main dl.faq dt {
	margin: 0 0 10px;
}

#contents #main dl.faq dt:before {
	background: #2B98CE;
	border-radius: 3px;
	width: 40px;
	padding: 3px 0;
	margin: 0px 10px 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: 40px;
	padding: 20px 0;
	margin: 0px 10px 0 0;
	content: 'A';
	color: #fff;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	float: left;
}

#contents #main ul {
	padding: 0 0 20px 5px;
}

#contents #main ul li {
	margin: 0 0 15px;
	font-size: 13px;
	clear: both;
	overflow: hidden;
}

ul.arrow li:before {
	content: '>';
	color: #2B98CE;
	margin: 0 14px 0 0;
}

ul.dot li:before {
	width: 6px;
	height: 6px;
	content: '';
	margin: 6px 5px 20px 0;
	border-radius: 6px;
	background: #2B98CE;
	display: inline-block;
	vertical-align: bottom;
	float: left;
}
.flow01,
.flow02,
.flow03 {
	padding: 0 0 10px;
	margin: 0px;
}

.flow01 img,
.flow02 img,
.flow03 img{
	width: 100%;
}

.tab {
	overflow: hidden;
	padding: 0px !important;
	margin: 0 auto;
	width: 100%;
}

.tab li {
	display: inline-table;
	margin: 0px;
	padding: 0px;
	clear: none !important;
	overflow: auto !important;
}

.tab li br {
	display: block;
}

.tab li span {
	font-size: 10px !important;
}

.content div {
	padding: 0 0px 10px 0px;
}

.content div ul.down {
	padding: 0 0 0 5px !important;
}

.content div ul.down li {
	margin: 0px !important;
	width: 15%;
}

.content div table {
	margin: 0 0 0 0px !important;
	width: 100%;
}
.form {
  display: block;
}
.form tbody{
  display:block;
}

.s04-2 table.form th,
.th_pink{
	background: pink;
}

.s05-2 table.form th,
.th_green{
	background: green;
	color: #fff !important;
}

.s03-2 table.form th,
.th_purple {
	background: purple;
	color: #fff !important;
}


.s01-2 table.form th,
.th_orange {
	background: orange;
	color: #fff !important;
}

.s02-2 table.form > tbody > tr > th,
.form th.th_blue,
.th_blue {
	background: #3399cc;
	color: #fff;
	display: block;
	width: 100%;
}

.form2{
  display:table;
}
.form2 tbody{
  display:table-row-group;
}
.form2 tbody tr{
  display:table-row;
}
.form2 tbody tr td,
.form2 tbody tr th{
  display:table-cell;
}
.form2 tbody tr th{
  display:table-cell;
  vertical-align:middle;
  width:120px;
}
td.none {
	padding: 0 10px !important;
}
tr.sp_add td select,
tr.sp_add td input {
	margin: 0 0 5px 0;
}

.form th br {
	display: none;
}

.form tbody,
.form tr {
	width: 100%;
	display: block;
}

.form th {
	text-align: left;
	vertical-align: top;
	padding: 10px;
	font-weight: normal;
	font-size: 14px !important;
	color: #414a5a;
	box-sizing: border-box;
  display:block;
  width:100%;
}


.form tr.dd td {
	width: 49%;
	padding: 10px 0;
	box-sizing: border-box;
	display: inline-table;
	border: none;
}

.form td {
	text-align: left;
	vertical-align: top;
	padding: 10px;
	font-weight: normal;
	font-size: 14px !important;
	color: #414a5a;
  display:block;
  box-sizing: border-box;
  width:100%;
}
.form td span {
	font-size: 11px;
}
.s01-2 .check th,
.s01-2 .check td{
  background:#FCD39D;
  
}
.form .check{
  width: 100%;
}
.form .check tbody{
  display:table-row-group;
}
.form .check tr{
  display:table-row;
}
.form .check tr th,
.form .check tr td{
  display:table-cell;
}
.form .check tr th{
  box-sizing: border-box;
  padding: 5px;
}

.form .check.option-table th{
  min-width: 120px;
}
.form .check tr td + td{
  width: 50%;
}
.form .check tr th + td{
  padding:5px;
}
.form_pink{
  padding:0;
}
.form_pink tbody{
  display:block;
  width:100%;
}
.form_pink tr{
  display:block;
  width:100%;
}
.form_pink th{
  display:block;
  width:100%;
  text-align:left;
  padding:10px;
  box-sizing:border-box;
}
.form_pink td{
  display:block;
  width:100%;
  text-align:left;
  padding:10px;
  box-sizing:border-box;
}
select {
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	margin: 2px 0;
	box-sizing: border-box;
	width: 90%;
  height:25px;
}
select option {
	padding: 5px;
}
input[type="text"] {
	width: 95%;
	box-sizing: border-box;
	padding: 5px;
	margin: 0px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	color: #414a5a;
	display: inline-block;
}
input[type="email"] {
	width: 95%;
	box-sizing: border-box;
	padding: 5px;
	margin: 0px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	color: #414a5a;
	display: block;
}
input[type="tel"] {
	width: 95%;
	box-sizing: border-box;
	padding: 5px;
	margin: 0px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	color: #414a5a;
	display: block;
}
input[type="password"] {
	width: 95%;
	box-sizing: border-box;
	padding: 5px;
	margin: 0px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	color: #414a5a;
	display: block;
}
input[type="date"] {
	width: 95%;
	box-sizing: border-box;
	padding: 5px;
	margin: 0px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	color: #414a5a;
	display: block;
}
input[type="number"] {
	width: 95%;
	box-sizing: border-box;
	padding: 5px;
	margin: 0px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	color: #414a5a;
	display: block;
}
input[type="checkbox"] {
	width: 16px;
	height: 16px;
	border: 1px solid #72C8FA;
	box-sizing: border-box;
	vertical-align: middle;
}

span input[type="radio"] {
	float: left;
	padding: 0px;
	margin: 0px;
	font-size:x-large;
}

input[type="radio"] {
	border: 1px solid #72C8FA;
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	padding: 0px;
	font-size:x-large;
  height:25px;
  width:25px;
  margin:0 10px;
}
td label input[type=radio]{
  top: 0;
  left:0;
}
input[type="button"].zip_button,
#zip_button{
  margin:0;
}
.tolink {
	text-align: right;
	margin: 0 0 30px;
	font-size: 13px;
}

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

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

.box ul li.par {
	width: 6%;
}

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

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

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

.box table th {
	font-weight: normal;
	font-size: 12px;
	word-break: keep-all;
	padding: 0 5px 0 0;
	text-align: left;
}

input[type="submit"] {
	padding: 5px 10px;
	color: #fff;
	border: none;
	border-radius: 3px;
	background: #2B98CE;
	margin: 20px auto !important;
	font-size: 14px;
	text-align: center;
	display: inline-table;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="button"] {
	padding: 5px 10px;
	color: #fff;
	border: none;
	border-radius: 3px;
	background: #2B98CE;
	margin: 20px auto;
	font-size: 14px;
	text-align: center;
	display: inline-table;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="reset"] {
	padding: 5px 10px;
	color: #fff;
	border: none;
	border-radius: 3px;
	margin: 0 auto 20px auto !important;
	font-size: 14px;
	text-align: center;
	display: inline-table;
	background: #9a9ea0;
}

.box table td select {
	width: 100%;
}

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

#contents #main h2.no:before {
	content: '';
	margin: 0px;
	width: auto;
	height: auto;
}

.flow {
	padding: 0 0px 30px 0px;
}
.flow img {
	width: 100%;
}

.flow div {
	padding: 20px 0;
}

.flow th {
	padding: 0 10px 0 0;
	vertical-align: top
}

.flow th span {
	background: #3399cc;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	padding: 5px;
	display: block;
	font-size: 12px;
}

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

.compensation{
	margin:0px 0px ;
	padding: 0px;
}
.compensation li{
	list-style-type:decimal;
	list-style-position:inside;
	margin:0px 0px 10px 0px;
	padding:0px 10px 10px 21px;
	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;
	font-size: 11px;
}

.equation02 {
    margin: 10px 0px 0px;
    background: #f4f4f4;
    text-indent: 0px;
    padding: 10px;
	font-size: 11px;
}


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

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

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

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


.quick {
	padding: 30px 0 30px 0;
}

.quick a {
  border-radius: 4px;
  background: url(../../images/btn_cart.png) 20px 10px rgb(252, 102, 102) no-repeat;
  background-size: 20px 20px;
  width: 260px;
  font-size: 12px;
  line-height: 40px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: block;
  margin: auto;
}

.pack {
	margin: 30px 0 0;
}
.pack li{
  padding:0 10px;
}
.pack li img{

}
.pack li.p03{
	margin: 0 0 10px 0px;
}

.pack li.p01 .s-pack {
	border: 2px solid #FF9920;
}

.pack li.p02 .s-pack {
	border: 2px solid #30649A;
}

.pack li.p03 .s-pack {
	border: 2px solid #CE27CF;
}

.pack li.p04 .s-pack {
	border: 2px solid #FF6398;
}

.pack li.p05 .s-pack {
	border: 2px solid #2D9A2B;
}

.pack li {
	width: 100%;
	clear: both;
	overflow: hidden;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
  padding:0 0 0 70px;
	box-sizing: border-box;
	background: #fff url(../images/arrow_sp.png) no-repeat 98% 20px;
	background-size: 22px 32px;
  position:relative;
}

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

.pack li p {
	font-size: 10px;
	padding: 0 30px 10px 10px;
	margin: 0px;
	background: none;
	font-size: 12px;
	text-align: left;
}

.pack li strong {
	font-size: 16px;
	display: block;
	text-align: left;
	padding: 0 0 5px 0 !important;
	font-weight: normal;
	margin: 0px !important;
	background: none;
}

.pack li img {
	margin: 0 10px 20px 0 !important;
	padding: 0px !important;
	width: auto;
	height: 70px;
	float: left;
	vertical-align: bottom;
  position:absolute;
  top:0;
  left:-25px;
  border:none !important;
}
.pack li span.s-pack{
  display:block;
  position:absolute;
  top:0;
  left:10px;
  overflow:hidden;
  width:60px;
  height:60px;
	/*border-radius: 50%;*/
}


.pack li span {
	display: none;
}

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

.quick + .gray{
  margin:30px 0 0;
}
body#index h2 {
	font-size: 18px !important;
	line-height: 120% !important;
	margin: 0 20px 20px 20px;
	font-weight: normal;
}

body#index h2 span {
	display: block;
	font-size: 14px;
}


.gray h2 br {
	display: none;
}

.gray p {
	font-size: 14px;
	margin: 0 10px 20px 10px;
}

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

.gray dl:last-child {
  border:none;
  margin:0 20px;
}
.gray dl dt {
	float: none;
	width: 100%;
	margin: 0 0 10px;
}

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

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

.gray dl dd {
	float: none;
	width: 100%;
	margin: 0 0 20px;
}

.gray dl dd p {
	text-align: left;
	padding: 0px;
	margin: 0 0 5px;
	font-size: 12px;
}

.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 ul {
	max-width: 1000px;
}

#white ul li {
	float: left;
	width: 50%;
	text-align: center;
}

#white ul li img {
	display: block;
	width: 80%;
	margin: 0 auto 15px auto;
}

#white ul li strong {
	margin: 0 10px 10px 10px;
}

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

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

.option ul {
	margin: auto;
}

.option ul li {
	width: 90%;
	float: none;
	text-align: left;
	padding: 0 0px 20px 0;
	margin: 0 10px;
	box-sizing: border-box;
}

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

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

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

.flow_pc {
	display: none;
}

.flow_sp {
	text-align: center;
	margin: 0 10px;
	padding: 0 0 30px;
	display: block;
}

.flow_sp img {
	width: 100%;
}

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


#news dl {
	max-width: 1000px;
	margin: 0 0 20px 0;
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
}

#news dl dt {
	width: 100%;
	float: none;
	padding: 0 0 10px;
	text-align: left;
}

#news dl dd {
	width: 100%;
	float: none;
	text-align: left;
	padding: 0 0 10px;
}

#news dl dd strong {
	display: block;
}

.imgr {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
}

.imgc img {
	width: 100%;
	margin: 0 0 15px 0;
}

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

.price .l {
	width: 100%;
	float: none;
	padding: 0 0 10px;
}

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

.price .r {
	width: 100%;
	float: none;
	padding: 0 0 10px;
}

.price .r img {
	width: 100%;
}

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

.futon table th {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #810080;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-size: 13px;
	width: 60%;
	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: 5px 5px 5px 0;
	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 10px;
  text-align: center;
}

ul.button li:last-child  a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 140%;
	display: block;
	padding: 10px 0;
}

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: 16px;
	line-height: 60px;
	display: block;
}

ul.button li a img {
	vertical-align: middle;
	margin: 0 10px 0 0;
	width: 25px;
	height: 25px;
}

.h_pack table {
	float: none;
	width: 100%;
	margin: 0 0px 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 {
	color: #3399cc;
	text-decoration: none;
	display:block;
	text-align: right;
}

.h_option li a: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 30px;
}

.t img {
	width: 100%;
	margin: 0 0 10px 0;
}

.t a {
	margin: 0px;
}

ul.seal li {
	float: none;
	width: 100%;
	padding: 0 0 10px;
}

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: none;
	width: 100%;
}

.cos_r {
	float: none;
	width: 100%;
	text-align: center;
	padding: 0 0 30px;
}

.cos_r img {
	width: 80%;
	margin: -30px 0 0 0;
}

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

.shoes table th {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #008000;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-size: 13px;
	width: 60%;
	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: 5px 0px 5px 0;
	box-sizing: border-box;
	font-size: 13px;
}

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


.pl {
	width: 100%;
	float: none;
}

.pr {
	width: 100%;
	float: none;
}

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

.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 30px;
	padding: 10px;
	text-align: center;
}

.repeat img:first-child{
	margin: 0 auto 10px auto;
	display: block;
	width: 50%;
}

.repeat img{
	margin: 0 0 10px 0;
	display: block;
	width: 100%;
}

.ir1,
.ir2,
.ir3,
.ir4,
.ir5 {
	float: none;
	width: 100%;
	padding: 0 0 30px;
}

.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: none;
	width: 100%;
	padding: 0 0 10px;
}

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

.il ul li {
	float: none;
	width: 100%;
	font-size: 13px;
	line-height: 40px;
}

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

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

ul.guide {
	padding: 0px !important; 
	margin: 0px !important;
	width: 100%;
}

ul.guide li {
	float: left !important;
	width: 50%;
	padding: 0px !important; 
	margin: 0 0 15px !important;
	text-align: center;
	font-size: 11px;
	clear: none !important;
}

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

.float_l {
	width: 100%;
	float: none;
}

.float_r {
	width: 100%;
	float: none;
}

.imgl {
	float: none;
	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;
text-align: center;
}
div.blue_box div.float_l {
width:100%;
text-align: left;
}
div.blue_box img {
width:50%;
margin: 0 0 10px;
}
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: 5px;
	font-size: 12px;
	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: 5px;
	font-size: 12px;
	box-sizing: border-box;
}

img.w50 {
	width: 100%;
	margin: 0 0 10px;
}

.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;
}

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

#side {
	display: block;
	float: none !important;
	width: auto !important;
	margin: 0 10px;
	padding: 30px 0 0 0;
}
.quick + #side{
  margin-top: 30px;
}
#side ul {
	margin: 0 0 20px;
	padding: 0 0 0 18px;
}
#side ul li {
	margin: 0 0 5px 0px;
	float: none;
	clear: both;
	padding: 0px;
}
#side p {
	padding: 5px;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	margin: 0 0 10px;
	background: #2B98CE;
}

/* =====================================
footer
===================================== */
#footer .flink {
	display: none;
}

#footer {
	background: #2B98CE;
	color: #fff;
	width: 100%;
	padding: 10px 0;
}

#footer #copyright {
	text-align: center;
	font-size: 11px;
	padding: 0 10px;
}
.top-plan .top-plan-tab{
  margin: 0 auto;
  padding: 0;
  width:100%;
  overflow: hidden;
  display: block;
}
.top-plan .top-plan-tab li{
  line-height: 1.5;
  display: block;
  width: 33%;
  float: left;
  text-align:center;
  background: #F1F1F1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 11px;
  padding:5px 0;
  border:1px solid #DDD;
  box-sizing: border-box;
}
.top-plan .top-plan-tab li.checked{
  background: #D7EBF4;
  border: 1px solid #C4E1F0;
  font-weight: bold;
}
.top-plan .top-plan-tab li:before{
  content: '';
}
.top-plan{
  width:96%;
  background: #FFF;
  margin: auto;
  padding: 20px 0 0 0;
}

.top-plan table{
  width:90%;
  max-width:1000px;
  margin:0 auto;
  background: #FFF;
  border-collapse:collapse;
  font-size:14px;
}

.top-plan tbody tr td,
.top-plan tbody tr th{
  text-align:center;
  padding:10px;
  vertical-align:center;
}
.top-plan thead tr td,
.top-plan tbody tr td{
  width:15%;
}
.top-plan thead tr th.starndard,
.top-plan thead tr th.starndard + th,
.top-plan tbody tr td.starndard,
.top-plan tbody tr td.starndard + td{
  display:none; 
}
.top-plan thead tr th.starndard{
  background:#fff;
}

.top-plan tbody tr:nth-child(odd) td.starndard,
.top-plan tbody tr:nth-child(odd) th.starndard{
  background: #e7f3f9;
}

.top-plan tbody tr:nth-child(even) td.starndard,
.top-plan tbody tr:nth-child(even) th.starndard{
  background: #f9f8f8;
}
.top-plan tbody tr:nth-child(7) td,
.top-plan tbody tr:nth-child(7) td.starndard{
  background: #f9f8f8;

}
body .top-plan tbody tr:nth-child(6) td,
body .top-plan tbody tr:nth-child(6) td.standard{
  background: #e7f3f9 ;
}

.top-plan ul{
  width:90%;
  margin:10px auto;
  padding:0 20px;
  font-size:13px;
  line-height:1.8;
}
.top-point-wrap{
  padding-top:20px;
}
.point-box{
  width:100%;
  float:none;
  padding: 0 0 0 110px;
}
.point-box .icon{
  left: 10px;
}
.my01 {
	background: #BEE8FF url(../../mypage/images/icon_01.png) no-repeat left center;
	width: 100%;
	background-size: 200px;
	float: none;
	margin: 0 0 20px;
}

.my02 {
	background: #BEE8FF url(../../mypage/images/icon_02.png)  no-repeat left center;
	background-size: 200px;
	width: 100%;
	float: none;
	margin: 0 0 20px;
}

.my03 {
	background: #BEE8FF url(../../mypage/images/icon_03.png)  no-repeat left center;
	background-size: 200px;
	width: 100%;
	float: none;
	margin: 0 0 20px;
}

.my05 {
	background: #BEE8FF url(../../mypage/images/icon_05.png)  no-repeat left center;
	background-size: 200px;
	width: 100%;
	float: none;
	margin: 0 0 20px;
}

.my01 a,
.my02 a {
	width: 98%;
	display: block;
	box-sizing: border-box;
	padding: 15px 20px 10px 70px;
	text-decoration: none;
	font-size: 12px;
	color: #23467B;
}

.my03 a,
.my05 a {
	width: 98%;
	display: block;
	box-sizing: border-box;
	padding: 15px 20px 10px 70px;
	text-decoration: none;
	font-size: 12px;
	color: #23467B;
}

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





#pack_view{
	
	margin-bottom:0;
	
}
#zenkai{
	
	margin-bottom:0;
	
}
.media {
	display: none;
}

.hokan_table 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: 30%;
	box-sizing: border-box;
	font-weight: normal;
}
.hokan_table 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;
}
.pack_table 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: 30%;
	box-sizing: border-box;
	font-weight: normal;
}
.pack_table 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 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: 30%;
	box-sizing: border-box;
	font-weight: normal;
}
.futon_table 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 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: 30%;
	box-sizing: border-box;
	font-weight: normal;
}
.cosplay_table 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;
}
.option_table table th {
	border-top : 1px solid #ccc;
	border-right : 1px solid #ccc;
	background: #DAF2FF;
	text-align: center;
	padding: 10px;
	width: 30%;
	box-sizing: border-box;
	font-weight: normal;
}
.option_table table td {
	border-top : 1px solid #ccc;
	border-right : 1px solid #ccc;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
}

}