@charset "UTF-8";
@-webkit-keyframes marquee {
	0% {
		margin-left: 100%;
		width: 100%
	}
	to {
		margin-left: -100%;
		width: 100%
	}
}

@-moz-keyframes marquee {
	0% {
		margin-left: 100%;
		width: 100%
	}
	to {
		margin-left: -100%;
		width: 100%
	}
}

@-ms-keyframes marquee {
	0% {
		margin-left: 100%;
		width: 100%
	}
	to {
		margin-left: -100%;
		width: 100%
	}
}

@-o-keyframes marquee {
	0% {
		margin-left: 100%;
		width: 100%
	}
	to {
		margin-left: -100%;
		width: 100%
	}
}

html {
	font-size: 100%;
	font-family: 'M PLUS Rounded 1c', 'Open Sans', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	height: 100%;
	box-sizing: border-box;
	line-height: 0 ;
	font-weight: 400 ;
}

select::-ms-expand {
	display: none
}

form {
	margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}

audio, canvas, progress, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden], template {
	display: none
}

a {
	background-color: transparent;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

a:active, a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: 700
}

blockquote, figure {
	margin: 1.5em 40px
}

dfn {
	font-style: italic
}

h3 {
	font-size: 1.17em
}

h4 {
	font-size: 1em
}

h5 {
	font-size: .83em
}

h6 {
	font-size: .67em;
	line-height: 2.23881em;
	margin-top: 2.23881em;
	margin-bottom: 2.23881em
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

dl, menu, ol, pre {
	margin: 1.5em 0
}

dl, menu, ol, pre, ul {
	overflow: auto
}

dd {
	margin: 0 0 0 40px
}

menu, ol {
	padding: 0 0 0 40px
}

nav ol, nav ul {
	list-style: none;
	list-style-image: none
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	max-width: 100%
}

svg:not(:root) {
	overflow: hidden
}

hr {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	*font-family: sans-serif;
	*vertical-align: middle
}

button {
	overflow: visible
}

button, select {
	text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}

button[disabled], html input[disabled] {
	cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox], input[type=radio] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	margin: 0 2px;
	border-color: silver;
	border-width: .0625em;
	border-style: solid;
	padding: .4625em .875em .9125em
}

legend {
	border: 0;
	*margin-left: -7px
}

textarea {
	overflow: auto
}

header .step li.active h1, optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

legend, td, th {
	padding: 0
}

body {
	font-family: 'M PLUS Rounded 1c', 'Open Sans', sans-serif;
	font-size: 1em;
	position: relative;
	margin: 0 auto;
	height: 100% ;
	font-weight: 400 ;
}

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

a:active, a:focus, a:hover {
	text-decoration: none
}

h1 {
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 1.6em;
	font-weight: 700
}

.content .my-swiper .news_txt p span, h2 {
	font-size: 1.2em
}

.small {
	font-size: .8em
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center!important
}

.text-justify {
	text-align: justify
}

.top_cap {
	font-size: .6em;
	line-height: .8em;
	position: absolute;
	margin: 0 5px;
	bottom: 5px;
	color: #000!important
}

.highlighttxt {
	color: #f39099!important
}

.tag_style {
	border-radius: 2em;
	padding: 5px 10px;
	line-height: 1em;
	font-size: .8em;
	color: #fff
}

.tag_style.tag_red {
	background: #f39099
}

.tag_style.tag_main {
	background: #EE87B4;
	display: block;
	overflow: hidden;
	height: 20px
}

.tag_style.tag-red-white {
	background: #fff;
	color: #f39099
}

.tag_style.tag-main-white {
	background: #fff;
	color: #EE87B4
}

.button_style {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 8px;
	color: #fff;
	font-size: .8em;
	line-height: 1.5em;
	text-align: center
}

.button_style.button_main {
	background: #EE87B4;
	color: #fff;
}

.button_style.button_main:focus, .button_style.button_main:hover {
	background: #4e6b70
}

.button_style.button_light {
	background: #ceebf0;
	color: #EE87B4
}

.button_style.button_light:focus, .button_style.button_light:hover {
	background: #a7a9ac;
	color: #000
}

.button_style.button_grey {
	color: #fff;
	background: #919195
}

.button_style.button_grey:focus, .button_style.button_grey:hover {
	background: #a7a9ac
}

.button_style .button_icon {
	padding-left: 40px
}

.button_style .button_icon.readmore {
	background: url(../images/icons_white/1024/more.png) 20% center;
	background-repeat: no-repeat;
	background-size: 25px 25px
}

.button_style .button_icon.cart {
	background: url(../images/icons_white/1024/cart.png) 20% center;
	background-repeat: no-repeat;
	background-size: 25px 25px
}

.button_style.button-round {
	border-radius: 2em;
	-webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .1);
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .1)
}

.button_style.button-round.button_light, .content .form-group select {
	-webkit-box-shadow: 0 0 0 0 transparent;
	-moz-box-shadow: 0 0 0 0 transparent;
	box-shadow: 0 0 0 0 transparent
}

.button_style.button-round.button_light:focus, .button_style.button-round.button_light:hover {
	-webkit-box-shadow: 0 0 0 0 transparent;
	-moz-box-shadow: 0 0 0 0 transparent;
	box-shadow: 0 0 0 0 transparent
}

.button_style.button-round:focus, .button_style.button-round:hover {
	-webkit-box-shadow: -3px -3px 5px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: -3px -3px 5px 0 rgba(0, 0, 0, .1);
	box-shadow: -3px -3px 5px 0 rgba(0, 0, 0, .1)
}

.form-group label {
	font-size: .8em;
	font-weight: 700;
	padding-top: 0
}

.radio {
	margin-top: 0;
	margin-bottom: 0
}

.radio label {
	display: inline-block;
	position: relative;
	padding-left: 30px
}

.radio label:after, .radio label:before {
	display: inline-block;
	position: absolute;
	border-radius: 50%
}

.radio label:before {
	content: "";
	width: 20px;
	height: 20px;
	left: 0;
	border: 1px solid #a7a9ac;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out;
	-o-transition: border .15s ease-in-out;
	transition: border .15s ease-in-out
}

.radio label:after {
	content: " ";
	width: 14px;
	height: 14px;
	left: 3px;
	top: 3px;
	background-color: #a7a9ac;
	-webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
	-moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
	-o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
	transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
}

.radio input[type=radio] {
	opacity: 0;
	z-index: 1
}

