@charset "utf-8";
/* CSS Document */

body {
	background-repeat: repeat;
	background-attachment: fixed; 
	width: 100%;
	position: relative;
	min-height: 100%;
	background-image: url(../images/texture_80.jpg);
	background-repeat: repeat;
	background-color:rgba(255, 255, 255);
}
#wrapper {
	width: 100%;
	background-position: left 40px;
	background-repeat: repeat-y;
	font-size: 13px;
}
#wrapper :after{
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
}
@media only screen and (max-width: 1200px) {
	#wrapper {
		background-image: none;
	}
}



html {font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
html a {
	text-decoration: none;
}

/* マウスオーバー */
a{/*リンクされた文字*/
    color:#FFF ;
    font-style:normal;
}
a:link {/*未訪問のリンク*/
    color:#FFF;
    font-style:normal;
}
a:visited {/*訪問後のリンク*/
    color:#FFF;
    font-style:normal;
}
a:hover {/*マウスをのせたとき*/
    opacity: 0.7; 
    font-style:normal;
}
a:active {/*クリック中*/
    text-decoration:none;
}
p {
	letter-spacing:0.05em;
}



/*******************
メイン画像
*******************/
#container_img{
	width:100%;
	margin:0 0 5% 0;
}

#mainimage {
	width: 100%;
	margin:0 auto;
}
#mainimage img{
	width: 100%;
}
.main_a {
	display:block;
}
.main_b {
	display:none;
}
.main_c {
	display:none;
}
.main_d {
	display:none;
}
@media only screen and (max-width: 1700px) {
	.main_a {
		display:none;
	}
	.main_b {
		display:block;
	}
}
@media only screen and (max-width: 1200px) {
	.main_b {
		display:none;
	}
	.main_c {
		display:block;
	}
}
@media only screen and (max-width: 900px) {
	.main_c {
		display:none;
	}
	.main_d {
		display:block;
	}
}


/*******************
header
*******************/
#header {
	width: 100%;
	margin: 0 auto;
	background-color: #ffebe6;
}
#header #header_innner {
	width: 1040px;
	margin: 0 auto;
	zoom: 1;
	overflow: hidden;
	padding: 0 0 8px 0;
}
.logo {
	float:left;
	margin-top:7px;
	color:#fff;
}
.logo img{
	width:70%;
}

#gnav {
	float:right;
	margin: 20px 0 0 0;
	height: 35px;
	line-height: 35px;
	zoom: 1;
	overflow: hidden;
}
#gnav:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
}
#gnav li{
	float:left;
	margin: 0 20px 0 10px;
	zoom: 1;
	overflow: hidden;
}
#gnav li a{
	color: #7E5C4B;
	font-weight: bold;	
}

#container {
	zoom: 1;
	overflow: hidden;
	width: 1200px;
	margin:0 auto;
}
#container:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
}


@media only screen and (max-width: 1200px) {
	#header #header_innner {
	  width: 100%;
	  padding:0;
	}
	#header #header_innner .logo {
	  width:100% ;
	  text-align:center;
	  margin: 2% 0;
	}
	#header #header_innner .logo img {
	  width: 26% ;
	  text-align:center;
	}
	#gnav {
	  width:100%;
	  text-align: center;
	  margin-top: 5px;
	  background-color:#ffa39e;
	}
	#gnav li{
	  margin: 0 10px;
	  display: inline-block;
	  float:none;
	}
	#gnav li a{
		color: #ffffff;
		font-weight: bold;	
	}
	#container {
		width: 95%;
		margin:0 auto;
	}
}
@media only screen and (max-width: 1000px) {
	#header #header_innner .logo img {
		width: 32% ;
	  }
}
@media only screen and (max-width: 600px) {
	#wrapper {
		background-image: none; 
	}
	#header #header_innner .logo img {
		width: 44%;
		text-align:center;
	}
	#gnav {
		font-size:12px;
	}
}



