@charset "utf-8";
a:hover {
  text-decoration: none
}

.sp_only {
  display: none
}

.sp_only_link {
  pointer-events: none
}

.clearfix {
  zoom: 1
}

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

.fright {
  float: right
}

img.fright {
  margin-left: 16px
}

.fleft {
  float: left
}

img.fleft {
  margin-right: 16px
}

.img_change {
  display: block;
  overflow: hidden;
  height: 0;
  background-repeat: no-repeat
}

#header_wrap {
  background-image: url("../img/bg_header_title.gif");
  background-repeat: repeat-x
}

#header_wrap #header {
  width: 1000px;
  margin: auto;
  position: relative;
  zoom: 1;
  padding-bottom: 8px
}

#header_wrap #header:after {
  content: "";
  display: block;
  clear: both
}

#header_wrap #header h1 {
  width: 720px
}

#header_wrap #header>.pc_only {
  position: absolute;
  right: 0;
  top: -2px
}

#header_wrap #header>.pc_only li {
  display: inline;
  font-size: 12px;
  font-size: 1.2rem
}

#header_wrap #header>.pc_only li:before {
  content: "｜"
}

#header_wrap #header>.pc_only li:first-child:before {
  content: none
}

#header_wrap #header #header_content {
  margin-top: 12px
}

#header_wrap #header .logo_wrap {
  width: 230px;
  float: left
}

#header_wrap #header .address_wrap, #header_wrap #header .nav_wrap {
  float: right
}

#header_wrap #header .address_wrap {
  width: 770px
}

#header_wrap #header .nav_wrap {
  width: 760px
}

#header_wrap #header .address_wrap>p {
  float: left;
  overflow: hidden
}

#header_wrap #header .address_wrap>p:last-child {
  float: right
}

#header_wrap #header .address_wrap .souryoumuryou {
  padding: 12px 16px;
  margin-right: 8px;
  font-size: 90%;
  background-color: #4c2f3f;
  color: #fff
}

#header_wrap #header .address_wrap .souryoumuryou img {
  width: 32px;
  float: left;
  margin-right: 8px
}

#header_wrap #header .address_wrap .souryoumuryou span {
  float: left
}

#header_wrap #header .address_wrap .payment_icons {
  margin-top: -18px
}

#header_wrap #header .address_wrap .payment_icons img {
  border: 8px solid #fff;
  border-bottom: none;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0
}

#header_wrap #header .address_wrap .time {
  width: 288px;
  font-size: 12px;
  font-size: 1.2rem
}

#header_wrap #header .address_wrap .time img {
  margin-bottom: 4px
}

#header_wrap #header .nav_wrap {
  margin-top: 8px
}

#header_wrap #header .nav_wrap .nav {
  text-align: center
}

#header_wrap #header .nav_wrap .nav li {
  float: left;
  border-right: #c6a1a0 dashed 2px
}

#header_wrap #header .nav_wrap .nav li:first-child {
  border-left: #c6a1a0 dashed 2px
}

#header_wrap #header .nav_wrap .nav li a {
  padding: 8px 21px;
  display: block;
  text-decoration: none
}

#header_wrap #header .nav_wrap .nav li a:hover {
  background-color: #f0e6e6
}

#header_wrap #header .nav_wrap .buttons {
  float: right;
  font-size: 11px;
  font-size: 1.1rem;
  position: relative;
  top: -4px
}

#header_wrap #header .nav_wrap .buttons li {
  float: left;
  margin-left: 12px
}

#header_wrap #header .nav_wrap .buttons li a:hover {
  opacity: 0.8
}

#header_wrap #header .nav_wrap .buttons li span {
  width: 26px;
  margin-right: 8px;
  float: left
}

#header_wrap #header .nav_wrap .buttons .button_lavender {
  line-height: 1.4
}

#header_wrap #header .nav_wrap .buttons .button_purple {
  line-height: 2.8
}

#foot_wrap {
  padding-top: 16px;
}

#foot_wrap #foot_content {
  width: 1000px;
  margin: auto;
  position: relative;
  zoom: 1;
}

#foot_wrap #foot_content:after {
  content: "";
  display: block;
  clear: both
}

