@charset "EUC-JP";
/* CSS Document */

/* ______________________css reset____________________*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,F
h4,fm
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul,
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clr {
  clear: both;
  line-height: 0px;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  height: 0px;
  border: 0px;
}

div:after {
 /* content: ".";*/
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
div {
  zoom: 100%;
}

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

body {
  color: #333333;
  font-size: 14px;
  font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
  line-height: 1.8em;
  background-color: #ffffff;
  text-align: center;
  overflow-x: hidden;
}

a {
  color: #008c48;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:hover img {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

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

img {
  border: 0px;
}

.clr {
  clear: both;
}

strong {
  font-weight: bold;
}


.list_wrapper{
  text-align:center;
  display:inline-block;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
  margin: 0px auto;
  width: 980px;
  text-align: left;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
  width: 980px;
  height: 85px;
  margin: 0px auto;
  position: relative;
  text-align: left;
}

.header h1 {
  position: absolute;
  top: 3px;
  left: 20px;
  color: #999999;
  font-size: 10px;
  font-weight: normal;
}

.header #logo {
  margin: 0px auto;
  position: absolute;
  top: 36px;
  left: 10px;
}

#logo img {
  width:250px;
  height:35px;
}

.header #cart_header {
  position: absolute;
  top: 0px;
  right: 15px;
}
.header #cart_header span {
  float: right;
  width: 47px;
  height: 30px;
  display: inline-block;
  background: url(https://img07.shop-pro.jp/PA01385/214/etc_base64/Y2FydF90b3RhbF8x.png?cmsp_timestamp=20240214170155)
    no-repeat;
  padding-left: 8px;
  text-align: center;
  line-height: 2.2em;
}
.header #account {
  position: absolute;
  top: 40px;
  right: 158px;
}
.header #membership {
  position: absolute;
  top: 40px;
  right: 65px;
}

#menu {
  width: 100%;
  border-top: 1px solid #cccccc;
  border-bottom: 2px solid #344a78;
  margin-bottom: 15px;
}

#menu ul {
  width: 981px;
  margin: 0px auto;
  display: block;
}

#menu ul li {
  float: left;
  line-height: 0;
  overflow-y: hidden;
}
#menu ul li a {
  display: block;
  border-right: 1px solid #cccccc;
  padding: 0px 10px;
  margin: 7px 0px;
}

#menu ul li#m_top a {
  display: block;
  border-left: 1px solid #cccccc;
}

/* トップメニュー */
.top_menu_container {
  margin-top: 120px;
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
  gap: 35px;
}

.top_menu_title p,
h2 {
  color: #344a78;
}

.top_menu_title h2 {
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
}

.top_menu_title p {
  width: 210px;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  text-align: center;
  border-bottom: 1px solid #344a78;
}

form {
  display: inline-block;
  text-align: left;
  margin: 0 auto;
}

.login {
  display: inline-block;
  text-align: left;
  margin: 0 auto;
}

.login a {
  color: #344a78;
  line-height: 3;
}

.login_first {
  padding-top: 5px;
}

/* 挨拶 */

.introduce_title h1 {
  font-size: 28px;
  font-weight: 600;
  font-family: "MS PGothic";
  letter-spacing: -1.3;
  line-height: 24px;
  color: #344a78;
  margin: 35px 0;
}

.introduce_title p {
  font-size: 17px;
  font-family: "MS PGothic";
  font-weight: 600;
  text-align: left;
  width: 900px;
  margin: 0 auto;
}

.points {
  justify-content: center;
  margin: 50px 0;
  display: flex;
  gap: 7px;
}

.point {
  width: 500px;
  height: 200px;
  border: 1px solid #344a78;
  box-shadow: 2px 2px 0px #344a78;
  border-radius: 5px;
  padding-top: 10px;
}

.point img {
  padding: 0 60px;
  border-bottom: 1px solid #344a78;
  margin-bottom: 10px;
}

.point h1 {
  color: #344a78;
  font-size: 18px;
  font-weight: 400;
  border: 2px solid #344a78;
  border-radius: 3px;
  width: 100px;
  margin: 0 auto;
}

.point p {
  text-align: left;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: -2;
  margin-top: 20px;
  display: inline-block;
}

.introduce {
  margin: 35px 0 100px 0;
  width:900px;
  text-align:center;
  display:inline-block;
}

.section {
  text-align: center;
  margin: auto;
  width: 950px;
  margin-top:50px;
  margin-bottom: 100px;
}

.section_title {
  color: #344a78;
  text-align: left;
  border-bottom: 1px solid #344a78;
  padding: 0 0 5px 15px;
  margin-bottom: 50px;
}

.section_title h1 {
  font-size: 26px;
}

.section_title p {
  font-size: 17px;
  margin-left: 26px;
}

.campaign_banner {
  display: flex;
  gap: 30px;
}

