@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Cinzel);

/*
common
*/



h5 {
position: relative;
padding: 0.6em;
font-size: 13px;
color: white;
width: 50%;
margin: 10px auto;
background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
background: repeating-linear-gradient(-45deg, #ff9f9a, #ffbfa6 4px,#ffbd93 3px, #ffaaa2 8px);
border-radius: 9px;
border-radius: 7px;
}


* {
  margin: 0;
  padding: 0;
	box-sizing: border-box;
}


h6{
position: relative;
display: inline-block;
padding: 0 55px;
margin-top: 40px;
color:#ea3838;
}

h6:before, h6:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

h6:before {left:0;}
h6:after {right: 0;}




html {
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}

body {
  color: #b28e2f;
  text-align: center;
  background: #FFF;
}

img {
	width: 100% !important;
}

a:link {
  color: #b28e2f;
  text-decoration: none;
}

a:visited {
  color: #b28e2f;
  text-decoration: none;
}

a:hover {
  color: #b28e2f;
  text-decoration: none;
}

ul, li {
	list-style: none;
}

.is--pc {
  display: block !important;
}

.is--sp {
  display: none !important;
}

@media only screen and (max-width: 768px) {
	.is--pc {
		display: none !important;
	}

	.is--sp {
		display: block !important;
	}
}

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

/*
navbar
*/

#sampleAffixWrap {
  height: 64px;
}

.navbar {
  width: 100%;
}

.affix {
  width: 100%;
}

}

.navbars{
  margin-right: 50px;
  color: rgba(86, 39, 9, 0.57);
}

/*
lead
*/

.hero_lead {
  text-align: center;
  margin: 10px auto;
  font-size: 10px;
}

/*
main
*/

.header {
  width: 100%;
  background: #000;
  margin: 0;
}

.top_img{
  max-width: 130px;
  height: 60px;
}
@media only screen and (max-width: 768px) {
  .top_img{
    max-width: 130px;
    height: 60px;
  }
}

.topmv > a:hover > img {
  opacity: 0.7;
}

/* base */

.main {
  background-image: url("/img/item-bg.jpg");
}

.main_inner {
  background: #FFF;
  text-align: center;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 1px;
}


.main_inner1 {
  background: #FFF;
  text-align: center;
  max-width: 80%;
  height: auto;
  margin: 0 auto;
  padding: 1px;
}

.main2 {
  background:#fce8e8;
  text-align: center;
  max-width: 80%;
  height: auto;
  margin: 10px auto;
  padding: 1px;
  display:block;
}
.main_inner2 {
  background:#fce8e8;
  text-align: center;
  max-width: 100%;
  height: auto;
  margin: 10px auto;
  padding: 1px;
}

/*タブ切替用スタイル*/

.tab_box .btn_area {
	margin:0 10px;
	display: -webkit-box;
	display: flex;
}

.tab_box .tab_btn {
	width: 100%;
	padding: 10px 5px;
	margin: 30px 0;
	color: #333;
	background: #f5f7f8;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease 0s;
}

.tab_box .tab_btn + .tab_btn {
	margin:auto 0;
	text-align: center;
}

.tab_box .tab_btn:hover {
	background-color: #dce1e4;
}

.tab_box .tab_btn.active {
    background:#333;
    color:#fff;
}

.tab_box .panel_area {
    border: solid 1px #e3ebf3;
    padding: 20px;
}

.tab_box .tab_panel {
    display:none;
}

.tab_box .tab_panel.active {
    display:block;
}

.tab_box .tab_panel p {
    display:none;
}

.tab_box .tab_panel.active p {
    display:none;
}

/*
pickup
*/

.pickup {
	padding-bottom: 30px;
	clear:both;
}

.pickup_title {
	width:13%;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 0;

}
.pickup2 {
	padding-bottom: 30px;
	clear:both;
}

.pickup_title2 {
	width:13%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom:20px;
}

@media only screen and (max-width: 768px) {
  .pickup_title {
    width: 30%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom:20px;
  }
  .pickup_title2 {
    width: 30%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom:20px;
  }
}

.pickup_item {
	font-family: 'Cinzel Decorative', serif;
}

@media only screen and (max-width: 768px) {
	.pickup_item {
		margin: 0 auto 30px;
	}
}

.pickup_notice {
  font-size: 24px;
  display: inline-block;
  margin: 4px 0 6px 0;
  color: #F43E65;
}

