.member-wrap {
	line-height: 2
}

.cart-number {
	line-height: 1;
	position: absolute;
	top: 1em;
	right: .4em
}

.m0 {
	margin: 0
}

.p0 {
	padding: 0
}

.m025 {
	margin: .25em
}

.p025 {
	padding: .25em
}

.m05 {
	margin: .5em
}

.p05 {
	padding: .5em
}

.m1 {
	margin: 1em
}

.p1 {
	padding: 1em
}

.m2 {
	margin: 2em
}

.p2 {
	padding: 2em
}

.mauto {
	margin-left: auto !important;
	margin-right: auto !important;
	height: auto !important
}

.pauto {
	padding-left: auto !important;
	padding-right: auto !important
}

.pl05 {
	padding-left: .5em
}

.ml05 {
	margin-left: .5em
}

.pl10 {
	padding-left: 1em
}

.ml10 {
	margin-left: 1em
}

.pl20 {
	padding-left: 2em
}

.ml20 {
	margin-left: 2em
}

.pr05 {
	padding-right: .5em
}

.mr05 {
	margin-right: .5em
}

.pr10 {
	padding-right: 1em
}

.mr10 {
	margin-right: 1em
}

.pr20 {
	padding-right: 2em
}

.mr20 {
	margin-right: 2em
}

.mt0 {
	margin-top: 0
}

.mt05 {
	margin-top: .5em
}

.mt10 {
	margin-top: 1em
}

.mt15 {
	margin-top: 1.5em
}

.mt20 {
	margin-top: 2em
}

.mt25 {
	margin-top: 2.5em
}

.mt30 {
	margin-top: 3em
}

.mt35 {
	margin-top: 3.5em
}

.mt40 {
	margin-top: 4em
}

.mt45 {
	margin-top: 4.5em
}

.mt50 {
	margin-top: 5em
}

.mt80 {
	margin-top: 8em
}

.mb0 {
	margin-bottom: 0
}

.mb05 {
	margin-bottom: .5em
}

.mb10 {
	margin-bottom: 1em
}

.mb15 {
	margin-bottom: 1.5em
}

.mb20 {
	margin-bottom: 2em
}

.mb25 {
	margin-bottom: 2.5em
}

.mb30 {
	margin-bottom: 3em
}

.mb35 {
	margin-bottom: 3.5em
}

.mb40 {
	margin-bottom: 4em
}

.mb45 {
	margin-bottom: 4.5em
}

.mb50 {
	margin-bottom: 5em
}

.pt05 {
	padding-top: .5em
}

.pt08 {
	padding-top: .8em
}

.pt10 {
	padding-top: 1em
}

.pt15 {
	padding-top: 1.5em
}

.pt20 {
	padding-top: 2em
}

.pt25 {
	padding-top: 2.5em
}

.pt30 {
	padding-top: 3em
}

.pt35 {
	padding-top: 3.5em
}

.pt40 {
	padding-top: 4em
}

.pt45 {
	padding-top: 4.5em
}

.pt50 {
	padding-top: 5em
}

.pb05 {
	padding-bottom: .5em
}

.pb10 {
	padding-bottom: 1em
}

.pb15 {
	padding-bottom: 1.5em
}

.pb20 {
	padding-bottom: 2em
}

.pb25 {
	padding-bottom: 2.5em
}

.pb30 {
	padding-bottom: 3em
}

.pb35 {
	padding-bottom: 3.5em
}

.pb40 {
	padding-bottom: 4em
}

.pb45 {
	padding-bottom: 4.5em
}

.pb50 {
	padding-bottom: 5em
}

.fs06 {
	font-size: .6em !important
}

.fs07 {
	font-size: .7em !important
}

.fs08 {
	font-size: .8em !important
}

.fs09 {
	font-size: .9em !important
}

.fs10 {
	font-size: 1em !important
}

.fs12 {
	font-size: 1.2em !important
}

.fs14 {
	font-size: 1.4em !important
}

.fs16 {
	font-size: 1.6em !important
}

.lh12 {
	line-height: 1.2
}

.lh16 {
	line-height: 1.6
}

.lh20 {
	line-height: 2
}

.lh24 {
	line-height: 2.4
}

.lh25 {
	line-height: 2.5 !important
}

.lh50 {
	line-height: 5
}

.kinsoku {
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict
}

.red {
	color: red !important
}

.wh {
	color: #fff !important
}

.bold {
	font-weight: 700
}

.w50 {
	width: 50%
}

.w80 {
	width: 80%
}

.w90 {
	width: 90%
}

.w100 {
	width: 100%
}

.bd-red {
	border: 1px solid red
}

.bd-blue {
	border: 1px solid blue
}

.bd-cc {
	border: 1px solid #ccc
}