/*******************
商品一覧
*******************/
.item {
	width:70%;
	margin:0 auto 14% auto;
	background-color:#FFF;
	text-align:center;
}
.item_inner{
	width:100%;
	margin:0 auto;
}
.item_text{
	padding: 5% 5% 8% 5%;
}
.item_image_pc img{
	width:100%;
}
.bland{
	width:100%;
	padding:0 0 2% 0;
	font-size:26px;
	color:#534741;
	text-align: left;
	font-weight: bold;
	letter-spacing:0.1em;
}
.bland_txt{
	display:block;
	width:100%;
	padding:0 0 3% 0;
	font-size:18px;
	color:#534741;
	text-align: left;
	font-weight: 400;
	letter-spacing:0.1em;
	line-height:1.75em;
}
.gift {
	width:100%;
	margin:0 auto 3% auto;
}
.gift li{
	width:14%;
	margin:0 1% 0 0;
	padding: 1.5% 0;
	float:left;
	font-size: 16px;
	font-family: ryo-gothic-plusn, sans-serif;
	font-weight: 500;
	font-style: normal;
	color:#534741;
	border: 1px solid #534741;
}
.gift li.point{
	width:14%;
	margin:0 1% 0 0;
	padding: 1.5% 0;
	float:left;
	font-size: 16px;
	font-family: ryo-gothic-plusn, sans-serif;
	font-weight: 500;
	font-style: normal;
	color:#ffffff;
	background-color: #ed6580;
	border: 1px solid #ed6580;
}
.gift li img{
	width:100%;
}
.gift li:last-child{
	margin:0 ;
}
.package01 li{
	width:100%;
}
.package01 li img {
	width:450px;
}
.package01 .buy_exp {
	width: 50%;
	margin:10px auto 0;
	padding: 15px 0;
	background-color:#a59080;
	color:#FFF;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing:0.1em;
	border-radius: 12px;
	transition: all .3s;
}
.package02 li{
	width: 50%;
	float: left;
}
.package02 li:nth-child(2n){
	margin-bottom: 4%;
}
.package02 li img {
	width:100%;
}
.package02 .buy_exp {
	width: 70%;
	margin:10px auto 0;
	padding: 15px 0;
	background-color:#a59080;
	color:#FFF;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing:0.1em;
	border-radius: 12px;
	transition: all .3s;
}
.buy_exp:hover {
	background-color: #a5908094;
}
.item_txt{
	display:block;
	margin: 4% auto 0;
	font-size: 1.4em;
	color:#534741;
}
.price{
	display:block;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 20px;
	color:#534741;
	line-height:1.75em;
}
.bold {
	font-weight: bold;
	padding-left: 2%;
	font-size: 24px;
}

.sweets{
	width:70%;
	margin: 2% auto;
	text-align: left;
	padding:3%;
	line-height: 1.7em;
	border: 1px solid #888 ;
}
.block {
	position: relative;
	padding: 8% 5% 0;
	overflow: hidden;
	font-size:1.7em;
	letter-spacing:0.2em;
	font-size: 26px;
	font-weight: bold;
	color:#534741;
	letter-spacing: 0.1em;
	text-align:center;
}

#footer {
	width: 100%;
	bottom: 0;
	padding:50px 0 0 0;
	background-color: #F44D6D;
	position:absolute;
}



/*******************
テキスト
*******************/
.name{
	font-size:1.8em;
	margin:2% 0 6% 0;
}
.text{
	font-size:1em;
	line-height: 2em;
}

@media only screen and (max-width: 1800px) {
	.name{
		font-size:1.5em;
	}
	.text{
		font-size:0.9em;
		line-height: 2em;
	}
}
@media only screen and (max-width: 1700px) {
	.name{
		font-size:2em;
	}
	.text{
		font-size:1.15em;
		line-height: 1.75em;
	}
}
@media only screen and (max-width: 800px) {
	.name{
		font-size:1.75em;
	}
	.text{
		font-size:1em;
		line-height: 2em;
	}
}
@media only screen and (max-width: 650px) {
	.name{
		font-size:1.4em;
		margin:0 0 3% 0;
	}
	.text{
		font-size:0.9em;
		line-height: 2em;
	}
}
@media only screen and (max-width: 400px) {
	.name{
		font-size:1.25em;
	}
	.text{
		font-size:0.7em;
		line-height: 2em;
	}
}