.pickup_notice--date {
  font-size: 14px;
  display: inline;
  margin: 0 0 0 10px;
}

/* img */

.pickup_img {
	display: inline-block;
	width: 50%;
	margin: 10px 0px 30px;
}

@media only screen and (max-width: 768px) {
	.pickup_img {
		width: 100%;
		max-width: 400px;
	}
}

/* detail */

.pickup_detail {
	display: inline-block;
	width: 49%;
	padding: 20px 0 20px 20px;
	text-align:center;
	vertical-align: middle;
}

.pickup_detail .icon {
	width:197px;
	height:134px;
	margin:0 auto 30px auto;
}

.icon_single {
	width:197px;
	height:134px;
	margin:20px auto 30px auto;
}


@media only screen and (max-width: 768px) {
	.pickup_detail {
		width: 100%;
		padding: 0;
	text-align:center;
	}
	
.pickup_detail .icon {
	width:120px;
	height:82px;
	margin:0 auto 30px auto;
	}
	
.icon_single {
	width:120px;
	height:82px;
	margin:20px auto 30px auto;
	}
	
}

.pickup_itemTitle {
  font-size: 22px;
  display: block;
	margin: 15px auto 0;
  color: #2b2224;
}

.pickup_itemTitle--jp {
  font-size: 16px;
  display: block;
  line-height: 30px;
  color: #a7908e;
}

.pickup_text {
  font-size: 14px;
  display: block;
  margin: 24px 0 20px 0;
  line-height: 1.9;
  color: #2b2224;
}

.pickup_itemTitle2 {
  font-size: 22px;
  display: block;
	margin: 15px auto 0;
  color: #fff;
}

.pickup_itemTitle--jp2 {
  font-size: 16px;
  display: block;
  line-height: 30px;
  color: #fff;
}

.pickup_text2 {
  font-size: 14px;
  display: block;
  margin: 24px 0 20px 0;
  line-height: 1.9;
  color: #fff;
}

/* btn */

.btn {
	display: block;
  margin: 0 auto;
}

.btn>a {
  width: 100%;
  height: 42px;
  display: inline-block;
  color: #FFF;
  background: #907F7F;
  margin: 0 auto;
  font-size: 14px;
  line-height: 42px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  text-decoration: underline;
  text-decoration: none;
}

.btn a:hover {
  background: #4C3434;
  text-decoration: underline;
  text-decoration: none;
  color: #FFFFFF;
}

.pickup_itemPrice--tax {
  font-size: 12px;
  padding: 0 0 0 6px;
  display: inline;
}

.pickup_itemPrice:before {
  font-size: 12px;
  padding: 0 4px 0 0;
  content: "¥";
  display: inline;
  color: #b28e2f;
}

.btn2 {
	display: block;
  margin: 0 auto;
}

.btn2 a {
  width: 100%;
  height: 42px;
  display: inline-block;
  color: #000;
  background: #fff;
  margin: 0 auto;
  font-size: 14px;
  line-height: 42px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  text-decoration: underline;
  text-decoration: none;
}

.btn2 a:hover {
  background: #d8c01c;
  text-decoration: underline;
  text-decoration: none;
  color: #FFFFFF;
}

.pickup_itemPrice--tax2 {
  font-size: 12px;
  padding: 0 0 0 6px;
  display: inline;
}

.pickup_itemPrice2:before {
  font-size: 12px;
  padding: 0 4px 0 0;
  content: "¥";
  display: inline;
  color: #fff;
}

/*
campaign
*/

.campaign_title {
  width: 100%;
  margin-top: 41px;
}

@media only screen and (max-width: 768px) {
  .campaign_title {
    width: 100%;
    margin-top: 40px;
    margin-bottom: -20px;
  }
}

.campaign_item {
	width: 49%;
	margin: 0 2% 40px 0;
	float: left;
	font-family: 'Cinzel Decorative', serif;
}

.campaign_item_the {
	width: 32%;
	margin: 0 1% 40px 0;
	float: left;
	font-family: 'Cinzel Decorative', serif;
}

  .campaign_title2 {
    width: 100%;
    margin-top: 40px;
    margin-bottom: -20px;
  }
}

.campaign_item2 {
	width: 49%;
	margin: 0 2% 40px 0;
	float: left;
	font-family: 'Cinzel Decorative', serif;
}

.campaign_item_the2 {
	width: 32%;
	margin: 0 1% 40px 0;
	float: left;
	font-family: 'Cinzel Decorative', serif;
}