.radio input[type=radio]:focus+label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.radio input[type=radio]:checked+label {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.radio input[type=radio]:checked+label:before {
	border: 1px solid #EE87B4
}

.radio input[type=radio]:checked+label:after {
	background: #EE87B4
}

.checkbox input[type=checkbox]:disabled+label, .radio input[type=radio]:disabled+label {
	opacity: .65
}

.radio input[type=radio]:disabled+label:before {
	cursor: not-allowed
}

.checkbox {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0
}

.checkbox label {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	font-size: .8em
}

.checkbox label:after, .checkbox label:before {
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0
}

.checkbox label:before {
	content: "";
	border: 1px solid #eee;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label:after {
	top: 0;
	padding-left: 3px;
	padding-top: 0;
	font-size: 11px;
	color: #a7a9ac;
	line-height: 17px
}

.checkbox input[type=checkbox] {
	opacity: 0;
	z-index: 1;
	outline: 0
}

.checkbox input[type=checkbox]:checked+label:before {
	outline: 0;
	background: #EE87B4;
	border-color: #EE87B4
}

.checkbox input[type=checkbox]:checked+label:after {
	color: #fff;
	font-family: 'FontAwesome';
	content: "\f00c"
}

.checkbox input[type=checkbox]:disabled+label:before {
	background: #eee;
	cursor: not-allowed
}

header.login_hd p:after {
	display: inline-block;
	vertical-align: middle
}

ul, ul li {
	margin: 0;
	padding: 0
}

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

ul li {
	float: left
}

.clearfix {
	clear: both
}

.col_2, header {
	width: 50%;
	margin: 0 auto
}

header {
	width: 90%;
	background: #fff
}

.wrapper {
	margin: 0 auto 50px;
	min-height: calc(100% - 55px)
}

.wrapper.login_bg {
	min-height: 100%;
	margin: 0 auto;
	background: url(../images/login_bg_1024.png) center left;
	background-size: 100%
}

.wrapper .login-footer {
	width: 100%;
	bottom: 0;
	position: absolute;
	padding: 15px;
	color: #000;
	font-size: .8em
}

header.login_hd {
	background: 0 0
}

header.login_hd p {
	line-height: 1.5em;
	font-size: .8em;
	padding-top: 10px;
	color: #a7a9ac;
	vertical-align: middle
}

header.login_hd p:after {
	background: url(../images/icons_grey/1024/mypage.png) center center;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	content: "";
	width: 30px;
	height: 30px;
	margin-top: -5px
}

header.had_sidebar {
	width: 1024px;
	margin: 0 auto;
	height: 60px;
	z-index: 2000;
	position: fixed;
	border-bottom: 1px solid #eee
}

header ul.header_2,
header ul.header_3,
header ul.main_header, ul {
	position: relative
}

header ul.main_header li.logo {
	width: 85%;
	height: 60px;
	display: flex;
	align-items: center
}

header ul.header_2 li.icons_link img,
header ul.header_3 li.icons_link img,
header ul.main_header li.logo img {
	max-height: 60px
}

header ul.main_header li.logo h1 {
	color: #EE87B4;
	line-height: 2em;
	flex: 1
}

header ul.main_header li.links {
	text-align: center;
	position: relative;
	width: 15%;
	display: flex;
	justify-content: flex-end
}

header ul.main_header li.links ul li {
	height: 60px;
	max-width: 50px;
	padding: 8px 6px;
	text-align: center;
	position: relative
}

.content .my-swiper img, header ul.main_header li.links ul li img {
	max-height: 100%
}

header ul.main_header li.links ul li .tag_red {
	font-size: .7em;
	position: absolute;
	padding: 4px;
	line-height: 1em;
	right: 2px;
	top: 5px
}

header ul.header_2 li.icons_link {
	width: 4%;
	position: relative;
	height: 60px
}

header ul.header_2 li.icons_link a,
header ul.header_3 li.icons_link a {
	color: #919195
}

header ul.header_2 li.icons_link a p {
	line-height: 3.6em
}

header ul.header_2 li.icons_link a:focus, header ul.header_2 li.icons_link a:hover {
	color: #EE87B4
}

header ul.header_2 li.ttl {
	width: 92%;
	margin: 0 auto;
	height: 60px;
	padding: 12px;
	text-align: center;
	color: #5FBBC9
}

header ul.header_2 li.ttl h1 {
	line-height: 1.2em
}

header ul.header_3 li.icons_link {
	width: 100%;
	position: relative;
	height: 60px
}

header ul.header_3 li.icons_link p.ttl {
	position: absolute
}

header ul.header_3 li.icons_link p.ttl,
header ul.main_header p.ttl {
	margin: 0 auto;
	padding: 12px;
	text-align: center;
	color: #5FBBC9;
	font-size: 1.5em;
	display: inline-block
}

header .step {
	position: relative;
	max-width: 768px;
	margin: 0 auto
}

footer .nav.home, header .step li, header .step li.active {
	background-size: 100%;
	background-repeat: no-repeat
}

header .step li {
	width: 25%;
	margin: 10px auto;
	height: 50px;
	background: url(../images/step_bg2.png) bottom left;
	color: #919195
}

header .step li h1 {
	padding-left: 30%;
	padding-top: 0;
	font-size: 1em;
	font-weight: lighter;
	line-height: 1em
}

header .step li h2 {
	float: left;
	font-size: 2em;
	margin-left: 15px;
	margin-top: 10px
}

header .step li.active {
	background: url(../images/step_bg.png) bottom left;
	color: #EE87B4
}

footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	margin: 0 auto;
	-webkit-box-shadow: 0 -10px 6px -10px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 -10px 6px -10px rgba(0, 0, 0, .1);
	box-shadow: 0 -10px 6px -10px rgba(0, 0, 0, .1);
	background: #fff;
	height: 50px;
	height: calc(50px + env(safe-area-inset-bottom))
}

footer .button_style {
	height: 50px;
	padding: 15px;
	font-size: 1em
}

footer ul {
	width: 100%;
	margin: 0 auto
}

footer .nav {
	height: 50px;
	width: 20%;
	display: flex;
	justify-content: left;
	align-items: center;
	padding-left: 50px;
	font-size: .9em;
	margin-top: 5px;
	color: #919195
}

