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


/* reset 
------------------------------*/

p,span,spam,ul,ol,li,dt,dd,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
.contents {
  max-width: 100%;
  padding: 0;
  box-sizing: border-box;
}

#breadcrumb {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 20px;
  box-sizing: border-box;
}



/* clearfix
============================== */
.clearfix:before,
.clearfix:after {
  display: block;
  overflow: hidden;
  content: "";
}
.clearfix:after {
  clear: both;
}

/* floatclear
============================== */
.floatclear:before,
.floatclear:after {
  display: block;
  overflow: hidden;
  content: "";
}
.floatclear:after {
  clear: both;
}

/* 基本style 共用 */
.base-fontfamily-min {
	font-family: "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}

.content-box {
	width: 100%;
	/*border: solid 1px #000;*/
}
.content-box_inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 10px;
}
.goodsDetailTopBack {
    position: absolute;
    height: 350px;
    width: 100%;
    background-color: #EFEEE8;
}
/*　//基本style 共用//　*/

/* fontsize
----------------------------------*/

.font30 {
  font-size: 187.5%;
}
.font24 {
  font-size: 150%;
}
.font20 {
  font-size: 125%;
}

/* margin-style
----------------------------------*/
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }

.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }

/* titlestyle
----------------------------------*/

.title-h1-style {
	width: 100%;
	line-height: 1.2em;
	padding-bottom: 3px;
	box-sizing: border-box;
	border-bottom: solid 1px #4e421e;
	display: block;
}

/* よかポイント制度　style
===================================*/

.yoka-p-header {
  max-width: 1200px;
  margin: 40px auto 0;
}
.yoka-p-header-sp {
  display: none;
}

.point-info-wrap {
  background: #fbf6e1;
  padding: 30px 0;
}

.point-contents-area {
  max-width: 1200px;
  margin: auto;
}

h1.point-h1-title,
h1.point-h1-title2 {
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: calc(36px + 0.2vw);
  line-height: 1.5em;
  font-weight: bold;
  /*letter-spacing: 0.05rem;*/
  border-bottom: 2px solid #36b3c4;
  padding: 0 0 0 40px;
  box-sizing: border-box;
  color: #000000;
}
h1.point-h1-title {
  margin: 30px 0 0;
}
.point-04,
h1.point-h1-title2 {
  margin: 50px 0 0;
}
h1.point-h1-title span,
h1.point-h1-title2 span {
  font-weight: bold;
  color: #e03337;
}
span.numer {
  font-family: "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
  font-size: calc(50px + 0.24vw);
  padding: 0 10px 0 0;
}

h1.point-h1-title3 {
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  width: 100%;
  padding: 5px 0;
  box-sizing: border-box;
  text-align: center;
  margin: 30px 0 0;
  background: #008ad2;
  font-size: calc(18px + 0.24vw);
  font-weight: bold;
  color: #ffffff;
}

h2.point-03-h2 {
  margin: 30px 0 20px;
  text-align: center;
  font-size: calc(16px + 0.24vw);
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
  border-top: solid 2px #008ad2;
  border-bottom: solid 2px #008ad2;
  color: #008ad2;
}
.point-01,
.point-02,
.point-03,
.point-04 {
  max-width: 1200px;
  background: #fff;
}
.point-01,
.point-02,
.point-04 {
  padding: 40px;
}
.point-03 {
  padding: 20px 40px 40px;
}
p.point-01-contents01-sp,
p.point-01-contents02-sp,
p.point-01-contents03-sp,
p.point-02-contents01-sp,
.point-03-a-sp,
.point-04-a-sp {
  display: none;
}
.point-01-a,
.point-01-b {
    padding: 0 0 40px;
}
.point-02-a {
}
.point-02-b {
  width: 100%;
  background: #e0f1f4;
  padding: 20px;
}
.point-h2 {
  margin-top: 40px;
}
.point-notes {
  font-size: calc(11px + 0.24vw);
  line-height: 1.6em;
}
.point-notes samp {
  font-size: calc(10px + 0.24vw);
  line-height: 1.5em;
}
.point-02-b {
  width: 100%;
  background: #e0f1f4;
  margin: 20px 0 40px;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}