/* ラインナップ*/
.lineup_item_inner{
	margin: 0 auto;
	padding: 5%;
}
.itemlist{
	display: flex;
	flex-wrap: wrap;
}
.itemlist li{
	margin-top: 3%;
	margin-bottom: 3%;
}
.itemlist li {
	width:30%;
	float:left;
	margin-right: 5%;
}
.itemlist li:nth-child(3n){
	margin-right:0;
}
.itemlist li img {
	width:100%;
}
.list_image {
	margin: 0 0 5% 0;
}
.list_name {
	font-size:1.1em;
	line-height: 1.3em;
	margin:0 0 2.5% 0;
}
.list_price {
	font-size:1em;
	color:#a59080;
	font-weight:bold;
	line-height: 1.3em;
}


/* タブレット */
@media only screen and (max-width: 1200px) {
	.item{
		width: 80%;
	}
	img {
		border: 0;
		vertical-align: top;
		width: 100%;
	}
	#out_banner {
	  display:none;
	}
	.gift li{
		width: 18%;
		font-size: 14px;
	}
	.gift li.point{
		width: 18%;
		font-size: 14px;
	}
	.sweets{
		width:80%;
		margin: 2% auto;
		text-align: left;
		padding:3%;
		line-height: 1.7em;
		border: 1px solid #888 ;
	}
	.package01 li img{
		width: 400px;
	}
}

@media only screen and (max-width: 800px) {
	.sub_size {
		display:block;
		margin:0;
		color:#BC1316;
	}
	.item{
		width: 90%;
	}
	.bland{
		width:100%;
		padding:2% 0 2% 0;
		font-size:22px;
		color:#534741;
		text-align: left;
		font-weight: bold;
		letter-spacing:0.1em;
	}
	.bland_txt{
		font-size: 14px;
		letter-spacing: 0;
	}
	.gift li{
		width: 23%;
		margin: 0 2% 0 0;
	}
	.gift li.point{
		width: 23%;
		margin: 0 2% 0 0;
	}
	.price{
		padding: 14px 0;
		font-size: 18px;
	}
	.package01 .buy_exp {
		font-size: 1em;
	}
	.package02 .buy_exp {
		font-size: 1em;
	}
	.block {
	  font-size:22px;
	}
	.list_name{
		font-size: 14px;
	}
}

/* スマホ */
@media only screen and (max-width: 600px) {
	#footer {
		display:none;
	}
	.package01 li img{
		width: 70%;
	}
	.package01 .buy_exp {
		width: 70%;
		padding: 10px 0;
		border-radius: 6px;
	}
	.package02 li{
		width: 100%;
		float: none;
		margin: 0 0 8%;
	}
	.package02 li:last-child{
		margin: 0;
	}
	.package02 li:nth-child(2n){
		margin: 0;
	}
	.package02 li img{
		width: 70%;
	}

	.package02 .buy_exp {
		padding: 10px 0;
		border-radius: 6px;
	}
	.gift li{
		width: 23%;
		margin: 0 1.5% 0 0;
		font-size: 12px;
		letter-spacing: -0.5px;
	}
	.gift li.point{
		width: 23%;
		margin: 0 1.5% 0 0;
		font-size: 12px;
		letter-spacing: -0.5px;
	}
	.price{
		font-size: 14px;
	}
	.bold{
		font-size: 18px;
		letter-spacing: -0.1px;
	}

	.list_name{
		font-size: 12px;
	}
}
/* スマホ小 */
@media only screen and (max-width: 500px) {
	.bland{
		font-size:18px;
		letter-spacing: 0.05em;
	}
	.bland_txt{
		font-size:12px;
	}
	.block {
		font-size:18px;
	}
	/* ラインナップ*/
	.itemlist{
		margin:0 3% 0 3%;
	}
	.itemlist li{
		margin-top: 3%;
		margin-bottom: 3%;
	}
	.itemlist li {
		width:47%;
		float:left;
		margin-right:6%;
	}
	.itemlist li:nth-child(2n){
		margin-right:0!important;
	}
	.itemlist li:nth-child(3n){
		margin-right:6%;
		}
	.itemlist li img {
		width:100%;
	}
	.itemlist p{
		letter-spacing: 0;
	}
	.list_image {
		margin: 0 0 5% 0;
	}
	.list_name{
		font-size: 12px;
	}

}
/* スマホ小 */
@media only screen and (max-width: 350px) {
	.size01 {
		display:none;
	}
	.bland{
		width:100%;
		font-size:1.25em !important;
		padding:2% 0 2% 0;
		color:#672627;
	}
	.bland_txt{
		display:block;
		text-align:center;
		width:100%;
		font-size:0.75em !important;
		letter-spacing:0em;
		line-height:1.55em;
		margin:3% 0 0 0;
		color:#672627;
	}
	.sub_size {
		display:block;
		margin:3% 0 1% 0;
		color:#BC1316;
		line-height:1.4em !important;
		font-size:0.75em !important;
	}
	.block {
		ont-size:1em !important;
	}
	.price{
		font-size:11px;
	}
	.bold{
		font-size: 15px;
	}
	.gift li{
		width: 23%;
		margin: 0 1.5% 0 0;
		letter-spacing: -0.5px;
	}
	.gift li.point{
		width: 23%;
		margin: 0 1.5% 0 0;
		letter-spacing: -0.5px;
	}
}