footer .nav.home {
	background: url(../images/icons_black/1024/home.png) center left;
	background-size: 50px 50px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

footer .nav.home.active, footer .nav.home:focus, footer .nav.home:hover {
	background: url(../images/icons_blue/1024/home.png) center left;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	color: #EE87B4
}

footer .nav.search {
	background: url(../images/icons_black/1024/search.png) center left;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

footer .nav.search.active, footer .nav.search:focus, footer .nav.search:hover {
	background: url(../images/icons_blue/1024/search.png) center left;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	color: #EE87B4
}

footer .nav.fav {
	background: url(../images/icons_black/1024/fav.png) center left;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

footer .nav.fav.active, footer .nav.fav:focus, footer .nav.fav:hover {
	background: url(../images/icons_blue/1024/fav.png) center left;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	color: #EE87B4
}

footer .nav.ranking {
	background: url(../images/icons_black/1024/ranking.png) center left;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

footer .nav.ranking.active, footer .nav.ranking:focus, footer .nav.ranking:hover {
	background: url(../images/icons_blue/1024/ranking.png) center left;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	color: #EE87B4
}

footer .nav.mypage {
	background: url(../images/icons_black/1024/mypage.png) center left;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	color: #919195;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

footer .nav.mypage.active, footer .nav.mypage:focus, footer .nav.mypage:hover {
	background: url(../images/icons_blue/1024/mypage.png) center left;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	color: #EE87B4
}

.content.had_content {
	padding-top: 60px
}

.content.had_content.big_top {
	padding-top: 130px
}

.content, .content .main-news {
	width: 100%;
	margin: 0 auto;
	position: relative
}

.content .my-swiper {
	width: 100%;
	position: relative;
	margin-bottom: -7px;
	background: #fff
}

.content .my-swiper.for-index {
	text-align: right
}

.content .my-swiper .tag-red-white, .content .my-swiper .tag_red {
	position: absolute;
	left: 5%;
	top: 20px;
	font-size: .7em;
	z-index: 10
}

.content .my-swiper .news_txt {
	width: 60%;
	position: absolute;
	left: 5%;
	top: 25%;
	z-index: 10;
	text-align: center
}

.content .my-swiper .news_txt h1 {
	color: #00b8ca;
	line-height: 1.2em;
	margin-bottom: 10px
}

.content .my-swiper .news_txt h2 {
	font-size: .8em;
	font-weight: lighter;
	color: #919195;
	margin-bottom: 10px
}

.content .my-swiper .news_txt .color-green {
	color: #009381;
	font-size: 1.2em;
	margin-top: -10px
}

.content .my-swiper .news_txt p {
	font-size: .9em;
	line-height: 1.5em;
	font-weight: lighter;
	color: #000
}

.content .my-swiper.with_bg {
	background: #efeff1
}

.content .my-swiper.with_bg2 {
	background: #def9f4;
	text-align: center
}

.content .swiper-pagination-bullet-active {
	background: #f39099
}

.content .my-next, .content .my-prev {
	background-size: 30px 30px;
	background-repeat: no-repeat
}

.content .my-next {
	margin-right: 4%;
	background: url(../images/icons_blue/1024/right.png) right center
}

.content .my-prev {
	margin-left: 4%;
	background: url(../images/icons_blue/1024/left.png) left center
}

.content .margin-content {
	width: 100%;
	margin: 0 auto;
	position: relative
}

.content .margin-content h1 {
	color: #919195;
	line-height: 3em;
	font-size: 1.3em
}

.content .margin-content p {
	font-size: .8em;
	line-height: 1.5em;
	margin-bottom: 10px
}

.content .margin-content p.msg {
	margin: 30px auto
}

.content .margin-content .login-wrap {
	width: 50%;
	margin: 5% auto 0;
	position: relative
}

.content .margin-content .login-wrap p {
	padding: 5px;
	color: #919195
}

.content .margin-content .login-wrap .logo {
	max-width: 100%;
	margin: 0 auto 5%;
	text-align: center
}

.content .margin-content .login-wrap .logo img {
	max-width: 200px
}

.content .margin-content .login-wrap .form-group {
	margin: 0 auto 30px
}

.content .margin-content .login-wrap input {
	border-radius: 1.5em;
	padding: 0 0 0 50px;
	border: 1px solid #ceebf0
}

.content .margin-content .login-wrap input.pw, .content .margin-content .login-wrap input.userid {
	background-repeat: no-repeat;
	background-size: 28px 28px
}

.content .margin-content .login-wrap input.userid {
	background-image: url(../images/icons_blue/1024/mypage.png);
	background-position: 15px center
}

.content .margin-content .login-wrap input.pw {
	background-image: url(../images/icons_blue/1024/key.png);
	background-position: 5px center
}

.content .margin-content .login-wrap .button_grey {
	margin-top: 10%;
	color: #fff;
	padding: 8px;
	font-size: 1em
}

.content .margin-content .all-product {
	border: 1px solid #eee;
	border-radius: 3px;
	margin-bottom: 15px
}

.content .margin-content .all-product h1 {
	font-size: 1.6em;
	/*color: #EE87B4;*/
	color: #5FBBC9;
	line-height: 1em
}

.content .margin-content .all-product h1 span {
	font-size: .6em
}

.content .margin-content .all-product h2 {
	color: #000;
	font-size: .8em;
	line-height: 1.5em;
	overflow: hidden;
	font-weight: 400
}

.content .margin-content .all-product h3 {
	color: #000;
	margin-top: 15px;
	font-weight: 400
}

.content .margin-content .all-product h3 span {
	color: #a7a9ac;
	font-size: .7em
}

.content .margin-content .all-product h5 {
	font-size: .8em;
	color: #a7a9ac;
	line-height: 1.5em;
	margin-bottom: 5px
}

.content .margin-content .product-list {
	width: 24%;
	margin-right: 1.33%;
	position: relative;
	text-align: center
}

.content .margin-content .product-list img {
	padding: 10px
}

.content .margin-content .product-list .new_tag {
	background: #b4d143;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 10px;
	top: -5px
}

.content .margin-content .product-list .new_tag p, .content .margin-content .product-list .sale_tag p {
	padding: 12px 2px;
	font-size: 1em;
	font-weight: 700;
	color: #fff
}

.content .margin-content .product-list .new_tag img, .content .margin-content .product-list .sale_tag img, .info_tag img {
	padding: 0
}

.info_tag {
	background: 0 0;
	position: absolute;
	width: 100%;
	height: auto
}

.info_tag p {
	font-size: .8em;
	font-weight: 700;
	color: red
}

.content .margin-content .product-list .sale_tag {
	background: #f39099;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 10px;
	top: -5px
}

.content .margin-content .product-list:nth-child(4n) {
	margin-right: 0
}

.content .margin-content .product-list .product_details {
	padding: 0 10px;
	height: 100px;
	position: relative
}

.content .margin-content .product-list .product_details h2 {
	height: 38px;
	line-height: 1.2em
}

.content .margin-content .product-list .product_details p {
	margin: 5px 0 10px
}

.content .margin-content .product-list .button-col {
	width: 50%;
	margin: 0 auto;
	float: left
}

.content .margin-content .ranking {
	position: relative;
	text-align: center
}

.content .margin-content .ranking .for-img {
	max-height: 266px;
	margin-bottom: 7px
}

.content .margin-content .ranking .for-img img {
	max-height: 266px
}

.content .margin-content .ranking .ranking_tag {
	background: #f8b5b3;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 10px;
	top: -5px
}

.content .margin-content .ranking .ranking_tag img {
	padding: 0
}

.content .margin-content .ranking.ranking_1 {
	width: 49.33%;
	margin-right: 1.33%
}

.content .margin-content .ranking.ranking_3 {
	margin-right: 0
}

.content .margin-content .history-list {
	width: 49%;
	margin-right: 2%
}

.content .margin-content .history-list p {
	font-size: .8em;
	line-height: 1.5em
}

.content .margin-content .history-list:nth-child(2n) {
	margin-right: 0
}

.content .margin-content .history-list .text-only {
	padding: 0 10px 10px
}

.content .margin-content .history-list.cart-list {
	width: 100%;
	margin: 0 auto 15px;
	float: none
}

.content .margin-content .history-list.cart-list .img-col {
	width: 12%
}

.content .margin-content .history-list.cart-list .content-col {
	width: 88%
}

.content .margin-content .history-list.cart-list .content-col.col-100 {
	width: 100%
}

.content .margin-content .history-list.cart-list .img-size img {
	max-width: 100px
}

.content .margin-content .history-list .payment-select {
	width: 100%;
	padding: 10px
}

.content .form_contain .radio label h2,
.content .margin-content .history-list .coupon-select .radio label h2,
.content .margin-content .history-list .payment-select .radio label h2 {
	font-size: .8em;
	color: #a7a9ac;
	font-weight: 700;
	line-height: 1.7em
}

.content .form_contain .radio input[type=radio]:checked+label h2,
.content .margin-content .history-list .payment-select .radio input[type=radio]:checked+label h2 {
	color: #EE87B4
}

.content .margin-content .history-list .payment-select .radio input[type=radio]:checked+label p {
	color: #000
}

.content .margin-content .history-list .payment-select .radio label h1 {
	font-size: 1.5em;
	color: #EE87B4;
	line-height: 1em
}

.content .margin-content .history-list .coupon-select .radio label h1 span,
.content .margin-content .history-list .payment-select .radio label h1 span,
.content .margin-content .recipe .total ul h2 span {
	font-size: .7em
}

.content .margin-content .history-list .coupon-select .radio label p,
.content .margin-content .history-list .payment-select .radio label p {
	padding-top: 6px;
	height: 45px
}

.content .margin-content .history-list .coupon-select {
	width: 100%;
	padding: 10px;
	background-color: #ffeded
}

.content .margin-content .history-list .coupon-select .radio input[type=radio]:checked+label:before {
	background-color: #df5031
}

.content .margin-content .history-list .coupon-select .radio input[type=radio]:checked+label h2, .content .margin-content .history-list .coupon-select .radio input[type=radio]:checked+label:after {
	color: #df5031
}

.content .margin-content .history-list .coupon-select .radio label h1 {
	font-size: 1.5em;
	color: #3150df;
	line-height: 1em
}

.content .margin-content .history-list .img-col {
	padding: 10px;
	width: 25%
}

.content .margin-content .history-list .img-col.smaller {
	width: 15%
}

.content .margin-content .history-list .content-col {
	width: 75%
}

.content .margin-content .history-list .content-col.smaller {
	width: 85%
}

.content .margin-content .history-list .content-col .product_details {
	padding: 15px 10px 10px 0;
	position: relative
}

.content .margin-content .history-list .content-col .product_details h2 {
	height: 38px;
	line-height: 1.5em
}

.content .margin-content .history-list .content-col .product_details h1 {
	line-height: 1.3em
}

.content .margin-content .history-list .content-col .product_details h1.margin {
	margin-top: 10px
}

.content .margin-content .history-list .content-col .product_details h1.order-history {
	margin-bottom: 10px;
	font-size: 1em;
}

.content .margin-content .history-list .content-col .product_details h1 span {
	font-weight: lighter
}

.content .margin-content .history-list .content-col .product_details .date_txt2 {
	font-size: .8em;
	color: #000;
	line-height: 2em;
	margin-bottom: 5px
}

.content .margin-content .history-list .content-col .product_details .date_txt2 span {
	margin-left: 10px;
	font-size: .7em
}

.content .margin-content .history-list .content-col .product_details .date_txt2.date_txt3 {
	float: right;
	right: 10px;
	line-height: 1.5em
}

.content .margin-content .history-list .content-col .product_details .linecomment2 {
	font-size: .8em;
	color: #a7a9ac;
	line-height: 1em;
	margin-bottom: 5px
}

.content .margin-content .history-list .content-col .product_details .adjust_text {
	line-height: 2em
}

.content .margin-content .history-list .content-col .product_details .readmore {
	width: 25px;
	height: 25px;
	float: right;
	position: absolute;
	right: 10px;
	top: 15px
}

.content .margin-content .history-list .content-col .product_details .readmore img {
	max-width: 100%
}

.content .margin-content .history-list .content-col .product_details .readmore.order-history {
	margin-bottom: 10px
}

.content .margin-content .bottom-style {
	width: 100%;
	margin: 0 auto;
	position: relative;
	border-top: 1px solid #eee
}

.content .margin-content .bottom-style p {
	margin-bottom: 0
}

#marquee, .content .margin-content .bottom-style ul, .content .product_button ul, .content .table ul {
	overflow: hidden
}

.content .margin-content .bottom-style li {
	border-right: 1px solid #eee;
	line-height: 1em;
	padding-bottom: 10000px;
	margin-bottom: -10000px
}

.content .margin-content .bottom-style li:last-child {
	border-right: 0
}

.content .margin-content .bottom-style .date-txt {
	color: #a7a9ac;
	font-size: .8em;
	padding: 8px;
	line-height: 1.5em
}

.content .margin-content .bottom-style .label-1 {
	font-size: .8em;
	padding: 8px;
	line-height: 1.5em;
	color: #000;
	font-weight: 700
}

.content .margin-content .bottom-style .button_style {
	color: #a7a9ac;
	font-size: .8em
}

.content .margin-content .bottom-style .button_style.delete {
	background: url(../images/icons_grey/1024/delete.png) 10px center;
	background-size: 20px 20px;
	background-repeat: no-repeat
}

.content .margin-content .bottom-style .button_style.edit {
	background: url(../images/icons_grey/1024/edit.png) 10px center;
	background-size: 20px 20px;
	background-repeat: no-repeat
}

.content .margin-content .bottom-style .button_style.readmore {
	background: url(../images/icons_grey/1024/more.png) 10px center;
	background-size: 20px 20px;
	background-repeat: no-repeat
}

.content .margin-content .bottom-style .select-drop {
	padding-left: 8px
}

.content .form_contain, .content .margin-content .recipe {
	width: 100%;
	position: relative
}

.content .margin-content .recipe .sub-total, .content .margin-content .recipe .total ul {
	padding: 10px
}

.content .margin-content .msg-style p, .content .margin-content .recipe p {
	font-size: .8em;
	line-height: 1.5em
}

.content .form_contain .checkbox label, .content .form_contain .radio label, .content .margin-content .recipe .right-txt {
	color: #a7a9ac
}

.content .margin-content .recipe .point {
	color: #f39099
}

.content .margin-content .recipe .point:before {
	background: url(../images/icons_grey/1024/point.png) center 0;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	width: 35px;
	height: 35px;
	vertical-align: middle
}

.content .margin-content .recipe .point span {
	padding-left: 30px;
	font-weight: 700
}

.content .margin-content .recipe .got-point {
	color: #f39099;
	font-size: 1.5em;
	font-weight: 700
}

.content .margin-content .recipe .total {
	width: 100%;
	position: relative;
	border-top: 1px solid #eee;
	line-height: 1em
}

.content .margin-content .recipe .total ul h2 {
	font-size: 1.2em;
	font-weight: 700
}

.content .margin-content .recipe .bottom-style .point {
	padding: 5px 10px
}

.content .margin-content .recipe .input-style {
	line-height: 1.8em;
	margin-top: 5px;
	padding-right: 10px
}

.content .margin-content .full_li {
	width: 30%;
	margin: 0 auto 15px
}

.content .margin-content .full_li .button_style {
	font-size: .9em
}

.content .margin-content .msg-style {
	width: 50%;
	margin: 0 auto 15px;
	padding: 30px 10px 10px
}

.content .margin-content .msg-style .full_li {
	width: 100%;
	margin-top: 30px
}

.content .margin-content .msg-style p span {
	font-size: 2.5em;
	color: #f39099;
	font-weight: 700
}

.content .form_contain {
	margin: 0 auto;
	line-height: 1.4em
}

.content .form_contain .checkbox {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0
}

.content .form_contain .radio {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 10px
}

.content .form_contain .form_list {
	border-bottom: 1px solid #eee;
	margin: 0 auto
}

.content .form_contain .form_list h3 {
	width: 100%;
	margin: 5px auto 10px;
	font-size: .8em;
	line-height: 1.2em;
	font-weight: lighter
}

.content .form_contain .form_list .form-group {
	width: 100%;
	margin: 5px auto 0
}

.content .form_contain .form_list .form-group label span {
	font-size: .9em;
	font-weight: lighter
}

.content .form_contain .form_list .form-group .highlight:after {
	content: "（必須）";
	color: #f30000;
	font-weight: lighter
}

.content .form_contain .form_list.with_button {
	margin: 0 auto
}

.content .form_contain .form_list.with_button ul {
	width: 100%;
	margin: 0 auto
}

.content .form_contain .form_list.with_button .form-group {
	width: 100%
}

.content .form_contain .form_list.with_button p {
	padding-top: 25px;
	padding-bottom: 24px
}

.content .profile-top {
	width: 100%;
	margin: 0 auto;
	background: #3DB8C9;
	position: relative
}

.content .profile-top .margin-content {
	text-align: center;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px
}

.content .profile-top .margin-content h1 {
	font-size: 1.8em;
	color: #fff;
	line-height: 1em
}

.content .profile-top .margin-content h2 {
	font-weight: 400;
	font-size: .8em;
	line-height: 1.5em
}

.content .list-button {
	width: 100%;
	margin: 0 auto;
	position: relative;
	border: 1px solid #eee
}

.content .list-button .ttl {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.content .list-button .style {
	font-size: 1em;
	color: #000;
	line-height: 1.2em;
	font-weight: 400
}

.content .list-button .style:before, .content .list-button li h1:before {
	content: " ";
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../images/icons_grey/1024/category.png) left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -5px
}

.content .list-button .style2, .content .list-button .style3 {
	font-size: .8em;
	color: #a7a9ac;
	line-height: 1.2em;
	font-weight: 400
}

.content .list-button .style3 {
	color: #EE87B4
}

.content .list-button .style2:before {
	background: url(../images/icons_grey/1024/mypage.png) left center;
	margin-right: 10px;
	margin-top: -5px
}

.content .news_ttl h1, .content .product_button .fav_but p:hover {
	color: #EE87B4
}

.content .list-button .style.down:after, .content .list-button .style.up:after, .content .list-button .style2:before, .content .list-button .style3:before {
	content: " ";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	vertical-align: middle
}

.content .list-button .style3:before {
	background: url(../images/icons_blue/1024/mypage.png) left center;
	margin-right: 10px;
	margin-top: -5px
}

.content .list-button .style.down, .content .list-button .style.up {
	background-color: #f5efe0;
	vertical-align: middle;
	line-height: 3em
}

.content .list-button .style.down:after, .content .list-button .style.up:after {
	position: absolute;
	top: 25%;
	right: 10px;
	background-color: #f5efe0;
	line-height: 3em
}

.content .list-button .style.down:after {
	background: url(../images/icons_black/1024/minus.png) right center;
}

.content .list-button .style.up:after {
	background: url(../images/icons_black/1024/add.png) right center;
}

.content .list-button li {
	border-top: 1px solid #eee
}

.content .list-button li:first-child {
	margin-top: -1px
}

.content .list-button li:nth-last-child(2) {
	border-bottom: 1px solid #eee
}

.content .list-button li h1 {
	font-size: 1em;
	color: #000;
	line-height: 1em;
	font-weight: 400
}

.content .list-button li h1.my-account:before {
	content: " ";
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../images/icons_grey/1024/more.png) left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -5px
}

.content .list-button li a h2 {
	font-size: 1em;
	color: #000;
	line-height: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px
}

.content .list-button.search li a h2 span {
	font-weight: 400;
	font-size: .7em;
	padding: 2px 10px;
	margin-left: 20px
}

.content .news_ttl .date_txt {
	color: #a7a9ac
}

.content .news_content, .content .search_engine {
	width: 100%;
	margin: 0 auto;
	position: relative
}

.content .news_content .main_img {
	width: 100%;
	background: #eee;
	text-align: center
}

.content .news_content .main_img img {
	max-width: 420px
}

.content .news_content .sub_img {
	max-width: 200px;
	margin: 0 10px 0 0
}

.content .news_content p {
	margin: 10px auto;
	line-height: 1.5em
}

.content .search_engine {
	background: #EE87B4
}

.content .search_engine .search_button {
	padding: 10px 0 10px 10px
}

.content .collapse_style {
	width: 150px;
	margin: 10px auto;
	position: relative
}

.content .form-group, .content .search_engine .search_button p {
	margin-bottom: 0
}

.content .color-form {
	padding: 10px 0 0
}

.content .color-form input {
	border-radius: 1.5em;
	padding: 8px 8px 8px 40px
}

.content .color-form input.search {
	background-image: url(../images/icons_blue/1024/search.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 28px 28px
}

.content .color-form.cater {
	padding-top: 0
}

.content .color-form select {
	background-color: #fff;
	border-radius: 1.5em;
	padding: 8px 15px;
	margin-bottom: 10px
}

.content .search-coll {
	width: 120px;
	margin: 10px auto;
	line-height: .8em;
	position: relative
}

.content .search-coll p {
	padding: 5px
}

.content .search-coll .button_down:before, .content .search-coll .button_up:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	vertical-align: middle;
	margin-right: 10px
}

.content .search-coll .button_down:before {
	background: url(../images/icons_white/1024/down.png) left center
}

.content .search-coll .button_up:before {
	background: url(../images/icons_white/1024/up.png) left center
}

.content .search_ttl {
	width: 100%;
	position: relative;
	margin: 15px auto
}

.content .search_ttl h3 {
	font-size: .8em;
	padding-top: 7px
}

.content .search_ttl .sun {
	font-size: .7em;
	padding-top: 3px;
	color: #a7a9ac;
	font-weight: 400
}

.content .search_ttl .sun.active, .content .search_ttl .sun:focus, .content .search_ttl .sun:hover {
	color: #f39099
}

.content .search_ttl .sun.active:after, .content .search_ttl .sun:focus:after, .content .search_ttl .sun:hover:after {
	background: url(../images/arrangedown_red.png) left center;
	background-repeat: no-repeat;
	background-size: 20px 20px
}

.content .product_ttl h2 .point:before, .content .search_ttl .sun:after {
	content: " ";
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle
}

.content .search_ttl .sun:after {
	width: 20px;
	height: 20px;
	background: url(../images/icons_grey/1024/arrangedown.png) left center;
	background-size: 20px 20px;
	margin-left: 10px
}

.content .product_ttl {
	width: 100%;
	margin: 15px auto 0
}

.content .product_ttl .tag_style {
	padding: 3px 15px
}

.content .product_ttl h1 {
	color: #919195;
	font-size: 1.2em;
	margin-top: 10px;
	line-height: 1.5em
}

.content .product_ttl h2 {
	color: #EE87B4;
	font-size: 1.5em;
	margin-top: 10px;
	margin-bottom: 10px
}

.content .product_ttl h2 span {
	font-size: .6em;
	font-weight: 400
}

.content .product_ttl h2 .point {
	color: #f39099;
	font-weight: 700;
	font-size: .9em;
	padding-right: 20px
}

.content .product_ttl h2 .point:before {
	width: 40px;
	height: 40px;
	background: url(../images/icons_grey/1024/point.png) left center;
	background-size: 40px 40px;
	margin-right: 10px
}

.content .product_ttl h3 {
	font-weight: 400;
	font-size: 1.5em
}

.content .product_ttl h3 span {
	color: #a7a9ac;
	font-size: .6em
}

.content .product_button {
	width: 100%;
	margin: 0 auto 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.content .product_button li {
	border-right: 1px solid #eee;
	line-height: 1em;
	padding-bottom: 10000px;
	margin-bottom: -10000px
}

.content .product_button li:nth-last-child(2) {
	border-right: 0
}

.content .product_button .fav_but, .content .product_button .fav_but2 {
	margin-left: 10%;
	padding-top: 3px
}

.content .product_button .fav_but2 p {
	font-size: .9em;
	color: #a7a9ac;
	padding: 18px 8px 8px;
	content: " ";
	display: inline-block;
	width: 150px;
	height: 30px;
	vertical-align: middle;
	margin-top: -5px;
	margin-right: 5px
}

.content .product_button .fav_but p {
	font-size: .9em;
	color: #a7a9ac;
	padding: 11px 8px 8px
}

.content .product_button .button_style p:before, .content .product_button .fav_but p:before {
	content: " ";
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-top: -5px
}

.content .product_button .fav_but p:before {
	width: 30px;
	height: 30px;
	background: url(../images/icons_grey/1024/fav.png) left center;
	background-size: 30px 30px;
	margin-right: 5px
}

.content .product_button .fav_but p:hover:before {
	background: url(../images/icons_blue/1024/fav.png) left center;
	background-repeat: no-repeat;
	background-size: 30px 30px
}

.content .product_button .input-style {
	margin: 9px auto;
	padding: 6px
}

.content .product_button .button_style a {
	color: #fff
}

.content .product_button .button_style p {
	font-size: 1.1em;
	padding: 8px
}

.content .product_button .button_style p:before {
	width: 25px;
	height: 25px;
	background: url(../images/icons_white/1024/cart.png) left center;
	background-size: 25px 25px;
	margin-right: 10px
}

.content .ranking_but {
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #eee
}

.content .ranking_but h2 {
	font-size: 1.1em;
	border-bottom: 3px solid #fff;
	color: #a7a9ac;
	padding: 5px 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.content .ranking_but h2.active, .content .ranking_but h2:focus, .content .ranking_but h2:hover {
	border-bottom: 3px solid #EE87B4;
	color: #EE87B4
}

.content .table {
	border: 1px solid #eee
}

.content .table li {
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	line-height: 1em;
	padding-bottom: 10000px;
	margin-bottom: -10000px
}

.content .table li:first-child, .content .table li:nth-child(2) {
	border-top: 0
}

.content .table li:nth-child(2n) {
	border-right: 0
}

.content .table li h2, .content .table li p {
	margin: 8px;
	font-size: .8em;
	line-height: 1.5em
}

.content .table li h2 {
	color: #a7a9ac
}

.content .display-mobile {
	display: none;
	padding-bottom: 8px
}

.content .display-mobile .search-coll {
	margin-top: -5px;
	margin-bottom: 5px
}

.content .display-tablet {
	display: block
}

.content .ranking {
	margin: 0 auto 15px
}

.content .col-15 {
	width: 15%
}

.content .col-20 {
	width: 20%
}

.content .col-25 {
	width: 25%
}

.content .col-30 {
	width: 30%
}

.content .col-33 {
	width: 33.33%
}

.content .col-35 {
	width: 35%
}

.content .col-40 {
	width: 40%
}

.content .col-45 {
	width: 45%
}

.content .col-50 {
	width: 50%
}

.content .col-55 {
	width: 55%
}

.content .col-60 {
	width: 60%
}

.content .col-65 {
	width: 65%
}

.content .col-70 {
	width: 70%
}

.content .col-80 {
	width: 80%
}

.content .col-90 {
	width: 90%
}

.content .col-100 {
	width: 100%
}

.content .input-style {
	border: 0;
	box-shadow: none;
	font-size: .8em;
	line-height: 1.5em;
	padding: 8px 0 5px;
	width: 100%
}

.content .input-style:disabled {
	background: 0 0
}

.content input:focus, .content select:focus {
	outline: 0
}

.content input:-webkit-input-placeholder {
	color: #a7a9ac
}

.content input:-ms-input-placeholder {
	color: #a7a9ac
}

.content input:-moz-placeholder {
	color: #a7a9ac
}

.content .select-drop {
	background: url(../images/icons_blue/1024/down.png);
	background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	width: 100%;
	padding: 8px 0 5px;
	color: #919195;
	line-height: 1.5em
}

.content select {
	background: 0 0;
	font-size: .8em;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none
}

.pagination, nav {
	text-align: center;
	width: auto;
	margin: 0 auto 10px
}

nav {
	width: 100%;
	margin: 0 auto
}

.pagination li a {
	border-color: #ceebf0;
	background: #fff;
	color: #EE87B4
}

.pagination li a:hover {
	background: #4e6b70;
	color: #fff
}

.pagination li a.active {
	background: #ceebf0;
	color: #00b8ca
}

.pagination li a.disable {
	background: #eee;
	color: #00b8ca
}

.pagination li:first-child a {
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%
}

.pagination li:last-child a {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%
}

#marquee div {
	width: 100%;
	text-align: center;
	display: inline-block;
	white-space: nowrap;
	-moz-animation-duration: 20s;
	-moz-animation-name: marquee;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-duration: 20s;
	-webkit-animation-name: marquee;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-ms-animation-duration: 20s;
	-ms-animation-name: marquee;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-duration: 20s;
	-o-animation-name: marquee;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear
}

.searchplace::-webkit-input-placeholder {
	color: #000
}

.searchplace::-moz-placeholder {
	color: #000
}

.searchplace:-moz-placeholder {
	color: #000
}

.searchplace:-ms-input-placeholder {
	color: #000
}

.sp_msg {
	display: none
}

.pc_msg {
	display: block
}

.content .margin-content p.mb20 {
	margin-bottom: 20px
}

.bk_white {
	background: #fff
}

.bk_gray {
	background: #f0f0f0
}

.bk_blue {
	background: #cdf
}

.bk_blue1 {
	background: #E7F3FA
}

.bk_blue2 {
	background: #759AC9
}

.bk_blue3 {
	background: #50B5BE
}

.fw_white {
	color: #fff
}

.fw_black {
	color: #000
}


.sidebar {
	position: absolute
}

.sidebar .nav .open>a,
.sidebar .nav .open>a:hover {
	*background-color: transparent;
	background-color: #0a7d76;
}

.sidebar .nav .open>a:focus {
	*background-color: transparent;
	background-color: #0a7d76;
}

.sidebar #sidebar-wrapper,
.wrapper {
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.wrapper {
	padding-left: 0
}

.wrapper.toggled {
	padding-left: 300px
}

.wrapper.toggled #sidebar-wrapper {
	width: 300px
}

.wrapper.toggled .content.had_content {
	margin-right: -300px;
	position: absolute;
	padding-top: 60px
}

.wrapper.toggled header {
	margin-right: -300px;
	position: absolute
}

.sidebar #sidebar-wrapper {
	background: #fff;
	height: 100%;
	left: 220px;
	margin-left: -220px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 0;
	z-index: 2002
}

.p_breadcrumb::-webkit-scrollbar, .sidebar #sidebar-wrapper::-webkit-scrollbar {
	display: none
}

.sidebar #page-content-wrapper {
	padding-top: 60px;
	width: 100%
}

.sidebar .sidebar-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	top: 0;
	width: 300px
}


