/*スライダーやメニュー内が先に読み込まれる制御の設定*/
.mega-menu ul{display: none; /* overrides above hide */}
.brandscroll img{display: none;}
.main-slider img{display: none;}
.cube-slider img{display: none;}
.cube-slider {display: none;}
.cube-slider2 img{display: none;}
.cube-slider2 {display: none;}
.itemslider img{display: none;}
.bx-wrapper .slider{opacity:1;}

/*全体の設定*/
@charset "utf-8";
* {
   margin: 0;
   padding: 0; /* 全てのプロパティの余白とパディングをリセットしています。*/
   font: 12px "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
    color: #333;
    letter-spacing: .11em;
    line-height: 1.7;
    text-decoration: none;
}

a{color: #333;
text-decoration: none;}

a:hover {  color: #333;
  opacity: 0.8;
text-decoration: none;}

li, ol, ul {margin: 0;
   padding: 0;
    list-style: none;
}
p{margin: 0;}

.clearb{clear:both;}

#main-container{
min-width:1000px;
max-width:1200px;
margin: 0 auto;
}

#main-contents{
width: 100%;
float: left;
margin-right: -200px;
}

#main-wrapper{
width: 100%;
float: right;
margin-left: -200px;
}

#main{
min-width:800px;
max-width:1000px;
position: relative;
margin-left:225px;
padding:0;
}

#side{
width: 200px;
margin-right:0px;
float: left;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 25px;
    right: 20px;
    z-index:99999;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #333;
    font-size: 18px;
    text-decoration: none;
    padding: 5px 10px;
    opacity: 0.7;
}

.right-mini-icon{
  font-size: 1em;
  color:#666;}

/* ヘッダーの設定 */
#header {
	width:100%;
	height:40px;
	box-sizing: border-box;
	border-bottom:1px solid #eee;

}
#header-main{
	max-width: 1200px;
	min-width: 1000px;
	overflow: hidden;
    margin: 0 auto;
    position: relative;
    text-align: left;    
}

/* ヘッダーh1の設定 */
#gaiyou{
  width: 100%;
  height: 5px;
  margin-top:10px;
  min-width: 1000px;
  overflow: hidden;  
	}
#gaiyou h1{	
color:#fff;
font-size:5px;}

#gaiyou p{	
color:#fff;
font-size:5px;}


/* ヘッダーのSNS */
#header_sns{
	float:right;
	display : inline-block;
	margin-left: 20px;
}

#header_sns ul {
    display : block;
}

#header_sns li {
    display : inline-block;
    cursor: pointer;
}

.icon_small {
  color:#999;
  font-size: 2em 
  /*0.8倍の大きさに*/}
.icon_big {
  color:#999;
  font-size: 2.2em 
  /*6倍の大きさに*/}
  
	
/* お知らせの設定 */

.information_box {
	width:100%;
	background:#eee;

}
 .information {
	max-width:1200px;
	min-width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}

.information li {
	padding:10px 100px 10px 0;
}

.information_box li {
	border-bottom:solid 1px #ddd;
}

.information_box li:last-child {
	border-bottom:none;
}

.information .date {
	width:80px;
	color:#333;
	display:inline-block;
}

/*iframe部分の設定*/
/*617 ポイント送料部分設定*/
#pt-souryou{
width:800px;
height:26px;
display: inline-block;}

.ectoolwrapper617 {
position: relative;
width: 100%;
padding: calc(26 / 800 * 100%) 0 0;
}
.ectoolwrapper617 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 623 帯バナー90px*/	
  #obi90{
  position:relative;
  width: 100%;
  height:90px;
overflow: hidden;}
.ectoolwrapper623 {
  position:absolute;
  left:50%;
  height:90px;
  width: 2000px;
  margin-left:-1000px;
}