.bd-dd {
	border: 1px solid #ddd
}

.bd-2 {
	border-width: 2px
}

.inline {
	display: inline-block
}

.bgnone {
	background: none
}

.bg-red {
	background-color: red
}

em {
	/*font-weight: 700;*/
	/*background: linear-gradient(transparent 60%, #FFFF99 60%);*/
	/*font-style: normal*/
}

/*リンク*/
a {
	/*display: block*/
}

.breadcrumb a {
	display: inline-block !important
}

a:link {
	/*color: #666666;*/
	/*text-decoration: none*/
}

a:visited {
	/*color: #666666;*/
	/*text-decoration: none*/
}

a:hover {
	/*color: #ff8000;*/
	/*text-decoration: none*/
}

a:active {
	/*color: #666666;*/
	/*text-decoration: none*/
}

span a {
	/*display: inline-block*/
}

span a:link {
	/*color: #666666;*/
	/*text-decoration: underline*/
}

span a:visited {
	/*color: #666666;*/
	/*text-decoration: underline*/
}

span a:hover {
	/*color: #ff8000;*/
	/*text-decoration: underline*/
}

span a:active {
	/*color: #666666;*/
	/*text-decoration: underline*/
}

b span a:link {
	/*color: #333;*/
	/*text-decoration: underline*/
}

b span a:visited {
	/*color: #666666;*/
	/*text-decoration: underline*/
}

b span a:hover {
	/*color: #ff8000;*/
	/*text-decoration: underline*/
}

b span a:active {
	/*color: #333;*/
	/*text-decoration: underline*/
}

.privacy span a:link {
	color: #1d3994;
	text-decoration: underline
}

.privacy span a:visited {
	color: #666666;
	text-decoration: underline
}

.privacy span a:hover {
	color: #ff8000;
	text-decoration: underline
}

.privacy span a:active {
	color: #666666;
	text-decoration: underline
}

/* placeholder */
::-webkit-input-placeholder {
	font-size: .8em
}

:-moz-placeholder {
	font-size: .8em
}

/* firefox 18- */
::-moz-placeholder {
	font-size: .8em
}

/* firefox 19+ */
:-ms-input-placeholder {
	font-size: .8em
}

/* ie */
input:-moz-placeholder {
	/*font-size: .8em*/
}

input:focus::-webkit-input-placeholder {
	/*color: transparent*/
}

input:focus:-moz-placeholder {
	/*color: transparent*/
}

input:focus::-moz-placeholder {
	/*color: transparent*/
}

html {
	/*-webkit-font-smoothing: antialiased;*/
	/*-webkit-text-size-adjust: 100%;*/
	/*font-size: 62.5%; !*基本62.5%=1rem10px*!*/
	/*font-weight: 500*/
}

body {
	/*font-size: 10px;*/
	/*font-size: 1rem*/
}

main {
	width: 100%
}

.slidebox h2 {
	font-size: 1.2rem;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 .5em;
	font-weight: 500
}

h2 {
	/*font-size: 1.2em;*/
	/*font-weight: 700*/
}

section:not(.member_header):not(.main_header):not(.sp_head) h1:not(.title_large):not(.title_middle_blue):not(.title_middle_gray):not(.title_middle_blue), .item-price h3, .best10 h3, .newitem h3, .urgent h3, .newswrap h3, .guide h3, .kantanguide h3, .businessday h3, .design h3, .h1title, .topyouto h3 {
	font-size: 2em;
	padding-left: .2em;
	border-bottom: 5px solid #ffc872;
	background: url(../img/home/h1right.jpg) right bottom no-repeat;
	width: 100%;
	line-height: 1.1;
	font-weight: 500
}

.newswrap h2 a {
	color: #333
}

section h1 a {
	/*color: #333*/
}

section h1 a:hover {
	/*color: #333;*/
	/*text-decoration: none*/
}

/*h3, */.privacy h2, .rules h2 {
	width: 100%;
	background: #f9efde;
	padding: 4px 0px 4px 6px;
	font-size: 1.2em;
	line-height: 1.5
}

#iframebox {
	border: 1px solid #ccc;
	position: relative;
	width: 100%;
	height: 25vh;
	padding: .5em;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	display: block
}

#iframe > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}



#member span {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	width: 62%;
	text-overflow: ellipsis;
	vertical-align: bottom
}

#member .btn-link {
	display: block;
	text-align: right
}

/*サイド検索*/
.searchbox {
	width: 100%;
	background-color: #f0f7ff;
	border: 2px solid #c0bfca;
	padding: 10px;
	box-sizing: border-box;
	text-align: left;
	margin-top: 1em;
	border-radius: 6px
}

.searchKey p {
	font-size: .8em
}