.sidebar .sidebar-nav li {
	display: inline-block;
	line-height: 20px;
	position: relative;
	padding-left:20px;
	width: 100%
}

.sidebar .sidebar-nav li.ttl {
	display: block;
	text-decoration: none;
	font-size: 16px;
	text-align: left;
	margin-left: -5px;
	padding-top: 10px;
	color: #759Ac9;
	font-weight: 700;
}


.sidebar .sidebar-nav li.bt_blue {
	border-top: 1px dotted #759AC9
}

.sidebar .sidebar-nav li.bt_white {
	border-top: 1px dotted #fff
}

.sidebar .sidebar-nav li a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	text-align: left
}

.sidebar .sidebar-nav .dropdown-menu {
	background-color: #222;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%
}

.sidebar .sidebar-nav li a:active {
	*background-color: transparent;
	background-color: #0a7d76;
	color: #fff;
	text-decoration: none;
}
.sidebar .sidebar-nav li a:focus {
	*background-color: transparent;
	background-color: #0a7d76;
	color: #fff;
	text-decoration: none;
}
.sidebar .sidebar-nav li a:hover {
	*background-color: transparent;
	background-color: #0a7d76;
	color: #fff;
	text-decoration: none;
}

.sidebar .sidebar-nav li.open a:active {
	*background-color: transparent;
	background-color: #0a7d76;
	color: #fff;
	text-decoration: none;
}
.sidebar .sidebar-nav li.open a:focus {
	*background-color: transparent;
	background-color: #0a7d76;
	color: #fff;
	text-decoration: none;
}
.sidebar .sidebar-nav li.open a:hover {
	*background-color: transparent;
	background-color: #0a7d76;
	color: #fff;
	text-decoration: none;
}

