img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}

.clearfloat { clear: both; }

a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none!important;
}

html, body {height: 100%;}  /*高さ100%に指定*/




/******テキスト**********/


.txt10 {
	font-size:10px;
}
.txt12 {
	font-size:12px;
}

.txtb {
	font-size:16px;
	font-weight:bold;
}
.red {
	color:#F00;
	font-size:10px;
}

.txt_r {
	text-align:right;
}


.txt_right {
	width:100px;
	margin:10px 0 10px auto;
	text-align:right;
}



/************ログイン*************/

.sample6Wrap{
	width: 100%;
	height: 100%;
	background: #010052;
	position: relative;
}
.sample6{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 600px;
	height:750px;
	background: #fff;
}


/**フォーム**/
#login{
  width:400px;
  margin:0 auto;
  margin-top:8px;
  margin-bottom:2%;
  transition:opacity 1s;
  -webkit-transition:opacity 1s;
}

#login h1{
  background:#fff;
  padding:20px 0;
  font-size:140%;
  font-weight:300;
  text-align:center;
  color:#000;
}

form{
  background:#f0f0f0;
  padding:6% 4%;
}

input[type="email"],input[type="password"]{
  width:92%;
  background:#efefef;
  margin-bottom:4%;
  border:1px solid #000;
  padding:4%;
  font-family:'Open Sans',sans-serif;
  font-size:95%;
  color:#555;
/*
font-size:14px;
height:30px;
border-style:none;
padding:2% 4%;
background-color:#D3D3D3;
font-family:'Open Sans',sans-serif;*/
}

input[type="submit"]{
  width:100%;
  background:#ffffff;
  border:#010052 1px solid;
  padding:4%;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#010052;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}
input[type="submit"]:hover{
  background:#010052;
  color:#FFF;
}


/*
input[type="button"]{
  width:300px;
  background:#ffffff;
  border:#000 1px solid;
  padding:4%;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#000;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}
input[type="button"]:hover{
  background:#000;
  color:#FFF;
}
*/


textarea {
	width:95%;
	font-size:14px;
	padding:0 5px;
	margin:5px auto;
	border:#000 1px solid;
	background-color:#fff;
	color:#555;
	line-height:1.5em;
}

input.textfield {
	width:95%;
	font-size:14px;
	padding:0 5px;
	margin:5px auto;
	height:30px;
	border:#000 1px solid;
	background-color:#fff;
	color:#555;
}

input.textfield_s {
	width:30%;
	font-size:14px;
	padding:0 5px;
	margin:5px auto;
	height:30px;
	border:#000 1px solid;
	background-color:#fff;
	color:#555;
}

input.textfield_phone {
	width:25%;
	font-size:14px;
	padding:0 5px;
	margin:5px auto;
	height:30px;
	border:#000 1px solid;
	background-color:#fff;
	color:#555;
}


input.submit {
  width:300px;
  background:#ffffff;
  border:#010052 1px solid;
  padding:2%;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#010052;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}
input.submit:hover {
  background:#010052;
  color:#FFF;
}

input.submit_s {
  width:30%;
  background:#ffffff;
  border:#010052 1px solid;
  padding:1%;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#010052;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}
input.submit_s:hover {
  background:#010052;
  color:#FFF;
}

@media only screen and (max-width: 480px) {
input.submit_s {
  width:10px;
  background:#ffffff;
  border:#010052 1px solid;
  padding:1%;
  font-family:'Open Sans',sans-serif;
  font-size:12px;
  color:#010052;
}
}

.select {
	font-size:14px;
	height:30px;
	border:#010052 1px solid;
	padding:5px;
	background-color:#fff;
}





@media only screen and (max-width: 480px) {
.sample6{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: auto;
	background: #fff;
	padding:2%;
	box-sizing: border-box;
}

#login{
  width:100%;
  margin:0 auto;
  margin-top:8px;
  margin-bottom:2%;
  transition:opacity 1s;
  -webkit-transition:opacity 1s;
  background-color:#fff;
}

#login h1{
  width:100%;
  background:#fff;
  font-size:140%;
  font-weight:300;
  text-align:center;
  color:#010052;
  box-sizing: border-box;
}

form{
  background:#CC6;
  padding:6% 4%;
}

input[type="email"],input[type="password"]{
  width:100%;
  background:#fff;
  margin-bottom:4%;
  border:1px solid #010052;
  font-family:'Open Sans',sans-serif;
  font-size:95%;
  color:#555;
  box-sizing: border-box;
}

input[type="submit"]{
  width:100%;
  margin:0 auto;
  background:#010052;
  border:#010052 1px solid;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

input[type="submit"]:hover{
  background:#fff;
  color:#010052;
}
}








#header {
	width:100%; height:auto; padding:20px 0; text-align:center; background-color:#010052;
}


#menu{
  width: 100%;
  max-width: 960px;
  margin:10px auto;
  padding: 0;
}
#menu li{
  display: block;
  float: left;
  width: 16.6%;
  margin: 0;
  padding: 0;
  font-size:12px;
}
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #010052;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition:background .3s;
  -webkit-transition:background .3s;
}
#menu li a:hover{
  background: #fff;
  color:#010052;
}
#toggle{ 
 display: none;
}