.searchbox input#keywords, .searchbox input#keywords2 {
	width: 100%;
	font-size: .8em
}

.red {
	color: #ff0000
}

#sn {
	background: #f5faff;
	border: 1px solid #ccc;
	margin-bottom: 1em
}

p.side-title {
	position: relative;
	padding: .5em 0 .4em 1.2em;
	border-bottom: 1px solid #ddd;
	color: #fff;
	margin-bottom: 5px;
	background: #337ab7
}

p.side-title:after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #52b8e8;
	border-radius: 4px
}

.side-title-item {
	display: block;
	border-bottom: 1px solid #52b8e8;
	text-align: left;
	margin-top: .5em;
	padding: 2px 2px 2px .75em;
	width: 100%;
	color: #333
}

.side-title-item2 {
	display: block;
	text-align: left;
	width: 100%
}

a.side-title-item2 {
	color: #333;
	font-weight: 700
}

.jc100 {
	height: 7em
}

.side_menu ul {
	list-style-type: none
}

.side_menu > li {
	position: relative
}

.side_menu > li:before {
	position: absolute;
	top: 0;
	left: .25em;
	content: "\f0da";
	font-family: FontAwesome
}

.side_menu {
	padding: 2px
}

.sec-menu li {
	font-size: 12px;
	font-size: 1.2rem;
	padding: .1em .5em .1em 1em;
	position: relative
}

.sec-menu li:before {
	position: absolute;
	top: .1em;
	left: .5em;
	content: '\f105';
	font-family: FontAwesome
}

.sec-menu li.sonota:before {
	position: absolute;
	top: .1em;
	left: .5em;
	content: "\f022";
	font-family: FontAwesome;
	color: #ff8000
}

.sec-menu li.sonota {
	padding: .1em .5em .1em 1.8em
}

.sec-menu {
	padding: .5em 0
}

/*スライド*/
.flexslider {
	margin: 0px 0 2em
}

/*トップコンテンツバナー枠*/
.topbnr {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

.topbnr > div {
	padding: 1%;
	padding-bottom: 1%;
	width: 50%
}

img[usemap] {
	height: auto;
	max-width: 100%;
	width: auto
}

.summaryflex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
	font-size: .8em
}

.summaryflex > .summary-left {
	-webkit-flex-basis: 30%;
	-moz-flex-basis: 30%;
	-ms-flex-basis: 30%;
	-o-flex-basis: 30%;
	flex-basis: 30%
}

.summaryflex > .summary-center {
	-webkit-flex-basis: 68%;
	-moz-flex-basis: 68%;
	-ms-flex-basis: 68%;
	-o-flex-basis: 68%;
	flex-basis: 68%;
	margin: 1.2em 0 0 2%;
	height: auto
}

/*starlabo20190206*/
.kantanguide > .summaryflex > .summary-center {
	-webkit-flex-basis: 100%;
	-moz-flex-basis: 100%;
	-ms-flex-basis: 100%;
	-o-flex-basis: 100%;
	flex-basis: 100%;
	margin: 1.2em 0 0 0;
	height: auto
}

.flexwrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap
}