/* スクロールナビの設定 height61がデフォルト */
 .srnavi{
  height: 61px;
  min-width:1000px;
}
.srnavi.fixbar {
  position: absolute;
  width: 100%;
  top: 60px;
  
}
.srnavi.fixed .fixbar {
  position: fixed;
  top: 0px;
  z-index:999;
  width: 100%;
  opacity:0.99;
  min-width:1000px;
} 

/* メガメニューバーの設定 */
#logo a{
	padding-right:10px;
	padding-top: 17px;
	padding-bottom: 17px;
}
#logo img{
height:26px;
}

.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0; 	border-top:1px solid #ddd;}
.mega-menu ul li ul {display: none; border:none !important;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

.navi {border-bottom: 1px solid #ddd; width:100%; background: #fff;}
.navi ul.mega-menu, .navi ul.mega-menu, .navi ul.mega-menu li {margin: 0; padding: 0; border: none;}
.navi ul.mega-menu {height: 60px; position: relative; max-width: 1200px;　min-width: 1000px; margin:0 auto;}/* メニューバー */
.navi ul.mega-menu li {float: left; margin: 0; padding: 0; font-size: 16px; font-weight: bold;}
.navi ul.mega-menu li a {float: left; display: block; color: #333; font-size: 14px; font-weight: bold; padding: 21px 35px 16px 0px; margin-right:17px; text-decoration: none; letter-spacing: .17em;}/* メニューバーのリスト */
.navi ul.mega-menu li a.dc-mega {position: relative;}
.navi ul.mega-menu li a .dc-mega-icon {display: block; position: absolute; width: 8px; height: 6px;  top: 30px; right: 15px; background: url(https://file001.shop-pro.jp/PA01059/777/site/naviarrow.png) no-repeat 0 100%;}
.navi ul.mega-menu li.mega-hover a, .navi ul.mega-menu li a:hover {background-position: 100% -40px; color: #333;}/* メニューのリンクhover時 */
.navi ul.mega-menu li.mega-hover a .dc-mega-icon {background-position: 0 100%;}
.navi ul.mega-menu li .sub-container {position: absolute;}
.navi ul.mega-menu li .sub {padding: 20px 20px 20px 10px;}
.navi ul.mega-menu li .sub-container.mega .sub {padding: 20px 20px 10px 30px; background: #f7f7f7; max-width:1200px;}/* ドロップダウンリストの背景 */
.navi ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;}

.navi ul.mega-menu li .sub li {list-style: none; float: none; width: 130px; font-size: 1em; font-weight: normal;}
.navi ul.mega-menu li .sub li.mega-hdr {margin: 0 0px 10px 0; float: left;}
.navi ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;}
.navi ul.mega-menu li .sub a {background: none; border: none; color: #333; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size:9px;}/* ドロップダウン子リスト */
.navi ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {padding: 0px 0px 5px 0px; margin-bottom: 5px; font-weight: bold; border-bottom:1px solid #ddd; font-size:11px; text-align: center; letter-spacing: .10em;}/* ドロップダウン親リスト */
.navi ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #333;}/* ドロップダウン親リストhover時 */
.navi ul.mega-menu .sub li.mega-hdr li a {padding: 4px 0px 6px 5px; font-weight: normal;}/* ドロップダウン子リスト2 */
.navi ul.mega-menu .sub li.mega-hdr li a:hover {color: #333;}/* ドロップダウン親リストhover時の色 */
.navi ul.mega-menu .sub ul li {padding-right: 0;}
/* ドロップダウン縦の設定 */
.navi ul.mega-menu li .sub-container.non-mega .sub {padding: 0px 0px 20px 0;}
.navi ul.mega-menu li .sub-container.non-mega li {padding: 0; width:600px; margin: 0; background: #f7f7f7;}/* ドロップダウン縦リスト色 */
.navi ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px;}
.navi ul.mega-menu li .sub-container.non-mega li a:hover {color: #333;}/* ドロップダウン縦リストリンクhover時 */

.cateimg{height:30px;
padding-bottom:5px;
}

/* ナビ内ブランドリストの設定 */
#navi-brand-ul{
	max-width:1200px;
	height:auto;
	margin:0 auto;
	}
#navi-brand-ul li{
	width:160px;
	float:left;
	box-sizing:border-box;
	text-align:center;}
#navi-brand-ul li a{
	width:100%;
	padding:14px 0;
	text-align:center;
	display:block;}
#navi-brand-ul li a img{
	width:80% ;
	height:auto;}
	
#navi-brand-ul li:nth-child(4n+1){clear:both;}

/* ナビ内ランキングの設定 */
#navi-frame{height:400px;
	text-align: center;
	padding-top:20px;
}
#navi-frame iframe{height:400px;
}

#navi-ranking li a{
	font-size:15px;
	text-align: right;
}


/* メニューバーの右の部分の設定 */
.navi-icon{
  font-size: 2.3em;
  color:#666;
}

.navi-icon2{
  font-size: 2.3em;
  color:#f96666;
}

#navi-right {
	display:block;
	float:right;
	border:none;
	margin-left:-30px;
}

#navi-right li {
  display:inline-block;
  text-align: center;
}