.sidebar .sidebar-nav>.sidebar-brand {
	font-size: 20px;
	height: 65px;
	line-height: 44px
}

.sidebar .hamburger {
	background: 0 0;
	border: 0;
	display: block;
	height: 30px;
	margin-left: 15px;
	position: fixed;
	top: 15px;
	width: 20px;
	z-index: 3000
}

.wrapper.top .sidebar .hamburger {
	top: 60px
}

.sidebar .hamburger:hover {
	outline: 0
}

.sidebar .hamburger:focus {
	outline: 0
}

.sidebar .hamburger:active {
	outline: 0
}

.sidebar .hamburger.is-closed:before,
.sidebar .hamburger.is-open:before {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: all .35s ease-in-out;
	color: #fff;
	content: '';
	display: block;
	font-size: 14px;
	line-height: 32px;
	opacity: 0;
	text-align: center;
	width: 100px
}

.sidebar .hamburger.is-closed:hover before,
	-webkit-transform: translate3d(-100px, 0, 0);
	-webkit-transition: all .35s ease-in-out;
	display: block;
	opacity: 1
}

.sidebar .hamburger.is-open:hover before {
	-webkit-transform: translate3d(-100px, 0, 0);
	-webkit-transition: all .35s ease-in-out;
	display: block;
	opacity: 1
}