/* サイドバナー */
a.coupon {
    background: #BD2820;
    color: #fff;
    font-size: 1em;
    display: block;
	width:120px;
    padding: 20px 0;
	text-align:center;
	line-height: 1.3em;
	border-bottom: none;
	position: relative;
    z-index: 10;
}
a.coupon:before {
    content: "";
    position: absolute;
    background: #BD2820;
    margin: 3px;
    border: 1px #fff solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}
/**************************************

右バナー

**************************************/

#out_banner {
	width: 120px;
	position:fixed;
	top: 5%;
	right: 2%;
	z-index: 100;
}
#out_banner ul  {
	width:100%;
}
#out_banner ul li{
	margin-bottom: 10px;
}
@media only screen and (max-width: 1400px) {
#out_banner {
	display: none;
}
}


/* 上部クーポン */
#coupon {
	width:100%;
	margin: 0 0 5% 0;
	text-align:center;
}

.c_title {
	font-size:34px;
	font-weight:bold;
	color:#7E5C4B;
	margin:0 0 3% 0;
	letter-spacing:0.15em;
	padding: 10px;
	border-bottom: dotted 2px #7E5C4B;
	display: inline-block;
	line-height: 1.25em;
}
.c_txt {
	font-size:1.5em;
	font-weight:bold;
	color:#7E5C4B;
	margin:0 0 2% 0;
	line-height: 1.5em;
	letter-spacing:0.15em;
}
.c_check {
	font-size:1.2em;
	line-height:1.5em;
	margin:0 0 0 0;
	letter-spacing:0.15em;
	color:#7E5C4B;
}
.c_link {
	text-align:center;
	width:80%;
	font-size:2em;
	font-weight:bold;
	background-color:#7E5C4B;
	padding:2% 0;
	margin:0 auto;
	color:#664433;
}
@media only screen and (max-width: 1000px) {
  .c_title {
	  font-size:24px;
	  font-weight:bold;
	  letter-spacing:0.1em;
	  margin:0 0 4% 0;
  }
  .c_txt {
	  font-size:16px;
	  letter-spacing:0.1em;
	  margin:0 0 3% 0;
  }
  .c_check {
	  font-size:14px;
		letter-spacing: 0.1em;
  }
  .c_link {
	  font-size:1.1em;
  }
}
@media only screen and (max-width: 600px) {

  .c_title {
	  font-size:20px;
	  font-weight:bold;
	  margin:0 0 6% 0;
	  letter-spacing:0.05em;
  }
  .c_txt {
	  font-size:1em;
	  letter-spacing:0.05em;
	  margin:0 0 4% 0;
  }
  .c_check {
	  font-size:12px;
		letter-spacing:0.05em;
	  margin:0 0 4% 0;
  }
  .c_link {
	  font-size:1.1em;
  }
}
@media only screen and (max-width: 400px) {

  .c_title {
	  font-size:1.5em;
	  font-weight:bold;
	  margin:0 0 6% 0;
  }
  .c_txt {
	  font-size:0.9em;
	  letter-spacing: 0.1em;
  }
  .c_check {
	  font-size:0.7em;
  }
  .c_link {
	  font-size:1.1em;
  }
}


/* 楽天クーポン */
  #rakuten_coupon {
      margin: 0 auto;
      width:60%;
      text-align: center;
	  margin-top: 10%;
      margin-bottom: 10%;
  }
  .coupon_list {
      margin: 0 auto;
      text-align: center;
      width: 90%;
  }
  .coupon_list li {
      float:left;
      width:50%;
  }
