/* ************************************************
 *     共通設定　2019.01.16
 * ************************************************ */
* {
     margin: 0px;
     padding: 0px;
}

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

nav ul {
  list-style: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
     color: #000000;
     font: 400 14px "Gotham", "游ゴシック Medium", "Yu Gothic Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", meiryo, sans-serif;
 
     line-height: 1.6em;
     background-color:#ffffff;
     text-align:left;
}

td,p,th,div,textarea,input {
     font: 400 14px "Gotham", "游ゴシック Medium", "Yu Gothic Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", meiryo, sans-serif;
     color: #333;
     line-height:1.8em;
}

br.clear {
     clear: both;
     font: 0pt/0pt sans-serif;
}

img {
     border: 0px;
     border-style:none;
}

.space {
     padding-top:5px ;
     padding-bottom:5px ;
}

.clear { clear:both; }

a:link,a:visited { color: #000;text-decoration: none; }
a:hover,a:active { color: #696969;text-decoration: none; }
a.dkred:link,a.dkred:visited,a.dkred:hover,a.dkred:active  {
  color:#dc143c; text-decoration: none;}

/* ************************************************
 *    レイアウト
 * ************************************************ */
#wrap {
     width:1024px;
     margin:0 auto;
     background-color: #ffffff;
}

/*******　フリースペース　*******/
#free-space {
     text-align:center;
     margin:20px auto;
}

/********* 　コンテナ　*********/
/*ページ全体の幅、レイアウトをセンタリング*/

#container {
     width: 960px;
     margin:0 auto;
     background-color:#fff;
     }

#main {
     width:960px;
     margin:0 auto;
}

/*　中央の幅　*/
.main {
    width:960px;
    margin:0 auto;
}
.contents {
    width:900px;
    margin:0 auto;
}

/* ***********************************************************
 *    共通デザイン設定（強調文字／タイトル文字等）
 * ********************************************************* */
.peach-b {
     color:#be8f68;
     font-weight:400;
}

.dkred {
     color:#dc143c;
}

.dkred-b {
     color:dc143c;
     font-weight:400;
}

.dkbrown {
     color:#584a3f;
}

.mango {
     color:#dd4a2c;
}

.outline-mg {
     border:1px solid #f0afa2;
     padding:10px;
}

.outline-br {
     border:1px solid #dcdcdc;
     padding:10px;
}

img {
     border-style:none;
}

a:hover img {
     filter: alpha(opacity=60);
     opacity: 0.6;
}

h1 {
  color:#000;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-weight: 400;
  font-size: 25px;
  letter-spacing: 0.08em;
  margin: 0 10px 10px 0;
  position: relative;
  padding: .25em 0 .5em .75em;
  text-align: center;
}

h2 {
  color:#000;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.08em;
  margin: 0 10px 10px 0;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #ccc;
  border-bottom: 1px solid #ccc;
}

h3 {
  color:#000;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.08em;
  margin: 0 10px 10px 0;
}

h4 {
  color:#000;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.08em;
  margin: 0 10px 10px 0;
}

.hd-bg-b {
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-weight: 400;
  font-size: 14px;
  color:#584a3f;
  margin: 8px 0px ;
  padding: 2px 0px;
  border-bottom:1px  solid #999;
}

.list_decimal_hd li{
     list-style-type : decimal;
     font-size:14px;
     font-family:'Gotham';
     color:#584a3f;
     margin: 5px 10px ;
     padding: 2px 2px;
}

.list_decimal {
     list-style-type : decimal;
     margin: 5px 10px ;
     padding: 2px 2px;
}
    
.list_sq {
     list-style-type:square;
     margin: 5px 10px ;
     padding: 2px 2px;
}

hr.w700 {
    border: 0;
    height: 1px;
    width:960;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

table.guide_icon td{
     width:70px;
     height:70px;
     margin:10px;
     background-color:#dcdcdc;
     padding:5px;
     text-align:center;
     vertical-align:center;
     font-size:smaller;
     border:none;
}

/* --------------------------------------
　お気に入り
--------------------------------------- */

#favorite{
     margin-right: 10px;
     margin-left: 10px;  
     width: 960px;
}


#favorite .list-wrap {
    float: left;
    text-align: left;
    width: 200px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 15px;
}

#favorite .list {
    font-size: 10px;
    margin: 4px;
    text-align: left;
}

#favorite img {
     width:200px;
     border: 1px solid #999;
     background-color:#fff;
     padding:3px;
     margin-bottom:5px;
}