#navi-right a {
  padding-right:0;
  box-sizing: border-box;
  display: block;
  font-size: 10px;
  font-weight: normal;
}

#login{
	margin-left:23px;
	letter-spacing: .18em;
}

#login a {font: 500 14px 'Poppins', sans-serif;
}

#mypage{
	margin-left:17px;
}

#mypage a {font: 500 13px 'Poppins', sans-serif;
	padding-top:13px;
	padding-bottom:10px;
}
#dispPoint{font-size:9px;
	color:#f96666;
}

#cart a{
margin-right:10px;
}

#badge {
    position: absolute;
    top: 8px;
    right: 2px;
    width: 18px;
    height: 20px;
    border-radius: 50%;
    background: #f96666;
    z-index: 999;
}
.cartno {
    display: block;
    position: relative;
    padding-left: 2px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #fff;
    line-height: 21px;
    text-align: center;
    font-size: 11px;}


/* 検索窓の設定 */
#navi-right #search{
border-bottom:1px solid #666;
margin-top:15px; 
} 

#navi-right #form{
	margin-top:5px;
	padding: 1px;
	font-size: 14px;
	border-style:none;
	line-height: 1.7em;
}

#navi-right #searchbtn {
	border: none;
	background: transparent;
	cursor: pointer;
	padding: 3px;
	line-height: 1.5em;
}

#navi-right .search-icon{
	font-size: 1.3em;
	color:#666;
}

	
/* ブランドスクロールの設定 */
.brandscroll{min-width:1000px;}

.brandscroll img {
  width: 100%;
  height: auto;
  min-width: 100px;
}

.brandscroll a {
  max-width: 180px;
  height: auto;
  margin: 10px;
  opacity: 50%;
}

.brandscroll a:hover {
    opacity: 100%;
  
}


/* メインスライダーの設定 */	
  * {
    margin: 0;
    padding: 0;
  }

.slider{
    margin: 0 auto 100px;
    width: 80%;
    opacity: 0;
    transition: 3s;
}
.slick-initialized{
    opacity: 1
}

  .slick-slide img {
    width: 100%;
    height: auto;
  }
  .main-slider{
    width: 100%;
  }
  .main-slider .slick-slide{
    margin: 5px;
    height:auto;
  }
  
  .main-slider .slick-slide:not(.slick-center) {
  opacity:50%;
}


/* スライダー矢印の設定 */
.slider .slick-prev{
    left: 60px;
}
.slider .slick-next{  
    right: 60px;
}

.slick-prev,
.slick-next{
	top:50%;
    width: 32px;
    height: 32px;
    z-index: 100;
}

.slick-prev:before,
.slick-next:before
{
    font-family: "Font Awesome 5 Free" !important;
    font-size: 32px !important;
    font-weight:900 !important;
    opacity: 0.75;
    color: #333 !important;
}

