/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */
.numcircle {
  width:25px;
  height: 25px;
  display: block;
  margin:0 auto 5px;
  color:#fff;
  background-color:#2E1D17;
  border-radius: 15px;
  font-size:16px;
  font-weight: 400;
  line-height: 25px;
}

/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {

 

/* Gift Title */
.giftcatetitle {
width:100%;
height: auto;
display: block;
font-size:28px;
font-weight:700;
line-height: 1.2em;
letter-spacing: 0px;
color:#E46620;
font-family: var(--font-min);
margin:0 0 5px 0;
padding:0;
}

/* Gift item box */
.giftitem_base {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
}
.giftitem_img {
width:100%;
height: auto;
display: block;
}
.giftitem_cc {
width:100%;
height: auto;
display: block;
padding:10px 0px 25px;
}
.giftitem_cc .giftitem_title {
width:100%;
height: auto;
display: table;
margin-bottom: 15px;
}
.giftitem_cc .giftitem_title .git_cc {
width:100%;
height: auto;
display: flex;
flex-direction: column;
padding:0 0 0 0;
}
.giftitem_cc .giftitem_title .git_cc h3 {
font-size:22px;
font-family: var(--font-min);
font-weight: 400;
line-height: 1.4em;
margin-bottom: 5px!important;
}
.giftitem_cc .giftitem_title .git_cc h3 span {
width:100%;
height: auto;
display: block;
font-size:14px;
line-height: 1.4em;
}
.giftitem_cc .giftitem_title .git_cc p.git_addtxt {
 font-size:12px;
 line-height: 1.25em;
 padding:0!important;
 margin:0!important;
}
.giftitem_cc .giftitem_title .git_cc p.git_price {
font-size:16px;
font-family: var(--font-min);
font-weight: 400;
line-height: 1.25em;
margin-top:15px;
margin-bottom: 0!important;
text-align: right;
}
.giftitem_cc .giftitem_title .git_cc p.git_price strong {
font-size:24px;
font-weight: 400;
}
p.git_bn_detail {
font-size:16px;
line-height: 1.4em;
text-align: center;
margin-bottom: 10px!important;
}
p.git_bn_detail a {
color:#333;
}
p.git_bn_cart a {
font-size:16px;
line-height:35px;
width:220px;
height:35px;
display:block;
text-decoration:none!important;
color:#FFF!important;
text-align:right;
margin:0 auto 0;
padding-right:10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color:#a90329;
text-shadow:-1px -1px 0px #661313;
background-image:url(../../img/icons/ic_cart.png);
background-position:8px center;
background-repeat:no-repeat;
background-size:auto 24px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
p.git_bn_cart a span {
font-size:16px;
line-height:35px;
margin:0!important;
}
p.git_bn_cart a:hover {
background: #2F1E1A;
text-shadow:-1px -1px 0px  #000;
background-image:url(../../img/icons/ic_cart.png);
background-position:8px center;
background-repeat:no-repeat;
background-size:auto 24px;
}

p.git_bn_shop a {
font-size:16px;
line-height:40px;
width:220px;
height:40px;
display:block;
text-decoration:none!important;
color:#FFF!important;
text-align:right;
margin:0 auto 0;
padding-right:10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color:#132445;
text-shadow:-1px -1px 0px #100b2e;
background-image:url(../../img/icons/ic_shopbag.png);
background-position:8px center;
background-repeat:no-repeat;
background-size:auto 24px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
p.git_bn_shop a span {
font-size:16px;
line-height:40px;
margin:0!important;
}
p.git_bn_shop a:hover {
background: #0c3b9f;
text-shadow:-1px -1px 0px  #000;
background-image:url(../../img/icons/ic_shopbag.png);
background-position:8px center;
background-repeat:no-repeat;
background-size:auto 24px;
}

.git_id2 {
width:fit-content;
height: 25px;
display: block;
border:1px solid #A07668;
text-align: center;
color:#A07668;
font-size:12px;
line-height: 23px;
padding:0 8px;
margin-bottom: 5px;
border-radius: 5%;
-webkit-border-radius: 5%;
-moz-border-radius: 5%;
}


}

/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {

 #postcontainer {
  width: 100%;
  height: auto;
  display: block;
  padding:0 5%;
 }


.maincc0 .maon0_02_gift {
  width: 100%;
		height: auto;
		display: block;
		padding:0 0 100px 0;
}

 /* Gift Title */
.giftcatetitle {
width:100%;
height: auto;
display: block;
font-size:24px;
font-weight:700;
line-height: 1.2em;
letter-spacing: 0px;
color:#E46620;
font-family: var(--font-min);
margin:0 0 5px 0;
padding:0;
}

/* Gift item box */
.giftitem_base {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
}

.giftitem_img {
width:100%;
height: auto;
display: block;
}
.giftitem_cc {
width:100%;
height: auto;
display: block;
padding:10px 0px 25px;
}
.giftitem_cc .giftitem_title {
width:100%;
height: auto;
display: table;
margin-bottom: 15px;
}
.giftitem_cc .giftitem_title .git_cc {
width:auto;
height: auto;
display: table-cell;
padding:0 0 0 5px;
vertical-align: top;
}
.giftitem_cc .giftitem_title .git_cc h3 {
font-size:24px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 5px;
}
.giftitem_cc .giftitem_title .git_cc h3 span {
width:100%;
height: auto;
display: block;
font-size:14px;
line-height: 1.4em;
}
.giftitem_cc .giftitem_title .git_cc p.git_price {
font-size:14px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
line-height: 1.25em;
margin-top:15px;
margin-bottom: 0;
text-align: right;
}
.giftitem_cc .giftitem_title .git_cc p.git_price strong {
font-size:22px;
font-weight: 400;
}

p.git_bn_detail {
font-size:16px;
line-height: 1.4em;
text-align: center;
margin-bottom: 10px;
}
p.git_bn_detail a {
color:#333;
}
p.git_bn_cart a {
font-size:16px;
line-height:35px;
width:200px;
height:35px;
display:block;
text-decoration:none!important;
color:#FFF!important;
text-align:right;
margin:0 auto 0;
padding-right:10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color:#a90329;
text-shadow:-1px -1px 0px #661313;
background-image:url(../../img/icons/ic_cart.png);
background-position:8px center;
background-repeat:no-repeat;
background-size:auto 24px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
p.git_bn_cart a span {
font-size:16px;
line-height:35px;
margin:0!important;
}
p.git_bn_cart a:hover {
background: #2F1E1A;
text-shadow:-1px -1px 0px  #000;
background-image:url(../../img/icons/ic_cart.png);
background-position:8px center;
background-repeat:no-repeat;
background-size:auto 24px;
}

.git_id2 {
width:fit-content;
height: 25px;
display: block;
border:1px solid #A07668;
text-align: center;
color:#A07668;
font-size:12px;
line-height: 23px;
padding:0 8px;
margin-bottom: 5px;
border-radius: 5%;
-webkit-border-radius: 5%;
-moz-border-radius: 5%;
}

}


/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

 #postcontainer {
  width: 100%;
  height: auto;
  display: block;
  padding:0 5%;
  margin:0 auto;
 }


.maincc0 .maon0_02_gift {
  width: 100%;
		height: auto;
		display: block;
		padding:0 0 100px 0;
}


.maincc0 .maon0_02_gift {
  width: 100%;
		height: auto;
		display: block;
		padding:0 0 100px 0;
}

 /* Gift Title */
.giftcatetitle {
width:100%;
height: auto;
display: block;
font-size:20px;
font-weight:700;
line-height: 1.2em;
letter-spacing: 0px;
color:#E46620;
font-family: var(--font-min);
margin:0 0 5px 0;
padding:0;
}

/* Gift item box */
.giftitem_base {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 padding:0!important;
 margin:0 auto!important;
}

.giftitem_img {
width:100%;
height: auto;
display: block;
}
.giftitem_cc {
width:100%;
height: auto;
display: block;
padding:0px 0px 25px;
}
.giftitem_cc div {
  padding:0!important;
  margin:0!important;
}
.giftitem_cc .giftitem_title {
width:100%;
height: auto;
display: table;
margin-bottom: 15px;
}
.giftitem_cc .giftitem_title .git_cc {
width:auto;
height: auto;
display: table-cell;
padding:0 0 0 0px!important;
vertical-align: top;
}
.giftitem_cc .giftitem_title .git_cc h3 {
font-size:18px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 10px;
}
.giftitem_cc .giftitem_title .git_cc h3 span {
width:100%;
height: auto;
display: block;
font-size:12px;
line-height: 1.4em;
}
.giftitem_cc .giftitem_title .git_cc p {
	font-size:14px;
	line-height: 1.4em;
}
.giftitem_cc .giftitem_title .git_cc p.git_price {
font-size:14px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
line-height: 1.25em;
margin-top:15px;
margin-bottom: 10px;
text-align: right;
color:#151515;
}
.giftitem_cc .giftitem_title .git_cc p.git_price strong {
font-size:20px;
font-weight: 400;
}


p.git_bn_detail {
font-size:16px;
line-height: 1.4em;
text-align: center;
margin-bottom: 10px;
}
p.git_bn_detail a {
color:#333;
}
p.git_bn_cart a {
font-size:14px;
line-height:40px;
width:100%;
height:40px;
display:block;
text-decoration:none!important;
color:#FFF!important;
text-align:right;
margin:0 auto 0;
padding-right:10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color:#a90329;
text-shadow:-1px -1px 0px #661313;
background-image:url(../../img/icons/ic_cart.png);
background-position:10px center;
background-repeat:no-repeat;
background-size:auto 20px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
p.git_bn_cart a span {
font-size:16px;
line-height:40px;
margin:0!important;
}
p.git_bn_cart a:hover {
background: #2F1E1A;
text-shadow:-1px -1px 0px  #000;
background-image:url(../../img/icons/ic_cart.png);
background-position:8px center;
background-repeat:no-repeat;
background-size:auto 24px;
}

p.git_bn_shop a {
font-size:16px;
line-height:40px;
width:100%;
height:40px;
display:block;
text-decoration:none!important;
color:#FFF!important;
text-align:right;
margin:0 auto 0;
padding-right:10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color:#132445;
text-shadow:-1px -1px 0px #100b2e;
background-image:url(../../img/icons/ic_shopbag.png);
background-position:8px center;
background-repeat:no-repeat;
background-size:auto 24px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
p.git_bn_shop a span {
font-size:16px;
line-height:40px;
margin:0!important;
}
p.git_bn_shop a:hover {
background: #0c3b9f;
text-shadow:-1px -1px 0px  #000;
background-image:url(../../img/icons/ic_shopbag.png);
background-position:8px center;
background-repeat:no-repeat;
background-size:auto 24px;
}

.git_id2 {
width:fit-content;
height: 25px;
display: block;
border:1px solid #A07668;
text-align: center;
color:#A07668;
font-size:12px;
line-height: 23px;
padding:0 8px;
margin-bottom: 5px;
border-radius: 5%;
-webkit-border-radius: 5%;
-moz-border-radius: 5%;
}



}