#rakuten_coupon p {
	font-size: 3em;
	color:#7E5C4B;
	font-weight: bold;
	margin: 0 0 4% 0;
	letter-spacing: 0.2em;
	line-height:1.25px;
}
  @media only screen and (max-width: 1200px) {
      #rakuten_coupon {
          margin: 0 auto;
          width:80%;
          text-align: center;
          margin-bottom: 10%;
      }
      .coupon_list {
          margin: 0 auto;
          text-align: center;
          width: 100%;
      }
	  #rakuten_coupon p {
          font-size: 2.8em;
          color:#7E5C4B;
          font-weight: bold;
          margin: 10% 0 4% 0;
          letter-spacing: 0.2em;
          line-height:1.25px;
      }
  }
  @media only screen and (max-width: 800px) {
      #rakuten_coupon {
          margin: 0 auto;
          width:90%;
          text-align: center;
          margin-bottom: 10%;
      }
	  #rakuten_coupon p {
          font-size: 2em;
          color:#7E5C4B;
          font-weight: bold;
          margin: 10% 0 4% 0;
          letter-spacing: 0.1em;
          line-height:1.25px;
      }
  }
  @media only screen and (max-width: 600px) {
      #rakuten_coupon p {
          font-size: 1.5em;
          color:#7E5C4B;
          font-weight: bold;
          margin: 10% 0 4% 0;
          letter-spacing: 0.1em;
          line-height:1.25px;
      }
  }


	
/* 送料無料 */
.item_inner {
	position: relative;
}
p.icon_free {
	position:absolute;
	top:0;
	right:0;
}
p.icon_free img {
	width:100%;
}
@media only screen and (max-width: 600px) {
  p.icon_free img {
	  width:70px;
  }
}
@media only screen and (max-width: 350px) {
  p.icon_free img {
	  width:50px;
  }
}
	
/* 送料無料 */
item_inner {
	position: relative;
}
p.icon_free {
	position:absolute;
	top:0;
	right:0;
}
p.icon_free img {
	width:100%;
}
@media only screen and (max-width: 600px) {
  p.icon_free img {
	  width:70px;
  }
}
@media only screen and (max-width: 350px) {
  p.icon_free img {
	  width:50px;
  }
}

/* 下部クーポン */
@media only screen and (max-width: 600px) {
#foot_coupon {
	  position: fixed;
	  bottom: 0;
	  z-index: 100;
	  color:#FFF;
	  background-color: #BD2820;
	  font-size: 1.1em!important;
	  font-weight:bold;
	  display: block;
	  width:100%;
	  padding:2% 0!important;
	  text-align:center;
	  line-height: 1.3em;
	  border-bottom: none;
  }
}
@media only screen and (max-width: 1200px) {
#foot_coupon {
	  position: fixed;
	  bottom: 0;
	  z-index: 100;
	  color:#FFF;
	  background-color: #BD2820;
	  font-size: 1.5em;
	  font-weight:bold;
	  display: block;
	  width:100%;
	  padding:1% 0;
	  text-align:center;
	  line-height: 1.3em;
	  border-bottom: none;
  }
}


@media only screen and (max-width: 1000px) {
#gift_service p.pc_image img{
	width:95%;
}
}
@media only screen and (max-width: 800px) {
#gift_service p.pc_image img{
	width:100%;
}
}





/*******************
ギフトサービス
*******************/
#gift_service {
	width: 95%;
	background-color: #FFF;
	margin: 0 auto 8%;
	padding: 8% 0;
	color: #603A2F;
	text-align: left;
}
h2.gift_title {
	width: 90%;
	text-align: center;
	margin: 0 auto 8%;
    color:#725E54;
	font-weight: 400;
	font-style: normal;
}
h2.gift_title p.gift_title {
	font-size: 2.4em;
	font-weight: bold;
	text-align:center;
	margin: 0 auto 4%;
}
p.gift_title_sub{
	font-size: 1.4em;
	line-height: normal;
	letter-spacing: 0.1em;
	color:#4D4D4D;
    font-style: normal;
}
h3.gift_menu{
	background-color: #775D54;
	padding: 1% 0 1% 2%;
	color: #FFF;
	margin-bottom: 3%;
	font-size: 1.6em;
}