.brand_banner {
  text-align: left;
}

/*　画面左側メニューの幅　*/
.side {
  float: left;
  width: 240px;
  padding: 0px 0px 0px 15px;
}

.side h2 {
  margin-bottom: 7px;
}
.side form {
  margin-bottom: 15px;
  padding-top: 10px;
}

.subtotal {
  padding: 5px 0;
}
.stotal {
  text-align: right;
}
.total {
  padding: 5px 0;
  border-top: 1px solid #c3c3c3;
  text-align: right;
}
.category {
  margin-bottom: 25px;
}
.category li a {
  color: #333333;
  font-size: 12px;
  padding-left: 5px;
}
.category li a:hover {
  text-decoration: underline;
}

.postage {
  border-top: 1px dotted #c3c3c3;
  border-bottom: 1px dotted #c3c3c3;
  list-style-type: none;
  margin-bottom: 5px;
}

.postage li {
  margin: 5px 0;
  color: red;
  text-align: left;
}

.viewcart {
  padding: 5px 0;
  text-align: center;
}

.owner_photo {
  max-width: 100%;
  height: auto;
}
.side .mobile {
  font-size: 12px;
  margin-bottom: 25px;
}
.side .banners {
  margin-bottom: 25px;
}
.side .banners li {
  margin-bottom: 5px;
}

.side .login {
  margin-bottom: 20px;
  padding-top: 10px;
}
.side .login p {
  margin-bottom: 10px;
}

/*7/1キャンペーン開始*/
.side #campaign {
  margin-bottom: 20px;
}

/*7/1キャンペーン開始*/
.iifuro {
  margin-top: 25px;
}

/*　画面右側の幅　*/
.main {
  display:inline-block;
  text-align:center;
  padding: 0px 0px 25px 0px;
  width:100%;
}

#shopping{
  display:inline-block;
  text-align:center;
}

.main .breadcrumb {
  font-size: 12px;
  margin-bottom: 20px;
}

.main h2.title {
  margin-bottom: 10px;
}

.main .goods_list {
  text-align: center;
  width: 200px;
  height: 300px;
  padding: 0px 12px 12px;
}
.main .goods_list .thumb {
  margin-bottom: 5px;
}
.main .goods_list img {
  border: 2px solid #e4e4e4;
}

.main .goods_list dt {
  line-height: 1.3em;
}
.main .goods_list dt a {
  text-decoration: underline;
}
.main .goods_list dt a:hover {
  text-decoration: none;
}
.main .goods_list dd {
}
.main .goods_list dd.soldout {
  font-weight: bold;
  color: #ff0000;
}

.main h2.list {
  font-size: 16px;
  color: #008c48;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-weight: normal;
}

/*最近チェックした商品*/
.main #checked {
  padding-top: 20px;
}
/*検索結果*/
.nodata {
  padding: 75px 0px;
  text-align: center;
}

.search_result {
  background: #eeeeee;
  padding: 5px;
  text-align: center;
  margin-bottom: 15px;
  font-size: 12px;
}

.search_navi {
  text-align: center;
  margin-bottom: 15px;
  font-size: 12px;
}

/*トップページお知らせ*/
.main h2#news {
  padding-top: 20px;
}
.main .news {
  margin-bottom: 30px;
  height: 200px;
  overflow-y: scroll;
}
.main .news p {
  margin-bottom: 10px;
}
.main .news p span {
  color: #999999;
}

.news_section {
  margin: auto;
  margin-bottom: 20px;
  width: 940px;
  display: flex;
}

.news_section img {
  height: 103px;
  margin-right: 50px;
}

.news_container {
  width: 740px;
  background-image: linear-gradient(180deg, #ccc 1px, transparent 1px);
  background-size: 100% 62px;
  line-height: 4.5;
  padding-bottom: 1px;
  padding-left: 60px;
  text-align: left;
}

.news_container span{
  margin-right: 50px;
}

.news_wrapper{
 position:relative;
 margin:50px auto 0;
 padding: 0 0 50px;
}

.news_wrapper label{
  position: absolute;
  display: table;
  left: 50%;
  bottom: 0;
  margin: 0 auto;
  width: 150px;
  padding: 5px 0;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background-color: #344a78;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1;
}

.news_wrapper label:hover{
  opacity:0.7;
}
  
.news_wrapper label::before{
  content: 'もっと見る';
}

.news_wrapper input[type="checkbox"]:checked ~ label::before {
  content: '元に戻す';
}

.news_wrapper input[type="checkbox"]{
  display: none;
}

.news_container {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.news_wrapper input[type="checkbox"]:checked ~ .news_container {
  height: auto;
}

.news_wrapper img {
  width: 200px;
  height: 50px;
  margin-right: 200px;
}


.main #facebook_box {
  float: left;
  width: 320px;
  margin-bottom: 20px;
}

.main #twitter_box {
  float: right;
  width: 320px;
  border: 1px solid #e8e8e8;
  margin-bottom: 20px;
}