/*
@media only screen and (max-width: 768px) {
    #menu li{
    width: 30%;
    border-top: 1px solid #1a99d2;
  }
}
*/

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

#header {
	width:100%; height:auto; padding:20px 0 0 0; text-align:center; background-color:#010052;
}

#menu{
    display: none;
  }
  #menu li{
    width: 100%;
	height:40px;
	line-height:20px;
    border-top: 1px solid #fff;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #010052;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    /*border-bottom: 1px solid #fff;*/
    color: #fff;
	font-size:14px;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #010052;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}


/*********ヘッダーおわり*************/

/*********フッター******************/

#footer {
	width:100%; margin:20px auto 0 auto; background-color:#010052; text-align:center; padding:50px 0; color:#FFF; font-size:10px;
}

/***********フッターおわり**************/






.info80 {
	width:80%; padding:20px; margin:30px auto; border:#010052 1px dotted; color:#010052; line-height:2.0em; font-size:12px;
}

.info80w {
	width:80%; padding:20px; margin:10px auto; border:#fff 1px dotted; color:#FFF; line-height:2.0em; font-size:12px;
}


/***************メイン***************/


/*
#main {
	width: 100%;
	max-width: 960px;
	min-height:600px;
	background-color:#fff; margin:0 auto; padding-top:20px;
}
*/
#main {
	width: 100%;
	max-width: 960px;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 70%;
	background-color:#fff; margin:0 auto; padding-top:20px;
}



/*スライダー*/

#slider {
	width:900px;
	margin:0 auto;
	padding:10px 0;
box-sizing: border-box;
}
#slider600 {
	width:600px;
	margin:0 auto;
	padding:10px 0;
box-sizing: border-box;
}





#contents {
	width:900px; height:auto; background-color:#fff; margin:0 auto;
}

#left {
	width:620px; height:auto; margin-right:30px; float:left; margin-top: 0; /*background-color:#FCF;*/
}

#right {
	width:250px; height:auto; float:left; /*background-color:#6C9;*/
}

#category {
	width:250px; height:auto; background-color:#fff; color:#010052;
}

.menu {
   padding:0;
   /*border:1px solid #D1D1D1;*/
}
.menu h2{
   margin:0;
   padding-left:10px;
	box-sizing: border-box;
   font-size:20px;
   color:#FFF;
   font-weight:bold;
   font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
   height:40px;
   line-height:40px;
   letter-spacing:0.1em;
   background:#010052 url(../images/right_bg.gif) no-repeat right bottom;
}
.menu ul{
   margin:0;
   padding:0;
   list-style: none;
   /*border-top:1px solid #ddd;*/
   list-style-position:inside;
}
.menu li {
   padding:0;
   font-size:12px;
   line-height:2.0;
   border-bottom: 1px dotted #999;
}