.flex2column {
	-webkit-flex-basis: 50%;
	-moz-flex-basis: 50%;
	-ms-flex-basis: 50%;
	-o-flex-basis: 50%;
	flex-basis: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.flexwrap h1 {
	width: 100%
}

.flexwrap > div {
	margin-bottom: .5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.flexwrap .flexcalendar {
	flex-basis: 30%
}

.flexwrap .flexcalendar p {
	font-size: .8em
}

.flexwrap .flexcalendar dt, .flexwrap .flexcalendar dd {
	width: 50%;
	float: left;
	font-weight: 500
}

.flexwrap #menu_calendar2 {
	-webkit-flex-basis: 70%;
	-moz-flex-basis: 70%;
	-ms-flex-basis: 70%;
	-o-flex-basis: 70%;
	flex-basis: 70%
}

.text_info {
	margin-top: 20px;
	padding: 10px;
	border: double #666;
	margin-bottom: 20px;
	border-color: #36F
}

.temp_caution {
	font-size: .8em;
	width: 96%;
	padding: 2%;
	border: solid 3px #AAA;
	margin-left: auto;
	margin-right: auto
}

.kaiinbtn {
	color: #fff !important;
	width: 100%;
	height: 0;
	padding-top: 3.6vw;
	padding-bottom: 8.8vw;
	font-size: 4vw;
	border-radius: 0
}

/*商品ページ*/
.item-dl {
	display: table;
	width: 100%;
	font-size: 1em;
	margin: 5px 0;
	overflow: hidden;
	border: 1px solid #ccc
}

.item-dt {
	display: table-cell;
	width: 30%;
	font-weight: 500;
	line-height: 3;
	background: #f9efde;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ddd
}

.item-dd {
	display: table-cell;
	padding: 5px 15px 0;
	vertical-align: middle
}

.item-dd ul li {
	float: left;
	margin-right: 10px;
	padding-bottom: 3px
}

.item-dd ul li img {
	margin-bottom: 0;
	border: 1px solid #ccc
}

.item-btn {
	font-size: 1em;
	display: inline-block;
	padding: .25em .5em;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	border-radius: 6px;
	border: 1px solid #ccc;
	border-color: #ccc;
	color: #444;
	background: #fff
}

.item-btn:hover {
	background: #ddd;
	border-color: #bbb;
	color: #444
}

/*サンプル請求*/
.imgflex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

.imgflex div {
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between
}

/*見積り出力*/
.imgflex2 {
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

.imgflex2 div {
	-webkit-flex-basis: 50%;
	-moz-flex-basis: 50%;
	-ms-flex-basis: 50%;
	-o-flex-basis: 50%;
	flex-basis: 50%
}

/*発送日自動計算*/
.delivery　.table-responsive {
	padding-bottom: 2em
}

/*icon*/
.fa-angle-right {
	color: #e13937
}

.fa-circle {
	color: #52b8e8
}

.fa-list-alt {
	color: #ff8000
}

.item_wrap {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: .8em
}

.item_wrap dt {
	cursor: pointer
}

.item_wrap dt:hover {
	opacity: .7
}

.item_wrap dd {
	font-size: 114%
}

.item_wrap dd a:hover {
	text-decoration: underline;
	background: rgba(255, 255, 255, .7)
}

.item_wrap dd a {
	display: block
}

.item_list {
	padding: 1em;
	height: auto;
	border: 1px solid #ffc250;
	margin-bottom: 2%;
	background-repeat: no-repeat
}

/*メインコンテンツの背景画像*/
/*.a4cf {
	background-image: url(/img/top/a4cf.gif);
	background-position: right top;
	background-size: 140px auto
}

.a5cf {
	background-image: url(/img/top/a5cf.gif);
	background-position: right top;
	background-size: 140px auto
}

.lenticular {
	background-image: url(/img/top/lenticular.gif);
	background-position: right 10px top 10px;
	background-size: 130px auto
}

.ondemand {
	background-image: url(/img/top/ondemand.gif);
	background-position: right top
}

.premire {
	background-image: url(/img/top/img_youto_zoo1.png);
	background-position: right 10px top 10px;
	background-size: 150px auto
}

.canbadge {
	background-image: url(/img/top/img_youto_doujin3.png);
	background-position: right 5px top 5px;
	background-size: 114px auto
}

.shiori {
	background-image: url(/img/top/img_youto_doujin2.png);
	background-position: right 10px center;
	background-size: 110px auto
}

.coaster {
	background-image: url(/img/top/img_youto_anniversary2.png);
	background-position: right 3px top 6px;
	background-size: 100px auto
}

.meishi {
	background-image: url(/img/top/img_youto_company2.png);
	background-position: right 10px center;
	background-size: 100px auto
}

.stone {
	background-image: url(/img/top/img_youto_university3.png);
	background-position: right 10px bottom 10px;
	background-size: 110px auto
}

.shitajiki {
	background-image: url(/img/top/img_youto_school2.png);
	background-position: right 3px bottom 3px;
	background-size: 100px auto
}

.wall-calendar {
	background-image: url(/img/top/img_youto_anniversary1.png);
	background-position: right 3px bottom 3px;
	background-size: 94px auto
}

.desk-calendar {
	background-image: url(/img/top/101_a.png);
	background-position: right 3px bottom 3px;
	background-size: 80px auto
}

.bag {
	background-image: url(/img/top/img_youto_university1.png);
	background-position: right 3px bottom 3px;
	background-size: 94px auto
}

.uchiwa {
	background-image: url(/img/top/img_youto_aquarium1.png);
	background-position: right 10px bottom 10px;
	background-size: 100px auto
}

.carddeckcase {
	background-image: url(/img/top/img_youto_expo2.png);
	background-position: right 3px bottom 3px;
	background-size: 62px auto
}

.ticketholder {
	background-image: url(/img/top/img_youto_movie2.png);
	background-position: right 10px bottom 10px;
	background-size: 106px auto
}*/

.item_list dd {
	width: 50%;
	padding: .5em 0;
	float: left
}

/*5行2列枠*/
.item_list5 {
	padding: 1em;
	width: 49%;
	height: 14em;
	border: 1px solid #ffc250;
	margin-bottom: 2%;
	margin-right: 2%;
	float: left;
	box-sizing: border-box;
	background-repeat: no-repeat
}

/*行列枠*/
.item_list1 {
	padding: 1em;
	width: 49%;
	height: 7em;
	border: 1px solid #ffc250;
	margin-bottom: 2%;
	margin-right: 2%;
	float: left;
	box-sizing: border-box;
	background-repeat: no-repeat
}

/*行列枠*/
.item_list2 {
	padding: 1em;
	width: 49%;
	height: 9em;
	border: 1px solid #ffc250;
	margin-bottom: 2%;
	margin-right: 2%;
	float: left;
	box-sizing: border-box;
	background-repeat: no-repeat
}

.item_name {
	font-size: 2em;
	font-weight: 700;
	line-height: 1.5;
	color: #595757;
	border-left: 6px solid #52b8e8;
	padding-left: .5em
}

.item_name2 {
	font-size: 1.6em;
	font-weight: 700;
	line-height: 1.5;
	color: #595757;
	border-left: 6px solid #52b8e8;
	padding-left: .5em
}

.clear:after {
	content: "";
	clear: both;
	display: block
}

.item_list5:nth-child(even), .item_list1:nth-child(even), .item_list2:nth-child(even) {
	margin-right: 0
}

/*footer*/
.samplewrap {
	background: #337ab7;
	padding: .2em 0
}

.samplewrap a {
	margin-left: auto;
	margin-right: auto;
	line-height: 2;
	width: 60%;
	background: #fff950;
	font-size: 2em;
	color: #716d6d
}

#footer_inner03 {
	margin-bottom: -2em
}

#footer_inner03 ul {
	background: #2d58bf;
	margin-bottom: 0
}