.slick-prev:before
{
    content: "\f137" !important;
}
.slick-next:before
{
    content: "\f138" !important;
}

/* スライダードットの設定 */

.slick-dots li button:before
{
    font-family: "Font Awesome 5 Free" !important;
    content: "\f111" !important;
    font-weight:900 !important;
    color: #666 !important;
}
.slick-dots li.slick-active button:before
{

    color: #333 !important;
}

/* キューブスライダーの設定 */
.cube-slider{text-align: center;
	margin-top:50px;
}
.cube-slider li{ margin-right:10px;}

#cube-event{margin-left:25px;
}
.cube-slider2{text-align: center;
	margin-top:50px;
}
.cube-slider2 li{ margin-right:10px;}

/* ここからメインコンテンツ */
/* セクション関連の設定 */
.section-title{
font: 400 30px 'Poppins', sans-serif;
    letter-spacing: .25em;
    text-align: center;
    padding-top:80px;
}

.section-subtitle{
text-align: center;
    font-size: 14px;
    color: #666;
    margin-top:10px;
    margin-bottom:50px;
}
.section-subtitle a {
    font-size: 14px;
    color: #666;
}

/*
 * 商品リスト枠組
 */
.boxlist {
  list-style: none;
  margin: 0;
  padding: 0px;
}

.u-cf:before {
  content: "";
  display: table;
}
.u-cf:after {
  content: "";
  display: table;
  clear: both;
}

.box {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding-left: 25px;
  margin-bottom:30px;
}

.u-tile:nth-child(4n+1) {
  clear: both;
}

.u-hidden {
  display: none;
}

.box .box__inner {
  display: block;
}

.box .box__image {
  display: block;
  margin: 0px;
  text-align: center;
  position: relative;
}

.box .box__image img{
max-width: 100%;
height: auto;
box-sizing: border-box;
border:solid 1px #eee;
}

.box .box__image:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}


/*
 * 商品リスト
 */

.topitem{
font-size:9px;
}

.itemname{
margin-top: 10px;
margin-bottom: 7px;
color:#666;
line-height:1.2em;
font-size: 9px;
height: 19px;
overflow-y: hidden;
}

.price-blk{
font-size:12px;
display:inline;
}

.price-line{
  text-decoration: line-through;
  font-size:11px;
  display:inline;
}

.price-red{
color:#D50000;
font-size:12px;
display:inline;
}

.block-right{
display: inline-block;
float: right;
}

.nyuuka{
display:block;
padding:2px;
font-size: 11px;
border:solid 1px #daaca5;
text-align: center;
margin-top:5px;}

.item-badge-area{height:17px !important;}

.item-badge{
font-family: 'Poppins', sans-serif;
font-size: 8px;
line-height: 1.5;
display: inline-block;
vertical-align: top;
margin-right:5px;
padding: 0px 2px 0px 2px;
color: #fff;
border-radius: 2px;
    }