@media only screen and (max-width: 768px) {
	.campaign_item {
		width: 100%;
		margin: 0 auto 30px;
	}
	
	.campaign_item_the {
		width: 100%;
		margin: 0 auto 30px;
	}

}

.campaign_item:nth-child(2n) {
	margin-right: 0;
}

.campaign_notice {
  font-size: 24px;
  display: inline-block;
  margin: 4px 0 6px 0;
  color: #F43E65;
}

.campaign_notice--date {
  font-size: 14px;
  display: inline;
  margin: 0 0 0 10px;
}

/* img */

.campaign_img {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

/* detail */

.campaign_itemTitle {
  font-size: 22px;
  display: block;
	margin: 15px auto 0;
  color: #2b2224;
}

.campaign_itemTitle--jp {
  font-size: 16px;
  display: block;
  line-height: 30px;
  color: #a7908e;
}

.campaign_text {
  font-size: 14px;
  display: block;
  margin: 24px 0 20px 0;
  line-height: 1.9;
  color: #2b2224;
}

.campaign_itemTitle2 {
  font-size: 22px;
  display: block;
	margin: 15px auto 0;
  color: #fff;
}

.campaign_itemTitle--jp2 {
  font-size: 16px;
  display: block;
  line-height: 30px;
  color: #fff;
}

.campaign_text2 {
  font-size: 14px;
  display: block;
  margin: 20px;
  line-height: 1.9;
  color: #fff;
}

/* btn */

.btn {
  width: 70%;
	display: block;
  margin: 0 auto;
}

.btn a {
  width: 100%;
  height: 42px;
  display: inline-block;
  color: #FFF;
  background: #907F7F;
  margin: 0 auto;
  font-size: 14px;
  line-height: 42px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  text-decoration: underline;
  text-decoration: none;
}

.btn a:hover {
  background: #4C3434;
  text-decoration: underline;
  text-decoration: none;
  color: #FFFFFF;
}

.campaign_itemPrice--tax {
  font-size: 12px;
  padding: 0 0 0 6px;
  display: inline;
}

.campaign_itemPrice:before {
  font-size: 12px;
  padding: 0 4px 0 0;
  content: "¥";
  display: inline;
  color: #b28e2f;
}

.btn2 {
  width: 70%;
	display: block;
  margin: 0 auto;
}

.btn2 a {
  width: 100%;
  height: 42px;
  display: inline-block;
  color: #000;
  background: #fff;
  margin: 0 auto;
  font-size: 14px;
  line-height: 42px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  text-decoration: underline;
  text-decoration: none;
}

.btn2 a:hover {
  background: #d8c01c;
  text-decoration: underline;
  text-decoration: none;
  color: #FFFFFF;
}

.campaign_itemPrice--tax2 {
  font-size: 12px;
  padding: 0 0 0 6px;
  display: inline;
}

.campaign_itemPrice2:before {
  font-size: 12px;
  padding: 0 4px 0 0;
  content: "¥";
  display: inline;
  color: #fff;
}

/* floating_banner */

.fixed_banner {
	position: fixed;
	top: 300px;
	right: 0;
	z-index: 100;
}

@media only screen and (max-width: 768px) {
	.fixed_banner {
		position: fixed;
		top: auto;
		bottom: 100px;
	}
}

.fixed_banner > * {
  width: 60px;
}

.fixed_banner > a {
  display: block;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

.fixed_banner > a:hover {
  opacity: .8;
}

/*
footer
*/
.box {
  margin: 0 auto;
  padding: 10px;
  color: #313131;
  font-size: 8px;
  float: left;
  box-sizing: border-box;
  width: 23vw;
}

.footer_menu::after {
  content: '';
  display: block;
  clear: both;
}

.logo{
width: 20%;
margin:auto;
}

.logo_li{
  width: 10%;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  border:none;
}

.logo_li img {
	width:10%;
	height:10%;
}

.supersmall{
  text-align: center;
font-style: normal;
letter-spacing: 0.1em;
font-size: 10px;
}

.address{
  color: #504f4f;
  margin: 20px 20px;

}

@media only screen and (max-width: 768px) {
  .box {
    float: none;
    width: 96vw;
  }

  .logo{
  width: 40%;
  margin:auto;
  }

  .logo_li{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    border:none;
  }

  .log_li{
        width: 40%;

  }

.logo_li img {
	width:40%;
	height:40%;
}


}