.sidebar .hamburger.is-closed:hover .hamb-bottom,
	-webkit-transition: all .35s ease-in-out
}

.sidebar .hamburger.is-closed:hover .hamb-top {
	-webkit-transition: all .35s ease-in-out
}

.sidebar .hamburger.is-closed .hamb-top {
	-webkit-transition: all .35s ease-in-out;
	background-color: rgba(149, 149, 149, .7);
	top: 5px
}

.sidebar .hamburger.is-closed .hamb-middle {
	background-color: rgba(149, 149, 149, .7);
	margin-top: -2px;
	top: 50%
}

.sidebar .hamburger.is-closed .hamb-bottom {
	-webkit-transition: all .35s ease-in-out;
	background-color: rgba(149, 149, 149, .7);
	bottom: 5px
}

.sidebar .hamburger.is-closed .hamb-bottom,
.sidebar .hamburger.is-closed .hamb-middle,
.sidebar .hamburger.is-closed .hamb-top,
.sidebar .hamburger.is-open .hamb-bottom,
.sidebar .hamburger.is-open .hamb-middle,
.sidebar .hamburger.is-open .hamb-top {
	height: 4px;
	left: 0;
	position: absolute;
	width: 100%
}

.sidebar .hamburger.is-open .hamb-top {
	-webkit-transform: rotate(45deg);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	background-color: #EE87B4;
	margin-top: -2px;
	top: 50%
}

