/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 8, ../sass/pc.scss */
.pc {
  display: block;
}

/* line 11, ../sass/pc.scss */
.sp {
  display: none;
}

header {
	transform: translate3d(0,0,0);
}

/* line 16, ../sass/pc.scss */
header .sns-box {
  width: 185px;
}
/* line 18, ../sass/pc.scss */
header .sns-box .instagram-box {
  box-sizing: border-box;
  text-align: center;
  font-size: small;
  color: #999999;
  padding: 2px;
  width: 130px;
  display: inline-block;
}
/* line 26, ../sass/pc.scss */
header .sns-box .instagram-box ul {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0;
  margin: 0;
  margin-top: 3px;
}
/* line 34, ../sass/pc.scss */
header .sns-box .instagram-box ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 38, ../sass/pc.scss */
header .sns-box .instagram-box ul li img {
  width: 36px;
  border: none;
}
/* line 45, ../sass/pc.scss */
header .sns-box .fb-box {
  height: 100%;
  width: 45px;
  display: inline-block;
  vertical-align: bottom;
}
/* line 50, ../sass/pc.scss */
header .sns-box .fb-box img {
  width: 36px;
  border: none;
  margin-bottom: 10px;
}

/* line 60, ../sass/pc.scss */
#order-confirm table tr td .box {
  border: #DEDEDE solid 1px;
  padding: 10px;
}
/* line 63, ../sass/pc.scss */
#order-confirm table tr td .box b {
  font-weight: bold;
  font-size: medium;
}
/* line 67, ../sass/pc.scss */
#order-confirm table tr td .box textarea {
  margin: 7px;
  width: 98%;
  height: 80px;
}
/* line 73, ../sass/pc.scss */
#order-confirm td.separate-box {
  width: 33%;
  padding: 7px;
  vertical-align: top;
}

/* line 79, ../sass/pc.scss */
td.separate-box2 {
  width: 50%;
}

/* line 83, ../sass/pc.scss */
.notification {
  text-align: center;
  width: 100%;
  padding: 30px;
  font-weight: bold;
  color: green;
}

/* line 91, ../sass/pc.scss */
#account-forget {
  max-width: 500px;
  padding: 0px;
}
/* line 94, ../sass/pc.scss */
#account-forget .box1 {
  padding: 30px;
  background-color: #EFEFEF;
  width: 100%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 99, ../sass/pc.scss */
#account-forget .box1 input[type=text] {
  font-size: large;
  height: 40px;
  width: 92%;
}
/* line 105, ../sass/pc.scss */
#account-forget .box2 {
  font-size: x-small;
  color: #666666;
  padding: 7px;
  text-align: left;
}

/* line 112, ../sass/pc.scss */
.error {
  background-color: #ffcdcd;
}

/* line 115, ../sass/pc.scss */
.red {
  color: red;
}

/* line 118, ../sass/pc.scss */
#file-not-found {
  max-width: 600px;
  margin: 50px auto;
  padding: 24px;
}

/* line 124, ../sass/pc.scss */
div.main {
  max-width: 1440px;
  padding-top: 30px;
  text-align: left;
  margin: 0px auto;
}

/* line 131, ../sass/pc.scss */
#torihikiho table.liquid {
  width: 720px;
}
/* line 133, ../sass/pc.scss */
#torihikiho table.liquid th {
  width: 120px;
}
/* line 136, ../sass/pc.scss */
#torihikiho table.liquid table tr th {
  width: 200px;
}

/* line 142, ../sass/pc.scss */
#account-login .box {
  margin: 0px auto;
  padding: 30px;
  background-color: #EFEFEF;
  width: 500px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
}
/* line 149, ../sass/pc.scss */
#account-login .box a.button {
  font-size: large;
  width: 360px;
}
/* line 153, ../sass/pc.scss */
#account-login .box input[type=text], #account-login .box input[type=email], #account-login .box input[type=password] {
  font-size: large;
  height: 30px;
  width: 460px;
  padding: 5px;
}

/* line 163, ../sass/pc.scss */
#account-index .box {
  padding: 30px;
  background-color: #EFEFEF;
  width: 500px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 168, ../sass/pc.scss */
#account-index .box table {
  width: 100%;
  padding: 15px;
  text-align: center;
  font-size: medium;
}
/* line 173, ../sass/pc.scss */
#account-index .box table .td-half {
  width: 50%;
}

/* line 181, ../sass/pc.scss */
#account-history .box {
  width: 640px;
}

/* line 186, ../sass/pc.scss */
#account-edit .box {
  width: 500px;
  padding: 0px;
  margin: 0px auto;
}
/* line 190, ../sass/pc.scss */
#account-edit .box .box2 {
  padding: 30px;
  background-color: #EFEFEF;
  width: 100%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 195, ../sass/pc.scss */
#account-edit .box .box2 table {
  font-size: large;
  width: 100%;
}
/* line 200, ../sass/pc.scss */
#account-edit .box > p {
  font-size: x-small;
  color: #666666;
  padding: 7px;
  margin: 0;
  text-align: left;
}