.point-02-b p {
  text-align: left;
}
.point-attention {
  border: solid 1px #e40113;
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
  display: block;
  width: 28%;
}
.point-stage,
.point-stage-ing,
.point-serch-ing {
  display: block;
  padding: 0 15px;
  box-sizing: border-box;
}
.point-stage {
  width: 44%;
}
.point-stage-ing {
  width: 70%;
}
.point-serch-ing {
  width: 60%;
}

.point-stage-down,
.point-stage-down-ing {
  display: block;
  padding: 0 0 0 10px;
  box-sizing: border-box;
}
.point-stage-down {
  width: 28%;
}
.point-stage-down-ing {
  width: 30%;
}

.point-attention-text {
  font-size: calc(14px + 0.24vw);
  line-height: 1.5em;
  color: #231815;
  padding: 10px 0 0;
}

.point-attention-title_sp {
  display: none;
}

p.point-stage-title,
p.point-stage-down-title,
p.point-serch-title {
  width: 100%;
  padding: 5px;
  text-align: center;
  font-size: calc(16px + 0.24vw);
  font-weight: bold;
  border-radius: 100px;
}
p.point-stage-title,
p.point-stage-down-title {
  border: solid 2px #04b3c3;
  background: #fff;
  color: #04b3c3;
}
p.point-serch-title {
  background: #15b6c7;
  color: #fff;
  padding: 10px 15px;
  line-height: 1.5rem;
}
p.point-stage_text {
  font-size: 81.3%;
  line-height: 1.5em;
}
.point-stage_text span {
  color: #e8343d;
}
p.point-info_text,
p.point-info_text samp {
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: calc(12px + 0.23vw);
  font-weight: bold;
  margin: 20px 0 0;
  line-height: 1.5em;
}
p.point-info_text samp {
  color: #e8343d;
}
p.point-info_text span {
  font-size: calc(10px + 0.24vw);
  color: #e8343d;
}

.point-03-title {
  max-width: 1000px;
  margin: 0 auto;
}

p.point-stage-info,
.point-stage-into,
p.point-stage-info samp {
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: calc(12px + 0.24vw);
  font-weight: bold;
  line-height: 1.5em;
}
p.point-stage-info samp {
  color: #e8343d;
}

.point-02-wrap {
  width: 100%;
  display: flex;
  align-items: center;
}
.point-stage-into {
  width: 50%;
  text-align: center;
}
.point-stage-into.right {
  box-sizing: border-box;
  padding-right: 20px;
}
a.point-stage-into-bt {
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 15px 10px;
  background: #8da42e;
  text-align: center;
  font-size: calc(20px + 0.25vw);
  line-height: 1.5em;
  font-weight: bold;
  color: #ffffff;
  border-radius: 10px;
  text-decoration: none;
}

/* ing 専用style
=====================================*/