/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
  text-align: left;
  margin-top: 10px;
}

p#sk_link_other a {
  font-size: 12px;
}

.group-list li a {
  color: #333333;
  font-size: 12px;
  padding-left: 5px;
}
.group-list li a:hover {
  text-decoration: underline;
}
/*　フッターガイド　*/

#guide {
  background: #e0cec4;
  padding: 25px 15px;
  width: 100%;
  text-align: left;
  font-size: 12px;
  margin-bottom: 25px;
}

#guide .inner {
  width: 960px;
  margin: 0px auto;
}
#guide .inner h2 {
  color: #333333;
  font-size: 14px;
}

#guide .inner p {
  margin-bottom: 15px;
}
#guide .left {
  float: left;
  width: 470px;
}
#guide .right {
  float: right;
  width: 470px;
}

/*営業日カレンダー*/
.tbl_calendar {
  border: 2px solid #ccc !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin-bottom: 0px;
  float: left;
  margin-right: 15px;
}
.tbl_calendar caption {
  font-weight: bold;
  text-align: center;
}
.tbl_calendar th,
.tbl_calendar td {
  padding: 5px 7px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  background: #ffffff;
}
.tbl_calendar th {
  border-bottom: 2px solid #ccc !important;
}

/*　フッター（コピーライト）　*/
.pagetop {
  padding: 25px 10px;
  text-align: right;
  font-size: 12px;
}
.pagetop a {
  text-decoration: none;
}

.footer {
  width: 100%;
  clear: both;
}

#footer_menu {
  text-align: center;
  font-size: 12px;
  margin: 20px;
}

#footer_menu li {
  display: inline;
}

#footer_menu a {
  color: #344a78;
}

#copyright {
  font-size: 12px;
  color: #666666;
  text-align: center;
  margin-bottom: 15px;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#option_tbl th {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#option_tbl td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

/* -------------------------------------
*     フリーページ
* ------------------------------------- */

#freepage {
  margin-bottom: 35px;
}
#freepage p {
  margin-bottom: 15px;
}
#freepage ul,
#freepage ol {
  margin-bottom: 15px;
}
#freepage h3 {
  font-size: 20px;
  font-weight: normal;
  color: #888888;
  margin-bottom: 5px;
  padding-top: 20px;
}
#freepage h4 {
  padding: 10px 0px 5px;
  border-bottom: 1px solid #e4e4e4;
}
#freepage .Q .head {
  font-weight: bold;
  padding-right: 10px;
  font-size: 16px;
}
#freepage h4 {
  margin-bottom: 10px;
}
#freepage .A .head {
  font-weight: bold;
  color: #ff0004;
  padding-right: 10px;
  font-size: 16px;
}

#freepage .sitemap {
}
#freepage .sitemap ul {
  padding-left: 30px;
}
#freepage .sitemap ul ul {
  padding-left: 30px;
}

/*________グループページヘッダー部分__________*/
#group_ex {
  text-align: center;
  margin-bottom: 35px;
}
#group_ex p {
  line-height: 2em;
}
#group_ex .image {
  margin-bottom: 15px;
}

/*_____________プレゼント企画__________*/

#present {
  text-align: center;
  margin-bottom: 35px;
}

#present h2 {
  text-align: left;
}

#present p {
  margin-bottom: 15px;
}

#present .image_banner {
  margin-bottom: 15px;
}

#present .red {
  color: #ff0000;
}

/*_____________ショッピングガイド__________*/

#shopping .g_image {
  margin-bottom: 15px;
  float: left;
  width: 420px;
  padding-right: 10px;
}
#shopping .g_text {
  margin-bottom: 15px;
  float: left;
  width: 230px;
}
#shopping .arrow {
  clear: both;
  margin-bottom: 15px;
  text-align: center;
}

/*_____________SNS__________*/

#fb-page {
  width: 700px;
  text-align: center;
  margin: 0px auto 15px;
}

.fb-page {
  float: left;
  padding: 5px;
  width: 340px;
}

#fb-page h2,
#snapwidget-widget h2,
#customer-page h2 {
  margin-bottom: 10px;
}

#snapwidget-widget {
  width: 700px;
  text-align: center;
  margin: 0px auto 15px;
}
.insta-page {
  float: left;
  padding: 5px 5px;
  width: 340px;
  height: auto;
}
#customer-page {
  width: 700px;
  text-align: center;
  margin: 0px auto 15px;
}
.cus_box {
  float: left;
  padding: 5px 8px;
}
.cus_box img {
  padding: 5px;
  border: 1px solid #dddddd;
}

/*____________インスタ埋め込み用____________*/

#insta_itmeline {
  width: 706px;
  height: 320px;
  overflow: hidden;
  border: 0;
}