.sidebar .hamburger.is-open .hamb-middle {
	background-color: #EE87B4;
	display: none
}

.sidebar .hamburger.is-open .hamb-bottom {
	-webkit-transform: rotate(-45deg);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	background-color: #EE87B4;
	margin-top: -2px;
	top: 50%
}

.sidebar .overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .4);
	z-index: 2001
}

.yp_wrapper {
	text-align: center;
	margin-top: 1em
}

button.yp_btn,
button.yp_btn_gray {
	font-size: 1em;
	min-width: 60%;
	padding: 10px 30px;
	color: #fff;
	background-color: #EE87B4;
	border-style: none;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px
}

button.yp_btn_gray {
	color: #fff;
	background-color: #919195
}

.content .margin-content .product-list .product_image {
	position: relative;
	font-size: 1em
}

.content .margin-content .product-list .product_image .ribbon_new {
	position: absolute;
	color: #fa4d56;
	font-weight: 400;
	font-size: .8em;
	top: 5px;
	left: 5px;
	margin: 0;
	background-color: rgba(255, 255, 255, .7)
}

.content .margin-content .product-list .product_image .ribbon_camp {
	position: absolute;
	top: 3%;
	width: 100%;
	box-sizing: border-box
}

.content .margin-content .product-list .product_image .ribbon_camp h3 {
	margin: 1px;
	height: 14px;
	font-size: .5em;
	font-weight: 600;
	text-align: center;
	color: #EE87B4;
	white-space: nowrap
}


.content .margin-content .product-list .product_image .ribbon_camp_old .ribbon_camp_dash_old {
	margin: 2px;
	height: 16px;
	border-top: dashed 2px rgba(255, 255, 255, .5);
	border-bottom: dashed 2px rgba(255, 255, 255, .5)
}

.content .margin-content .product-list .product_image .ribbon_camp_old:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	z-index: 1

	top: 0;
	left: 0;
	border-width: 10px 0 10px 5px
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 1em 0 1em .5em
}
.content .margin-content .product-list .product_image .ribbon_camp_old:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	z-index: 1

	top: 0;
	right: 0;
	border-width: 10px 5px 10px 0;
	border-color: transparent #fff transparent transparent;
	border-style: solid
}

.content .margin-content .product-list .product_image .detail_mid_cap {
	z-index: 1;
	position: absolute;
	color: #fa4d56;
	font-weight: 400;
	font-size: 2em;
	top: 40%;
	width: 100%
}

.content .margin-content .product-list .product_image .detail_mid_cap .detail_mid_cap_txt {
	color: #fa4d56;
	text-align: center;
	background-color: rgba(255, 255, 255, .7)
}