.point-h2-title-ing,
.point-h2-title2-ing {
  font-size: calc(28px + 0.24vw);
  line-height: 1.4em;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #352f2c;
  padding-left: 40px;
}
.point-h2-title-ing {
  background: url(/contents/shop/chojyu/point/rule/images/icon-saifu.jpg) no-repeat 0 30%;
  background-size: 30px;
}
.point-h2-title2-ing {
  background: url(/contents/shop/chojyu/point/rule/images/icon-serch.jpg) no-repeat 0 30%;
  background-size: 30px;
  margin: 50px 0 30px;
}
.point-h2-title-ing span,
.point-h2-title2-ing span {
  font-size: calc(28px + 0.24vw);
  font-weight: bold;
  letter-spacing: 0.05em;
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
p.boint-ing-body {
  font-size: calc(16px + 0.24vw);
  font-weight: bold;
  margin: 10px 0 20px;
  color: #352f2c;
}
p.point-serch_text {
  font-size: calc(16px + 0.24vw);
  line-height: 2.5rem;
  background-image: linear-gradient( rgba(178, 154, 109,.3) .1em, transparent .1em );
  background-size: auto 2.5rem;
}
p.point-serch_text span {
  color: #e14210;
}
.point-serch-box {
  display: flex;
  flex-wrap: wrap;
}
.point-photo-ing {
  width: 40%;
  /*padding: 0 20px;*/
}
.point-photo-ing-sp {
  display: none;
}
.ing-call-box {
  max-width: 100%;
  /*margin: 30px auto 0;*/
}
.ing-call-box-sp {
  display: none;
}

@media all and (min-width: 1100px) {
}
@media screen and (max-width: 860px) {
#breadcrumb {
  padding: 10px;
  font-size: 14px;
}
h1.point-h1-title,
h1.point-h1-title2 {
  font-size: calc(26px + 0.2vw);
  line-height: 1.5em;
  padding: 0 20px 0 20px;
}
h1.point-h1-title {
  margin: 10px 0 0;
}
.point-04,
h1.point-h1-title2 {
  margin: 20px 0 0;
}
span.numer {
  font-size: calc(32px + 0.24vw);
}
.point-02-b {
  display: block;
}
.point-attention {
  width: 100%;
}
.point-attention-title {
  display: none;
}
.point-attention-text {
  padding: 0;
}
.point-attention-title_sp {
  font-size: calc(20px + 0.20vw);
  font-weight: bold;
  line-height: 1.2em;
  padding-left: 40px;
  background: url(/contents/shop/chojyu/point/rule/images/point-02-contents02-sp.jpg) no-repeat 0 30%;
  background-size: 30px;
  display: flex;
  align-items: center;
  color: #231815;
}
.point-stage,
.point-stage-ing {
  width: 100%;
  padding: 10px 0;
}
.point-stage-down,
.point-stage-down-ing {
  width: 100%;
  padding: 10px 0 0;
}
p.point-stage_text {
  font-size: calc(13px + 0.24vw);
}
.point-serch-ing {
  width: 100%;
}
p.point-serch_text {
  font-size: calc(14px + 0.24vw);
  line-height: 2.0rem;
  background-size: auto 2.0rem;
}
.point-photo-ing {
  display: none;
}
.point-photo-ing-sp {
  width: 100%;
  padding: 30px 0 20px;
  box-sizing: border-box;
  display: block;
}
}
@media screen and (max-width: 768px) {
.point-02-wrap {
  display: block;
}
.point-stage-into {
  width: 100%;
}
.point-stage-into.right {
  padding-right: 0;
  font-size: calc(16px + 0.25vw);
}
a.point-stage-into-bt {
  margin: 20px 0 0;
  font-size: calc(18px + 0.25vw);
}
}
@media all and (min-width: 660px) {
}
@media screen and (max-width: 660px) {
#breadcrumb {
  padding: 10px;
  font-size: 14px;
}

.yoka-p-header {
  display: none;
}
.yoka-p-header-sp {
  display: block;
  width: 100%
  margin: 0;
}

h1.point-h1-title,
h1.point-h1-title2 {
  font-size: calc(20px + 0.2vw);
  line-height: 1.5em;
  padding: 0 10px 10px;
}
span.numer {
  font-size: calc(24px + 0.24vw);
  padding: 0 5px 0 0;
}
h1.point-h1-title3 {
  font-size: calc(14px + 0.24vw);
}

.point-info-wrap {
  padding: 10px 0;
}
.point-01,
.point-02,
.point-03,
.point-04 {
  max-width: 100%;
  padding: 20px 10px;
}
.point-01-a,
.point-01-b,
.point-01-c,
.point-02a,
.point-03-a,
.point-04-a {
  display: none;
}

p.point-01-contents01-sp,
p.point-01-contents02-sp,
p.point-01-contents03-sp,
p.point-02-contents01-sp,
p.point-03-a-sp,
p.point-04-a-sp {
  display: block;
}
p.point-03-a-sp {
  margin: 20px 0;
}

.point-attention-title_sp {
  font-size: calc(15px + 0.20vw);
  background-size: 20px;
  padding-left: 30px;
}
.point-h2-title-ing,
.point-h2-title2-ing {
  font-size: calc(20px + 0.24vw);
  margin: 20px 0 10px;
}
.point-h2-title-ing span,
.point-h2-title2-ing span {
  font-size: calc(20px + 0.24vw);
}
p.boint-ing-body {
  font-size: calc(14px + 0.24vw);
  line-height: 1.5em;
}
.point-serch-box {
    display: block;
}
.point-photo-ing {
  width: 100%;
  padding: 20px 10px;
}
.ing-call-box {
  display: none;
}
.ing-call-box-sp {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 5px;
}
}