.menu a {
   display:block;
   padding:10px 0 10px 20px;
   color:#333;
   text-decoration:none;
   background:url("../images/bg_list.gif") 10px 50% no-repeat;
  transition:background .3s;
  -webkit-transition:background .3s;
}
.menu a.current {
   color:#fff;
   background:#010052 url("../images/bg_list.gif") 10px 50% no-repeat;
}
.menu a:hover {
   color:#fff;
   background:#010052 url("../images/bg_list_on.gif") 10px 50% no-repeat;
}
.menu .list {
	font-weight:bold;
	padding-left:5px;
	margin-bottom:-2px;
}
.menu .update {
	font-size:10px;
	padding-left:5px;
	color:#666;
}

.menu .goods {
	width:100%;
	/*background-color:#C93;*/
	padding:10px 20px;
	box-sizing: border-box;
}

.menu .photo {
	width:120px;
	height:120px;
	padding-right:4%;
	float:left;

}

.menu .name {
	width:70%;
	float:left;
}

.menu .name_goods {
	font-weight:bold; font-size:18px;
}



#site_m {
	width:250px; height:auto; background-color:#fff; color:#010052; margin-top:40px;
}


#infomation {
	width:100%; height:auto; background-color:#fff; color:#010052; /*margin-top:40px;*/
}

.top_banner {
	width:100%; height:auto; background-color:#fff; color:#010052;
	padding:0 0 40px 0;
}


.new_item {
	width:100%; height:auto; background-color:#fff; color:#010052;
	padding:10px 0;
	margin-top:40px;
	border-top:#000 1px  solid;
	border-bottom:#000 1px  solid;
}

.new_item_name {
	width:95%; margin:10px auto; padding:10px 0; /*border-bottom:#000 1px dotted;*/ border-top:#010052 1px dotted;
	font-size:12px; font-weight:bold;
	line-height:2.0em;
}
.todetail a {
	display:block;
	width:20%;
	border:#010052 1px solid;
	background-color:#FFF;
	color:#010052;
	padding:10px 20px;
	text-align:center;
	margin:0 20px 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
  transition:background .3s;
  -webkit-transition:background .3s;
}
.todetail a:hover {
	background-color:#010052;
	color:#FFF;
}



@media only screen and (max-width: 768px) {
#main {
	width:100%;	background-color:#fff; margin:0 auto; padding:30px 0;
}

#slider {
	width:95%;
	margin:0 auto;
	padding:10px 0;
	box-sizing: border-box;
}
#slider600 {
	width:95%;
	margin:0 auto;
	padding:10px 0;
	box-sizing: border-box;
}

#contents {
	width:100%; background-color:#fff; margin:0 auto;
}

#left {
	width:100%; height:auto; padding:0 10px; /*background-color:#FCF;*/ box-sizing: border-box; margin-top: 20px;
}

.new_item {
	width:100%; height:auto; background-color:#fff; color:#000;
}
.new_item_name {
	width:95%; margin:10px auto; padding:5px 0; /*border-bottom:#000 1px dotted;*/ border-top:#000 1px dotted;
	font-size:12px; font-weight:bold;
	line-height:2.0em;
}

.todetail a {
	display:block;
	width:50%;
	border:#000 1px solid;
	background-color:#000;
	color:#fff;
	padding:10px 20px;
	text-align:center;
	margin:0 20px 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}


#infomation {
	width:100%; height:auto; background-color:#fff; color:#000; /*margin-top:40px;*/
}
.top_banner {
	width:100%; height:auto; background-color:#fff; color:#010052;
	padding:40px 0;
}

#right {
	width:100%; height:auto; padding:0 10px; /*background-color:#6C9;*/ box-sizing: border-box;
}

#category {
	width:100%; height:auto; background-color:#fff; color:#000; margin-top:40px;
}

#site_m {
	width:100%; height:auto; background-color:#fff; color:#000; margin-top:40px;
}



}