/*******  特商法ページ　*******/
table.tokushouhou th{
     width:200px;
     padding:10px;
     text-align:left;
     color:#584a3f;
     margin-left:30px;
       margin-right:30px;  
     border-bottom:dotted 1px #999;
     vertical-align:top;
}

table.tokushouhou td{
     padding:10px;
     text-align:left;
     margin-left:auto;
       margin-right:auto;  
     border-bottom:dotted 1px #999;
}
   
div.frame {
     width:960px;
     padding:10px;
     margin-top:20px;
     margin: 0 auto;
     overflow:hidden;
}

/*******  商品一覧・検索結果一覧ページ　2019.01.25　*******/
/* ページ送り */

.page {     
     float:left;
     padding:0;
     color:#696969;
}

/* ソート順 */
.sort {
     float:right;
     padding:0;
     color:#696969;
}

.product_list {
    float:left; 
    width: 200px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 15px;
}

.product_img {
     width:200px;
     padding: 4px;
     border:1px solid #584a3f;
     margin-bottom: 5px;
}

/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01 {
     padding:0;
     margin:20px 0 20px 0;
}

.cg_freespace_02 {
     padding:0;
     margin:20px 0 20px 0;
}

/* カテゴリ・グループのフリースペース内の<p>タグの余白設定 */
.cg_freespace_01 p,
.cg_freespace_02 p {
     margin:0 0 10px 0;
}

/* カテゴリ・グループのフリースペース内の<ul>タグの余白設定 */

.cg_freespace_01 ul,
.cg_freespace_02 ul {
     margin:0 0 10px 20px;
     padding:0;
}

/*******  デザイナー紹介ページ　2015.03.06　******

#designer-box {
          width : 700px;
}

#logo-box {   
          float: left;
          width: 250px;
}

#profile-box {
          float: right;
          width: 450px;
}

#message-box {
          clear: both;
          width: 700px;
}

***/
/*******　ギフトラッピング　*******/

img.fr {
     margin-top:20px;
     padding:4px;
     border:1px solid #584a3f;
}

.privacy {
     width:650px;
     margin: 0 auto;
     text-align:left;
}


/* -------------------------------------
*     お問い合わせページボタン 17.08.23
* ------------------------------------- */
.square_btn{
    position: relative;
    display: inline-block;
    font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
    font-weight: 400;
    font-size:1.2em;
    padding: 2em 4em;
    text-decoration: none;
    color: #999;
    background: #ECECEC;
    transition: .4s;
  }

.square_btn:hover {
    background: #eae3d8;
    color: white;
}

/* -------------------------------------
*     ヘッダーデザイン変更 19.01.18
* ------------------------------------- */
nav ul {
  list-style: none; }

#header {
  position: relative;
  left: 50%;
  z-index: 10;
  width: 100vw;
  min-width: 1024px;
  color:#e8ecef;
  background:#fdeff2; /* 薄桜 */
  margin-bottom:10px;
  font-size:16px;
/*  border-bottom: 1px solid #9fa09e; */
  transform: translateX(-50%); 
}

#info {
    padding: 5px 40px;
    font-size: 11px;
    border-bottom: 1px solid #d1bada; }

#info p {
      padding: 1px 0 0 25px;
      background: url(https://img20.shop-pro.jp/PA01248/872/etc/icon-info-b.png?cmsp_timestamp=20190118225612) no-repeat left;
      background-size: 16px; }

.header-inner {
    position: relative;
    height: 80px;
    padding: 0 45px; }

#gnav {
      float: left;
      padding-top: 20px; }

.gnav-list {
  *zoom: 1;
  list-style-type: none;
  font-size:16px;
}
.gnav-list:before, .gnav-list:after{
  content: "";
  display: table;
}
.gnav-list:after{
  clear: both;
}

.gnav-list > li {
        display: inline-block;
        position: relative; 
        float: left;
        margin: 0;
        padding: 0;
        text-align: center;
        font-size:16px;
}

/* マウスオーバー時のアンダーライン */
.gnav-list > li > a {
    	  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  		  color: #2b2b2b; /*黒*/
          position: relative;
          display: block;
          margin: 0 10px;
          padding: 10px 0; }

.gnav-list > li > a:after {
            position: absolute;
            bottom: 5px;
            left: 0;
            content: '';
            width: 100%;
            height: 1px;
            background: #fef4f4; /* 桜色 */
            transform: scale(0, 1);
            transform-origin: right top;
            transition: transform 0.5s; }