#footer_inner03 ul li a {
	line-height: 3;
	color: #fff;
	font-size: .8em
}

footer {
	/*width: 100%;*/
	/*background: #d9f2f9*/
}

footer .inner {
	/*width: 1180px;*/
	/*display: -webkit-flex;*/
	/*display: -moz-flex;*/
	/*display: -ms-flex;*/
	/*display: -o-flex;*/
	/*display: flex;*/
	/*padding: 2em 2em 1em 2em;*/
	/*margin-left: auto;*/
	/*margin-right: auto*/
}

.address {
	font-size: .8em;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1
}

.address dl {
	margin-left: 3em
}

.fnav {
	-webkit-flex: 2;
	-moz-flex: 2;
	-ms-flex: 2;
	-o-flex: 2;
	flex: 2;
	font-size: .8em
}

.fnav ul {
	width: 100%;
	list-style: none
}

.fnav dt {
	padding-left: 2em
}

.fnav dd ul li {
	padding-right: 1em;
	float: left;
	display: inline-block;
	line-height: 2
}

.s_yoko {
	width: 100%
}

/*スクロールボタン*/
.pagetopbtn {
	display: none;
	position: fixed;
	bottom: 160px;
	right: 29px;
	font-size: .8em;
	z-index: 555
}

.pagetopbtn a {
	background: rgba(0, 0, 0, .5);
	text-decoration: none;
	color: #fff !important;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px
}

.pagetopbtn a:hover {
	color: #fff !important;
	text-decoration: none;
	background: rgba(0, 0, 0, .3)
}

.badge {
	background-color: #d91111;
}

.submenu {
	margin-top: .5em
}