@media only screen and (max-width: 480px) {
#main {
	width:100%;	background-color:#fff; margin:0 auto; padding:30px 0;
}

#slider {
	width:95%;
	margin:0 auto;
	padding:10px 0;
	box-sizing: border-box;
}
#slider600 {
	width:95%;
	margin:0 auto;
	padding:10px 0;
	box-sizing: border-box;
}

#contents {
	width:100%; background-color:#fff; margin:0 auto;
}

#left {
	width:100%; height:auto; padding:0 10px; /*background-color:#FCF;*/ box-sizing: border-box; margin-top: 20px;
}

.new_item {
	width:100%; height:auto; background-color:#fff; color:#000;
}
.new_item_name {
	width:95%; margin:10px auto; padding:5px 0; /*border-bottom:#000 1px dotted;*/ border-top:#000 1px dotted;
	font-size:12px; font-weight:bold;
	line-height:2.0em;
}

.todetail a {
	display:block;
	width:50%;
	border:#000 1px solid;
	background-color:#000;
	color:#fff;
	padding:10px 20px;
	text-align:center;
	margin:0 20px 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}


#infomation {
	width:100%; height:auto; background-color:#fff; color:#000; margin-top: 40px;
}
.top_banner {
	width:100%; height:auto; background-color:#fff; color:#010052;
	padding:20px 0 ;
}

#right {
	width:100%; height:auto; padding:0 10px; /*background-color:#6C9;*/ box-sizing: border-box;
}

#category {
	width:100%; height:auto; background-color:#fff; color:#000;
}

#site_m {
	width:100%; height:auto; background-color:#fff; color:#000;
}



}






/*************ガイド*****************/

h3.guide {
	width:100%;
	padding:10px 0 10px 15px;
	border-left:#010052 7px solid;
	background-color:#fff;
	font-size:18px;
	font-weight:bold;
	color:#010052;
	box-sizing: border-box;
}

/*
h4.guide {
	width:100%;
	height:40px;
	line-height:40px;
	margin:10px 0;
	padding-left:10px;
	box-sizing: border-box;
	background-color:#000;
	font-size:16px;
	color:#FFF;
}
*/
h4.guide {
	width:100%;
	height:40px;
	line-height:40px;
	letter-spacing:0.1em;
	margin:10px 0;
	padding-left:10px;
	box-sizing: border-box;
	font-size:16px;
	color:#FFF;
   font-weight:bold;
   font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
   background:#010052 url(../images/right_bg.gif) no-repeat right bottom;
}



h5.guide {
	width:100%;
	height:30px;
	line-height:30px;
	margin:10px 0;
	box-sizing: border-box;
	font-size:16px;
	color:#010052;
	font-weight:bold;
}


.guide_txt {
	width:90%; margin:30px auto; padding:10px 0; font-size:14px; line-height:2.0em; 
}

.guide_txt a {
	color:#010052;
	text-decoration:underline;
}
.guide_txt a:hover {
	text-decoration:none;
	background-color:#010052;
	color:#FFF;
}


.guide_img {
	width:690px;
	height:90px;
	margin:5px 0;
}
@media only screen and (max-width: 480px) {
	
.guide_txt {
	width:93%; margin:30px auto; padding:10px 0; font-size:14px; line-height:2.0em; 
}

.guide_txt a {
	color:#010052;
	text-decoration:underline;
}
.guide_txt a:hover {
	text-decoration:none;
	background-color:#010052;
	color:#FFF;
}

	
.guide_img {
	width:100%;
	margin:5px auto;
}
}