.content .margin-content .product-list .product_image .detail_btm_cap {
	z-index: 1;
	position: absolute;
	bottom: 10px;
	left: 5%;
	width: 90%;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #93C4C7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.content .margin-content .product-list .product_image .detail_btm_cap .detail_btm_cap_txt1 {
	color: #fff;
	font-size: .6em;
	font-weight: 400;
	line-height: 1em;
	text-align: center;
	margin: 0
}

.content .margin-content .product-list .product_image .detail_btm_cap .detail_btm_cap_txt2 {
	color: #fff;
	font-size: .8em;
	font-weight: 700;
	line-height: 1.2em;
	text-align: center;
	margin: 0
}

.content .detailpart .detailleftpart {
	position: relative
}

.content .detailpart .detailleftpart .ribbon_camp {
	position: absolute;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	font-size: 1em;
	text-align: center;
	padding: .3em 0
}


.content .detailpart .detailleftpart .ribbon_camp h3 {
	margin: 0;
	font-size: .8em;
	font-weight: 700;
	color: #EE87B4
}


.content .detailpart .detailleftpart .ribbon_camp_old {
	position: absolute;
	top: 3%;
	background: #fa4d56;
	box-sizing: border-box;
	display: inline-block;
	width: 90%;
	left: 5%;
	font-size: 1em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	padding: .3em 0
}

.content .detailpart .detailleftpart .ribbon_camp_old:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	z-index: 1

	top: 0;
	left: 0;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 1em 0 1em .5em
}

.content .detailpart .detailleftpart .ribbon_camp_old:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	z-index: 1

	top: 0;
	right: 0;
	border-width: 1em .5em 1em 0;
	border-color: transparent #fff transparent transparent;
	border-style: solid
}


.content .detailpart .detailleftpart .ribbon_camp_old .ribbon_camp_dash_old {
	border-top: dashed 2px rgba(255, 255, 255, .5);
	border-bottom: dashed 2px rgba(255, 255, 255, .5)
}



.content .detailpart .detailleftpart .detail_mid_cap {
	z-index: 1;
	position: absolute;
	color: #fa4d56;
	font-weight: 400;
	font-size: 4em;
	top: 40%;
	width: 100%
}

.content .detailpart .detailleftpart .detail_mid_cap .detail_mid_cap_txt {
	color: #fa4d56;
	text-align: center;
	background-color: rgba(255, 255, 255, .7)
}

.content .detailpart .detailleftpart .detail_mid_cap .detail_mid_cap_txt2 {
	color: #5d5d5d;
	text-align: center;
	background-color: rgba(255, 255, 255, .7);


	text-shadow:1px 1px 0 #FFF,
				-1px -1px 0 #FFF,
				-1px 1px 0 #FFF,
				1px -1px 0 #FFF,
				0px 1px 0 #FFF,
				0-1px 0 #FFF,
				-1px 0 0 #FFF,
				1px 0 0 #FFF;
}

.content .detailpart .detailleftpart .detail_btm_cap {
	z-index: 1;
	position: absolute;
	bottom: 10px;
	left: 5%;
	width: 90%;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #93C4C7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.content .detailpart .detailleftpart .detail_btm_cap .detail_btm_cap_txt1 {
	color: #fff;
	font-size: .6em;
	font-weight: 400;
	line-height: 1em;
	text-align: center;
	margin: 0
}

.content .detailpart .detailleftpart .detail_btm_cap .detail_btm_cap_txt2 {
	color: #fff;
	font-size: .8em;
	font-weight: 700;
	line-height: 1.2em;
	text-align: center;
	margin: 0
}

.p_breadcrumb {
	padding: 8px 15px;
	overflow-x: scroll;
	word-break: keep-all;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.p_breadcrumb ul {
	display: flex;
	line-height: 2em
}

.p_breadcrumb li::before {
	content: "\00a0 » "
}

.p_breadcrumb li:first-child::before {
	content: ""
}

.content .sort_parent {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin: 15px auto
}

.content .sort_child1 {
	margin-right: auto
}

.content .sort_child2 {
	padding-right: 10px
}

.content .sort_parent h3 {
	font-size: .8em;
	padding-top: 7px
}

.content .sort_parent .sun {
	font-size: .7em;
	padding-top: 3px;
	color: #a7a9ac;
	font-weight: 400
}

.content .sort_parent .sun.active, .content .sort_parent .sun:focus, .content .sort_parent .sun:hover {
	color: #f39099
}

.content .sort_parent .sun.active:after, .content .sort_parent .sun:focus:after, .content .sort_parent .sun:hover:after {
	background: url(../images/arrangedown_red.png) left center;
	background-repeat: no-repeat;
	background-size: 20px 20px
}

.content .sort_parent .sun:after {
	display: inline-block;
	vertical-align: middle;
	content: " "
}

.content .sort_parent .sun:after {
	width: 20px;
	height: 20px;
	background: url(../images/icons_grey/1024/arrangedown.png) left center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	margin-left: 10px
}


.detailpart, .part {
	margin: 35px auto
}

.part {
	width: 100%
}

.part .leftpart {
	float: left;
	width: 20%
}

.part .rightpart {
	float: left;
	width: 80%
}

.detailpart {
	width: 95%
}

.detailleftpart {
	float: left;
	width: 30%;
	margin: 0 5%
}

.content .select-drop {
	-webkit-box-shadow: none
}

.content .product_button .fav_but2 table, .detailrightpart .margin-content {
	width: 100%
}

.detailrightpart {
	float: left;
	width: 55%
}

.detail .attList .attTxt .attTitle {
	display: block;
	width: 100%;
	font-weight: 700;
	color: #4fb6c8;
	margin-bottom: 5px
}

.detail h1, h2, h3, h4, h5, p, span {
	margin: 0;
	padding: 0;
	line-height: 1em
}

.rim {
	border: 1px solid #ccc;
	padding: 40px 10px 15px;
	position: relative;
}

.content .margin-content .rim .sub_title {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	position: absolute;
	left: 8px;
	top: -17px;
	display: block;
	background-color: #fff;
	width: 94%;
}

.top_btn {
	width: 30px;
	margin-top: 4px
}

header.had_sidebar ul.main_header li.logo {
	padding-left: 60px
}

header.had_sidebar ul.header_2 li.icons_link {
	padding-left: 60px;
	width: 103px
}

header.had_sidebar ul.header_2 li.ttl {
	width: 82%
}


.modal
{
	text-align:center;
}

.modal-dialog
{
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}

.modal-content
{
	min-width:280px;
	background: #fff; 

	border: 5px dotted #31A9EE;
	border-radius:15px;
	box-shadow : 0 0 0 4px #fff;   /* 影を利用した外余白   */
}


.modal-content .modal-body p
{
	color:#000;
	font-size:0.8em;
}

.modal-content .modal-body p.one-line
{
	vertical-align:middle;
	text-align:center;
	padding:20px 0;
}

.modal-content .modal-footer
{
	border-top:none;
	padding:10px;
}

.modal-content .modal-footer p
{
	margin:10px;
}

.modal-content .modal-footer .content .col-50,.content .col-50
{
	width:50%;
}

.modal:before
{
	display:inline-block;
	vertical-align:middle;
	content:" ";
	height:100%;
}