#foot_wrap #foot_content>div {
  overflow: hidden
}
#foot_address{
  margin: 10px 0 10px 220px;
}
#foot_wrap #foot_content #foot_address .logo_wrap {
  width: 172px;
  margin-right: 32px;
  float: left;
}

#foot_wrap #foot_content #foot_address .time {
  float: left;
  width: 320px;
  margin-top: 10px;
  font-size: 13px;
  font-size: 1.3rem
}

#foot_wrap #foot_content #shopping_guide {
  margin: 16px 0;
  border-top: #dcb3b1 solid 1px;
  border-bottom: #dcb3b1 solid 1px
}

#foot_wrap #foot_content #shopping_guide>div {
  float: left;
  width: 33.3%;
  padding: 16px 16px 0
}

#foot_wrap #foot_content #shopping_guide p {
  margin-bottom: 16px;
  font-size: 12px;
  font-size: 1.2rem
}

#foot_wrap #foot_content #shopping_guide h2 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 8px;
  padding-left: 8px;
  line-height: 1.4;
  border-left: #dcb3b1 solid 8px
}

#foot_wrap #foot_content #shopping_guide h3 {
  font-size: 16px;
  font-size: 1.6rem
}

#foot_wrap #foot_content #foot_nav {
margin-left:200px;
margin-bottom:50px;
  overflow: hidden
}

#foot_wrap #foot_content #foot_nav ul {
  float: left;
  margin-left: 24px
}

#foot_wrap #foot_content #foot_nav ul li a {
  display: block
}

#foot_wrap #foot_content #foot_nav ul li a:before {
  content: ">"
}

#foot_wrap #foot_content #copyright {
  padding-bottom: 4px;
  margin-top: 16px;
  text-align: center;
  border-top: #dcb3b1 dashed 1px
}
#content_wrap {
  width: 1200px;
  margin: auto;
  position: relative;
  zoom: 1;
  margin-top: 0px;
  margin-bottom: 40px;
  padding: 0px;
  background: #fff
}

#content_wrap:after {
  content: "";
  display: block;
  clear: both
}

#content_wrap #main_content {
  width: 1200px;
  float: left
}

#content_wrap #sub_content {
  width: 230px;
  float: right
}
/*
#content_wrap a:hover {
  opacity: 0.8
}
*/
#sub_content .item_nav a:hover {
  background-color: #f2ecce;
  opacity: 1
}

#sub_content .item_nav a:hover span {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

#index_kanpou_guide {
  background: url("../imgs/index_bg_baby.png") right 56px no-repeat
}

#index_kanpou_guide .bg_baby {
  padding-right: 280px
}

#index_greeting {
  font-size: 14px;
  font-size: 1.4rem
}

#index_greeting .clearfix {
  margin-top: 1em
}

#index_greeting .fleft {
  width: 218px
}

#index_greeting .fleft img {
  margin-bottom: 1em
}

#index_greeting .fright {
  width: 382px
}

#beginner_guide_nav .fleft, #beginner_guide_nav .fright {
  width: 48%
}

#soudan_nav li a>img {
  width: 200px
}

#access_guide .clearfix>div {
  width: 49%
}

.item_detail_wrap .fleft {
  width: 300px
}

.item_detail_wrap .fright {
  width: 320px
}

.item_detail_wrap .fright>p:first-child {
  margin-top: 0 !important
}
.douga{
  width: 100%:
  top:20;
  padding:70px;
  background-color: #faf6f3;
}
.order-box {
    position: relative;
}
.order-button {
    width: 800px;
    display: flex;
    display:-webkit-box;
    display:-ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 81%;
    left: 16%;
}
.order-button2 {
    width: 800px;
    font-size:15px;
    display: flex;
    display:-webkit-box;
    display:-ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 93%;
    left: 16%;
}
.floating {
	position: fixed;
	width:1000px;
	left: 50%;
	bottom: 0;
	margin-left: -500px;
	z-index: 3;
	display: none;
}
.floating a {
	display: block;
	text-decoration: none;
	opacity: 0.8;
}
.floating a:hover {
	opacity: 1;
}
.tujo_body{
margin-left: 270px;
}
.top_button{
margin: 15px 0px;
}
.mes1{
font-size: 14px;
color: red;
font-weight: bold;
text-align :center;
}