.howto_01 {
	width:800px; height:500px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_01.png) no-repeat;
}
.howto_02 {
	width:800px; height:500px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_02.png) no-repeat;
}
.howto_03 {
	width:800px; height:500px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_03.png) no-repeat;
}
.howto_04 {
	width:800px; height:500px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_04.png) no-repeat;
}
.howto_05 {
	width:800px; height:700px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_05.png) no-repeat;
}
.howto_06 {
	width:800px; height:700px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_06.png) no-repeat;
}
.howto_07 {
	width:800px; height:914px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_07.png) no-repeat;
}
@media only screen and (max-width: 480px) {
.howto_01 {
	width:350px; height:500px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_01_sp.png) no-repeat;
}
.howto_02 {
	width:350px; height:500px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_02_sp.png) no-repeat;
}
.howto_03 {
	width:350px; height:702px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_03_sp.png) no-repeat;
}
.howto_04 {
	width:350px; height:500px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_04_sp.png) no-repeat;
}
.howto_05 {
	width:350px; height:750px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_05_sp.png) no-repeat;
}
.howto_06 {
	width:350px; height:658px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_06_sp.png) no-repeat;
}
.howto_07 {
	width:350px; height:750px; margin:0 auto; padding:10px 0;
	background:#FFF url(../images/howto_07_sp.png) no-repeat;
}
}


/**テーブル**/
.charge{
width: 500px;
border-collapse: collapse;
margin:5px 0;
}
.charge th{
width: 75%;
padding: 5px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #000;
}
.charge td{
padding: 5px;
background-color: #fff;
border: 1px solid #000;
}

@media only screen and (max-width: 480px) {
.charge{
width: 90%;
border-collapse: collapse;
margin:5px auto;
font-size:11px;
}
}





.cart_banner {
	width:900px; height:150px; margin:0 auto; 
	background:#FFF url(../images/cart_banner.jpg) no-repeat;
}

.cart_banner a{
	text-decoration:none;
}


@media only screen and (max-width: 480px) {
.cart_banner {
	width:300px; height:129px; margin:0 auto; 
	background:#FFF url(../images/cart_banner_sp.jpg) no-repeat;
}

}



/*アコーディオン
http://www.css-lecture.com/log/css3/css3-background.html*/
.acordion{
background:#010052;
width:500px;
	margin:5px 0;
}
 
.trigger {
	display:block;
	width:500px;
	height:40px;
	box-sizing: border-box;
	margin:5px 0;
	line-height:40px;
	border:#010052 1px solid;
	background-color:#FFF;
	color:#010052;
	text-align:center;
	font-size:16px;
}

.acordion900{
background:#010052;
width:100%;
margin:5px auto;
}
 
.trigger900 {
	display:block;
	width:100%;
	height:40px;
	box-sizing: border-box;
	margin:5px auto;
	padding-left:10px;
	line-height:40px;
	border:#010052 1px solid;
	background-color:#FFF;
	color:#010052;
	text-align:left;
	font-size:16px;
}
.trigger900:hover {
	background-color:#010052;
	color:#FFF;
	text-decoration:none;
}


@media only screen and (max-width: 480px) {
.acordion{
background:#010052;
width:90%;
margin:5px auto;
}
 
.trigger {
	display:block;
	width:100%;
	height:40px;
	box-sizing: border-box;
	margin:5px 0;
	line-height:40px;
	border:#010052 1px solid;
	background-color:#FFF;
	color:#010052;
	text-align:center;
	font-size:16px;
}
.acordion900{
background:#010052;
width:90%;
margin:5px auto;
}
 
.trigger900 {
	display:block;
	width:100%;
	/*height:40px;*/
	box-sizing: border-box;
	margin:5px 0;
	padding:5px;
	line-height:1.2em;
	border:#010052 1px solid;
	background-color:#FFF;
	color:#010052;
	text-align:left;
	font-size:12px;
}
}


.trigger:hover {
	background-color:#010052;
	color:#FFF;
	text-decoration:none;
}
 
.trigger.active{
/*    border-radius:5px 5px 0 0;*/
    border-bottom:1px solid #cfcfcf;
}
 
.acordion_tree{
    padding:5px;
	margin:0 auto;
}
 
.open-close {
    float:right;
    text-indent:-9999px;
    display:block;
    margin-top:3px;
	margin-right:15px;
    height:11px;
    width:20px;
    background:url(../images/open.png) no-repeat;
    -webkit-background-size:20px 11px;
}
 