.sale{background: #f1b9b9;}
.yoyaku{background: #c4b0d5;}
.restock{background: #f0ca8b;}

.favorite-icon{
font-size:1.3em;
color:#ddd;
margin-left:3px;}

.favorite-button{
display:inline-block;
cursor: pointer;
border: 0;
outline: none;
background: transparent;
margin-top:-2px;}
  
.fav-items span{color: #f96666;}

/* VIEW MOREボタンの設定 */
.view-more {
text-align: center;
}

.view-more span {
cursor: pointer;
box-sizing: border-box;
width: 230px;
display: inline-block;
background: #fff;
border: 1px solid #666;
font: 400 15px 'Poppins', sans-serif;
letter-spacing: .25em;
padding: 15px 0;
margin-top:30px;
margin-bottom:50px;
}

.view-more span:hover {
  background:#eee;
  transition: 0.3s;}

.view-more a:hover {
  opacity:1;}


/* 商品スライダー の設定 */
.itemslider {padding: 0;
}
.itemslider .slick-slide {
    height: auto;
    padding-left: 25px;
    box-sizing: border-box;
}
.itemslider img { width: 100%;
	height: auto;
	border:1px solid #eee;
	box-sizing: border-box;
}
.itemslider div { margin: 0px;
	height: auto;
}
.itemslider .slick-next {top:40%; right: 17px;　z-index: 100;}
.itemslider .slick-prev {top:40%; left: 30px; z-index: 100;}


/* メインバナーエリア */
.main-bannerarea{
padding-top:80px;
text-align: center;
margin-left:30px;}

.main-bannerarea img{
width:100%;
margin-bottom:15px;
}
	
/* トップブランド */
#top-brand{
	margin-left:25px;
	margin-right:25px;
}

#top-brand li{
	display: inline-block;
	float:left;
	width:25%;
	padding:0px 20px 30px 20px;
	box-sizing: border-box;
}

#top-brand li a img{
	width:100%;
}

/* トップカテゴリ */
#top-category{
	margin-left:55px;
	margin-right:55px;    
}

#top-category li{
	display: inline-block;
    text-align: center;
    float:left;
	width:25%;
    padding:20px 0px 20px 0px;
    box-sizing: border-box;
    }

#top-category li a{
	font-size:14px;
	font-weight: bold;}

#top-category li a img{
	height:35px;
	margin-right:5px;
	vertical-align: middle;
}
/* インスタグラム */
#instagram {height:150px; text-align: center;}

/* トップSNS */
#top-sns{
	text-align: center;
}

#top-sns ul {
margin-bottom:40px;
}

#top-sns ul li {
    display : inline-block;
    cursor: pointer;
    padding-left:20px;
    padding-right:20px;
}

.icon_top_small {
  color:#666;
  font-size: 4em 
  /*0.8倍の大きさに*/}
.icon_top_big {
  color:#666;
  font-size: 4.2em 
  /*6倍の大きさに*/}
  
/* 商品一覧＆商品検索結果　ページャー等 */

.pankuzu{margin:25px;}

#group{
color:#666;
height:40px;
margin: 25px 0px 0px 25px;
}

#group h1{ display:inline-block;
	font-size:20px;
   margin-left:20px;
	}

.sortlist {
  display:inline-block;
	float:right;
	overflow: hidden;
	width: 110px;
  margin-top:7px;
	text-align: center;
}
.sortlist select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.sortlist select::-ms-expand {
    display: none;
}
.sortlist.sort {
	position: relative;
	border-radius: 2px;
	background: #fff;
}
.sortlist.sort::before {
	position: absolute;
	top: 1em;
	right: 1.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #666;
	pointer-events: none;
}
.sortlist.sort select {
	padding: 8px 30px 8px 8px;
	color: #666;
	font-size: 12px;
  line-height: 1;
}

.pager-pc{
height:30px;
padding-top: 10px;
margin: 0px 0px 40px 25px;
border-top:2px solid #ddd;
}
.item-hits{display:inline-block;
color:#666;
margin-top:3px;
}
.item-hits span{font-size: 16px;
margin:0px 2px 0px 2px;
color:#333;
}

.pager-ul {
display:inline-block;
float:right;
margin-top:5px;
}
.pager-ul li {
	display:inline;
}
.pager-ul li a, 
.pager-ul li span {
	padding: 5px 7px;
}
.pager-ul a {
	border: 1px solid #ddd;
	background: #fff;
	color: #333;
}
.pager-ul li a:hover {
	border: 1px solid #ddd;
	background: #eee;
	color: #333;
}
.pager-ul li span{
	border: 1px solid #ddd;
	background: #eee;
	font-weight: bold;
	color: #666;
}