/* line 210, ../sass/pc.scss */
.largeInput {
  width: 100%;
  height: 30px;
  padding: 5px;
  font-size: large;
}

/* line 217, ../sass/pc.scss */
div.wrapper {
  padding: 24px;
  box-sizing: border-box;
}

/* line 223, ../sass/pc.scss */
#item-detail table.main {
  margin: 0px auto;
  max-width: 800px;
}
/* line 227, ../sass/pc.scss */
#item-detail .spread-cell-min {
  width: 5%;
}
/* line 230, ../sass/pc.scss */
#item-detail .spread-cell {
  width: 50%;
  vertical-align: top;
}
/* line 234, ../sass/pc.scss */
#item-detail .ship-box {
  padding: 7px;
  border: #c22559 solid 1px;
  color: #c22559;
  margin: 0;
  margin-bottom: 24px;
  text-align: center;
}
/* line 243, ../sass/pc.scss */
#item-detail .title-box div {
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}
/* line 248, ../sass/pc.scss */
#item-detail .title-box h1 {
  font-size: large;
  padding: 0;
  margin: 0;
  margin-top: 7px;
  margin-bottom: 7px;
}
/* line 255, ../sass/pc.scss */
#item-detail .title-box b {
  font-size: x-large;
}
/* line 259, ../sass/pc.scss */
#item-detail .cart-box {
  margin-top: 16px;
}
/* line 261, ../sass/pc.scss */
#item-detail .cart-box .sold-button {
  display: inline-block;
  width: 90px;
  height: 20px;
  padding: 5px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  outline: none;
  background-color: #ac5353;
  color: white;
}
/* line 274, ../sass/pc.scss */
#item-detail .lead {
  font-size: medium;
  font-weight: bold;
  margin-top: -14px;
  margin-bottom: 7px;
  color: #666666;
}
/* line 282, ../sass/pc.scss */
#item-detail .size-box hr {
  border-color: #DEDEDE;
}
/* line 285, ../sass/pc.scss */
#item-detail .size-box table {
  width: 100%;
}
/* line 287, ../sass/pc.scss */
#item-detail .size-box table th {
  background-color: #DEDEDE;
  text-align: center;
}
/* line 291, ../sass/pc.scss */
#item-detail .size-box table td {
  background-color: #F1F1F1;
  text-align: center;
}
/* line 297, ../sass/pc.scss */
#item-detail .caution-box {
  padding: 7px;
  background-color: #F1F1F1;
  font-size: x-small;
  margin-bottom: 16px;
}
/* line 302, ../sass/pc.scss */
#item-detail .caution-box .center a div {
  background-color: #DEDEDE;
  padding: 5px;
  border-radius: 3px;
  width: 90%;
  text-align: center;
  color: black;
  font-size: small;
  margin: 0px auto;
}

/* line 314, ../sass/pc.scss */
#help-sizeguide img {
  max-width: 100%;
}

/* line 319, ../sass/pc.scss */
#list-search .sp-hide {
  vertical-align: top;
  font-size: 14px;
  padding: 10px;
  width: 150px;
}

/* line 326, ../sass/pc.scss */
#spread-cell-list {
  vertical-align: top;
  padding: 10px;
  width: 650px;
}
/* line 330, ../sass/pc.scss */
#spread-cell-list .brand-box {
  border: 3px double #CACACA;
  padding: 15px;
}
/* line 333, ../sass/pc.scss */
#spread-cell-list .brand-box img {
  width: 120px;
}
/* line 336, ../sass/pc.scss */
#spread-cell-list .brand-box strong {
  font-size: medium;
  padding: 5px;
  font-weight: bold;
}
/* line 342, ../sass/pc.scss */
#spread-cell-list > strong {
  font-size: x-large;
  font-weight: bold;
}
/* line 346, ../sass/pc.scss */
#spread-cell-list .item-list {
  width: 100%;
}
/* line 348, ../sass/pc.scss */
#spread-cell-list .item-list td {
  padding: 5px;
}
/* line 350, ../sass/pc.scss */
#spread-cell-list .item-list td .item-box {
  font-size: x-small;
}
/* line 352, ../sass/pc.scss */
#spread-cell-list .item-list td .item-box div {
  display: table-cell;
  height: 120px;
  vertical-align: middle;
}
/* line 356, ../sass/pc.scss */
#spread-cell-list .item-list td .item-box div img {
  width: 100%;
  margin: auto 0px;
  vertical-align: middle;
}
/* line 362, ../sass/pc.scss */
#spread-cell-list .item-list td .item-box span {
  color: #666666;
}
/* line 368, ../sass/pc.scss */
#spread-cell-list .search-box {
  text-align: center;
  font-size: medium;
}
/* line 371, ../sass/pc.scss */
#spread-cell-list .search-box p {
  color: #666666;
  text-align: left;
}
/* line 376, ../sass/pc.scss */
#spread-cell-list .search-box div {
  text-align: left;
  width: 90px;
  display: inline-block;
}
/* line 381, ../sass/pc.scss */
#spread-cell-list .search-box input[type=text], #spread-cell-list .search-box select {
  width: 160px;
  height: 24px;
}
/* line 385, ../sass/pc.scss */
#spread-cell-list .search-box .button {
  font-size: medium;
  font-weight: bold;
}