.trigger.active .open-close{
    background:url(../images/close.png) no-repeat;
    -webkit-background-size:20px 11px;
}

.acordion_cont {
	width:100%;
	padding:10px 10px 10px 30px;
	margin:0 auto;
	text-align:left;
	box-sizing: border-box;
	line-height:2.0em;
	font-size:12px;
	background-color:#010052;
	color:#FFF;
}

.acordion_cont a {
	color:#FFF;
	text-decoration:underline;
}

.acordion_cont a:hover {
	color:#000;
	background-color:#FFF;
}


/***********特定商取引***********/

/* 基本スタイル */
.tableBlock {
  margin-top:2em;
}
table.list {
  width:100%;
  table-layout:fixed;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-top:1px dotted #000;
  border-bottom:#000 1px dotted;
}
table.list th {
  background:#f2f2f2;
  width:40%;
  vertical-align:middle;
}
table.list tr th,
table.list tr td {
  padding:1em;
  line-height: 1.5;
  text-align:left;
  border-top:1px dotted #000;
  border-bottom:#000 1px dotted;
}

/* Tablet */
@media only screen and (max-width: 780px) {
	
table.list th {
	width:100%;
  -webkit-box-sizing:border-box;
}
.tableBlock.pattern03 table,
  .tableBlock.pattern03 table caption,
  .tableBlock.pattern03 table thead,
  .tableBlock.pattern03 table tbody,
  .tableBlock.pattern03 table tr,
  .tableBlock.pattern03 table tr th,
  .tableBlock.pattern03 table tr td {
    display:block;
  }
  .tableBlock.pattern03 table tr th,
  .tableBlock.pattern03 table tr td {
    margin-top:-1px;
	margin-bottom:-1px;/*borderが二重になるのを防ぐ */
  }
}



/*************カート****************/


/* 進捗 */
#mark {
	margin:0 auto; display:table;
}
.mark_on {
	width:20%; background-color:#010052; color:#FFF; text-align:center; display:table-cell; font-size:12px; line-height:1.5em;
}
.mark_off {
	width:20%; background-color:#fff; color:#010052; text-align:center; display:table-cell; font-size:12px; border:#010052 1px solid; line-height:1.5em;
}
.mark_arrow {
	width:2%; padding:0 5px; background-color:#fff; display:table-cell;
}









/* 基本スタイル */
.tableBlock {
  margin-top:2em;
}
table.cart {
  width:100%;
  table-layout:fixed;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #cfcfcf;
}
/*
table caption {
  padding:1em;
  line-height: 1.5;
  text-align: left;
  background:#ffc045;
}
*/
table.cart tr th {
  background:#f2f2f2;
}
table.cart tr th,
table.cart tr td {
  padding:1em;
  line-height: 1.5;
  text-align:center;
  border:1px solid #cfcfcf;
}


/* Tablet */
@media screen and (max-width:700px){
  
  /* パターン6：縦横切替 */
  .tableBlock.pattern06 table,
  .tableBlock.pattern06 table caption,
  .tableBlock.pattern06 table thead,
  .tableBlock.pattern06 table tbody,
  .tableBlock.pattern06 table tr,
  .tableBlock.pattern06 table tr th,
  .tableBlock.pattern06 table tr td {
    display:block;
	text-align:left;
  }
  .tableBlock.pattern06 table tr th,
  .tableBlock.pattern06 table tr td {
    margin:-1px; /* borderが二重になるのを防ぐ */
  }
  .tableBlock.pattern06 table thead {
	  display:none;
  }
  .tableBlock.pattern06 table tbody tr td[data-th]:before {
    content: attr(data-th) " : ";
    font-weight: bold;
  	display: inline-block;
    margin-right:0.25em;
  }
  
/* Smartphone */ }


#total {
	margin:20px 0 0 0;
	text-align:right;
	line-height:2.5em;
	padding-bottom:10px;