/* サイドカテゴリ */
.side-title{
font: 400 20px 'Poppins', sans-serif;
    letter-spacing: .20em;
    text-align: center;
    padding-top:80px;
    padding-bottom:20px;
    border-bottom:solid 1px #eee;
}
.side-more{
	display: block;
  text-align: right;
	color: #666;}
}

.side__item {
  border-bottom: 1px solid #eee;
}

.side__item__name {
  font-weight: normal;
  display: table;
  line-height: 1;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 15px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.side__item__name__text {
  font-size: 14px;
  width: 80%;
  vertical-align: middle;
}

.side__item__name__icon--left {
  width: 15%;
  display: table-cell;
  vertical-align: middle;
}

.side__item__name__icon--right {
  width: 10%;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.side__item__name__icon--right span{
  color:#666;
}

.side__item--accordion ul {
  margin: 0;
  padding: 15px 0;
  list-style: none;
}

.side__item--accordion ul li{
	padding: 5px 5px 5px 20px;
}

.side__item--accordion ul li a{
	font-size: 11px;
}

.side__item--accordion a:hover {
  background:#eee;
  transition: 0.3s;
}

.side__item--accordion ul li a:hover {
	background:transparent;
	transition: unset;
}

.u-ac--active {
  border-bottom: 1px solid #eee;
}
/* サイドブランド */
.side-brand li{
  display: table;
  line-height: 1;
  clear: both;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
.side-brand li a{
font-size: 14px;
display:block;
padding: 15px 10px;}

.side-brand .outlet a{color:#f96666;}

.side-brand li a:hover {
  background:#eee;
  transition: 0.3s;
}

/* サイドバナーエリア */
.side-bannerarea{
padding-top:100px;
text-align: center;
}

.side-bannerarea img{
width:100%;
margin-top:25px;

}

/*サイド各ブランドパーツ*/
.side-frame{
	margin-top:100px;
	border:1px solid #ddd;
	border-radius: 5px;
	padding:20px;}

.side-frame-title{
font: 400 20px 'Poppins', sans-serif;
    letter-spacing: .20em;
    text-align: center;
    padding-bottom:15px;
    padding-top:15px;
    background:#eee;
    border-bottom:solid 1px #ddd;
    margin:-20px -20px 0px -20px;
}

.side-frame-title img{
width:80%;
}
.side-frame-subtitle{
font: 400 15px 'Poppins', sans-serif;
    letter-spacing: .20em;
    text-align: center;
    padding-bottom:10px;
    padding-top:10px;
    margin-top:20px;
    margin-bottom:10px;
    border-bottom:solid 1px #ddd;
}

.centerfont{text-align: center;
	margin-top:10px;
}
.side-frame-ul-big{text-align: center;}

.side-frame-ul-big li{
  line-height: 1;
  width: 160px;
  padding:10px;
  border-radius: 10px;
  margin: 10px 0px;
  box-sizing: border-box;
  color:#fff;
}
.allitem{background:#f0ca8b;}
.yoyakuitem{background:#c4b0d5;}
.saleitem{background:#f1b9b9;}

.side-frame-ul-big li a{
font-size: 17px;
color:#fff;
  font-weight:bold;
display: block; }

.side-frame-ul li{
  display: table;
  line-height: 1;
  clear: both;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.side-frame-ul li a{
display:block;
padding: 5px 5px 5px 20px;
font-size: 12px;}

.side-icon{color:#666;
	margin-right:5px;}

#sideframe-blog{ width: 100%;}
#sideframe-blog h3{ color: #666; text-align: left; clear: right; font-size: 12px;}
#sideframe-blog a{ color: #666; text-decoration: none;}
#sideframe-blog .sideframe-column-banner{ clear: left; position: relative; margin-bottom: 20px; border: 1px solid #ddd; padding-bottom: 10px;}
#sideframe-blog .sideframe-cate-tag{ position: relative; padding-left: 5px;padding-right: 5px; background-color: #f96666; color: #fff; height: 20px; font-size: 12px; margin-bottom: 2px; display: inline-block; font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif; opacity:1;}
#sideframe-blog .sideframe-cate-date{ color: #666; margin-top: 2px; display: inline-block; font-size: 10px; float:right;}
#sideframe-blog .sideframe-blog-color{ padding: 10px 5px 0px 5px;}
#sideframe-blog img{width:100%;}
#sideframe-blog span{color: #777; font-size: 11px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/*フッタートップ*/
.footer-top {
  background: #f8ebeb;
  width:100%;
  margin-top:50px;
}
.footer-top ul {
  min-width: 1000px;
  max-width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.footer-top ul li {
  box-sizing: border-box;
  width: 20%;
  float: left;
}
.footer-top ul li h4 {
  font: 500 14px 'Poppins', sans-serif;
  color: #cc7643;
  letter-spacing: .08em;
  margin: 0 0 5px;
}
.footer-top ul li p {
  font-size: 11px;
  letter-spacing: .04em;
  color: #666;
}
.footer-top ul li a {
  box-sizing: border-box;
  height: 240px;
  display: block;
  text-align: center;
  padding: 50px 0px 0px 0px;
  
}

.footer-top ul li a:hover {
  text-decoration: none;
  opacity:0.6;
}

.footer-top li:last-child a { border: none; }

.footer-icon{
  font-size: 3.8em;
  color:#666;
  margin-bottom:20px;
}

.footer-icon-small{
  font-size: 3em;
  color:#666;
  margin-bottom:30px;
}

.footer-icon-big{
  font-size: 4em;
  color:#666;
  margin-bottom:22px;
  margin-top:-5px;
}


/*フッターメイン*/	
.footer-main-wrapper{
  background: #fff;
  height:auto;
  width:100%;
  border-top:solid 1px #ddd;
  }

.footer-main{
  min-width: 1000px;
  max-width: 1200px;
  overflow: hidden;
  margin: 0 auto;
  padding-top:30px;
  padding-bottom:10px;
}
.footer-parts{
	display:inline-block;
	width: 33%;
	float:left;
	box-sizing: border-box;
}

.footer-parts2{
	display:inline-block;
	width: 33.5%;
	padding-left:25px;
	float:left;
	box-sizing: border-box;
}

.footer-main-box{
width: 100%;
box-sizing: border-box;
background: #fff;
border:solid 2px #ddd;
margin-bottom:20px ;
padding: 20px;
display:block;
text-align: center;
}

.footer-main-box p{
text-align: left;
}

.footer-main-box2{
width: 100%;
box-sizing: border-box;
margin-bottom:20px ;
padding: 1.5rem;
display:block;
text-align: center;
}

.footer-main-box2 img{
height:50px;
margin-bottom:20px;
}

.footer-main-box h5{
	font-size:18px;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:solid 2px #ddd;
background:#eee;
margin:-20px -20px 10px -20px;
}

.footer-main-box h6{
	font-size:14px;}

#cantact{text-align: center;
	line-height: 3;	
}

#tel{font-size:18px;
	font-weight:bold;
} 	
.font-bold{font-size:13px;
	font-weight:bold;
}
.font-bold-big{
font-size:14px;
font-weight:bold;
margin-top:20px;
}

#contactform{
	display:block;
	font-size:15px;
	padding:10px;
	border:1px solid #666;
	margin:10px 20px 10px 20px;
	border-radius: 5px;
}

  
.contact-icon{font-size: 1.5em;}

.payimg{width:90%;
}

.payimg2{width:70%;
}

.payimg3{width:50%;
}

.footer-main-box .moreinfo{
display:block;
text-align: right;
margin:10px;
color:#666;
}

/*フッターボトム*/	
#footer-bottom{
width:100%;
background-color:#eee;
border-top:1px solid #ddd;
padding-top:10px;
padding-bottom:10px;
margin:0 auto;
text-align: center;
}

@media screen and (max-width:990px) {
   #header_sns{display: none;}
 
}