/* line 393, ../sass/pc.scss */
#account-regist > div {
  max-width: 500px;
  margin: 0px auto;
}
/* line 396, ../sass/pc.scss */
#account-regist > div > div {
  padding: 30px;
  background-color: #EFEFEF;
  width: 100%;
  border-radius: 4px;
}
/* line 402, ../sass/pc.scss */
#account-regist > div > p {
  font-size: x-small;
  color: #666666;
  padding: 7px;
  margin: 0;
  text-align: left;
}

/* line 413, ../sass/pc.scss */
#account-registend strong, #account-confirm strong, #account-leave strong {
  font-size: large;
  font-weight: normal;
}
/* line 417, ../sass/pc.scss */
#account-registend div, #account-confirm div, #account-leave div {
  max-width: 500px;
  padding: 0px;
  margin: 0px auto;
}
/* line 421, ../sass/pc.scss */
#account-registend div div, #account-confirm div div, #account-leave div div {
  padding: 30px;
  background-color: #EFEFEF;
  width: 100%;
  border-radius: 4px;
  text-align: center;
}
/* line 427, ../sass/pc.scss */
#account-registend div div span, #account-confirm div div span, #account-leave div div span {
  font-weight: bold;
  font-size: medium;
}

/* line 435, ../sass/pc.scss */
.glay {
  color: #666666;
}

/* line 438, ../sass/pc.scss */
.center {
  text-align: center;
}

/* original */

.page {
	max-width:1180px;
	width:94%;
	margin: 0 auto;
}

header.pc {
	height:64px;
}
header.pc .float-left {
	display:inline-block;
	float:left;
	width:300px;
	height:100%;
	position: relative;
}
header.pc .float-left img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
header.pc .float-right {
	display:inline-block;
	float: right;
	height:100%;
	position: relative;
}
header.pc .float-right menu {
	margin: 0;
	padding: 0;
}
header.pc .float-right menu li {
	list-style:none;
	margin: 5px;
	padding: 0;
	display:inline-block;
	text-align;center;
	vertical-align: middle;
}
header.pc .float-right menu li span {
	font-size:xx-small;
}
header.pc img.ico {
	height: 32px;
}
.clear {
	clear:both;
}

#menu {
	position: relative;
	width:100%;
}
.arrow_box {
	display: none;
	position: absolute;
	width:140px;
	height:70px;
	background-image:url("https://turn-over.jp/css/img/icon/click.png");
	background-size:140px 70px;
	margin-left: -80px;
	margin-top:-150px;
}
.arrow_box:after {
	position: absolute;
	background-image:url("https://turn-over.jp/css/img/icon/click.png");
	background-size:140px 70px;
}
a:hover + div.arrow_box {
	display: block;
}
.info-bar {
	display:-webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	width:100%;
}
.info-bar div {
	margin-left:32px;
	border:#c22559 solid 1px; 
	text-align:center; 
	padding:5px 48px; 
	font-size:12px; 
	color:#c22559
}
.info-bar div a {
	color:#c22559; 
	display:block; width:100%; 
	height:100%;
}

.list-item, .list-item li {
	list-style:none;
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.list-item {
	width:100%;
	margin-top:24px;
	margin-bottom:48px;
}
.list-item .col5{
	margin:0.7%;
	width:18%;
}
.list-item .col3{
	margin:1%;
	width:30%;
	margin-bottom:5%;
}
.list-item .col2{
	margin:1%;
	width:45%;
	margin-bottom:5%;
}
.list-item li {
	display:inline-block;
	vertical-align:top;
}
.list-item li .img {
	display:block;
	width:100%;
	padding-bottom: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom:24px;
}
.list-item li .rank{
	width:30px; 
	display:inline-block;
	left:0;
	margin-right:12px;
}
.list-item li .rank span{
	display:block;
	width:30px; 
	background-color:#AAA; 
	color:white; 
	text-align:center; 
}

.page h2{
	margin:0;
}

.list-coordinate, .list-coordinate li {
	list-style:none;
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.list-coordinate {
	width:100%;
	margin-top:24px;
	margin-bottom:48px;
}
.list-coordinate .col5{
	margin:0.7%;
	width:18%;
}
.list-coordinate .col3{
	margin:1%;
	width:30%;
	margin-bottom:-1%;
}
.list-coordinate .col2{
	margin:1%;
	width:45%;
	margin-bottom:-5%;
}
.list-coordinate li {
	display:inline-block;
	vertical-align:top;
}
.list-coordinate li .img {
	display:block;
	width:100%;
	padding-bottom: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom:24px;
}