/*pc以上*/
@media (min-width: 1200px) {
	.header-box {
		padding-top: .9em
	}

	.header-box2 {
		padding-top: .79em
	}

	.header-btn-box1, .header-btn-box4 {
	}

	.header-btn-box2, .header-btn-box3 {
		width: 19%
	}

	body {
		/*font-size: 1.6rem*/
	}

	p.side-title, .side-title-item {
		font-size: .9em
	}

	.mainwrap {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.mainwrap .col-1 {
	width: 900px;
    margin-left: auto;
    margin-right: auto

	}

	.mainwrap .col-2, .mainwrap .col-23 {
		-webkit-flex-basis: 765px;
		-moz-flex-basis: 765px;
		-ms-flex-basis: 765px;
		-o-flex-basis: 765px;
		flex-basis: 765px;
		-webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		order: 2;
		overflow: hidden;
		zoom: 1

	}

	.mainwrap .col-3 {
		-webkit-flex-basis: 191px;
		-moz-flex-basis: 191px;
		-ms-flex-basis: 191px;
		-o-flex-basis: 191px;
		flex-basis: 191px;
		-webkit-order: 3;
		-moz-order: 3;
		-ms-order: 3;
		-o-order: 3;
		order: 3
	}

	.mainwrap .col-1 img {
		width: 100%;
		margin-bottom: 5px
	}

	.mainwrap .col-3 img {
		width: 100%;
		border: solid 1px #ccc;
		margin-bottom: 5px
	}

	.mainwrap .col-23 {
		-webkit-flex-basis: 960px;
		-moz-flex-basis: 960px;
		-ms-flex-basis: 960px;
		-o-flex-basis: 960px;
		flex-basis: 960px;
		-webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		order: 2;
		overflow: hidden;
		zoom: 1
	}

	.fixed:not(.nav_product) {
		position: fixed;
		top: 0;
		left: auto;
		width: 1180px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		z-index: 10000
	}

	.fixed:not(.nav_product) .navbar-header span {
		vertical-align: 1px !important
	}


}

/*pc*/
@media (max-width: 1199px) {
	.navbar-nav {
		width: 96%
	}

	.cart-number {
		top: .6em;
		right: .2em
	}

	.header-box {
		padding-top: 1em
	}

	.header-box2 {
		padding-top: .9em
	}

	.header-btn-box1, .header-btn-box4 {
		width: 30%
	}

	.header-btn-box2, .header-btn-box3 {
		width: 19.5%
	}

	.navbar-brand {
		padding: 3px 5px 0px 5px;
		height: 40px
	}

	.navbar-brand > i {
		padding-top: .2em;
		font-size: .8em
	}

	.nav > li > a {
		padding: 10px
	}

	body {
		/*font-size: 1.6rem*/
	}

	p.side-title, .side-title-item {
		font-size: .9em
	}

	.mainwrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.mainwrap .col-1 {
		-webkit-flex-basis: 180px;
		-moz-flex-basis: 180px;
		-ms-flex-basis: 180px;
		-o-flex-basis: 180px;
		flex-basis: 180px;
		-webkit-order: 1;
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		order: 1
	}

	.mainwrap .col-2, .mainwrap .col-23 {
		-webkit-flex-basis: 750px;
		-moz-flex-basis: 750px;
		-ms-flex-basis: 750px;
		-o-flex-basis: 750px;
		flex-basis: 750px;
		-webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		order: 2;
		overflow: hidden;
		zoom: 1;
		padding-left: .5em
	}

	.mainwrap .col-3 {
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%;
		-webkit-order: 3;
		-moz-order: 3;
		-ms-order: 3;
		-o-order: 3;
		order: 3
	}

	.mainwrap .col-1 img {
		width: 100%;
		margin-bottom: 5px
	}

	section:not(.member_header):not(.main_header):not(.sp_head) h1:not(.title_large):not(.title_middle_blue):not(.title_middle_gray):not(.title_middle_blue), .item-price h3, .best10 h3, .newitem h3, .urgent h3, .newswrap h3, .guide h3, .kantanguide h3, .businessday h3, .design h3, .h1title, .topyouto h3 {
		font-size: 1.9em
	}

	.jc100 {
		height: 6em
	}

	/*fixednav*/
	.fixed:not(.nav_product) {
		position: fixed;
		top: 0;
		left: auto;
		width: 940px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		z-index: 10000
	}

	footer .inner {
		/*width: 940px*/
	}

	.s_calendar.s_yoko table {
		width: 50%;
		height: 13em;
		table-layout: fixed;
		background-color: White;
		float: left
	}

	/* PC用のスタイル記述 *//*～～～～～～～～～～～～～～～～～～～～*/
	.chat-window-toggled {
		width: 233px !important;
		height: 145px !important;
		bottom: 10px !important;
	}

	.chat-window-toggled::after {
		content: "" !important;
		background: url(/img/chat/chatbot_close.png) no-repeat left top !important;
		width: 35px !important;
		height: 35px !important;
		position: absolute !important;
		top: -10px !important;
		right: -10px !important;
	}

	.chat-window-toggled .chat-header {
		background: url(/img/chat/chatbot.png) no-repeat left top !important;
		width: 233px !important;
		height: 145px !important;
		padding-left: 200% !important;
		overflow: hidden !important;
	}
}

/*タブレット*/
@media (max-width: 959px) {
	.cart-number {
		top: .5em;
		right: .2em
	}

	.header-box {
		padding-top: 1em
	}

	.header-box2 {
		padding-top: .9em
	}

	.header-btn-box1, .header-btn-box4 {
		width: 30%
	}

	.header-btn-box2, .header-btn-box3 {
		width: 19.5%
	}

	.navbar-brand {
		padding: 3px 5px 0px 5px;
		height: 40px
	}

	.nav > li > a {
		padding: 10px
	}

	body {
		/*font-size: 1.6rem*/
	}

	p.side-title, .side-title-item {
		font-size: .9em
	}

	.mainwrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.mainwrap .col-1 {
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-basis: 180px;
		-moz-flex-basis: 180px;
		-ms-flex-basis: 180px;
		-o-flex-basis: 180px;
		flex-basis: 180px;
		-webkit-order: 1;
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		order: 1
	}

	.mainwrap .col-2 {
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-basis: 750px;
		-moz-flex-basis: 750px;
		-ms-flex-basis: 750px;
		-o-flex-basis: 750px;
		flex-basis: 750px;
		-webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		order: 2
	}

	.mainwrap .col-3 {
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%;
		-webkit-order: 3;
		-moz-order: 3;
		-ms-order: 3;
		-o-order: 3;
		order: 3
	}

	/*新着情報*/
	#iframebox {
		border: 1px solid #ccc;
		position: relative;
		width: 100%;
		height: 25vh;
		padding: .5em;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		display: block
	}

	#iframe > iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.jc100 {
		height: 6em
	}

	.samplewrap a {
		font-size: 1.5em
	}

	footer {
		/*width: 960px*/
	}

	footer .inner {
		/*width: 940px*/
	}

	.s_calendar.s_yoko table {
		width: 50%;
		height: 13em;
		table-layout: fixed;
		background-color: White;
		float: left
	}
}