/*	border-bottom:#000 1px dotted;*/
}
#yen {
	font-size:18px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#backarea {
	width:100%;
	margin:20px 0;
	padding-top:15px;
	border-top:#000 1px dotted;
}

#backarea .left {
	width:50%;
	text-align:left;
	float:left;
}

#backarea .re {
  width:200px;
  background:#ffffff;
  border:#010052 1px solid;
  padding:2%;
	box-sizing: border-box;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#010052;
  text-align:center;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

#backarea .re a {
	text-decoration:none;
	display:block;
}

#backarea .re:hover {
  background:#010052;
  color:#FFF;
}

#backarea .right {
	width:50%;
	text-align:right;
	float:left;
}

#backarea .next {
  width:200px;
  background:#ffffff;
  border:#010052 1px solid;
  padding:2%;
	box-sizing: border-box;
  margin:0 0 0 auto;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#010052;
  text-align:center;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}
#backarea .next:hover {
  background:#010052;
  color:#FFF;
}


@media only screen and (max-width: 480px) {
#backarea {
	width:100%;
	padding:5px 20px;
	box-sizing: border-box;
	border-top:#000 1px dotted;
}
#backarea .left,
#backarea .right {
	width:100%;
	margin:5px 0;
}

#backarea .re {
  width:100%;
  background:#010052;
  border:#010052 1px solid;
  padding:2%;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  text-align:center;
}
#backarea .re a {
	color:#FFF;
}
#backarea .next {
  width:100%;
  background:#010052;
  border:#010052 1px solid;
  padding:4%;
  margin:0 0 0 auto;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  text-align:center;
}
}





/*コンビニ決済状況*/

table.cvs {
  border-top: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-collapse: collapse;
  width: 100%;
}
table.cvs th,
table.cvs td {
  border-left: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  padding: 10px;
}
table.cvs th {
  background-color: #f2f2f2;
  text-align: left;
}

@media screen and (max-width: 700px) {
  table.cvs {
    border: none;
  }
  table.cvs thead {
    display: none;
  }
  table.cvs tr {
    border-top: 1px solid #cfcfcf;
    display: block;
    margin-bottom: 20px;
  }
  table.cvs td {
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    display: block;
    padding: 10px;
    text-align: right;
  }
  table.cvs td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
}

































/**************商品一覧*****************/
.list100 {
   padding:0;
   /*border:1px solid #D1D1D1;*/
}
.list100 h2{
   margin:0;
   padding-left:10px;
	box-sizing: border-box;
   font-size:20px;
   color:#FFF;
   font-weight:bold;
   font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
   height:40px;
   line-height:40px;
   /*border-bottom:3px solid #099;*/
   /*background:#000 url("../images/bg_h2.gif") 0 100% repeat-x;*/
   background:#000 url(../images/right_bg.gif) no-repeat right bottom;
}

.list100 ul{
   margin:0;
   padding:0;
   list-style: none;
   border-top:1px solid #ddd;
   list-style-position:inside;
}
.list100 li {
   padding:0;
   font-size:12px;
   line-height:2.0;
   border-bottom: 1px dotted #999;
}

.list100 a {
   display:block;
   padding:10px 0 10px 20px;
   color:#010052;
   text-decoration:none;
   background:url("../images/bg_list.gif") 98% 50% no-repeat;
  transition:background .3s;
  -webkit-transition:background .3s;
}
.list100 a.current {
   color:#fff;
   background:#010052 url("../images/bg_list.gif") 98% 50% no-repeat;
}
.list100 a:hover {
   color:#fff;
   background:#010052 url("../images/bg_list_on.gif") 98% 50% no-repeat;
}

.list100 .p_name {
	width:100%;
	border-bottom:#010052 1px dotted;
	font-size:16px;
	font-weight:bold;
}

.list100 .p_waku {
	width:95%; margin:5px 0;
}
.list100 .p_img {
	width:15%; float:left;
}
.list100 .p_right {
	width:85%; float:left;
}
.list100 .p_txt {
	width:100%; padding:15px 20px;box-sizing: border-box;
}
.list100 .p_name:hover {
	border-bottom:#fff 1px dotted;
	font-size:16px;
	font-weight:bold;
}