.gnav-list > li > a:hover:after {
            transform-origin: left top;
            transform: scale(1, 1); }

/* ドロップダウンリストの動き */
.gnav-list > li ul {
          position: absolute;
          visibility: hidden;
          top: 100%;
          left: 10px;
          z-index: 9999;
          width: 200px;
          padding: 10px 0;
          font-size: 14px;
      	  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
          background: #fbfaf5; /* 生成色 */
          opacity: 0;
          transition: .2s ease-in-out; }

.gnav-list > li ul li a {
            display: block;
            padding: 5px 15px;
  		    color: #2b2b2b; /*黒*/
            opacity: 1;
            -webkit-transition: opacity 0.2s ease;
            transition: opacity 0.2s ease; }

.gnav-list > li ul li a:hover {
              opacity: 0.35;
              -webkit-transition: opacity 0.2s ease;
              transition: opacity 0.2s ease; }

.gnav-list > li:hover > ul {
          visibility: visible;
          opacity: 1; }

#logo {
    position: absolute;
    left: 50%;
    top:  5px;
    margin-left: -160px; }

#logo a {
      display: block;
      width: 282px;
        height:80px;
      background: url(https://img21.shop-pro.jp/PA01427/436/etc/SonrisaBaby-logo-gray.png) no-repeat;
      background-size: 282px;
      opacity: 1;
      -webkit-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease; }

#logo a:hover {
        opacity: 0.7;
        -webkit-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease; }

#logo a span {
        display: none; }

#shop-nav {
    float: right; 
    padding-top: 20px; }

#shop-nav li {
      display: inline-block;
      vertical-align: middle; }

#shop-nav li a {
        display: block;
        padding: 10px 0; }

.mypage {
        margin-right: 10px; }

.mypage a {
          position: relative;
          font-size: 14px;
          font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
          display: inline-block; }

.mypage a:after {
            position: absolute;
            bottom: 5px;
            left: 0;
            content: '';
            width: 100%;
            height: 1px;
            background: #28282c;
            transform: scale(0, 1);
            transform-origin: right top;
            transition: transform 0.3s; }

.mypage a:hover:after {
            transform-origin: left top;
            transform: scale(1, 1); }

.cart {
        margin-left: 10px; }

.cart a {
          width: 26px;
          height: 23px;
          background: url(https://img20.shop-pro.jp/PA01248/872/etc/icon-cart-b.png?cmsp_timestamp=20190118201112) no-repeat;
          background-size: 26px;
          opacity: 1;
          -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2 ease; }

.cart a:hover {
            opacity: 0.7;
            -webkit-transition: opacity 0.2s ease;
            transition: opacity 0.2s ease; }

.cart a span {
            display: none; }

/*　検索フォーム　*/
dl.search{
    position:relative;
    background-color:transparent;
    border:none;
}

dl.search dt{
    margin-right:30px;
    padding-left:5px;
}
dl.search dt input{
    width:30px;
    height:30px;
    line-height:24px;
    background:none;
    border:none;
}

dl.search dd{
    position:absolute;
    top:0;
    right:0;
}

dl.search dd button{
    display:block;
    padding:0px;
    background:none;
    border:none;
}

dl.search dd button span{
    display:block;
    width:30px;
    height:30px;
    background:url('https://img20.shop-pro.jp/PA01248/872/etc/Search16.png?cmsp_timestamp=20170829151015') no-repeat scroll 0 0;
}

/* 姉妹店のルビ　*/
rt {
          font-size:11px; 
          padding:5px;
}

/*******　フッター　*******/
#footer {
     width:100%;
     height:350px;
     background:#fdeff2; /* 薄桜 */
     padding-top:20px;
}

#footer a:link { color: #362F2D; }    /* 未訪問のリンク */
#footer a:visited { color: #362F2D; } /* 訪問済みのリンク */
#footer a:hover { color: #362F2D; }   /* ポイント時のリンク */
#footer a:active { color:#362F2D; }  /* 選択中のリンク */

/* footerの２段組構造 */
#users_guide_left {
  width: 320px;
  margin-top:5px;
  margin-left:20px;
  font-size:12px;
  float: left; 
}

#users_guide_right {
  width: 300px;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  font-size:12px;
  float: right; }

.child_page_list {
  padding-left: 12px;
  margin-bottom: 5px; }

.child_page_link {
  list-style-type:none;}