/*スマホ*/
@media (max-width: 599px) {
	.dropdown-menu > li > a {
		color: #333
	}

	.navbar-default .in, .fixed:not(.nav_product) .navbar-default .in {
		color: #000;
		background-color: #fff;
	}

	.cart-number {
		line-height: 1;
		position: absolute;
		top: .5em;
		right: .1em
	}

	.cart-quantity2 {
		position: absolute;
		top: 2px;
		left: -23px;
		opacity: 1;
		cursor: pointer;
		z-index: 2
	}

	.navbar-nav {
		width: 100%;
		margin: 0
	}

	body {
		/*font-size: 1.4rem*/
	}

	/*input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="number"],*/ .form-control {
		font-size: 16px !important
	}

	span.visible-xs a, span.visible-xs {
		display: inline-block !important
	}

	.navbar-brand > i {
		font-size: .9em;
		padding-top: 0
	}

	section:not(.member_header):not(.main_header):not(.sp_head) h1:not(.title_large):not(.title_middle_blue):not(.title_middle_gray):not(.title_middle_blue), .item-price h3, .best10 h3, .newitem h3, .urgent h3, .newswrap h3, .guide h3, .kantanguide h3, .businessday h3, .design h3, .h1title, .topyouto h3 {
		line-height: 1.6;
		padding-top: .2em;
		padding-left: .5em;
		border-bottom: inherit;
		border-left: 6px solid #ffc872;
		background: #f7f7f7;
		width: 100%
	}

	.breadcrumb + .main section:first-child h1 {
		margin-top: 0
	}

	/*ログイン*/
	#member {
		width: 100%;
		height: 7vw;
		margin: 0;
		font-size: 3vw;
		line-height: 2.5
	}

	#member span {
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		width: 50vw;
		text-overflow: ellipsis;
		vertical-align: middle
	}

	#member .btn {
		font-size: .9em
	}

	#member .btn-link {
		display: inline-block
	}

	/*fixednav*/
	#fixedBox {
		margin-top: .25em !important
	}

	.fixed:not(.nav_product) {
		position: fixed;
		width: 100%;
		top: 0;
		left: -1px;
		right: 0;
		padding-left: 10px;
		padding-right: 10px;
		z-index: 10000;
		margin-top: 0;
		box-sizing: border-box
	}

	#fixedBox.fixed {
		margin-top: 0 !important
	}

	.navsearch input[type="text"] {
		font-size: 16px;
		padding: .25em;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.mainwrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.mainwrap .col-1 {
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-basis: 50%;
		-moz-flex-basis: 50%;
		-ms-flex-basis: 50%;
		-o-flex-basis: 50%;
		flex-basis: 50%;
		-webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		order: 2
	}

	.mainwrap .col-2, .mainwrap .col-23 {
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%;
		-webkit-order: 1;
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		order: 1;
		overflow: hidden;
		zoom: 1;
		padding-left: 0
	}

	.mainwrap .col-3 {
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-basis: 49%;
		-moz-flex-basis: 49%;
		-ms-flex-basis: 49%;
		-o-flex-basis: 49%;
		flex-basis: 49%;
		-webkit-order: 3;
		-moz-order: 3;
		-ms-order: 3;
		-o-order: 3;
		order: 3;
		margin-left: 1%
	}

	.mainwrap .col-1 img, .mainwrap .col-3 img {
		width: 100%
	}

	section:not(.member_header):not(.main_header):not(.sp_head) h1:not(.title_large):not(.title_middle_blue):not(.title_middle_gray):not(.title_middle_blue), .item-price h3, .best10 h3, .newitem h3, .urgent h3, .newswrap h3, .guide h3, .kantanguide h3, .businessday h3, .design h3, .h1title, .topyouto h3 {
		font-size: 1.6em;
		font-weight: 500;
		color: #333
	}

	/*新着情報*/
	#iframebox {
		width: 94%;
		height: 25vh;
		margin: auto;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		display: block
	}

	.jc100 {
		height: 7vw;
		background: none
	}

	.samplewrap a {
		font-size: 1em;
		width: 90%
	}

	.summaryflex {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-ms-justify-content: flex-end;
		-o-justify-content: flex-end;
		justify-content: flex-end;
		font-size: 1em
	}

	.summaryflex > .summary-left {
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%
	}

	.summaryflex > .summary-center {
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%;
		margin: 1.2em 0 0 0;
		height: auto
	}

	.flexwrap .flexcalendar {
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%
	}

	.flexwrap .flexcalendar dt {
		text-align: center
	}

	.flexwrap dt, .flexwrap .flexcalendar dd {
		width: 50%;
		float: left;
		font-weight: 500
	}

	.flexwrap #menu_calendar2 {
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%
	}

	.flex2column {
		padding: 1%;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%
	}

	.flex2column > .flexwrap > .flex2column {
		padding: 1%;
		-webkit-flex-basis: 50%;
		-moz-flex-basis: 50%;
		-ms-flex-basis: 50%;
		-o-flex-basis: 50%;
		flex-basis: 50%
	}

	footer {
		/*width: 100%*/
	}

	/*footer .inner {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 2em 0
	}*/

	.address {
		font-size: 1em;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%;
		-webkit-order: 1;
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		order: 1
	}

	.address dl {
		margin-left: 1em
	}

	.fnav {
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%;
		-webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		order: 2
	}

	.fnav ul, .fnav dt {
		padding-left: 1em
	}

	.fnav dt {
		border-bottom: 1px solid #ddd;
		line-height: 1.5
	}

	.fnav dd ul li {
		width: 50%;
		padding-right: 1em;
		float: left;
		display: inline-block;
		line-height: 2.5
	}

	.item-footer dt:after {
		content: "\f107";
		font-family: FontAwesome;
		vertical-align: bottom;
		font-size: 1.2em;
		margin-left: .25em
	}

	.item-footer dt.active:after {
		content: "\f106";
		font-family: FontAwesome;
		vertical-align: bottom;
		font-size: 1.2em;
		margin-left: .25em
	}

	.s_calendar.s_yoko table {
		width: 50%;
		table-layout: fixed;
		background-color: White;
		float: left
	}

	.navsearch, .fixed:not(.nav_product) .navsearch {
		width: 50vw;
		margin-left: 50px;
		padding: .15em 0
	}

	.navsearch .input-group-btn > .btn {
		height: 34px;
		padding: 0 .5em
	}

	.item_list dd {
		width: 100%;
		padding: 0;
		float: none;
		font-size: 1.2em
	}

	/*行列枠*/
	.item_list5 {
		width: 100%;
		height: 14em;
		margin-right: 0;
		float: none
	}

	.item_list1 {
		width: 100%;
		height: 8em;
		margin-right: 0;
		float: none
	}

	.item_list2 {
		width: 100%;
		height: 9em;
		margin-right: 0;
		float: none
	}

	.item_list5.sp {
		padding: 1em;
		height: auto;
		border: 1px solid #ffc250;
		margin-bottom: 2%;
		background-repeat: no-repeat
	}

	.item_name {
		font-size: 1.6em
	}

	.item_name2 {
		font-size: 1.6em;
		font-weight: 700;
		line-height: 1.5;
		color: #595757;
		border-left: 6px solid #52b8e8;
		padding-left: .5em
	}

	/*メインコンテンツの背景画像*/
	/*.a4cf {
		background-size: 28% auto
	}

	.ondemand {
		background-position: right 15%;
		background-size: 30% auto
	}

	.shitajiki, .desk-calendar, .meishi, .coaster {
		background-size: auto 40%
	}

	.carddeckcase {
		background-size: auto 70%
	}

	.a5cf, .canbadge, .premire, .lenticular {
		background-size: 30% auto
	}

	.ticketholder, .bag {
		background-position: right 5% bottom 40%;
		background-size: 25% auto
	}

	.stone {
		background-size: auto 70%
	}*/

	/*スクロールbtn*/
	.pagetopbtn {
		bottom: 50px;
		right: 4px
	}

	/* placeholder */
	::-webkit-input-placeholder {
		font-size: .6em
	}

	::-moz-placeholder {
		font-size: .6em
	}

	/* firefox 19+ */
	:-ms-input-placeholder {
		font-size: .6em
	}

	/* ie */
	input:-moz-placeholder {
		font-size: .6em
	}

	/*見積り出力*/
	.imgflex2 div {
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%
	}

	/*発送日自動計算*/
	.delivery table th {
		width: 30%
	}


}