@media only screen and (max-width: 480px) {
.list100 a {
   display:block;
   padding:10px 5px 10px 5px;
   color:#010052;
   text-decoration:none;
   background:url("../images/bg_list.gif") 98% 50% no-repeat;
  transition:background .3s;
  -webkit-transition:background .3s;
}

.list100 .p_waku {
	width:100%; margin:5px 0;
}

.list100 .p_img {
	width:30%; float:left;
}
.list100 .p_right {
	width:70%; float:left;
}
.list100 .p_txt {
	width:100%; padding:5px 10px;box-sizing: border-box;
	word-wrap: break-word;
}
}






/**************商品詳細*******/

#detail_name {
	width:100%; height:auto; padding:5px 0 5px 10px; line-height:1.7em; font-size:18px; font-weight:bold; border-bottom:#000 2px solid;box-sizing: border-box;
}
#detail {
	width:100%; height:auto; background-color:#fff; color:#000;
	padding:20px 0;
	border-bottom:#000 1px  solid;
}
#detail_txt {
	width:60%; background-color:#fff; color:#000; padding:20px; font-size:14px; box-sizing: border-box; float:left; line-height:1.7em;
	border-right:#000 1px solid;
}
#detail_r {
	width:40%;float:left;padding:20px; box-sizing: border-box;
	/*border-left:#000 1px solid; */
}
@media only screen and (max-width: 480px) {
#detail_txt {
	width:100%; background-color:#fff; color:#000; padding:20px; font-size:14px; box-sizing: border-box; line-height:1.7em;
	border-right:none;
}
#detail_r {
	width:100%; padding:20px; box-sizing: border-box;border-left:none;
}
}


#cart a {
	display:block;
	width:100%;
	border:#000 1px solid;
	background-color:#FFF;
	color:#000;
	padding:30px 0;
	text-align:center;
	margin:10px 0;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	box-sizing: border-box;
  transition:background .3s;
  -webkit-transition:background .3s;
}
#cart a:hover {
	background-color:#000;
	color:#FFF;
}

#detail_list {
   padding:0;
   margin-bottom:10px;
}
#detail_list ul{
   margin:0;
   padding:0;
   list-style: none;
   border-top:1px solid #ddd;
   list-style-position:inside;
}
#detail_list li {
   padding:0;
   font-size:14px;
   line-height:2.0;
   border-bottom: 1px dotted #999;
   display:block;
   padding:10px 0 10px 10px;
   color:#333;
   text-decoration:none;
   /*background:url("../images/bg_list.gif") 10px 50% no-repeat;*/
  transition:background .3s;
  -webkit-transition:background .3s;
}

/*
#detail_list a.current {
   color:#fff;
   background:#000 url("../images/bg_list.gif") 10px 50% no-repeat;
}
*/
#detail_list a:hover {
   color:#fff;
   background:#000 url("../images/bg_list_on.gif") 10px 50% no-repeat;
}




/*************お詫び****************/


.defects_img {
	width:800px; height:530px; margin:0 auto; padding:10px 0;
}


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

.defects_img {
	width:100%; margin:0 auto; padding:10px 0;
}
}




.defects_bottan a {
	display:block;
	width:50%;
	border:#000 1px solid;
	background-color:#000;
	color:#fff;
	padding:20px 20px;
	text-align:center;
	font-size:18px;
	margin:30px auto;
	text-decoration:none;
  transition:background .3s;
  -webkit-transition:background .3s;
}
.defects_bottan a:hover {
	background-color:#fff;
	color:#000;
}

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

.defects_bottan a {
	display:block;
	width:80%;
	border:#000 1px solid;
	background-color:#000;
	color:#fff;
	padding:20px 20px;
	text-align:center;
	font-size:16px;
	margin:30px auto;
	text-decoration:none;
}
.defects_bottan a:hover {
	background-color:#fff;
	color:#000;
}
}