p.gift_menu_sub {
	font-size:1.4em;
	letter-spacing: 0.2em;
	line-height: normal;
	margin-bottom: 3%;
    color: #4D4D4D;
    font-style: normal;
}

.gift_list {
	display: block;
	width:90%;
	margin: 0 auto 8%;
}
.souryou{
    width:90%;
    margin: 0 auto 10% auto;
}
.card {
	width:90%;
	margin:0 auto;
}
ul.card{
	width: 100%;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-top: 4%;
 }
.card li{
	width:32%;
}
.card li:nth-child(3n-1){
	margin: 0 2%;
}
.card li p{
	text-align: center;
	margin-bottom: 5%;
	font-size: 1.4em;
}
.noshi {
	display: flex;
	flex-direction: row;
	width:90%;
	margin:0 auto;
}	
.noshi_img{ 
	float:left;
	width:26%;
	margin:0 5% 0 0;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.noshi_txt{
	width:69%;
	text-align: left;
	font-size: 1.4em;
	line-height: normal;
	float:left;
	color: #4D4D4D;
}

.housou {
	width:90%;
	margin:0 auto;
}
.gift_check {
	margin: 0 auto;
}
.gift_check p {
	font-size:2.5em;
	color:darkred;
	margin:0 0 2% 0;
	font-weight: 400;
	font-style: normal;
}
.gift_check_list li {
	font-size:1.5em;
	margin:0 0 2% 0;
	line-height: 1.5em;
    color: #4D4D4D;
	font-weight: 400;
	font-style: normal;
}


@media only screen and (max-width: 800px) {
	.card li p{
		font-size: 1em;
		letter-spacing: -0.05em;
	}
	.gift_check p {
		font-size:2em;
		text-align: center;
	}
	.gift_check_list li{
		font-size: 1.1em;
	}
}
@media only screen and (max-width: 600px) {
	h2.gift_title {
		margin: 0 auto 10%;
	}
	h2.gift_title p.gift_title {
		font-size: 2.2em;
		margin: 0 auto 8%;
	}
	p.gift_title_sub{
		font-size: 1.2em;
		text-align: left;
	}
	h3.gift_menu{
		font-size: 1.4em;
		padding: 1.4% 0 1.4% 2%;
	}
	p.gift_menu_sub {
		font-size: 1.2em;
	}
	.card {
		width:100%;
	}
	ul.card{
		margin-top: 4%;
	 }
	.card li {
		width: 48%;
		margin: 0 2% 4% 0;
	}
	.card li:nth-child(3n-1) {
		margin: 0 2% 4% 0;
	}
	.card li:nth-child(2n){
		margin: 0 0 4% 2%;
	}
	.card li p{
		font-size: 1em;
	}
	.noshi {
		flex-direction: column;
		width: 100%;
	}	
	.noshi_img{ 
		width:50%;
		margin: 0 auto 6%;
		float: none;
	}
	.noshi_txt{
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	.housou {
		width:100%;
	}
	.noshi {
		width:100%;
	}
	.gift_check p {
		font-size:1.5em;
		text-align: center;
		margin: 4% 0;
	}

	.gift_check_list li{
		font-size: 01em;
	}
}
@media only screen and (max-width: 450px) {
	#gift_service {
		padding: 8% 0;
	}
	h2.gift_title p.gift_title{
		font-size: 2em;
	}

}


/**************************************

左フローティング

**************************************/


.wrap_flo_2018 {
	width: 170px;
	position: fixed;
	top: 4px;
	left: 4px;
	background-color: #fbf8f8;
	padding: 14px 8px 10px 8px;;
	box-shadow: 2px 2px 5px #666;
}
.wrap_flo_2018 img {
	width: 100%;
}

.wrap_flo_2018 ul.menu > li  {
	margin: 0 0 0 0;
}
.wrap_flo_2018 ul.menu li dl dt{
	line-height: 1em;
	margin: 10% 0 5% 0;
	padding:3% 0 2% 0;
	text-align: center;
	color: #ed6580;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.2em;
	border-bottom: solid 3px #ed6580;
	border-top: solid 3px #ed6580;
}

.wrap_flo_2018 ul.menu li dl dd {
	margin: 0 0 1% 0;
padding:0 0 2% 0;
}
.wrap_flo_2018 ul.menu li dl dd:last-child {
	margin: 0;
padding:0 0 4% 0;
}
.wrap_flo_2018 ul.menu li dl dd.get {
	width: 100%;
	background-color: #ed6580;
	margin: 2% 0 0 0;
}
.wrap_flo_2018 ul.menu li dl dd a {
	color: #fff;
	text-decoration: none;
	line-height: 2em;
	display: block;
}
.wrap_flo_2018 ul.menu li dl dd.get:hover {
	opacity: 0.6;
}

.wrap_flo_2018 ul.menu li h2{
	line-height: 1em;
	margin: 10% 0 5% 0;
	padding:3% 0 2% 0;
	text-align: center;
	color: #ed6580;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.2em;
	border-bottom: solid 3px #ed6580;
	border-top: solid 3px #ed6580;
}
.wrap_flo_2018 ul.menu li h2:before {
	margin: 0 0 7px 0;
}
.wrap_flo_2018 ul.menu li ul.coupon li {
	margin: 0 0 2% 0;
}
.wrap_flo_2018 ul.menu li ul.recommend_item li {
	border-bottom: solid 1px #999;
	padding: 5%;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 4% 0;
}
.wrap_flo_2018 ul.menu li ul.recommend_item li:last-child {
border-bottom: none;
margin: 0 0 0 0;
}

.wrap_flo_2018 ul.menu li ul.recommend_item li p {
	width: 100%;
	text-align: center;
	font-size: 12px;

}

.wrap_flo_2018 ul.menu li ul.recommend_item li p.f_name {
	line-height: 1.8em;
	margin: 4% 0;
}

.wrap_flo_2018 ul.menu li p.riyou {
	width: 100%;
	background-color: #f04747;
	margin: 2% 0 0 0;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
}
.wrap_flo_2018 ul.menu li p.riyou a {
	text-decoration: none;
	color: white;
	line-height: 4em;
	display: block;
}
.wrap_flo_2018 ul.menu li p.riyou:hover {
	opacity: 0.6;
}


/*　画面幅1400px以下）*/
@media only screen and (max-width: 1400px) {
	.wrap_flo_2018 {
			display: none;
	}
}


/*************************

フローティング

*************************/

#floatingbox {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    position: static;
	width: 1000px;
	box-shadow: none;
	padding: 0 0 1em 0;
	margin: 0 auto 5% auto;
	text-align: left;
}
#floatingbox h1 {
    background-color: #603A2F;
    color: white;
	padding: 2% 0 1.8% 2%;
	margin: 0 0 2% 0;
    font-size: 1.25em;
    text-align: left;
}
#floatingbox > p, #floatingbox > ul {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
}
#floatingbox > p {
    font-size: 1.4em;
    line-height: 1.3em;
    padding: 1em 0 0 0;
}
#floatingbox ul {
    border-top: 1px dotted #777;
    margin: 0.5em auto 0 auto;
    padding: 0.5em 0 0 0;
}
#floatingbox ul li h2 {
    font-size: 16px;
    font-weight: bold;
    color: #400704;
    margin: 0.5em 0 0 0;
    letter-spacing: -0.1em;
    line-height: 1.4em;
}
#floatingbox ul li p {
    margin: 0;
}
#floatingbox ul li p.phone {
    font-size: 19px;
    color: brown;
    font-weight: bold;
    line-height: 1.4em;
}


#floatingbox ol {
    border-top: 1px dotted #777;
    padding: 1em 0 0 0;
    margin: 1em auto 0 auto;
    width: 90%;
}
#floatingbox ol li {
    font-size: 14px;
    line-height: 1.4em;
}

#floatingbox ol li a { 
    color: #400704;
}

@media only screen and (max-width: 800px) {
	#floatingbox {
		width: 90%;
		margin: 0 auto 5%;
	}
	#floatingbox > p{
		font-size: 1em;
	}
	#floatingbox ul li h2{
		font-size: 14px;
	}
	#floatingbox ul li p.phone{
		font-size: 16px;
	}
	#floatingbox ol li{
		font-size: 1em;
	}
}