@charset "UTF-8";

/*---------------------------------------------
Browser Default Initialization seo_n_orange
---------------------------------------------*/
/* General Settings
----------------------------------------------- */
img {
max-width: 100%;
height: auto;
width: auto\9;
}
.text-center {
text-align: center;
}
#wrapper {
width: 100%;
min-height: 100%;
/* background: url(https://www.packinpack.com/pic-labo/bg_wrapper.jpg) repeat-x left top #fffeee; *//* お店の背景色 */
}
article h1 {
margin-bottom: 15px;
padding: 0 0 3px 0;
background:url(https://www.packinpack.com/pic-labo/ttl_line01.gif) repeat-x left bottom;　
color:#2663e0;/* テキストリンク */
font-size: 90%;
font-weight: bold;
line-height: 160%;
letter-spacing:0.1em;
}
.w100 {
width: 100%;
}
.bold {
font-weight: bold;
}
#contents-pop {
width: 98%;
height:99%;
padding:1%;
background:#fffef6;
}
#contents-pop #contact .btn-confirm{
padding-bottom:100px;
}

header {
position: fixed;
width: 100%;
top: 0;
z-index: 100;
background-color: #FFFFFF;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}
/* Header
----------------------------------------------- */
/***
div#wrapper div#enquete-header,
div#wrapper > div#cart-header,header {
background:none !important;
position: relative;
}
div#wrapper > div#enquete-header{
width: 1000px !important;
position: relative;
}
#header-inner {
width: 1000px;
margin: 0 auto;
height: zoom:1;
background: url(https://www.packinpack.com/pic-labo/header_back.jpg) right no-repeat !important;
}
div#wrapper > div#cart-header #header-inner{
position: relative;
}
header #header-inner{
background: url(https://www.packinpack.com/pic-labo/header_back.jpg) right no-repeat;
position: relative;
}
#header-inner #logo, #hNav {
display: table-cell;
vertical-align: top;
padding: 0 0 5px 0;
}
#header-inner #hNav {
width: 680px;
text-align: right;
padding-top: 73px;
padding-right: 0px;
}
* html #header-inner div {
display: inline;
zoom: 1;
}
*:first-child+html #header-inner div {
display: inline;
zoom: 1;
}
#header-inner #logo {
width: 340px;
}
#header-inner h1 {
max-width: 320px;
background: none;
margin: 0;
padding: 0;
}
#header-inner h1 a img:hover, #header-inner h2 a img:hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 1;
-moz-opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#hNav #searchbox_wrap {
overflow: hidden;
margin: 10px 2px 0px 0px;
float: right;
}
#hNav #searchbox {
width: 340px;
height: 38px;
line-height: 160%;
font-size: 65%;
color: #999;
align:right;
float: right;
overflow: hidden;
background: url(https://www.packinpack.com/pic-labo/searchbox.png) no-repeat left top;
}
#hNav #searchbox p {
float: left;
margin: 0 5px 0 0;
background: url(https://www.packinpack.com/pic-labo/t_search.png);
}
#hNav #searchbox p.cart-search {
margin-top: 0px;
}
#hNav #searchbox p img {
vertical-align: bottom;
opacity: 0.01;
}
#hNav #searchbox form{
float: left;
background: url(https://www.packinpack.com/pic-labo/searchbox_left.png) no-repeat right top;
}
#hNav #searchbox input.searchbox {
border: none;
width: 168px;
height: 21px;
margin: 0 7px 0 0;
padding: 0 5px;
border: 1px solid #cdcdcd;
}
#hNav #searchbox input.searchSubmit {
padding: 1px 1px 0 0;
opacity: 0.01;
}
#hNav ul#keyword {
line-height: 80%;
text-align: right;
margin: 5px 10px 10px 0;
min-height: 30px;
}
#hNav ul#keyword li {
display: inline-block;
*display: inline;
*zoom: 1;
}
#hNav ul#keyword li a {
float: left;
font-size: 60%;
padding: 0 0 0 10px;
}
#hNav ul#keyword li a:hover {
padding: 0 0 0 10px;
color: #2663e0;
}
#hNav ul#header-nav {
line-height: 100%;
color: #999;
margin: 10px 0px;
}
#hNav ul#header-nav li {
display: inline-block;
*display: inline;
*zoom: 1;
height: 26px;
padding: 5px 0 0 5px;
margin-left:2px;
font-size: 80%;
text-align: left;
font-weight: bold;
}
#hNav ul#header-nav li a:hover {
color: #2663e0;
text-decoration: none;
}
#hNav ul#header-nav li a.header-cart {
margin-right: 7px;
color:#2663e0;
}
#hNav ul#header-nav li a.header-cart a:hover{
color: #2663e0;
text-decoration: none;
}
#hNav ul#header-nav li a.header-mypage {
margin-right: -5px;
color:#2663e0;
}
#hNav ul#header-nav li a.header-mypage a:hover{
color: #2663e0;
text-decoration: none;
}
***/

/***
#gnav {
background: #4D4D4D;/ メインカラー /
width: 1000px;
margin: auto;
}
#gnav div.cart-nav,
#gnav nav {
width: 1000px;
height: 50px;/ ヘッダナビゲーション高さ /
margin: 0 auto;
overflow: hidden;
*zoom: 1;
}
#gnav div.cart-nav ul,
#gnav nav ul {
width:1000px;
height: 50px;/ ヘッダナビゲーション高さ /
margin:0 auto;
padding:0;
}
#gnav div.cart-nav ul li,
#gnav nav ul li {
float: left;
width:20%;
height: 50px;/ ヘッダナビゲーション高さ /
background: url(https://www.packinpack.com/pic-labo/gnavi.png) no-repeat left top #448E47;/ メインカラー /
font-size: 85%;
overflow:hidden;
}
#gnav div.cart-nav ul li:first-child, #gnav nav ul li:first-child {
float: left;
width: 20%;
background: url(https://www.packinpack.com/pic-labo/gnavi_first.png);
height: 50px;/ ヘッダナビゲーション高さ /
font-size: 85%;
overflow: hidden;
}
#gnav nav ul li:first-child a:hover{
background: url(https://www.packinpack.com/pic-labo/gnavi_on_first.png) no-repeat;
color:#403000;/ ナビゲーションテキストリンクオーバー /}
#gnav div.cart-nav ul,#gnav nav ul {
background:  url(https://www.packinpack.com/pic-labo/header_bg_border.png) no-repeat right;
}
#gnav div.cart-nav ul li a,#gnav div.cart-nav ul li span,#gnav nav ul li a,#gnav nav ul li span {
display:block;
width: 200px;
height: 34px;
padding-top: 20px;
text-align:center;
}
#gnav div.cart-nav ul li a:link,#gnav div.cart-nav ul li a:visited,#gnav nav ul li a:link,#gnav nav ul li a:visited {
color:#FFFFFF;/ ナビゲーションテキストリンク /
text-decoration: none;
}
#gnav div.cart-nav ul li span,#gnav div.cart-nav ul li a:hover,#gnav nav ul li span,#gnav nav ul li a:hover {
background: url(https://www.packinpack.com/pic-labo/gnavi_on.png) no-repeat #999999;
color:#403000;/ ナビゲーションテキストリンクオーバー /
}
#gnav div.cart-nav ul li span,#gnav nav ul li span {
cursor: default;
}
#gnav div.cart-nav a:active,#gnav nav a:active {
color:#FFFFFF;/ ナビゲーションテキストリンク /
text-decoration: none;
text-align: center;
vertical-align:middle;
}
***/

/* Contents
----------------------------------------------- */
#contents {
width: 1000px;
margin: 0 auto;
overflow: hidden;
/* padding-bottom: 57px; */
}
#sub-column {
float: left;
width: 220px;
margin-right: 30px;
padding-bottom: 60px;
*zoom: 1;
word-break:break-all;
}
#main-column {
width: 750px;
display: flex;
flex-wrap: wrap;
}
#main-column-full {
width: 100%;
margin: 0 auto 60px;
}
div#wrapper  div#enquete-section,
article section {
padding: 0;
}
div#wrapper  div#enquete-section:first-child,article section:first-child {
border-top: none;
}
div.cart-article p,
article p {
color:#555555;/* テキスト */
font-size: 0.75rem;
}
div.cart-article a:hover p,
article a:hover p {
color: #B47F23;
}
div#wrapper div#enquete-section ul,div.cart-article div.cart-section ul,article section ul {
font-size: 90%;
font-size: 0.9rem;
line-height: 160%;
color:#2663e0;/* テキストリンク */
}
section .reviewBox .reviewTxtNoImg ul li {
display : inline;
}
#mainVisual {
width: 100%;
}
#bread-crumb {
margin: 0 0 15px 0;
}
#bread-crumb-listTop, .bread-crumb-listCate {
width: 100%;
padding: 0;
margin: 0 0 3px 0;
}
#bread-crumb-listTop ol, .bread-crumb-listCate ol {
width: 720px;
margin: 0;
padding: 0;
overflow: hidden;
*zoom: 1;
}
#bread-crumb-listTop ol li, .bread-crumb-listCate ol li {
float: left;
*float: none;
*display: inline;
padding: 0 10px 0 13px;
font-size: 75%;
line-height: 120%;
letter-spacing:0.1em;
background: url(https://www.packinpack.com/pic-labo/arrow01.png) no-repeat left center;
*zoom: 1;
background-position-x: -4px;
background-position-y: -1px;
}
#bread-crumb-listTop ol li:first-child {
padding-left: 0;
background-image: none;
}
.column-set {
width: 100%;
overflow: hidden;
*zoom: 1;
padding-bottom:5px;
}
.column3 {
float: left;
width: 230px;
margin: 0 15px 20px 0;
padding-bottom: 20px;
}
.column3:nth-child(3n) {
margin: 0 0 20px 0;
}
.newItem .column3 .itemThumb-wrap {
margin: 0 0 5px 0;
position:relative;
}
.newItem .column3 .itemThumb {
display: table-cell;
text-align: center;
height: 230px;
width: 230px;
vertical-align: middle;
margin-bottom: 5px;
}
.column3 h3 {
font-size: 75%;
line-height: 120%;
margin-bottom: 3px;
}
.column3 p {
font-size: 75%;
}
.column3 img {
vertical-align: bottom;
}
.column3 p.price {
margin-bottom: 3px;
}
.column3 p.sp_price {
color: #F00;
}
.column4 {
float: left;
width: 170px;
margin: 0 0 15px 13px;
_margin: 0 0 15px 6px;
}
.column4:nth-child(4n) {
margin: 0 0 15px 13px;
}
.column4 .itemThumb-wrap {
margin: 0 0 10px 0;
position:relative;
}
.column4 .item-list-span-img{
width:170px;
display:inline-block;
}
/* .column5 .item-list-span-img{
width:130px;
display:inline-block;
} */
.column4 .itemThumb {
display: table-cell;
text-align: center;
height: 170px;
width: 170px;
vertical-align: middle;
margin-bottom: 5px;
}
.column4 .itemThumb a img {
max-height: 170px;
max-width: 170px;
}
.column4 h3 {
font-size: 80%;
line-height: 120%;
margin-bottom: 3px;
letter-spacing:0.1em;
}
.column4 p {
font-size: 80%;
}
.column4 img {
vertical-align: bottom;
}
.column4 p.sp_price {
color: #cc3333;
}
.column4 .badge {
position: absolute;
top:3px;
right:3px;
z-index: 99;
}
/* .column5 {
width: 130px;
}
.column5:nth-child(5n) {
margin-right:1px;
}
.column5:nth-child(5n+1) {
clear:both;
}
.column5 .itemThumb-wrap {
margin: 0 0 10px 0;
position:relative;
}
.column5 .itemThumb {
display: table-cell;
height: 120px;
width: 120px;
margin-bottom: 5px;
text-align: center;
vertical-align: middle;
}
.column5 .itemThumb a img {
max-height: 120px;
max-width: 120px;
}
.column5 h3 {
margin-bottom: 3px;
font-size: 70%;
line-height: 130%;
letter-spacing:0.1em;
text-align:left;
text-justify:inter-ideograph;
width: 120px;
margin: 0 auto;
}
.column5 p {
font-size: 80%;
}
.column5 img {
vertical-align: bottom;
}
.column5 p.sp_price {
color: #cc3333;
} */
p.fx_price span.strike {text-decoration: line-through;}
p.sp_price span.special_price_str,
p.sp_price span.selling_price_str,
p.sp_price span.selling_price,
p.sp_price span.taxin,
p.sp_price span.discount_rate{
color: #CC3333;
}
p.price span.selling_price,
p.price span.taxin{
color: #CC3333;
}
section .pickup, section .ranking, {
background: #f6f6f6;
border: #d6dacb 1px solid;
margin-bottom: 20px;
padding: 25px 0 30px;
}
/* .column5 .badge {
position: absolute;
top:3px;
right:3px;
z-index: 99;
} */
.pickup .column5 .itemThumb-wrap {
position:relative;
}
.freeArea2 {
}
.freeArea2 h2 {
width: 351px;
height: 43px;
line-height: 43px;
background: url(https://www.packinpack.com/pic-labo/Tline-bg.jpg) repeat-x left bottom;　
margin-bottom: 0;
padding: 0 0 0 10px;
vertical-align: middle;
border-top: 1px solid #FFFeee;
margin-top: -1px !important;
}
.freeArea2 h2 img {
padding: 14px 0 0 0;
}
.freeArea2 .free-banner {
margin-bottom: 5px;
}
.freeArea2 .free-contents {
}
.freeArea2 .free-contents p {
font-size: 80%;
line-height: 140%;
letter-spacing:0.1em;
margin: 5px 0 0 0;
}
.freeArea2 .free-contents ul{
margin: 0px 20px;
}
.freeArea2 .free-contents ol{
margin: 0px 40px;
}
.w100 .freeArea2 {
width: 750px;
position: relative;
margin: 5px 0 10px 0;
/*border-right: 1px solid #d9d3c3;
border-bottom: 1px solid #d9d3c3;
border-left: 1px solid #d9d3c3;
background-color: #FFF;*/
}
.w100 .freeArea2 h2 {
width: 748px;
height: 43px;
line-height: 43px;
background: url(https://www.packinpack.com/pic-labo/Tline-bg.jpg) repeat-x left bottom;　
margin-bottom: 0;
padding: 0;
vertical-align: middle;
border-left: 1px solid #d9d3c3;
border-top: 1px solid #d9d3c3;
border-right: 1px solid #d9d3c3;
}
#main-column .w100 .freeArea2 .freeAreaTitle{
padding-left:10px;
padding-top:5px;
font-weight: normal;
}
#main-column .half-cont .freeArea2 .freeAreaTitle{
padding-left:5px;
}
.half-cont .freeArea2.shopDiary {
border-right: 1px solid #d9d3c3;
border-bottom: 1px solid #d9d3c3;
border-left: 1px solid #d9d3c3;
background:#FFF;
}
#sub-column .freeArea2 {
border: none;
/*border-bottom: 1px solid #d9d3c3;*/
width: 220px;
margin: 0 0 10px;
padding: 0;
-moz-border-radius: 0 0 4px 4px / 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px / 0 0 4px 4px;
border-radius: 0 0 4px 4px / 0 0 4px 4px;
/*background: url(../img/scolumn_bg.gif) repeat-y left top #FFF;
border-top: 1px solid #d9d3c3;*/
z-index: 999;
}
.half-cont .group {
border-right: 1px solid #d9d3c3;
border-bottom: 1px solid #d9d3c3;
border-left: 1px solid #d9d3c3;
width: 363px;
margin: 30px 0 0;
-moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
border-radius:0 0 4px 4px / 0 0 4px 4px;
background-color: #FFF;
position: relative;
}
.half-cont .group .group-Title {
display: none;
}
.half-cont .group h2 {
width: 353px;
height: 43px;
margin-bottom: 10px;
padding: 0 0 0 10px;
line-height: 45px;
background: url(https://www.packinpack.com/pic-labo/Tline-bg.jpg) repeat-x left bottom;
vertical-align: middle;
}
.group .group-banner {
margin-bottom: 5px;
}
.group ul {
line-height: 110%;
margin:0 0 15px 10px;
}
.group ul li {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 80%;
margin: 0 15px 5px 0;
padding: 0 0 0 18px;
background: url(https://www.packinpack.com/pic-labo/arrow01.png) no-repeat 0 0;
}
.w100 .group {
width: 748px;
position: relative;
margin: 30px 0 0;
border-right: 1px solid #d9d3c3;
border-bottom: 1px solid #d9d3c3;
border-left: 1px solid #d9d3c3;
background-color: #FFF;
}
.w100 .group .group-Title {
display: none;
}
.w100 .group h2 {
width: 738px;
height: 43px;
line-height: 43px;
background: url(https://www.packinpack.com/pic-labo/Tline-bg.jpg) repeat-x left bottom;
margin-bottom: 10px;
padding: 0 0 0 10px;
vertical-align: middle;
}
.half-cont .category {
border-right: 1px solid #d9d3c3;
border-bottom: 1px solid #d9d3c3;
border-left: 1px solid #d9d3c3;
width: 363px;
margin: 30px 0 0;
-moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
border-radius:0 0 4px 4px / 0 0 4px 4px;
background-color: #FFF;
position: relative;
}
.half-cont .category .category-Title {
display: none;
}
.half-cont .category h2 {
width: 353px;
height: 43px;
line-height: 45px;
background: url(https://www.packinpack.com/pic-labo/Tline-bg.jpg) repeat-x left bottom;
margin-bottom: 10px;
padding: 0 0 0 10px;
vertical-align: middle;
}
.category .category-banner {
margin-bottom: 5px;
}
.category ul {
line-height: 110%;
margin:0 0 15px 10px;
}
.category ul li {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 80%;
margin: 0 15px 5px 0;
padding: 0 0 0 18px;
background: url(https://www.packinpack.com/pic-labo/arrow01.png) no-repeat 0 0;
}
.w100 .category {
width: 748px;
position: relative;
margin: 30px 0 0;
border-right: 1px solid #d9d3c3;
border-bottom: 1px solid #d9d3c3;
border-left: 1px solid #d9d3c3;
background-color: #FFF;
}
.w100 .category h2 {
width: 738px;
height: 43px;
line-height: 43px;
background: url(https://www.packinpack.com/pic-labo/Tline-bg.jpg) repeat-x left bottom;
margin-bottom: 15px;
padding: 0 0 0 10px;
vertical-align: middle;
}
.w100 .category .category-Title {
display: none;
}
.w100 .category h3{
font-weight: bold;
line-height: 120%;
font-size: 80%;
padding-left:10px;
}
section .freeArea {
width: 748px;
height: 300px;
position: relative;
margin: 30px 0 0;
border-right: 1px solid #d9d3c3;
border-bottom: 1px solid #d9d3c3;
border-left: 1px solid #d9d3c3;
background-color: #FFF;
}
section .freeArea h2 {
width: 738px;
height: 43px;
line-height: 43px;
background: url(https://www.packinpack.com/pic-labo/Tline-bg.jpg) repeat-x left bottom;
margin-bottom: 15px;
padding: 0 0 0 10px;
vertical-align: middle;
}
/*  Sub Column
----------------------------------------------- */
#sub-column .group, #sub-column .category, #sub-column #followUs, #sub-column .newItem, #sub-column .link, #sub-column .pickup, #sub-column .ranking {
border: none;
border-bottom: 1px solid #d9d3c3;
width: 220px;
margin: 0 0 30px;
padding: 0;
-moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
border-radius:0 0 4px 4px / 0 0 4px 4px;
background: url(../img/scolumn_bg.gif) repeat-y left top #FFF;/* 画像 */
position: relative;
}
#sub-column h2 {
width: 200px;
height: 23px;
margin: 0 0 3px 0;
padding: 10px;
background: url(https://www.packinpack.com/pic-labo/scolumn_ttl_bg.png) no-repeat left top;
color: #FFF;
font-size: 90%;
font-weight: bold;
text-align: center;
line-height: 165%;
}
#sub-column .category h3 {
padding: 8px 0 10px 30px;
font-size: 90%;
font-weight: bold;
background: url(https://www.packinpack.com/pic-labo/arrow02.png) no-repeat 8px 8px;
}
#sub-column .group nav, #sub-column .category nav, #sub-column .link nav {
border-top: none;
}
#sub-column .group nav ul, #sub-column .category nav ul, #sub-column .link nav ul {
margin:0 0 5px 0;
padding:0 0 0 3px;
line-height: 160%;
}
#sub-column .group nav ul li, #sub-column .category nav ul li, #sub-column .link nav ul li {
display:block;
margin:0;
padding: 3px 3px 3px 28px;
background: url(https://www.packinpack.com/pic-labo/arrow01.png) no-repeat 10px 8px;
font-size: 80%;
}
#sub-column .group nav ul li:last-child, #sub-column .category nav ul:last-child, #sub-column .link nav ul:last-child{
border-bottom: dotted 1px #d9d3c3;
}
#sub-column .link nav ul li {
line-height:180%;
}
#sub-column .keyword nav ul li {
display: inline;
}
#sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
color:#2663e0;/* テキストリンク */
text-decoration: none;
line-height: 130%;
}
#sub-column .group nav ul li:first-child a, #sub-column .category nav ul li:first-child a, #sub-column .link nav ul li:first-child a {
border-top: none;
padding: 4px 0 0;
}
#sub-column .group nav ul li a:hover, #sub-column .group nav ul li a:active, #sub-column .category nav ul li a:hover, #sub-column .category nav ul li a:active, #sub-column .link nav ul li a:hover, #sub-column .link nav ul li a:active {
color: #2663e0;/* テキストリンクオーバー */
text-decoration: none;
}
#sub-column #snav_calendar h2 {
background-image: none;
}
#sub-column div.subc_cal_cont {
border-bottom: 1px solid #d9d3c3;
width:  220px;
margin: 0 0 30px;
padding: 0;
-moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
border-radius:0 0 4px 4px / 0 0 4px 4px;
background: url(../img/scolumn_bg.gif) repeat-y left top #FFF;/* 画像 */
position: relative;
}
#sub-column div#subc_calendar h2 {
background: url(https://www.packinpack.com/pic-labo/Title-scolumn_calendar.jpg) no-repeat;
width: 220px;
height: 43px;
margin: 0;
padding: 0;
color: #FFF;
font-size: 90%;
text-align: center;
}
#sub-column div.cal_wrapper table.cal {
width: 80%;
margin: 10px auto;
line-height: 130%;
}
#sub-column div.cal_wrapper table.cal tr th p.month {
float: left;
width: 70%;
text-align: center;
font-size: 80%;
}
#sub-column div.cal_wrapper table.cal tr th input {
float: left;
border: none;
}
#sub-column div.cal_wrapper table.cal tr th input.prev {
background: url(../img/calendar_pleft.gif) no-repeat left bottom #FFF;
width: 15%;
height: 17px;
}
#sub-column div.cal_wrapper table.cal tr th input.next {
background: url(../img/calendar_pright.gif) no-repeat right bottom #FFF;
width: 15%;
height: 17px;
}
#sub-column div.cal_wrapper table.cal tr td {
border: solid 1px #CCC;
font-size: 75%;
text-align: center;
}
#sub-column div.cal_wrapper table.cal tr.headline td {
border: none;
padding: 10px 0 2px 0;
}
#sub-column div.subc_cal_cont .cap {
padding: 0 20px 10px;
font-size: 60%;
font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
width: auto;
}
#sub-column div.subc_cal_cont .cap ul {
margin: 3px 0 0;
}
#sub-column div.subc_cal_cont .cap li {
display: inline-block;
line-height: 140%;
overflow: hidden;
}
#sub-column div.subc_cal_cont .cap li span {
margin: 0 10px 0 0;
}
#sub-column div.subc_cal_cont .cap .ico_cap01 {
font-size: 120%;
vertical-align: middle;
margin: 0 2px 0 0;
color: #2663e0;/* テキストリンクオーバー */
}
#sub-column div.subc_cal_cont .cap .ico_cap02 {
font-size: 120%;
vertical-align: middle;
margin: 0 2px 0 0;
color: #e33d3d;
}
#sub-column div.subc_cal_cont .cap .cap-info {
line-height: 140%;
padding: 0;
}
#sub-column div.cal_wrapper table.cal tr td div.Today {
background-color: #EEEEEE;
font-weight: bold;
}
#sub-column div.cal_wrapper table.cal tr td div.Deli {
background-color: #EFE;
}
#sub-column div.cal_wrapper table.cal tr td div.Holyday {
background-color: ff8205;
color: #FFFFFF;
}
#sub-column div.cal_wrapper table.cal tr td div.backward {
color: #CCC;
font-weight: normal;
background-color: #FFF;
}
#sub-column div.cal_wrapper table.cal tr td div.pointer {
cursor: pointer;
}
#sub-column div.cal_wrapper table.cal tr td div.pointer:hover {
background-color: #EEE;
}
#sub-column #snav_mailMag {
padding-top: 43px;
background: url(https://www.packinpack.com/pic-labo/Title-scolumn_mmag.jpg) no-repeat;
}
#sub-column #snav_mailMag h2 {
background-image: none;
}
#sub-column div.snav_mailMag_cont {
border-bottom: 1px solid #d9d3c3;
width:  220px;
margin: 0 0 30px;
padding: 0;
-moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
border-radius:0 0 4px 4px / 0 0 4px 4px;
background: url(../img/scolumn_bg.gif) repeat-y left top #FFF;/* 画像 */
position: relative;
}
#sub-column div.snav_mailMag_cont h2 {
width: 220px;
height: 43px;
margin: 0;
padding: 0;
background: none;
color: #FFF;
font-size: 90%;
text-align: center;
}
#sub-column div.snav_mailMag_cont p {
font-size: 75%;
line-height: 130%;
padding: 10px 15px 10px;
}
#sub-column div.snav_mailMag_cont input.mailAddress{
width: 140px;
height: 18px;
margin: 0 0 0 15px;
position: relative;
vertical-align: middle;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag {
border: 1px solid #d2d2d2;
width: 40px;
padding: 2px;
text-align: center;
color: #FFF;
font-size: 80%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #448E47;/* メインカラー */
position: relative;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag:hover {
background-color: #6BB870;
}
#sub-column #snav_followUs {
position: relative;
margin: 20px 0 20px 0;
line-height: 90%
}
#sub-column #snav_followUs nav ul {
overflow: hidden;
}
#sub-column #snav_followUs nav ul li {
float: left;
margin: 0 5px 0 0;
padding: 0;
}
#sub-column #snav_followUs nav ul li img {
vertical-align: bottom;
}
#sub-column #snav_followUs nav ul li a:hover img{
opacity: .70 !important;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cursor: pointer;
}
#subc_freeArea {
margin: 0 0 30px;
}
#main-column .newItem h2 {
background: url(https://www.packinpack.com/pic-labo/Title-newarrival.jpg) no-repeat;
position: relative;
top: -2px;
padding-top: 2px;
color:#444;/* サブカラーテキスト */
}
#sub-column .newItem {
position: relative;
line-height: 90%
}
#sub-column .newItem h2 {
width: 200px;
height: 23px;
margin: 0 0 5px 0;
padding: 12px 10px 10px;
background: url(https://www.packinpack.com/pic-labo/Title-scolumn-new.png) no-repeat;
color: #FFFFFF;
font-size: 90%;
text-align: center;
position: relative;
top: -3px;
}
#sub-column .newItem .new-Title {
position: absolute;
left: 10px;
top: -2px;
}
#sub-column .newItem .column3, #sub-column .newItem .column4 {
padding: 0;
margin: 5px 0 20px 0;
float: none;
width: 100%;
border-bottom: none;
}
#sub-column .newItem .column4 .itemThumb-wrap {
width: 170px;
margin: 0 auto 10px auto;
}
#sub-column .newItem .column4 .itemThumb {
height: 170px;
width: 170px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
#sub-column .newItem .column4 .itemThumb a img {
max-height: 170px;
max-width: 170px;
}
#sub-column .newItem .column4 p.inner-catch,
#sub-column .newItem .column5 p.inner-catch {
margin: 0 24px 0 24px;
}
#sub-column .newItem h3 {
margin: 0 24px 0 24px;
text-align: left;
font-size: 80%;
letter-spacing:0.1em;
}
#sub-column .newItem p.price {
margin: 5px 24px 5px 24px;
text-align: left;
font-size: 80%;
}
#sub-column .newItem p.sp_price {
text-align: left;
margin: 0 24px 0 24px;
font-size: 80%;
}
#sub-column .newItem p.sp_price {
color: #cc3333;
}
#sub-column .pickup {
position: relative;
line-height: 90%
}
#sub-column .pickup .pickup-Title {
position: absolute;
left: 10px;
top: -2px;
}
#sub-column .pickup h2 {
width: 200px;
height: 23px;
margin: 0 0 5px 0;
padding: 12px 10px 10px;
background: url(https://www.packinpack.com/pic-labo/Title-scolumn-pickup.png) no-repeat;
color: #FFFFFF;
font-size: 90%;
text-align: center;
position: relative;
top: -3px;
}
#sub-column .pickup .column5 {
padding: 0;
margin: 5px 0 20px 0;
float: none;
width: 100%;
border-bottom: none;
}
#sub-column .pickup .column5 .itemThumb-wrap {
position:relative;
width: 130px;
margin: 0 auto 10px auto;
}
#sub-column .pickup .column5 .itemThumb {
height: 130px;
width: 130px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
#sub-column .pickup .column5 .itemThumb img {
max-height: 130px;
max-width: 130px;
}
#sub-column .pickup h3 {
margin: 0 24px;
text-align: left;
font-size: 80%;
letter-spacing:0.1em;
}
#sub-column .pickup p.price {
margin: 5px 24px;
text-align: left;
font-size: 80%;
}
#sub-column .pickup p.sp_price {
text-align: left;
margin: 0 42px 0 42px;
font-size: 80%;
}
#sub-column .pickup p.sp_price {
color: #cc3333;
}
#sub-column .pickup .column5 .badge {
position: absolute;
top:3px;
right:3px;
z-index: 100;
}
#sub-column .pickup .column5 p.inner-catch {
margin: 0 24px 0 24px;
}
#sub-column .ranking {
position: relative;
line-height: 90%
}
#sub-column .ranking .ranking-Title {
position: absolute;
left: 10px;
top: -2px
}
#sub-column .ranking h2 {
width: 200px;
height: 23px;
margin: 0 0 5px 0;
padding: 12px 10px 10px;
background: url(https://www.packinpack.com/pic-labo/Title-scolumn-ranking.png) no-repeat;
color: #FFF;
font-size: 90%;
text-align: center;
position: relative;
top: -3px;
}
#sub-column .ranking .column5 {
padding: 0;
margin: 5px 0 20px 0;
float: none;
width: 100%;
border-bottom: none;
}
#sub-column .ranking .column5 .itemThumb-wrap {
position: relative;
width: 130px;
margin: 0 auto 10px auto;
}
#sub-column .ranking .column5 .itemThumb {
display: table-cell;
height: 130px;
width: 130px;
margin-bottom: 5px;
text-align: center;
vertical-align: middle;
}
#sub-column .ranking .column5 .itemThumb img {
max-height: 130px;
max-width: 130px;
}
#sub-column .ranking h3 {
margin: 0 24px;
text-align: left;
font-size: 80%;
letter-spacing:0.1em;
}
#sub-column .ranking p.price {
margin: 5px 24px;
text-align: left;
font-size: 80%;
}
#sub-column .ranking p.sp_price {
text-align: left;
margin: 0 43px 0 43px;
font-size: 80%;
color: #cc3333;
}
#sub-column .ranking .column5 .badge {
position:absolute;
top:3px;
right:3px;
z-index: 100;
}
#sub-column .ranking .column4 p.inner-catch,
#sub-column .ranking .column5 p.inner-catch {
margin: 0 24px 0 24px;
}
/*  Footer
----------------------------------------------- */
footer, #cart-footer{
width: 100%;
padding: 33px 0 24px;
background-color: #0FBD0E;
font-size: 13px;
color: #ffffff;
}
#footer-inner{
width: 1000px;
margin: auto;
}
.footer_gnavi{
float: left;
margin-bottom: 15px;
}
.footer_gnavi ul{
margin-right: 60px;
float: left;
}
.footer_gnavi ul li{
margin-bottom: 7px;
}
.footer_gnavi ul li a:link {
color: #ffffff;
}
.footer_gnavi ul li a:visited {
color: #ffffff;
}
.footer_gnavi ul li a:hover {
color: #ffffff;
}
.footer_gnavi ul li a:active {
color: #ffffff;
}
#footer-company{
float: right;
}
#footer-company p{
margin-bottom: 20px;
}
#footer-company strong{
font-weight: bold;
font-size: 14px;
}
#copyright{
padding: 25px 0 10px;
text-align: center;
border-top: #397936 solid 1px;
}
/*  Page Top
----------------------------------------------- */
#page-top a {
position: fixed;
bottom: 85px;
right: 20px;
font-size: 77%;
z-index: 100;
background-image: url(https://www.packinpack.com/pic-labo/pagetop.png) !important;
}
#page-top a {
text-decoration: none;
width: 61px;
height: 61px;
padding: 0;
text-align: center;
display: block;
color: #fff;
}
#page-top a img {
display:none !important;
}
#page-top a:hover {
text-decoration: none;
background-image: url(https://www.packinpack.com/pic-labo/pagetop_on.png) !important;
}
#page-top a:hover img{
opacity: 0;
}
/* shoppinguide
----------------------------------------------- */
section #guide p {
font-size: 80%;
line-height: 180%
}
section #guide .guide01 {
padding-bottom: 20px;
}
section #guide .guide01 h2 {
margin-bottom: 10px;
padding: 0 0 3px 0;
font-size: 80%;
border-bottom:1px dotted #444444;
background: none;
font-weight: bold;
line-height: 160%;
}
section #guide .guide01 ul {
font-size: 80%;
list-style-type: disc;
margin-top: 10px;
}
section #guide .inner {
overflow: hidden;
margin-bottom: 10px;
padding-right:10px;
letter-spacing:0.1em;
}
section #guide .inner .fL {
float: left;
width: auto;
margin-right: 20px;
max-width: 350px;
}
section #guide .inner .fR {
float: right;
width: auto;
max-width: 350px;
}
/* business
----------------------------------------------- */
section #guide .chart .ttlShop {
font-size: 80%;
font-weight: bold;
border: none;
margin: 0;
}
section #guide table {
line-height: 120%;
}
section #guide table th {
width: 170px;
padding: 15px 20px;
background:#EEEEEE;/* テーブル背景色 */
border:1px solid #DDDDDD;/* テーブル枠線色 */
font-size: 80%;
/*font-weight: bold;*/
letter-spacing:0.1em;
}
section #guide table th.shopGuidePointClass{
width:530px;
}
section #guide table td {
/*width: 530px;*/
padding: 15px 20px;
border:1px solid #DDDDDD;/* テーブル枠線色 */
background:#FFFFFF;
font-size: 80%;
letter-spacing:0.1em;
}
/* diary
----------------------------------------------- */
#DiaryList h2, #Diary h2 {
font-size: 80%;
border-bottom:1px dotted #444444;
}
#DiaryList .Diary-cont, #Diary .Diary-cont {
margin: 0 0 15px;
letter-spacing:0.1em;
line-height:140%;
}
#DiaryList article {
margin: 0 0 40px;
}
.state_l {
border-top: 1px dotted #444444;
padding: 10px 0 0;
font-size: 65%;
}
.state_r {
border-top: 1px dotted #444444;
padding: 10px 0 0;
margin: 0 0 25px;
text-align: right;
font-size: 70%;
}
.state_l ul, .state_r ul {
line-height: 90%;
}
.state_l li, .state_r li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 3px 0 0;
}
.state_l li.comment, .state_r li.comment {
border-left: 1px solid #2663e0;
padding: 0 0 0 5px;
}
.state_l li.cate, .state_r li.cate {
border-left: 1px solid #2663e0;
padding: 0 5px;
}
.state_l li.name {
border-right: 1px solid #2663e0;
padding: 0 5px 0;
margin: 0 5px 10px 0;
}
#Diary .more, #Journal .more {
display: block;
width: 132px;
height: 27px;
margin: 10px auto 0;
padding: 3px 0 0;
background: url(../img/btn_comment01.gif) no-repeat left top;/* 画像 */
text-indent:-9999px;
vertical-align: middle;
}
#Diary a, #Journal a {
text-decoration: none;
}
#Diary a .more:hover, #Journal a .more:hover {
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cunster: pointer;
}
#Diary .more img, #Journal .more img {
padding: 0 5px 0;
vertical-align: middle;
}
#DiaryList .comment-t, #Diary .comment-t, #JournalList .comment-t, #Journal .comment-t {
font-size: 80%;
font-weight: bold;
margin: 0 0 10px 0;
}
#Diary .comment-cont, #Journal .comment-cont {
margin: 0 0 15px;
letter-spacing:0.1em;
line-height:140%;
}
#Diary fieldset, #Journal fieldset {
margin-bottom: 5px;
}
#Diary legend, #Journal legend {
background: none repeat scroll 0 0 transparent;
font-size: 80%;
line-height: 200%;
padding: 0;
width: 100%;
}
#Diary fieldset p, #Journal fieldset p {
margin-bottom: 5px;
font-size: 80%;
}
#Diary fieldset input, #Journal fieldset input {
margin: 0 3px 2px 0;
}
#Diary input.name, #Journal input.name {
width: 215px;
height: 16px;
padding: 2px 5px;
margin: 0;
}
#Diary input.url, #Journal input.url {
width: 215px;
height: 16px;
padding: 2px 5px;
margin: 0;
}
#Diary textarea, #Journal textarea {
width: 360px;
height: 100px;
margin: 0;
padding: 5px;
}
#Diary .btn-confirm, #Journal .btn-confirm {
margin: 10px 0 0 120px;
}
.btn-confirmPost {
width: 142px;
height: 30px;
margin: 0;
padding: 0;
font-size: 80%;
background: url(../img/btn-confirm_bg.png) no-repeat left center;/* 画像 */
border: none;
color: #FFF;
text-align: center;
}
.btn-confirmPost:hover {
background: url(../img/btn-confirm_bg_on.png) no-repeat left center;/* 画像 */
}
#comment-form legend  {
background: none repeat scroll 0 0 transparent;
font-size: 80%;
line-height: 200%;
padding: 0;
width: 100%;
font-weight: bold;
}
#comment-form p {
margin-bottom: 15px;
}
#comment-form .name {
width: 215px;
height: 16px;
}
#comment-form .comment-txt {
width: 360px;
padding: 0;
height: auto;
}
#comment-post {
margin: 35px 0;
}
.comment-box {
margin: 20px 0 0;
}
div.caution p {
color: #d51414;
font-size: 75%;
line-height: 145%;
}
.btn-confirmBack {
width: 102px;
height: 30px;
margin: 0 5px 0 0;
padding: 0;
font-size: 80%;
text-align: center;
background: url(../img/btn-confirm_bg02.png) no-repeat left top;/* 画像 */
border: none;
color: #FFF;
}
.btn-confirmBack:hover {
background: url(../img/btn-confirm_bg02_on.png) no-repeat left top;/* 画像 */
}
/*
----------------------------------------------- */
#JournalList h2, #Journal h2 {
font-size: 80%;
border-bottom:1px dotted #444444;
margin: 0 0 20px 0;
}
#JournalList .journal-cont, #Journal .journal-cont {
margin: 0 0 15px;
letter-spacing:0.1em;
line-height:140%;
}
#JournalList .journal-cont, #Journal .journal-cont table{
width: 100%;
border: solid 1px #FFF;
border-collapse: collapse;
margin: 0 0 24px 0;
}
#JournalList .journal-cont, #Journal .journal-cont table td{
line-height: 120%;
}
.journal-cont table{
width: 100%;
border: solid 1px #FFF;
border-collapse: collapse;
margin: 0 0 24px 0;
}
.journal-cont table td{ line-height: 120%;}
.journal-cont table.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.journal-cont table.bordlayoutp3 tr {padding: 3px;border:1px solid #999999;}
.journal-cont table.bordlayoutp3 td {padding: 3px;border: 1px solid #777;}
.journal-cont table.bordlayoutp3 th {padding: 5px;border: 1px solid #777;}
.journal-cont table.bordlayoutp3 .side {padding: 10px 0px;}/* 横余白10px */
.journal-cont table td strong{ font-size: 12px;}
#JournalList article { margin: 0 0 40px; }
#JournalList .journal-cont ul, #Journal .journal-cont ul
{margin: 0px 40px;}
#JournalList .journal-cont ol, #Journal .journal-cont ol
{margin: 0px 40px;}
/* sitemap
----------------------------------------------- */
section#document_wrap h2 {
font-size: 80%;
font-weight: bold;
line-height: 200%;
border-bottom:1px dotted;
margin-bottom: 10px;
background: none;
padding: 0;
}
section#document_wrap h3 {
font-size: 80%;
}
section #document li {
font-size: 80%;
font-size:90%;
}
section #document .txt-list01 {
padding-bottom: 30px;
}
section #document .txt-list01 li.c1 {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 25px 0 0;
}
section #document .txt-list02 {
padding-bottom: 10px;
overflow: hidden;
}
section #document .txt-list02 h3 {
font-weight: bold;
}
section #document .txt-list02 section.tree00 {
float: left;
padding: 0 35px 20px 0;
width:170px;
}
section #document .txt-list02 ul.tree01 {
padding: 0 0 0 12px;
overflow: hidden;
}
section #document .txt-list02 ul.tree01 li.c2 {
padding: 0 0 0 14px;
margin: 0 0 0 3px;
font-size: 80%;
}
section #document .txt-list02 ul.tree01 li.c3 {
padding: 0 0 0 28px;
margin: 0 0 0 3px;
font-size: 80%;
}
section #document .txt-list02 ul.tree01 li.c4 {
padding: 0 0 0 42px;
margin: 0 0 0 3px;
font-size: 80%;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 {
padding: 0 0 0 56px;
margin: 0 0 0 3px;
font-size: 80%;
}
section #document .txt-list02 ul.tree01 li.sp1 {
float:left;
padding: 0 0 0 14px;
margin: 0 0 0 3px;
font-size: 80%;
}
section #document .txt-list02 ul.tree01 li.sp2 {
float:left;
padding: 0 0 0 2px;
font-size: 80%;
}
section #document .txt-list02 ul.tree01 li.sp3{
float:left;
padding: 0 0 0 2px;
font-size: 80%;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 a{
display: inline;
*display: inline;
*zoom: 1;
padding: 0 10px 0 0;
font-size: 110%;
}
section #document .txt-list02 ul.iB {
padding: 5px 0 0 12px;
float: left;
line-height: 120%;
}
section #document .txt-list02 ul.iB li {
padding: 0 10px 0 0;
float: left;
}
section #document .txt-list03 {
padding-bottom: 30px;
overflow: hidden;
}
section #document .txt-list03 section.tree00 {
float: left;
padding: 0 35px 0 0;
width: 156px;
}
section #document .txt-list03 ul.tree01 li {
padding: 0 0 0 7px;
margin: 0 0 0 5px;
/*background: url(../img/ico_list01.gif) no-repeat left center;*/
}
section #document .txt-list01 li.c1,
section #document .txt-list02 ul.tree01 li.c1,
section #document .txt-list03 section.tree00 h3 a {
padding: 0 25px 0 18px;
background: url(https://www.packinpack.com/pic-labo/arrow01.png) no-repeat left center;
}
section #document .txt-list03 ul.tree01 li a {
padding: 0 0 0 12px;
margin: 0 0 0 3px;
background: url(../img/list01.png) no-repeat left center;/* 画像 */
font-size: 80%;
}
/*---------------------------------------------
Browser Default Initialization
---------------------------------------------*/
* {margin:0;padding:0;}
html {
overflow-y: scroll;
height: 100%;
}
img {
margin: 0;
padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
/* width: 100%; */
}
caption, th {
text-align: left;
}
q:before ,q:after {
content: '';
}
object, embed {
vertical-align: top;
}
hr {
display: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 13px;
font-weight: normal;
}
img, abbr, acronym, fieldset {
border: 0;
}
img {
-ms-interpolation-mode: bicubic;
border: none;
}
ul li, ol li {
list-style-type: none;
}
input {
vertical-align: middle;
}
/*---------------------------------------------
body
---------------------------------------------*/
body {
margin: 0;
padding: 0;
font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#555555;/* テキスト */
font-size: 16px;
line-height: 125%;
text-align: left;
-webkit-text-size-adjust: 100%;
background-color: #FFF;
height: 100%;
word-wrap: break-word;
}
/*---------------------------------------------
Anchor
---------------------------------------------*/
a {
outline: none;
}
a:link {
text-decoration: none;
color: #444;/* テキストリンク */
}
a:visited {
text-decoration: none;
color: #444;/* テキストリンク */
}
a:hover {
text-decoration: underline;
color: #2663e0;/* テキストリンクオーバー */
}
a:hover img {
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cunster: pointer;
}
a:active {
text-decoration: underline;
color: #2663e0;/* テキストリンクオーバー */
}
/*---------------------------------------------
form
---------------------------------------------*/
#contact div.caution {
margin-bottom: 15px;
letter-spacing:0.1em;
}
#contact div.caution p {
color: #d51414;
font-size: 75%;
line-height: 140%;
margin-bottom:3px;
}
#formArea_cc #contact form {
margin-top: 30px;
}
#contents-pop #contact{
width: 98%;
height:99%;
padding:1%;
background:#fffef6;
}
/* contact
----------------------------------------------- */
#contact {
width: 750px;
margin: 0 auto;
}
#contact h4 {
font-size: 80%;
}
#contact .txtBox {
margin: 10px 0 20px;
}
section #contact .text-center {
text-align: center;
margin: 50px 0;
}
#contact .txtBox p.txt-T {
margin-bottom: 5px;
font-size: 90%;
font-weight: bold;
line-height:180%;
letter-spacing:0.1em;
}
#contact table {
width: 100%;
margin: 10px 0 0;
word-break:break-all;
}
#contents-pop table {
width: 100%;
}
#contact table th {
width: 28%;
padding: 20px;
background:#EEEEEE;/* テーブル背景色 */
border:1px solid #DDDDDD;/* テーブル枠線色 */
font-size: 90%;
font-weight: bold;
letter-spacing:0.1em;
}
#contact em {
color: #C23E42;
margin-left: 5px;
font-size: 0.7rem;
}
#contact table td {
width: 72%;
padding: 20px;
background:#FFFFFF;
font-size: 80%;
font-size: 90%;
}
#contact table td input.name, #contact table td input.tel {
height: 16px;
width: 40%;
padding: 2px 5px;
}
#contact table td input.mailAddress, #contact table td input.mailAddress2 {
height: 20px;
width: 300px;
padding: 2px 5px;
}
#contact .weaktxt {
padding: 5px 0 0;
font-size:100%;
}
#contact .note {
font-size: 95%;
font-size: 0.7rem;
line-height: 150%;
margin: 0 0 15px;
}
#contact .txtBox .note {
font-size: 75%;
font-size: 0.7rem;
}
#contact table td textarea {
height: 150px;
width: 90%;
padding: 5px;
}
#contact table td .text-area {
display: block;
margin: 0 0 15px;
}
#contact .btn-confirm {
text-align: center;
padding: 20px;
border: none;
background:none;
font-size:100%;
}
#contact .btn-confirm-enq {
padding: 20px;
font-size: 100%;
}
#contact input.btn-confirmNext {
width: 142px;
height: 30px;
margin: 0 5px;
padding:0;
background:#FAB541;/* メルマガなどのボタン背景色 */
border: none;
color: #FFF;
letter-spacing:0.1em;
}
#contact input.btn-confirmNext:hover {
background:#FDE2B7;/* メルマガなどのボタン背景色オーバー */
}
#contact .btn-enq {
text-align:center;
}
#contact .btn-enq input.btn-confirmNext {
width: 142px;
height: 30px;
margin: 0;
padding: 0;
background:#FAB541;/* メルマガなどのボタン背景色 */
border: none;
color: #FFF;
font-size: 80%;
letter-spacing:0.1em;
}
#contact .btn-enq input.btn-confirmNext:hover {
background:#FDE2B7;/* メルマガなどのボタン背景色オーバー */
}
#contact input.btn-confirmBack {
width: 102px;
height: 30px;
margin: 0 5px;
padding: 0;
background: url(../img/btn-confirm_bg02.png) no-repeat left center;/* 画像 */
border: none;
font-size: 80%;
color: #FFF;
}
#contact input.btn-confirmBack:hover {
background: url(../img/btn-confirm_bg02_on.png) no-repeat left center;/* 画像 */
}
#contact input.btn-confirmCancel {
width: 142px;
height: 30px;
margin: 0 5px;
padding: 0;
background: url(../img/btn-confirm_bg.png) no-repeat left center;/* 画像 */
border: none;
font-size: 80%;
color: #FFF;
letter-spacing:0.1em;
}
#contact .btn-confirmCancel:hover {
background: url(../img/btn-confirm_bg_on.png) no-repeat left center;/* 画像 */
}
#contact .btn-confirmClose {
width: 142px;
height: 30px;
margin: 0 5px;
padding: 0 0 0 15px;
background: url(../img/btn_close01.png) no-repeat left center;/* 画像 */
border: none;
color: #FFF;
font-size: 80%;
letter-spacing:0.1em;
}
#contact .btn-confirmClose:hover {
background: url(../img/btn_close01_on.png) no-repeat left center;/* 画像 */
}
/*
----------------------------------------------- */
#contact fieldset {
margin-bottom: 25px;
}
#contact legend {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px dotted #444444;
font-size: 80%;
font-weight: bold;
line-height: 200%;
margin-bottom: 10px;
padding: 0;
width: 100%;
}
#contact fieldset p {
margin-bottom: 5px;
font-size: 80%;
}
#contact fieldset ul {
overflow: hidden;
}
#contact fieldset li {
font-size: 80%;
}
#contact fieldset li.fL {
float: left;
margin-right: 20px;
}
#contact fieldset input {
margin: 0 3px 2px 0;
}
#contact fieldset label {
margin-right: 10px;
font-size: 100%;
font-size: 0.75rem;
}
#contact input.txtF {
height: 16px;
margin: 0;
padding: 2px 5px;
}
#contact input.mailAddress {
width: 300px;
margin: 0;
}
#contact input.name_sei {
margin: 0 10px 0 0;
}
#contact select {
margin: 0 0 5px;
padding: 3px 1px;
min-width: 110px;
}
#contact fieldset textarea {
width: 70%;
height: 150px;
padding: 5px;
}
#contact .commentItem {
padding: 10px 0 0;
font-weight: 150%;
}
/*
----------------------------------------------- */
#contact table td.commentWite {
border-bottom: 1px dotted #444444;
border-top: 1px dotted #444444;
font-size: 100%;
padding: 15px 20px 20px;
width: 72%;
}
#contact .memberF {
margin: 20px 0 0 0;
}
#contact .memberF h2 {
border-bottom:1px dotted #444444;
font-size:80%;
font-size:0.80rem;
line-height:160%;
}
#contact .memberF .txtBox {
margin: 0 0 20px;
}
#contact .txtBox .memberName {
padding-top:20px;
}
#contact .atttxt {
font-size: 80%;
padding: 5px 0 0;
}
#contact .memberF input {
width: 40%;
height: 16px;
margin: 0;
padding: 2px 5px;
}
#contact .memberF th {
padding: 10px 20px;
}
#contact .memberF td {
font-size: 100%;
}
.memberName {
margin-bottom: 5px;
padding: 5px 0;
border-bottom: 1px dotted #444444;
font-size: 80%;
font-weight: bold;
line-height: 140%;
}
#contact input.btn-confirm120 {
height: 30px;
width: 142px;
margin: 0 5px;
padding: 0;
background:#FAB541;/* メルマガなどのボタン背景色 */
border: none;
font-size: 80%;
color: #FFF;
letter-spacing:0.1em;
}
#contact input.btn-confirm120:hover {
background:#FDE2B7;/* メルマガなどのボタン背景色オーバー */
}
#contact input.btn-confirm160 {
height: 30px;
width: 142px;
margin:10px 0 0;
padding: 0;
background:#FAB541;/* メルマガなどのボタン背景色 */
border: none;
font-size: 80%;
text-align: center;
color: #FFF;
letter-spacing:0.1em;
}
#contact input.btn-confirm160:hover {
background:#FDE2B7;/* メルマガなどのボタン背景色オーバー */
}
#contact input.btn-confirmReg {
height: 30px;
width: 142px;
padding:0;
background:#FAB541;/* メルマガなどのボタン背景色 */
border: none;
font-size: 80%;
color: #FFF;
letter-spacing:0.1em;
}
#contact input.btn-confirmReg:hover {
background:#FDE2B7;/* メルマガなどのボタン背景色オーバー */
}
#contact input.btn-confirmBackItem {
width: 142px;
height: 30px;
margin: 0 5px;
padding: 0;
background:#FAB541;/* メルマガなどのボタン背景色 */
border: none;
font-size: 80%;
color: #FFF;
letter-spacing:0.1em;
}
#contact input.btn-confirmBackItem:hover {
background:#FDE2B7;/* メルマガなどのボタン背景色オーバー */
}
/*
----------------------------------------------- */
#contact .mailm:first-child {
margin: 3px 0 0;
}
#contact .mailm {
margin: 30px 0 0 0;
}
#contact .mailm .txtBox {
margin: 0;
}
#contact .mailm .txtBox h2 {
border-bottom: none;
margin: 0;
font-weight: normal;
}
#contact .mailm .caution {
margin: 0 0 5px;
}
#contact table.mailMF td {
overflow: hidden;
font-size: 100%;
border:1px solid #DDDDDD;/* テーブル枠線色 */
}
#contact table.mailMF input.mailAddress {
margin: 3px 15px 0 0;
float: left;
}
#contact table.mailMF span.btn-confirm {
padding: 0;
}
#contact table.mailMF input.btn-confirmNext, #contact .mailMC input.btn-confirmNext {
float: left;
margin:0;
}
#contact table.mailMF td.n1 {
border-bottom: none;
padding: 20px 20px 10px;
}
#contact table.mailMF td.n2 {
border-top: none;
padding: 10px 20px 20px;
}
#contact table.mailMF td p {
float: left;
padding: 5px 0 0;
margin-right: 10px;
}
#contact input.mailAddress_new {
height: 20px;
width: 300px;
margin: 0 10px 10px 0;
padding:2px 5px;
float: left;
}
#contact .mailMC span.btn-confirm {
display: block;
padding: 0;
}
#contact .freeArea {
background-color: #FFFeee;
margin: 60px 50px 0;
width: 750px;
border:none;
}
/*
----------------------------------------------- */
#contact .ann-input {
margin: 5px 0 0;
font-size: 100%;
}
#contact .ann-input input {
margin: 0 3px 2px 0;
}
/*---------------------------------------------
itemDetail/itemList
---------------------------------------------*/
/* itemList
----------------------------------------------- */
#itemList_wrap {
margin: 0 0 20px 0;
}
#itemList {
margin: 15px 0 0 0;
position: relative;
}
article #main-column #itemList section {
margin: 0;
}
.column4 h2 {
font-size: 75%;
line-height: 130%;
margin-bottom: 3px;
background: none;
font-weight: normal;
padding: 0;
border: none;
}
article #main-column #itemList section.column4 {
overflow: hidden;
margin: 0 6px 20px 0;
padding: 5px;
border: 1px solid #c6d694;
}
article #main-column #itemList section.column4:nth-child(4n) {
margin: 0 1px 20px 0;
}
#itemList2 {margin:15px 0 0 0;position:relative;}
#itemList2 .column4 {margin:0;float:none;width:100%;height:auto !important;overflow:hidden;*zoom:1;}
#itemList2 .column4 .itemThumb-wrap {float:left;padding-right:15px;}
#itemList2 .column4 .inner-catch {
line-height:160%;
margin-top:3px;
}
#itemList_wrap #pager-top {
width: 100%;
padding: 10px 0 0 0;
overflow: hidden;
border-top: 1px dotted #444444;
line-height: 100%;
}
#itemList_wrap #pager-bm {
width: 100%;
padding: 10px 0 0 0;
margin: 0 0 20px 0;
border-top: 1px dotted #444444;
overflow: hidden;
line-height: 100%;
}
#itemList_wrap #pager-top .quantity {
float: left;
font-size:80%;
line-height:100%;
}
#itemList_wrap #pager-bm .quantity {
float: left;
font-size:80%;
line-height:100%;
margin: 1px 30px 0 0;
}
#itemList_wrap #pager-top .selectbox, #itemList_wrap #pager-bm .selectbox {
font-size: 75%;
}
#itemList_wrap #pager-top .selectbox {margin-bottom:10px;}
#itemList_wrap #pager-top .selectbox .select01 {margin-right:10px;}
#itemList_wrap #pager-top .pagerlist, #itemList_wrap #pager-bm .pagerlist {
float: right;
}
#itemList_wrap #pager-top ul, #itemList_wrap #pager-bm ul {
margin: 0;
padding: 0;
overflow: hidden;
*zoom: 1;
}
#itemList_wrap #pager-top ul li, #itemList_wrap #pager-bm ul li {
float: left;
*float: none;
*display: inline;
padding: 0 4px;
margin: 0;
line-height: 120%;
*zoom: 1;
font-size: 80%;
}
#itemList_wrap #pager-top ul li.pagericon, #itemList_wrap #pager-bm ul li.pagericon  {
float: left;
*float: none;
*display: inline;
padding: 1px 0 0 0;
margin: 0;
line-height: 120%;
*zoom: 1;
}
#pager-top ul li.selected, #pager-bm ul li.selected {
font-weight: bold;
text-decoration: none;
}
/* itemDetail
----------------------------------- */
#itemDetail-cont {
overflow: hidden;
margin: 30px 0 0 0;
}
#itemDetail-cont .cartArea input:hover,
#itemDetail-cont .cartArea .variation a:hover{
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cursor: pointer;
}
#itemDetail-cont .itemThumb-wrap {
float: left;
width: 350px;
margin: 0 50px 0 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main {
text-align:center;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main img {
height: auto;
margin: 0 0 5px 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul {
overflow: hidden;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
float: left;
padding: 0;
height: 66px;
width: 66px;
margin: 0 5px 5px 0;
overflow: hidden;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(5n) {
margin: 0 0 5px 0;
}
#itemDetail-cont .itemOutline {
float: left;
width: 350px;
}
#itemDetail-cont .itemOutline .icons {
margin: 0 0 5px 0;
}
#itemDetail-cont .itemOutline  ul.ico_salesMethod {
overflow: hidden;
margin: 0 0 5px 0;
}
#itemDetail-cont .itemOutline ul.ico_salesMethod li {
float: left;
}
#itemDetail-cont .itemOutline  ul.ico_itemType {
overflow: hidden;
}
#itemDetail-cont .itemOutline ul.ico_itemType li {
float: left;
}
.itemOutline h1{
font-weight: bold !important;
}
article#Detail #main-column h1 {
margin:0 0 5px 0;
padding: 0;
font-size: 95%;
font-weight: normal;
border:none;
background: none;
}
article#Detail section#itemDetail-wrap p.price {
font-size: 90%;
margin-bottom: 3px;
}
article#Detail section#itemDetail-wrap p.sp_price {
font-size: 90%;
color: #cc3333;
font-weight: bold;
margin-bottom: 3px;
}
article#Detail section#itemDetail-wrap p.regular_price {
font-size: 80%;
margin-bottom: 0;
color: #19479a;
}
section#itemDetail-wrap table.spec {
line-height: 250%;
margin: 15px 0 15px;
font-size: 80%;
}
section#itemDetail-wrap table.spec tr.date {
line-height:150%;
}
section#itemDetail-wrap table.spec th {
vertical-align: top;
padding: 0 5px 0 0;
width: 25%;
}
section#itemDetail-wrap table.date {
margin: 15px 0 3px;
}
section#itemDetail-wrap table.jan {
margin: 0 0 15px;
}
section#itemDetail-wrap table.price {
line-height: 170%;
margin: 0 0 20px;
}
section#itemDetail-wrap table.price th {
font-size: 100%;
padding: 0 0 1px;
width: 50px !important;
}
section#itemDetail-wrap table.price td {
font-size: 100%;
}
table.price tr.fx_price span.strike span.fixed_price,
table.price span.strike {
text-decoration: line-through;
}
table.price tr.price span.selling_price,
table.price tr.price span.taxin,
table.price tr.price span.discount_rate,
table.price tr.sp_price span.special_price,
table.price tr.sp_price span.taxin,
table.price tr.sp_price span.discount_rate {
color: #FF0000;
font-size: 120%;
font-weight: bold;
margin-bottom: 3px;
}
table.price tr.rg_price span.regular_price_str {
color: #2A78D0;
margin-bottom: 3px;
}
table.price tr.rg_price span.regular_price,
table.price tr.rg_price span.taxin
{
color: #2A78D0;
margin-bottom: 3px;
}
section#itemDetail-wrap .cartArea {
margin-bottom: 20px;
}
section#itemDetail-wrap .cartArea img.nostock {
width: auto;
height: auto;
}
section#itemDetail-wrap .cartArea table.variation {
width: 100%;
word-break:break-all;
}
section#itemDetail-wrap .cartArea tr.t-variation {
background:#EEEEEE;/* テーブル背景色 */
}
section#itemDetail-wrap .cartArea table.variation th {
font-size: 60%;
font-weight: bold;
padding: 5px 5px;
text-align: center;
line-height: 150%;
border: 1px solid #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr {
border-bottom: 1px dotted #444444;
}
section#itemDetail-wrap .cartArea table.variation tr.t-variation {
border: none;
}
section#itemDetail-wrap .cartArea table.variation td {
font-size: 60%;
padding: 10px 5px;
text-align: center;
line-height: 150%;
border: 1px solid #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation td img {
vertical-align: middle;
}
section#itemDetail-wrap .cartArea table.variation span.nostock {
color: #a01020;
}
section#itemDetail-wrap p.cancel {
height: 18px;
margin-bottom: 5px;
padding-left: 20px;
background: url(https://www.packinpack.com/pic-labo/arrow02.png) no-repeat left center;
font-size: 75%;
}
section#itemDetail-wrap p.review_txt {
height: 18px;
/* margin-bottom: 15px; */
padding-left: 20px;
background: url(https://www.packinpack.com/pic-labo/arrow02.png) no-repeat left center;
font-size: 75%;
}
section#itemDetail-wrap p.cancel a, section#itemDetail-wrap p.review_txt a {
display: block;
}
.itemOutline ul.snsArea, article#Detail .itemOutline ul.infoArea {
overflow: hidden;
margin: 15px 0 5px 0;
height:100%;
}
.snsArea {
display:none;
}
section#itemDetail-wrap .itemOutline li {
float: left;
margin-right:5px;
}
section#itemDetail-wrap .description {
margin: 20px auto 0 auto;
/* width: 720px; */
padding: 0;
}
section#itemDetail-wrap .description p {
font-size: 85%;
line-height: 160%;
letter-spacing:0.1em;
}
article#Detail #main-column .spec-g_txt_table_wrap {
width: 100%;
overflow: hidden;
}
article#Detail #main-column section.spec-g_txt {
float: left;
margin-right: 4%;
width: 48%;
padding: 20px 0 0;
}
article#Detail #main-column section.spec-g_txt p {
padding-top: 20px;
font-size: 80%;
line-height: 180%;
letter-spacing:0.1em;
}
article#Detail #main-column section.spec-g_table {
float: right;
width: 48%;
padding: 20px 0 0;
}
article#Detail #main-column section.spec-g_table table {
width: 100%;
margin-top:15px;
}
article#Detail #main-column section.spec-g_table th {
width: 90px;
max-width: 80px;
min-width: 70px;
padding: 6px 0;
}
article#Detail #main-column section.spec-g_table tr {
border-bottom: 1px dotted #444444;
width: 100%;
font-size: 80%;
}
article#Detail #main-column section.spec-g_table td {
padding: 5px 0;
}
article#Detail #main-column .w100 section.spec-g_txt {
float: none;
width: 100%;
}
article#Detail #main-column .w100 section.spec-g_txt p {
padding: 20px 0;
font-size: 80%;
line-height: 160%;
letter-spacing:0.1em;
}
article#Detail #main-column .w100 section.spec-g_table {
float: none;
width: 100%;
}
article#Detail #main-column .w100 table.spec-g_cont tr {
border-bottom: 1px dotted #444444;
width: 100%;
}
article#Detail #main-column .w100 table.spec-g_cont th {
padding: 5px 0;
}
article#Detail #main-column .w100 table.spec-g_cont td {
padding: 5px 0;
}
section.userreview {
padding: 20px 0 0;
margin-bottom:20px;
}
section.userreview table.userreview_list {
width: 100%;
margin: 15px 0 0 0;
border-bottom: 1px dotted #444444;
font-size: 80%;
line-height: 160%;
}
section.userreview div.more {
text-align:right;
margin-top:10px;
}
section.userreview div.more a img {
vertical-align: middle;
}
section.userreview table.userreview_list tr td.userreview_user {
text-align: left;
}
section.userreview table.userreview_list tr td.userreview_date {
text-align: right;
}
section.userreview table.userreview_list td.userreview_rate img {
vertical-align: middle;
margin-top:-2px;
}
section.userreview table.userreview_list td.userreview_comment {
padding: 10px 0 20px;
}
article#Detail #main-column section.recommend {
padding: 20px 0 0;
}
article#Detail #main-column section.recommend h2 {
margin: 0 0 20px 0;
padding: 0 0 5px;
font-weight: bold;
}
article#Detail #main-column section.recommend .column-set{
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
}
article#Detail section.column5 {
margin:0 20px 20px 0;
border: none;
}
article#Detail section.column5:last-child {
margin:0;
}
.column-set .quantityArea {
margin-top: 15px;
text-align:center;
}
.column-set .quantityArea span {
font-size: 75%;
}

/* rating_all
----------------------------------------------- */
article #main-column .pageNav_top {
overflow: hidden;
font-size: 75%;
padding-bottom: 5px;
border-bottom: 1px dotted #444444;
}
article #main-column .pageNav{
font-size: 75%;
}
.pageNav form img{
float:right;
}
article #main-column .pageL  {
width:100%;
float: left;
}
article #main-column .pageNav_top .pageL {
width: 50%;
}
article #main-column .pageR {
float: right;
}
article #main-column h1 {
padding: 0 0 5px;
font-size: 90%;
font-weight: bold;
line-height: 160%;
letter-spacing:0.1em;
}
article #main-column section.rating {
padding-bottom: 30px;
margin-bottom: 5px;
border-bottom: 1px dotted #444444;
}
article #main-column section.rating .reviewBox {
overflow: hidden;
margin: 15px 0;
}
article #main-column section.rating .tmb {
float: left;
margin-right: 20px;
}
article #main-column section.rating .reviewTxt {
float: right;
width: 640px;
}
article #main-column section.rating .reviewTxt p {
text-align:justify;
text-justify:inter-ideograph;
line-height:180%;
letter-spacing:0.1em;
}
article #main-column section.rating .ttlArea {
overflow: hidden;
}
article #main-column section.rating h2 {
float: left;
margin: 0;
padding: 0;
background: none;
border-bottom: none;
font-size: 90%;
line-height: 160%;
font-weight: bold;
}
article #main-column section.rating .btnMore {
float: right;
}
article #main-column section.rating .reviewTxt ul {
margin: 5px 0 10px;
vertical-align: middle;
line-height: 120%;
overflow: hidden;
}
article #main-column section.rating .reviewTxt ul li {
float: left;
margin-right: 5px;
font-size: 80%;
}
article #main-column section.rating .comment h3 {
height:16px;
padding: 0 0 0 20px;
background: url(https://www.packinpack.com/pic-labo/shop_illust01.png) no-repeat left center;　/*お店からのコメント画像*/
font-size: 80%;
font-weight: bold;
letter-spacing:0.1em;
}
article #main-column section.rating .comment p {
padding-top:15px;
text-align:justify;
text-justify:inter-ideograph;
line-height:180%;
letter-spacing:0.1em;
}
article #main-column section.rating .comment{
background:url(../img/shop/shop_bg01.gif) repeat;/* 画像 */
border:2px solid #BE9D5F;
padding:15px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
position: relative;
}
/*8.22テスト追加*/
#main-column .rating .reviewBox .reviewTxt .ttlArea .btnMore a {
background: url(https://www.packinpack.com/pic-labo/btn_more.png) no-repeat !important;
padding-right: 10px;
display: flex;
display:-webkit-flex;
display:-webkit-box;
display:-ms-flexbox;
display:-moz-box;
}
#main-column .rating .reviewBox .reviewTxt .ttlArea .btnMore a img {
opacity: 0.01;
}
#itemBox .btnMore a {
background: url(https://www.packinpack.com/pic-labo/btn_more.png) no-repeat !important;
display: flex;
display:-webkit-flex;
display:-webkit-box;
display:-ms-flexbox;
display:-moz-box;
}
#itemBox .btnMore a img {
opacity: 0.01;
padding-right: 10px;
}
/* rating_item
----------------------------------------------- */
article #main-column section.rating .reviewBox_item h2 {
color: #0C3;
float: left;
font-size: 80%;
background: none;
font-weight: bold;
padding: 0;
margin: 0;
line-height: 160%;
border-bottom: none;
}
article #main-column section.rating .reviewBox_item {
margin: 15px 0;
}
article #main-column section.rating .reviewBox_item ul {
overflow: hidden;
vertical-align: middle;
line-height: 120%;
}
article #main-column section.rating .reviewBox_item ul li {
float: left;
margin-right: 5px;
margin-bottom: 10px;
font-size: 80%;
}
article #main-column section.rating .reviewBox_item ul li.point {
margin-right: 20px;
color: #F60;
font-weight: bold;
}
article #main-column section.rating .reviewBox_item ul li img {
}
article #main-column section.rating ul li.space {
margin-right: 20px;
}
article #main-column #itemBox {
overflow: hidden;
margin-bottom: 15px;
}
article #itemBox h2 {
float: left;
font-size: 90%;
border-bottom: none;
}
article #itemBox p {
float: right;
}
#contact #center1 .centerbox {
margin:0px;
}
#contact #center1 .centerbox .mainCont .step_navi01 {
background-image: url("../img/navi01.gif");
background-repeat: no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi02 {
background-image:url(../img/navi02.gif);
background-repeat:no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi03 {
background-image:url(../img/navi03.gif);
background-repeat:no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi04 {
background-image:url(../img/navi04.gif);
background-repeat:no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi01,#contact #center1 .centerbox .mainCont .step_navi02,#contact #center1 .centerbox .mainCont .step_navi03,#contact #center1 .centerbox .mainCont .step_navi04 {
height: 83px;
text-align: center;
width: 100%;
}
#contact #center1 .centerbox .mainCont input[type="button"],
#contact #center1 .centerbox .mainCont input[type="submit"]{
height: 25px;
color: rgb(255, 255, 255);
padding: 0px 8px;
font-size: 0.8rem;
text-align: center;
background: #BE9D5F;/* サブカラー */
border: medium none;
margin: 5px 5px;
width:auto;
}
#contact #center1 .centerbox .mainCont input[type="button"]:hover,
#contact #center1 .centerbox .mainCont input[type="submit"]:hover{
background: #BE9D5F;/* サブカラー */
}
#contact #center1 .center{ text-align:center!important;}
#contact #center1 p.center a#logout{float:none;}
#deli_scadule .deli_plan_box{width:auto;}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.day,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sat,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sun,
#center3 .centerbox table td[align="right"],
#center3 .centerbox .right,
#contact #center1 .right{
text-align:right!important;
}
#center-seo .centerbox .backcolor3 .deli_plan_box table.layoutp5 th,
#center-seo .centerbox table th[align="left"],
#center-seo .centerbox table td[align="left"],
#center3 .centerbox .backcolor3 .deli_plan_box table.layoutp5 th,
#center3 .centerbox table th[align="left"],
#center3 .centerbox table td[align="left"],
#contact #center1 .left{
text-align:left!important;
}
#contact #center1 .middle{ vertical-align:middle!important;}
#contact #center1 .buttom{ vertical-align:bottom!important;}
#contact #center1 .float_left{ float:left!important;}
#contact #center1 .centerbox .title1{
padding:15px 0px 12px 8px;
margin:0px;
width:auto;
line-height:100%;
font-weight:bold;
font-size:12px;
vertical-align:middle;
letter-spacing:0.2em;
color:#000000;
background-color:#EEEEEE;/* テーブル背景色 */
}
#contact #center1 .centerbox .title1 a{color:#000000;text-decoration:underline;}
#contact #center1 .centerbox .title1 a:hover{
color:#000000;
text-decoration:underline;
font-weight:bold;
}
#contact #center1 .centerbox .mainCont {
padding:10px;
margin:0px;
width:auto;
background-color:#FFFFFF;
}
.backcolor1 strong,.backcolor2 strong{font-weight:bold;}
#contact #center1 .centerbox .mainFrame .mainCont #confirm .right{width:100%!important;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table{font-size:100%;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3  { padding:5px 0px;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 th { padding:10px;border:1px solid #999999;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td { padding:2px 4px;border:1px solid #999999;font-size:0.75rem;}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.deli_plan_calday,
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td {
border:none;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .side { padding:10px 15px;}
#contact #center1 .backcolor3 { background:#D7EBF4;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor1 {width:35%;background:#EEEEEE;color:#444444;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 { background:#EEEEEE;color:#444444;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 td{text-align:center;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 {vertical-align:middle;background:#FFFFFF;color:#444444;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2[width="17%"]{width:1%;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="text"] ,
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="password"]{ padding:2px 1px;height:16px;}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1{background:#EEEEEE;width:100%\9;}
#deli_scadule .deli_scadule_box div.backcolor3.deli_plan table.layoutp5.deli_plan_day tbody tr td.backcolor1{
width:15%!important;
}
#deli_scadule .deli_scadule_box table.layoutp5.deli_cycle tbody tr td.backcolor1{
width:35%\9!important;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="PREV_ENQUETE"] + form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1{background:#EEEEEE;width:30%\9!important;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td{width:15%;#width:100%;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td{width:25%;#width:100%;color:#444444;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td{width:12%;}
#contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td{width:26%;}
#contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td + td{width:12%;}
#contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td + td + td{width:10%;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td + td{width:8%;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td + td + td{width:10%;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 form[name="NEXTM"] table.border tbody tr td{width:auto;}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .bordlayoutp3 table.border tbody tr td{width:auto;}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td.backcolor1.center,
#contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"],
#contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td + td[width="49%"]{
width:49%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td + td,
#contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td,
#contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td.backcolor2 + td{
width:2%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td + td +td.backcolor1.center{width:49%;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td{width:auto;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=right]{text-align:right;color:#444444;}
#deli_scadule table.deli_plan_cal tbody tr td{vertical-align:top;}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border{ border:1px solid #DDDDDD;width:100%!important}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border tbody tr td.backcolor2 table.layoutp3{
margin-top: 0px;
color:#444444;
}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border tbody tr td{border:none;padding:2px 9px;}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_day th {
font-size: 100%;
background-color: inherit;
border: none;
}
table#enter #center3 .centerbox .mainCont div.bordlayoutp3 form[name=list] table[align=center],
table#enter #center3 .centerbox .mainCont div.bordlayoutp3.center form table[align=center],
table#enter #center3 .centerbox .mainCont div.bordlayoutp3.center table[align=center]{
width:auto;
margin:0 auto;
}
table#enter #center3 .centerbox .mainCont div.bordlayoutp3 hr{
display:block;
margin:5px;
}
table#enter #center-seo .centerbox .mainCont div.bordlayoutp3,
table#enter #center3 .centerbox .mainCont div.bordlayoutp3 {
padding: 5px 0;
}
table#enter{
background: none repeat scroll 0 0 #FFFFFF;
text-align: left;
width: 100%;
}
#contact table tbody tr td#center1{
border-bottom:none;
}
table#enter #center3 .centerbox form[name="NEXT"] .mainCont .bordlayoutp3 table tbody td div.send_info{
width:80% !important;
margin:0 54px !important;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table caption,
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td[align="center"],
#center3 .centerbox .bordlayoutp3 table td[align="center"],
#center3 .centerbox .bordlayoutp3 table tr.center td,
#center-seo .centerbox .center,#center3 .centerbox .center,
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] {
text-align:center
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] p font[color=red] strong{
font-weight:bold;
}
#contact #center1 .float_right,table#enter td#center3 div.centerbox form div.mainCont input.float_right{ float:right!important;}
table#enter td#center3 div.centerbox form div.mainCont div{
width:100%!important;
}
table#enter td#center3 div.centerbox form div.mainCont input.float_right{
position: absolute;
right: 19px;
top: 77px;
}
table#enter td#center3 div.centerbox input[type=checkbox]{
margin-top:5px;
}
#contact #center1 .centerbox .mainFrame{
margin:0px;
padding:1px;
background-color:#EBEBEB;
}
#contact #center1 .box_in_box{text-align:center!important;}
#contact .layoutp3 table.layoutp3 tbody td,
#contact .layoutp3 table.layoutp5 tbody td,
#contact .bordlayoutp3 table tbody td{text-align:left}
#contact .layoutp3 table.layoutp3 tbody td,
#contact .layoutp3 table.layoutp5 tbody td{padding:5px }
#contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td.center,
#contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td.center{
width: 2%;
}
#contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td label,
#contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td label strong{
font-size: 0.75rem;
}
#contact .mainFrame .mainCont #tradesafe_div1 {
font-size: 100% !important;
line-height: 142% !important;
}
#center3 .centerbox .red,
#contact #center1 .red{color:#CC0000;font-size: 0.75rem!important;}
#contact #center1 .point {font-size:120%;color:red;font-weight:900;}
#contact #center1 .pointline {font-size:100%;color:#FFFFFF;font-weight:900;padding:5px ;padding-bottom:5px;background-color:#666666;margin-top:5px;margin-bottom:5px;}
#contact .mainFrame .mainCont a{color: #444;/* テキストリンク */ font-size:100%;}
#contact .mainFrame .mainCont div.layoutp3 table tbody tr td{border:none;}
#contact .mainFrame .mainCont a:hover{color:#2663e0; text-decoration: underline;}
#contact .mainFrame .mainCont h4{
font-size: 100%;
font-weight:bold;
}
#contents div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame{
border: 1px solid #EBEBEB;
margin: 0;
padding: 10px;
background-color:#fff;
}
#contents .enquete-section #contact table tbody tr td div.mainCont:first-child{
padding:0px;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] p{
margin: 5px 0;
padding: 2px 0;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td:first-child{
width:45%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table{
width:50%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table tbody tr td{
padding: 1px;
text-align: left;
vertical-align: top;
word-break: break-all;
border:none;
font-size:100%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame{
border:soild 1px;
}
div.enquete-section #contact{
width:100%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="text"],
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="password"],
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select{
height: 20px;
padding: 0;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] h4.title {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px dotted;
font-size: 110%;
font-weight: bold;
line-height: 200%;
margin-bottom: 10px;
padding: 0;
width: 100%;
}
div.enquete-section{
padding:0;
}
div.enquete-section #contact table td{
border:none;
}
div.enquete-section #center1 .centerbox .mainCont h3 {
display: block;
width: 100%;
background: url(../img/Tbg-shop02_l.gif) no-repeat;/* 画像 */
background-size: 100% 100%;
}
div.enquete-section #contact table tbody tr td#center1 .centerbox .mainCont h3.title1{
height: 43px;
line-height: 43px;
background: url(https://www.packinpack.com/pic-labo/Tline-bg.jpg) repeat-x left bottom;
margin-bottom: 0;
padding: 0 0 0 10px;
vertical-align: middle;
font-size: 120%;
font-weight: bold;
}
div.enquete-section #contact table tbody tr td{
width:100%;
border-top:none;
padding:0px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_1] {
margin-left:22px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_2] ,
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_3]{
margin-left:11px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select[name=ANS5_1]{
margin-left:13px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_2]{
margin-left:25px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_3]{
margin-left:2px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_4]{
margin-left:26px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] strong{
font-weight:bold;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] textarea{
height: 150px;
padding: 5px;
width: 70%;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]{
background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;/* 画像 */
border: medium none;
color: #FFFFFF;
font-size: 0.75rem;
height: 25px;
margin: 0 5px;
padding: 0;
width: 200px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]:hover{
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;/* 画像 */
}
.shoplogo{
width:340px;
}
#center-seo .centerbox,#center3 .centerbox {
font-size: 80%;
line-height: 200%;
margin: 0px;
padding: 0 10px 10px;
word-break:break-all;
}
#center-seo .centerbox a,#center3 .centerbox a{
text-decoration : underline;
}
#center-seo h3.title1,#center3 h3.title1 {
height: 43px;
line-height: 43px;
background: url(https://www.packinpack.com/pic-labo/Tline-bg.jpg) repeat-x left bottom;
margin-bottom: 0;
padding: 0 0 0 10px;
vertical-align: middle;
font-size: 120%;
font-weight: bold;
}
.popItemh3{
margin: 5px 0;
padding: 3px 0;
background: url(../img/pop_title_bg.png) repeat-x;/* 画像 */
}
.popItemh3  h3.title1 {
height: 100% !important;
line-height:initial !important;
background: url(../img/pop_title_ft_bg.png) repeat-x left bottom !important;/* 画像 */
}
#center-seo #bread,#center3 #bread {
margin: 0px;
padding: 3px 15px;
text-align: left;
font-size: 80%;
line-height: 200%;
}
#center-seo .mainCont,#center3 .mainCont {
padding: 10px;
margin: 0px;
width: auto;
}
#center-seo .centerbox .caution,
#center3 .centerbox .caution {
font-weight: bold;
color: #d51414;
}
#center-seo .centerbox table th,#center-seo .centerbox table td,#center3 .centerbox table th,
#center3 .centerbox table td {
word-break: break-all;
vertical-align: top;
text-align: left;
padding: 1px;
}
#center3 .centerbox table td[width="5%"] {
width: 10%;
}
#center-seo .centerbox .backcolor1,#center3 .centerbox .backcolor1 {
background-color: #EEEEEE;
}
#center-seo .centerbox .bordlayoutp3 table th,#center3 .centerbox .bordlayoutp3 table th {
color: #2B2B2B;
font-weight: bold;
text-align: center;
word-break: normal;
}
#center3 .layoutp3 table th,
form[name$="FORM"]~tbody #center3 .layoutp3 table th {
width: 25%;
font-weight: bold;
*width: 0%;
}
#center-seo .centerbox th.backcolor1,
#center-seo .bordlayoutp3 th,
#center-seo .bordlayoutp3 td,
#center3 .centerbox th.backcolor1,
#center3 .bordlayoutp3 th,
#center-seo .bordlayoutp3 td,#center3 .bordlayoutp3 td {
border:1px solid #DDDDDD;
vertical-align: middle;
}
#center3 .bordlayoutp3 .layoutp3 th,
#center3 .bordlayoutp3 .layoutp3 td {
padding: 0px;
border: none;
}
#center3 .bordlayoutp3 .layoutp3 td.send_info {
border:1px solid #DDDDDD;
}
#center3 .bordlayoutp3 .layoutp3 td.send_info+td {
*width: 70%;
}
#center3 .centerbox strong,
#center3 .centerbox h4 {
text-align: left;
font-weight: bold;
}
#center-seo .centerbox .layoutp3 + .bordlayoutp3>table,
#center3 .centerbox .layoutp3 + .bordlayoutp3>table {
width:95%;
}
#center-seo input[type="submit"],
#center-seo input[type="button"],
#center3 input[type="submit"],
#center3 input[type="button"] {
height: 25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 80%;
font-size: 0.8rem;
text-align: center;
background: #448E47;/* メインカラー */
border: none;
margin: 2px 2px;
width:initial;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select,
#center-seo select, #center-seo input[type="text"],
#center3 select,
#center3 input[type="text"],
#center3 input[type="password"] {
height: 20px;
line-height:20px;
padding: 0px;
margin: 2px 0px;
min-width: inherit;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select,
#center-seo select,
#center-seo textarea,
#center3 select,
#center3 textarea{
padding: 1px;
margin: 2px 0px;
}
#center3 select[name="SEL_CARD"] {
margin-left: 5px;
padding: 1px;
}
#center-seo input[type="submit"]:hover,
#center-seo input[type="button"]:hover,
#center3 input[type="submit"]:hover,
#center3 input[type="button"]:hover {
background: #BE9D5F;/* サブカラー */
}
#center-seo .centerbox table td input[type="radio"],
#center3 .centerbox table td input[type="radio"] {
margin: -3px 3px 0px 5px;
}
table#enter form[name="NEWMEM"] #center3 .centerbox .bordlayoutp3 table td[colspan="2"] input[type="checkbox"] {
margin: -3px 4px 0px 0px;
}
#center-seo p,#center3 p {
margin: 5px 0px;
padding: 2px 0px;
}
#center3 .centerbox .bordlayoutp3 table td.backcolor2 div form {
display: inline-block;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td {
background-color:#FFFFFF;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td input[type="radio"],
#contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="button"],
#contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="submit"] {
margin: 0px 3px;
height: 20px;
}
section .freeTop h2 {
border: medium none;
font-size: 90%;
font-weight: bold;
line-height: 165%;
margin-bottom: 10px !important;
}
.leftSearch {
overflow: hidden;
}
.leftSearch #searchbox_wrap {
margin: 0 0 0px 0;
overflow: hidden;
z-index: 1000;
}
.leftSearch searchbox {
color: #999999;
float: right;
font-size: 65%;
line-height: 160%;
overflow: hidden;
text-align: right;
}
.leftSearch #searchbox form {
border:none;
float: left;
width: 220px;
height: 38px;
background:url(https://www.packinpack.com/pic-labo/searchbox_left.png) no-repeat left top;
-moz-background-size:100% 100%;
background-size:100% 100%;
}
.leftSearch #searchbox_wrap #searchbox p img {
display:none;
}
.leftSearch #searchbox input.searchbox {
border: 1px solid #cdcdcd;
padding: 0px 5px;
width: 130px;
height: 20px;
margin: 8px 0 0 14px;
}
.leftSearch #searchbox input.searchSubmit {
opacity: 0.01;
position: relative;
top: 3px;
left: 5px;
height: 24px;
width: 44px;
}
.leftSearch #searchbox p {
float: left;
margin: 5px 5px 0 0;
}
#header-inner h2 {
max-width : 360px;
}
.siteName {
margin:0px;
padding:10px 10px 5px 10px;
font-size:100%;
line-height:1em;
}
.siteName a { color:black ;text-decoration:none;}
.siteName a:hover { color:blue;text-decoration:underline;}
.sitecopy{
padding:10px 10px 5px 5px;
margin:0px;
color:#999999;
font-size:80%;
line-height:1em;
}
.sitecopy a {color:black;text-decoration:none;}
.sitecopy a:hover {color:blue;text-decoration:underline;}
.header_area {
text-align:left;
width:750px;
margin:0px 5px 0px 5px;
padding:0px;
}
.header_area {
margin:0;
}
.footer_area {
/*text-align:left;
margin:0px 5px 0px 5px;*/
width: 750px;
/* border-left: 1px solid #D7D7D7; */
/* border-right: 1px solid #D7D7D7; */
/* border-bottom: 1px solid #D7D7D7; */
-moz-border-radius: 4px / 4px;
-webkit-border-radius: 4px / 4px;
border-radius: 4px / 4px;
background-color: #FFF;
position: relative;
margin: 0 auto;
margin-top: 30px;
font-size: 13px;
}
.footer_area h2 {
border: none!important;
margin: 0;
padding: 0;
}
.cart-section .header_area {
width:750px;
margin: 0 auto;
}
.cart-section .footer_area {
width:750px;
margin: 0 auto;
margin-top: 30px;
}
.pageNav form img{
float:right;
}
#sub-column .category .fukidashi nav,
#sub-column .category .tatenarabi nav {
margin-bottom:0;
}
#sub-column .category .fukidashi nav:last-child,
#sub-column .category .tatenarabi nav:last-child {
margin-bottom:20px;
}
#sub-column .category .fukidashi ul {
zoom:1;
}
#sub-column .category .fukidashi nav {
position:relative;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub {
width:100%;
position:absolute;
top:0;
left:100%;
display:none;
}
#sub-column .category .fukidashi nav:hover .sps-itemCategorySub {
display:block;
z-index:999;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub {
padding: 5px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
background:#fff;
}
#sub-column .category nav ul li {
border-top: dotted 1px #d9d3c3;
}
#sub-column .category nav ul li:first-child{
border-top:none;
}
#sub-column .category nav ul li.listcat1 {
border-bottom: 0px;
}
#sub-column .category nav ul li.listcat2 {
border-bottom: 0px;
}
#sub-column .category nav ul li.listcat3 {
border-bottom: 0px;
}
#sub-column .category nav ul li.listcat2 a {
zoom: 1;
display: block;
padding: 3px 2px 3px 30px;
margin:0px 0;
line-height: 100%;
color:#000;
text-decoration: none;
background:url(../img/left_ca2.gif) 20px center no-repeat;/* 画像 */
}
#sub-column .category nav ul li.listcat3 a {
zoom: 1;
display: block;
padding: 3px 2px 3px 50px;
margin:0px 0;
line-height: 100%;
color:#000;
text-decoration: none;
background:url(../img/left_ca2.gif) 40px center no-repeat;/* 画像 */
}
#sub-column .category nav ul li.child a {
color:#000;
<!--background:url(none);-->
font-weight:bold;
}
#main-column .half-cont_wrap01 .half-cont .freeArea2 .free-contents {
margin: 10px 10px;
}
#main-column .w100 .freeArea2 .free-contents {
margin: 0 0 10px 0;
padding:0px;
}
.tmb img{
width:80px;
height:auto;
max-width:80px;
}
td {
/* text-decoration: underline; */
font-size:12px;
}
.header-cart,
.header-mypage {
-moz-box-shadow:inset 0px 1px 0px 0px #FFFFFF;
-webkit-box-shadow:inset 0px 1px 0px 0px #FFFFFF;
box-shadow:inset 0px 1px 0px 0px #FFFFFF;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FCFCFC), color-stop(1, #F6F6F6));
background:-moz-linear-gradient(top, #FCFCFC 5%, #F6F6F6 100%);
background:-webkit-linear-gradient(top, #FCFCFC 5%, #F6F6F6 100%);
background:-o-linear-gradient(top, #FCFCFC 5%, #F6F6F6 100%);
background:-ms-linear-gradient(top, #FCFCFC 5%, #F6F6F6 100%);
background:linear-gradient(to bottom, #FCFCFC 5%, #F6F6F6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F6F6F6',GradientType=0);
background-color:#FCFCFC;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
display:inline-block;
color:#555555;/* テキスト */
font-size:11px;
padding:6px 15px;
text-decoration:none;
/*text-shadow:0px 1px 0px #FFFFFF;*/
}
.header-cart:hover,
.header-mypage:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F6F6F6), color-stop(1, #FCFCFC));
background:-moz-linear-gradient(top, #F6F6F6 5%, #FCFCFC 100%);
background:-webkit-linear-gradient(top, #F6F6F6 5%, #FCFCFC 100%);
background:-o-linear-gradient(top, #F6F6F6 5%, #FCFCFC 100%);
background:-ms-linear-gradient(top, #F6F6F6 5%, #FCFCFC 100%);
background:linear-gradient(to bottom, #F6F6F6 5%, #FCFCFC 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#FCFCFC',GradientType=0);
background-color:#F6F6F6;
}
#hNav ul#header-nav li a.header-mypage:hover {
color: #2663e0;/* テキストリンクオーバー */
}
#hNav ul#header-nav li a.header-cart:hover {
color: #2663e0;/* テキストリンクオーバー */
}
.header-cart:active,
.header-mypage:active {
position:relative;
top:1px;
}
section.half-cont div.category section h3{
font-weight: bold;
line-height: 120%;
font-size: 80%;
padding-left:10px;
}
#center1 .centerbox .mainCont{
width: 600px;
padding: 10px;
}
#center1 .centerbox .mainCont h3 {
height: 43px;
line-height: 43px;
background: url(https://www.packinpack.com/pic-labo/Tline-bg.jpg) repeat-x left bottom;
margin-bottom: 0;
padding: 0 0 0 10px;
vertical-align: middle;
font-size: 100%;
font-weight: bold;
color:#2663e0;/* テキストリンク */
}
#center1 .centerbox .mainCont h3.title1 {
color:#2663e0;/* テキストリンク */
}
.mainCont .comment_box  td.backcolor1 {
background-color: #FFFFFF;
border:1px solid #DDDDDD;
color: #2B2B2B;
font-weight: normal;
text-align: center;
word-break: normal;
}
.mainCont .comment_box  td.backcolor2 {
background-color: #fff;
border:1px solid #DDDDDD;
color: #2B2B2B;
font-weight: normal;
text-align: center;
word-break: normal;
}
.mainCont .comment_box  td.backcolor2 div.float_left{
text-align:left;
}
.mainCont .comment_box  td.backcolor2 div.float_left a{
text-decoration: underline;
}
.mainCont .comment_box  td.backcolor1,
.mainCont .comment_box  td.backcolor2{
text-align:left;
}
.mainCont .comment_box td.center{
text-align:center !important;
}
.mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"],
.mainCont .comment_box td.backcolor2 div.write_comment input[type="button"] {
height: 25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 80%;
font-size: 0.8rem;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;/* 画像 */
border: none;
margin: 2px 2px;
}
.mainCont .comment_box td.backcolor2 div.write_comment  input[type="submit"]:hover,
.mainCont .comment_box td.backcolor2 div.write_comment  input[type="button"]:hover {
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;/* 画像 */
}
div.mainCont input[type="button"],
div.mainCont input[type="submit"]{
width:150px;
width:auto\9;
height:25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 0.8rem;
text-align: center;
background: #448E47;/* メインカラー */
border: none;
margin: 2px 2px;
}
div.mainCont input[type="button"]:hover,
div.mainCont input[type="submit"]:hover{
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;/* 画像 */
}
#sub-column .group nav ul li:last-child, #sub-column .category nav ul li:last-child, #sub-column .link nav ul li:last-child {
border-bottom: none;
}
#sub-column .group nav ul,#sub-column .category nav ul, #sub-column .link nav ul {
border-bottom: dotted 1px #d9d3c3;
}
#sub-column .category nav ul .cat2{
padding: 3px 3px 3px 60px;
background: url(https://www.packinpack.com/pic-labo/arrow01.png) no-repeat 40px 8px;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
color:#2663e0;/* テキストリンク */
font-weight: normal;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a:hover {
color: #2663e0;/* テキストリンクオーバー */
font-weight: normal;
text-decoration: none;
}
#sub-column .category nav ul li.listcat3 a {
padding: 3px 2px 3px 60px;
}
#sub-column .category nav ul li.listcat2 a {
line-height: 130%;
}
#sub-column .category nav ul li.listcat3 a {
line-height: 130%;
}
#sub-column .category nav ul li.listcat2 {
background: url(https://www.packinpack.com/pic-labo/arrow01.png) no-repeat 38px 8px;
}
#sub-column .category nav ul li.listcat3 {
background: url(https://www.packinpack.com/pic-labo/arrow01.png) no-repeat 68px 8px;
}
#sub-column .category nav ul li.listcat2 a {
color:#2663e0;/* テキストリンク */
}
#sub-column .category nav ul li.child a {
color:#2663e0;/* テキストリンク */
}
#sub-column .category nav ul li.listcat3 a {
padding: 3px 2px 3px 60px;
}
#sub-column .category nav ul li.listcat2 a {
line-height: 130%;
}
#sub-column .category nav ul li.listcat3 a {
line-height: 130%;
}
#sub-column .category nav ul li.listcat2 {
background: url(https://www.packinpack.com/pic-labo/arrow01.png) no-repeat 38px 8px;
}
#sub-column .category nav ul li.listcat3 {
background: url(https://www.packinpack.com/pic-labo/arrow01.png) no-repeat 68px 8px;
}
#sub-column .category nav ul li.listcat2 a {
color:#2663e0;/* テキストリンク */
}
#sub-column .category nav ul li.child a {
color:#2663e0;/* テキストリンク */
}
#sub-column .category .sps-allList+#sps-itemListAllCategory {
display:none;
}
div.cart-section div#contact img[height="1"]{
display:none;
}
div#sub-column .category h2.sps-allList a{
color:#FFFFFF;
}
div#sub-column .category nav ul li.listcat2 a:hover,
div#sub-column .category nav ul li.listcat3 a:hover{
color: #2663e0;/* テキストリンクオーバー */
}
div#sub-column .category nav ul li.listcat2 a{
/*font-weight:bold*/
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2{
background: url(https://www.packinpack.com/pic-labo/arrow01.png) no-repeat left center;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2{
padding-left:20px;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a{
text-decoration: none;
}
#sub-column .category h2 a{
color:#FFFFFF;
}
.itemDescFc{
position:absolute;
margin-left:5px;
}
.itemThumb-wrap-left{
width:170px;
padding-left:10px;
}
.itemThumb-wrap-right{
width:70%;
word-break:break-all;
margin-left:210px;
}
#enter #contents {
width: auto;
}

/* お店の名前、キャッチコピー調整用 */
#header-inner .shoplogo {
width: 340px !important;
}
#header-inner .siteName {
margin-top: -120px !important;
margin-left: 20px !important;
position: relative;
top: 0px;
left: 10px;
}
#header-inner .siteName a{
color:#2663e0;/* テキストリンク */
text-decoration:none;
font-size: 16px;
}
#header-inner .siteName a:hover {
color:#2663e0;/* テキストリンクオーバー */
text-decoration:none;}
#header-inner .sitecopy {
margin-top: 115px !important;
margin-left: -380px !important;
max-width: 550px !important;
position: relative;
top: 0px;
left: 20px;
}
#header-inner .sitecopy a{
color:#2663e0;/* テキストリンク */
text-decoration:none;
font-size: 13px;
}
#header-inner .sitecopy a:hover {
color:#2663e0;/* テキストリンクオーバー */
text-decoration:none;
}
/* カート用 お店の名前、キャッチコピー調整用 */
#cart-header .siteName {
margin-top: -114px !important;
position: relative;
top: -6px;
left: 10px;
}
#cart-header .sitecopy {
margin-top: 110px !important;
position: relative !important;
top: -1px !important;
left: 20px !important;
}

/*** 定番商品調整 ***/
.standard{
font-size: 12px;
}
.standard ul li{list-style-type:none !important;}
.standard_blue{background: url(https://www.packinpack.com/pic-labo/opp_blue_back.jpg) no-repeat;padding: 60px 0 0 27px;height: 150px;width: 335px;float: left;}
.standard_blue_in{}
.standard_blue_in ul{margin: 8px 0 0 0 !important;}
.standard_blue_in ul li{float:left;margin: 0 15px 0 0;height: 50px;}
.standard_red{background: url(https://www.packinpack.com/pic-labo/opp_red_back.jpg) no-repeat;padding: 60px 0 0 27px;height: 150px;width: 335px;float: right;}
.standard_red_in{}
.standard_red_in ul{margin: 8px 0 0 0 !important;}
.standard_red_in ul li{float:left;margin: 0 15px 0 0;height: 50px;}
.clear1{clear:both;height: 0.1em;}
h2.h2_standard{
background: url(https://www.packinpack.com/pic-labo/standard_back.jpg) no-repeat !important;
font-weight: normal !important;
padding: 2px 0 0 40px !important;
height: 43px !important;
border: none !important;
}

/*** シナプス&豆知識調整 ***/
.synapse{
background: url(https://www.packinpack.com/pic-labo/Synapse.jpg)no-repeat;
width: 365px;
height: 300px;
float: left;
}
.synapse ul{
padding: 10px 0 0 20px;
margin: 40px 0 0 0;
overflow-y: scroll;
width: 340px;
height: 210px;
}
.synapse ul li{
background: url(https://www.packinpack.com/pic-labo/green_arrow.jpg) no-repeat;
background-position-y: 48%;
border-bottom: dotted 1px #bbb;
width: 300px;
margin: 0 0 3px 0;
}
.synapse ul li a{
font-size: 13px;
padding: 0 0 0 15px;
}
.knowledge{
background: url(https://www.packinpack.com/pic-labo/knowledge.jpg)no-repeat;      width: 365px;      height: 300px;float: right;}
.knowledge ul{
padding: 5px 0 0 20px;      margin: 40px 0 0 0;      overflow-y: scroll;      width: 340px;      height: 210px;}
.knowledge ul li{
line-height: 180%;
background: url(https://www.packinpack.com/pic-labo/green_arrow.jpg) no-repeat;
background-position-y: 48%;
border-bottom: dotted 1px #bbb;
width: 300px;
margin: 0 0 3px 0;
}
.knowledge ul li a{
font-size: 13px;
padding: 0 0 0 15px;
}

/* 追従ナビ */
#infoBox{
width: 85px;
padding: 7px 4px;
bottom: 15px;
margin: 0;
position: fixed;
right: 2px;
z-index: 9999;
}
#infoBox ul{
margin: 0;
padding:0;
}
#infoBox li{
list-style-type:none;
margin-bottom:5px;
}
#infoBox img{ vertical-align:bottom; }

.listcat1 .sitelink{
background: url(https://www.packinpack.com/pic-labo/icon.png) no-repeat left;
background-position-x: 169px;
}
li.listcat1 {
background: url(https://www.packinpack.com/pic-labo/footer_bg.gif) repeat;
text-align: center;
font-weight: bold;
letter-spacing: 0.1em;
}
#page-top{display: none !important;}

/* サイドバーカテゴリ調整 */
#sub-column .freeArea2 .free-contents table td img{
width: 220px;
vertical-align: bottom;
}
#sub-column .freeArea2 .free-contents table td{
background-size: 100%;
/* vertical-align: bottom; */
/* display: block; */
text-align: left;
}
#sub-column .freeArea2 .free-contents table td a{
padding: 0 0 0 32px;
}
#sub-column a:hover{
color: #2663e0 !important;
}

/* 商品ページ調整 */
.description table{
/* width: 700px; */
border: 1px;
}
.description table td{
border: none!important;
}
.description table td img{
}
.description table tr {
}
.description table th {
}
.description table tr img{
vertical-align: top;
}
#itemDetail-cont table{
width:100%;
}
/* -------------------- TOPページに表示されるgoogle画像削除 */
img[src^='https://www.google'] {display:none;}
img[src^='https://google'] {display:none;}
img[src^='https://b.shopserve'] {display:none;}
.clearfix:after{
content:" ";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix{
min-height:1px;
}
* html .clearfix {
height:1px;
/*짜*//*/
height:auto;
overflow:hidden;
/**/
}
#headerTel p{
text-align: center;
}
#headerTel p:first-child{
width: 285px;
color: #fff;
font-weight: bold;
background-color: #3a863c;
padding: 3px 0 0;
margin-bottom: 5px;
}
#headerTel span{
margin-right: 6px;
}
#headerTel span:nth-of-type(2){
margin-right: 20px;
}
#headerTop{
width: 100%;
height: 50px;
background-color: #303030;
padding: 10px 0 5px 0;
display: flex;
}
#headerBtn{
width: 1000px;
margin: 0 0 0 auto;
display: flex;
flex-direction: row;
}
#headerBtn_box{
width: 1000px;
margin: 0 auto 0 auto;
display: flex;
flex-direction: row;
}
#headerBtn li{
width: 165px;
height: 45px;
background-color: #FFFFFF;
border-radius: 5px;
text-align: center;
position:relative;
margin-left: auto;
}
#headerBtn li :hover{
background: #ededed;
border-radius: 5px;
color: #000000
}
#headerBtn li:last-child{
width: 165px;
height: 45px;
background-color: #FFFFFF;
border-radius: 5px;
text-align: center;
position:relative;
margin-left: 15px;
}
#headerBtn2 li{
width: 165px;
height: 45px;
background-color: #fe7d00;
border-radius: 5px;
text-align: center;
position:relative;
margin-left: 15px;
}
#headerBtn2 li:hover{
background: #fd9d3f;
border-radius: 5px;
color: #FFFFFF
}
#headerBtn li img{
max-width: 30px;
position: absolute;
top: 7px;
left: 15px;
}
#headerBtn li a{
display: block;
width: 165px;
height: 45px;
}
#headerBtn li span{
position: absolute;
top: 14px;
left: 50px;
}
#headerBtn li:last-child span{
position: absolute;
top: 14px;
left: 60px;
}
#headerBtn2 li img{
max-width: 30px;
position: absolute;
top: 7px;
left: 15px;
}
#headerBtn2 li a{
display: block;
width: 165px;
height: 45px;
}
#headerBtn2 li span{
position: absolute;
top: 14px;
left: 60px;
color: #FFFFFF;
}
#header-inner{
width: 1000px;
margin: auto auto 14px;
background: none!important;
display: flex;
}
#header-inner #logo{
width: 275px;
margin-top: 13px;
margin-left: 0;
}
#header-inner #logo h1{
color: #3a863c;
}
#header-inner #logo a:link,#header-inner #logo a:visited,#header-inner #logo a:hover,#header-inner #logo a:active{
color: #3a863c;
text-decoration: none;
}
#header-inner #header_searchBox{
margin-left: 24px;
}
#header-inner #header_searchBox h2{
font-size: 14px;
line-height: 1.25;
margin-top: 18px;
}
#header-inner #header_searchBox input.text1{
border: 1px solid #ddd;
padding: 13px 0 13px 13px;
width: 324px;
height: 12px;
}
#header-inner #header_searchBox #image-btn{
border: 0px;
width: 39px;
height: 40px;
color: #FFF;
background-color: #3a863c;
/*background: url(https://www.packinpack.com/pic-labo/search.jpg) left top no-repeat;*/
}
#headerTel{
width: 285px;
height: 82px;
margin-top: 15px;
margin-left: 35px;
font-size: 14px;
}
#headerTel p{
text-align: center;
}
#headerTel p:first-child{
width: 285px;
color: #fff;
font-weight: bold;
background-color: #3a863c;
padding: 3px 0 0;
margin-bottom: 5px;
}
#headerTel span{
margin-right: 6px;
}
#headerTel span:nth-of-type(2){
margin-right: 20px;
}
#headerTel h3{
padding-top: 10px;
padding-left: 38px;
font-weight: bold;
font-size: 30px;
position: relative;
}
#headerTel h3::before{
content: url("https://www.packinpack.com/pic-labo/iconTel.jpg");
position: absolute;
top: 3px;
left: 0;
}
/*** 下層ヘッダー　フォーム　カート ***/
#enquete-header{
position: fixed;
width: 100%;
top: 0;
z-index: 10000;
background-color: #FFFFFF;    
}
#enquete-header{
position: fixed;
width: 100%;
top: 0;
z-index: 10000;
background-color: #FFFFFF;    
}
#cart-header{
position: fixed;
width: 100%;
top: 0;
z-index: 10000;
background-color: #FFFFFF;    
}

/*** グローバルナビ ***/
.gnav-wrapper {
width: 1000px;
margin: 0 auto 0px auto;
position: relative;
overflow: visible;
}
.gnav {
display: flex;
justify-content: space-between;
}
.gnav > li {
width: 145px;
height: 45px;
text-align: center;
display: flex;
background-color: #444444;
color: #fff;
}
.gnav > li.has-megamenu {
    width: 147px;
}
.gnav > li:first-child {
    width: 60px;
}
.gnav > li:last-child {
    width: 60px;
}
.gnav > li:first-child > img{
    margin-right: 0px;
}
.gnav > li:last-child > img{
    margin-right: 0px;
}
/* gnav直下のアイテムアイコンだけ50%にする */
/* gnav直下アイコンだけ（メガメニューは対象外のまま） */
.gnav > li > a > img,
.gnav > li > .menuBtn > img {
  height: 35px;
  width: auto;
}
.gnav > li > img{
display: block;
margin-right: 10px;
}

.menuTtl {
font-size: 14px;
}
.gnav > li > a {
position: relative;
display:flex;
align-items:center;   /* 上下中央 */
justify-content:space-evenly;
  /* gap:10px;画像と文字の間隔（margin-rightの代わり） */
width:100%;
height:100%;
color: inherit;          /* 親要素の色を継承（必要なら固定色でもOK） */
text-decoration: none;   /* 下線を消す */
}
.gnav > li > a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;               /* 下線の位置 */
width: 100%;
height: 3px;             /* 太さ */
background: #fff;     /* 色 */
transform: scaleX(0);    /* 非表示から */
transform-origin: left center;
transition: transform .25s ease;  /* 左→右に伸びる */
}
.gnav > li:hover > a::after {
  transform: scaleX(1);
}
.gnav > li > a:hover {
color: inherit;          /* ホバー時も色を変えない */
text-decoration: none;   /* ホバー時の下線も消す */
}

/* ===== megamenu ===== */
/* メガメニュー本体：ラッパー基準で中央配置＋開閉はopacity/visibility */
.gnav li.has-megamenu > .megamenu{
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(8px) !important;
  width: 1000px !important;
  height: 480px;
  background: #f3f3f3;
  color: #000;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  z-index: 1000 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .2s ease, transform .2s ease, visibility .2s !important;
  pointer-events: none !important;
  /* 旧ルール（max-height/overflowで隠す）を無効化 */
  max-height: none !important;
  overflow: visible !important;
}
.gnav > li.has-megamenu > .menuBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  height: 100%;
  cursor: pointer; /* hover できるように */
}
/* 緑バーのアニメーション */
.gnav > li.has-megamenu > .menuBtn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .25s ease;
}
.gnav > li.has-megamenu:hover > .menuBtn::after {
  transform: scaleX(1);
}
/* ホバーで表示 */
.gnav li.has-megamenu:hover > .megamenu{
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
  pointer-events: auto !important;
}
/* メニューが #contents 内にある場合の切れ防止 */
#contents {
    overflow: visible;
}

/* 子メニュー（例：.megamenu 以下）のリンクには装飾を適用しない */
.megamenu a::after {
  content: none !important;
}
.mmx-panel {
    padding: 15px 25px;
}
.mmx-head {
    display: flex;
    justify-content: space-between;
}
.mmx-left {
    max-width: 390px;
}
.mmx-head-icon {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.mmx-head-icon img{
    margin-right: 15px;
    width: 28px;
}
.mmx-head-txt {
    font-size: 20px;
}
.mmx-subttl {
    font-size: 16px;
    margin-bottom: 12px;
}
.mmx-search-panel {
    max-width: 370px;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
}
.mmx-search-g {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.mmx-search-img img {
    display: block;
}
.mmx-note {
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
}
.mm_searchBox {
    width: 280px;
    height: 40px;
}
.mm_searchBox form {
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
}
.mm_searchBox .text1 {
    width: 280px;
    height: 40px;
    background-color: #ffffff;
    border: 1px solid #FFD700;
    padding: 0 8px;
    font-size: 14px;
    color: #000000;
    box-sizing: border-box;
}
.mm_searchBox .button_side {
    width: 40px;
    height: 40px;
    background-color: #FFD700;
    border: 1px solid #FFD700;
    color: #000000;
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease;
}
.mm_searchBox .button_side:hover {
    background-color: #FFD700;
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);
}
.mmx-choise-panel {
    max-width: 370px;
    height: 178px;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
}
.mmx-pill-wrap {
    margin-top: 25px;
}
.mmx-pill-wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mmx-pill-wrap li {
    width: 170px !important;
    height: 37px;
    line-height: 37px;
    background-color: #9EC61A;
    border-radius: 5px;
    margin-bottom: 10px;
    display: block;
}
.mmx-pill-wrap li:hover {
    background-color: #9EC61A;
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);
}
.mmx-pill-wrap li  span{
    color: #fff !important;
    font-size: 14px;
}
.mmx-pill-wrap li a {
  display: flex;            /* 横並び or 縦並びもOK */
  align-items: center;      /* 縦方向の中央揃え */
  justify-content: center;  /* 横方向の中央揃え */
  width: 100%;              /* li 幅いっぱいに広げる */
  height: 100%;             /* li 高さもカバーする */
  text-decoration: none;
}
.mmx-pill-wrap li a.mmx-cattxt {
  font-size: 14px;
  color: #fff;
}


.mmx-right {
    max-width: 540px;
}
.mmx-catgrid-func {
    width: 540px;
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 5px;
    margin-bottom: 10px;
}
.mmx-catgrid-func  li{
    background-color: #fff;
    width: 176px !important;
    height: auto;
    border-radius: 5px;
    display: flex;
}
.mmx-catgrid-func  li a{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
    padding-left: 10px;
}
.mmx-catgrid-func li img {
    margin-right: 5px;
}
.mmx-cattxt {
    font-size: 14px;
}

.mmx-catgrid-stand {
    width: 540px;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
}
.mmx-catgrid-stand  li{
    background-color: #fff;
    width: 130px !important;
    height: auto;
    border-radius: 5px;
    display: flex;
}
.mmx-catgrid-stand  li a{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
    padding-left: 10px;
}
.mmx-catgrid-stand li img {
    margin-right: 5px;
}

.mmx-catgrid-cat {
    width: 540px;
    height: 208px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 5px;
}
.mmx-catgrid-cat li,
.mmx-catgrid-cat li a {
  line-height: normal !important;   /* 外部の line-height を断つ */
}
.mmx-catgrid-cat  li{
    background-color: #fff;
    width: 86px !important;
    height: auto;
    border-radius: 5px;
    display: flex;
}
.mmx-catgrid-cat li a{
  display: grid !important;
  grid-template-rows: 48px 32px; /* ← 高さ固定（必要に応じて調整） */
  row-gap: 6px;                  /* 画像とテキストの間隔 */
  place-items: center;           /* 縦横センター */
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  padding-top: 10px;
}
.mmx-catgrid-cat li a img{
  height: 48px;          /* 行1にぴったり */
  width: auto;
  object-fit: contain;
  display: block;         /* ベースラインの影響を断つ */
  align-self: end;        /* 好みで center でもOK */
}
.mmx-catgrid-cat .mmx-cattxt{
  height: 32px;           /* 2行分固定 */
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;     /* 1行の時も中央 */
  justify-content: center;
  text-align: center;
  overflow: hidden;        /* 念のため */
}


/* ↓古いメガメニューの記述 */
/* .subMenu01{
position: relative;
padding-left: 45px;
padding-top: 1px;
font-weight: bold;
}
.subMenu01::before{
content: url('https://www.packinpack.com/pic-labo/iconMnav01.jpg');
position: absolute;
top: 0;
left: 22px;
}
.subMenu02{
position: relative;
padding-left: 22px;
padding-top: 1px;
font-weight: bold;
}
.subMenu02::before{
content: url('https://www.packinpack.com/pic-labo/iconMnav02.jpg');
position: absolute;
top: 0;
left: 0px;
}
.leftMenu{
width: 215px;
text-align: left !important;
border-right: solid 1px #dbdbdb;
}
.leftMenu img{
display: inline-block;
margin-left: 25px;
}
.leftMenu ul{
margin-top:20px;
padding-left:25px;
}
.leftMenu li{
height: 28px;
text-align: left;
font-size: 14px;
}
.leftMenu li a{
width: 215px!important;
}
.leftMenu li a::before {
content: "\02022";
color: #3a863c;
padding-right: 5px;
}
.rightMenu{
width: 760px;
text-align: left !important;
}
.rightMenu ul{
margin-top:15px;
padding-right: 30px;
}
.rightMenu li{
height: 95px;
margin-bottom: 15px;
line-height: 0;
font-size: 11px;
text-align: center;
}
.rightMenu li img{
top: 0;
} */

.eye_catch {
    border: 1px solid #0FBD0E;
}

.eye_catch img {
    display: block;
}


.recommend_cont {
    width: 750px;
}
.freeArea2 .free-contents .recommend_cont ul {
    display: flex;
    justify-content: space-between !important;
    flex-wrap: wrap;
    row-gap: 10px;
    margin: 0;
}
.freeArea2 .free-contents .recommend_cont ul li{
    height: 150px;
    width: 370px;
}
.center_cont_group {
    width: 750px;
    height: auto;

}
.center_cont_group h3{
    font-size: 24px;
    font-weight: normal;
    margin: 55px 0 10px 0;
    opacity: 0;
    transform: translateX(180px);
    visibility: hidden;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 6px;
}
.center_cont_group h3 img{
    margin-right: 10px;
    width: 30px;
}
.center_cont_group h3 span {
    font-size: 75px;
    font-weight: bold;
    color: #f1f1f1;
    position: absolute;
    right: -3px;
    top: 0px;
}
/* 見えたら発火 */
.center_cont_group h3.is-inview{
  animation: slideIn 1s cubic-bezier(0.25,1,0.5,1) both; /* ← both(=forwards+backwards) */
  animation-delay: 0.10s;                                /* お好みで */
  will-change: transform, opacity;
}
@keyframes slideIn {
  0%   { transform: translateX(180px); opacity: 0; visibility: hidden; }
  1%   { visibility: visible; } /* ← アニメ開始直後に表示へ */
  100% { transform: translateX(0); opacity: 1; visibility: visible; }
}
/* アニメ苦手な利用者配慮（任意） */
@media (prefers-reduced-motion: reduce) {
  .center_cont_group h3 { transition: none; animation: none; opacity: 1; transform: none; }
}


.function_grid {
    width: 750px;
    height: 215px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between !important;
    gap: 7px;
    margin: 0 !important;
}
.function_grid li {
    background-color: #F7F7F7;
    width: 245px !important;
    height: auto;
    display: flex;
    border-radius: 5px;
}
.function_grid li a{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
    padding: 0 15px 0 15px;
    border-radius: 5px;
}

.function_grid li img{
    margin-right: 5px;
}

.function_grid .func-cattxt {
    line-height: 26px;
    font-size: 14px;
    text-align: right;
}
.function_grid .func-cattxt span {
    font-size: 18px;
    font-weight: bold;
}
.Csearch-grid {
    display: flex;
    justify-content: space-between;
}
.Csearch-panel {
    max-width: 350px;
    height: 178px;
    background-color: #F7F7F7;
    border-radius: 5px;
    padding: 15px 15px 0 15px;
}
.Csearch-subttl {
    font-size: 16px;
    margin-bottom: 12px;
    text-align: center;
}
.Csearch-g {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.Csearch-img img {
    display: block;
    margin-right: 10px;
}
.Csearch-note {
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
}
.Csearch_searchBox {
    width: 255px;
    height: 40px;
}
.Csearch_searchBox form {
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
}
.Csearch_searchBox .text1 {
    width: 255px;
    height: 40px;
    background-color: #ffffff;
    border: 1px solid #FFD700;
    padding: 0 8px;
    font-size: 14px;
    color: #000000;
    box-sizing: border-box;
}
.Csearch_searchBox .button_side {
    width: 40px;
    height: 40px;
    background-color: #FFD700;
    border: 1px solid #FFD700;
    color: #000000;
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease;
}
.Csearch_searchBox .button_side:hover {
    background-color: #FFD700;
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);
}
.Cchoise-panel {
    max-width: 350px;
    height: 178px;
    background-color: #F7F7F7;
    border-radius: 5px;
    padding: 15px 15px 0 15px;
}
.Cchoise-subttl {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
}
.Cchoise-pill-wrap {
    /* margin-top: 25px; */
}
.Cchoise-pill-wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 7px;
    margin: 0 !important;
}
.Cchoise-pill-wrap li {
    width: 160px !important;
    height: 37px;
    line-height: 37px;
    background-color: #9EC61A;
    border-radius: 5px;
    display: block;
}
.Cchoise-pill-wrap li:hover {
    background-color: #9EC61A;
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);
}
.Cchoise-pill-wrap li  span{
    color: #fff !important;
    font-size: 14px;
}
.Cchoise-pill-wrap li a {
  display: flex;            /* 横並び or 縦並びもOK */
  align-items: center;      /* 縦方向の中央揃え */
  justify-content: center;  /* 横方向の中央揃え */
  width: 100%;              /* li 幅いっぱいに広げる */
  height: 100%;             /* li 高さもカバーする */
  text-decoration: none;
}
.Cchoise-pill-wrap li a.Cchoise-cattxt {
  font-size: 14px;
  color: #fff;
}

.standard-pill-wrap {
    max-width: 750px;
    max-height: 215px;
    background-color: #F7F7F7;
    border-radius: 5px;
    padding: 15px;
}
.standard-pill-wrap ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    border-radius: 5px;
}
.standard-pill-wrap ul li{
    width: 150px;
    height: 175px;
    border-radius: 10px;
    background-color: #fff;
}
.standard-pill-wrap ul li a{
    display: grid !important;
    place-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
.standard-pill-wrap ul li a img{
    display: block;
}
.standard-pill-wrap ul li a span{
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.category-pill-wrap{
  max-width:750px; margin-bottom:70px; background:#F7F7F7;
  border-radius:5px; padding:25px;
}
.category-catgrid{
  display:flex; flex-wrap:wrap; justify-content:space-between; row-gap:10px;
}
.category-catgrid li,
.category-catgrid li a{ line-height:normal !important; }
.category-catgrid li{
  background:#fff;
  width:165px !important;
  height:195px;
  display:flex;
  overflow:hidden; /* クリップ */
}
.category-catgrid li a{
text-decoration:none; color:inherit;
}
.category-catgrid .category-cattxt{
  height:60px;
  font-size:14px;
  line-height:18px;
  display:flex;
  align-items: center;
  justify-content: center;
  text-align:center;
  overflow:hidden;
  margin-bottom:10px;
  position:relative; z-index:1;
  background-color: #fff;
}



article h2{
border-color: #c6d694 #c6d694 #c6d694 #93ba1a;
border-style: solid;
border-width: 1px 1px 1px 9px;
font-size: 90%;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 160%;
padding: 6px 0 5px 10px;
}
strong.green{
color: #3a863c;
font-size: normal;
}
.newtextBox{
padding-left: 15px;
margin-bottom: 10px;
}
.packTtl{
color: #3a863c;
font-weight: bold;
}
.packBnr{
margin: 0 0 40px!important;
padding-left: 15px;
list-style: none!important;
}
.packBnr li{
margin-left: 5px;
list-style: none!important;
float: left;
}
#topBnr {
margin: 0!important;
list-style: none!important;
}
#topBnr li{
margin: 0 3px;
list-style: none!important;
float: left;
}
#topBnr li.bigBnr{
margin: 10px 3px;
list-style: none!important;
float: left;
}
/*** 今月のイチオシ ***/
.pushBox{
width: 220px;
margin: 0 0 20px;
border-left: 1px solid #d6dacb;
border-right: 1px solid #d6dacb;
border-bottom: 1px solid #d6dacb;
}
.pushBox h3{
width: 220px;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 7px 0 11px;
background-color: #fe7d00;
border-radius: 5px 5px 0 0;
}
.pushBox h3::before{
content: url('https://www.packinpack.com/pic-labo/iconPush.jpg');
position: relative;
top: 4px;
right: 6px;
}
.pushBox img{
width: 145px;
margin: 15px auto 12px;
display: block;
}
.pushBox p{
width: 195px;
padding: 10px 0;
margin: auto !important;
border-bottom: 1px solid #ccc;
}
.pushBox p:last-child{
font-size: 12px;
border-bottom: none;
}
.pushBox p a{
text-align: center;
color: #ff1111;
font-weight: bold;
font-size: 14px;
display: block;
}

/*** サイドナビ ***/
.side_searchBox {
  width: 220px;
  height: 40px;
  margin: 0 30px 20px 0;
}

.side_searchBox form {
  display: flex;          /* 入力とボタンを横並びに */
  width: 100%;
  height: 100%;
  margin: 0;
}

.side_searchBox .text1 {
  width: 180px;
  height: 40px;
  background-color: #ffffff;
  border: 1px solid #FFD700;
  padding: 0 8px;
  font-size: 14px;
  color: #000000;
  box-sizing: border-box;
}

/* プレースホルダーの色 */
.side_searchBox .text1::placeholder {
  color: #8a8a8a;
}

/* 検索ボタン（黄色） */
.side_searchBox .button_side {
  width: 40px;
  height: 40px;
  background-color: #FFD700;
  border: 1px solid #FFD700;
  color: #000000;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  transition: box-shadow 0.3s ease;
}

/* 検索ボタン hover時に黒フィルターをかける */
.side_searchBox .button_side:hover {
  background-color: #FFD700; /* ← 元の黄色を維持 */
  box-shadow: inset 0 0 0 9999px rgba(0,0,0,0.1); /* 薄いグレーを重ねる */
}

.iconBnr {
    margin-bottom: 20px;
}

.iconBnr ul{

}

.iconBnr li {
  position: relative;
  width: 220px;
  height: 45px;
  line-height: 45px;
  background-color: #FFD700;
  border-radius: 20px;
  margin-bottom: 10px;
  text-align: center;
  overflow: hidden; /* はみ出さないように */
  transition: .3s cubic-bezier(0.5, 1, 0.89, 1);
}
.iconBnr li a {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.iconBnr ul li a img{
position: absolute;
top: 7px;
left: 20px;
opacity: 1;
}
.iconBnr span{
top: 14px;
left: 50px !important;
}
.iconBnr li:hover{
  transform: scale(1.05);/* 拡大 */
}
.iconBnr li:hover span {
text-decoration: none;
color: #444;
}
.iconBnr li::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  border-radius: 20px;
  transition: background 0.3s ease;
  z-index: 1;
  pointer-events: none;
}
.iconBnr li:hover::after {
  background: rgba(0,0,0,0.1);
}


.sideBnr{
width: 220px;
margin-bottom: 10px !important;
padding: 0;
}
.free-contents .sideBnr:nth-of-type(4){
margin: 0;
}
.sideBnr h3{
width: 220px;
height: 40px;
line-height: 40px;
margin: 0;
padding: 0;
background-color: #0FBD0E;
border: none;
color: #fff;
text-align: center;
font-size: 16px;
/* font-weight: bold; */
}
.sideBnr ul{
width: 100％;
margin: 0!important;
padding: 0!important;
list-style-type: none;
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
}
.sideBnr ul li{
  position: relative;
  width: 100％;
  height: 45px;
  line-height: 45px;
  border-bottom: solid 1px #ddd;
  background-color: #f9f9f9;
  overflow: hidden; /* ← 追加：absolute要素も背景の上に収まる */
}
.sideBnr ul li a{
  display: block;
  width: 100%;   /* li の幅いっぱい */
  height: 100%;  /* li の高さいっぱい */
  line-height: 45px;  /* テキストの縦位置を中央に */
  transition: all .3s;
  text-decoration: none;
  color: inherit;
  position: relative; /* 疑似要素の基準になる */
  z-index: 2; /* ← テキストや疑似要素を li 背景より上に */
}
.sideBnr ul li:hover{
background-color: #fff;
}
.sideBnr ul li a:hover{
text-decoration: none;
color: #444 !important;
}
.sideBnr span{
  position: absolute;
  left: 7px;
  top: 50%;                  /* 縦中央に */
  transform: translateY(-50%);
  color: #444 !important;
  font-size: 13px;
}

.sideBnr .arrow span {
left: 5px;
}
.sideBnr .arrow::before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border-top: solid 3px #3a863c;
border-right: solid 3px #3a863c;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 19px;
left: 200px;
}

/* 矢印 */
.sideBnr .gray_arrow::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  transform: rotate(45deg);
  top: 50%;
  left: 89.5%;
  transform: translate(-50%, -50%) rotate(45deg); /* 中央に配置 */
  z-index: 2; /* 丸の上に表示 */
}

/* 丸 */
.sideBnr .gray_arrow::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #DADADA;
  border-radius: 50%;
  top: 50%;
  left: 90%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: background-color 0.3s ease; /* ← スムーズに色変化 */
}

/* ホバー時（薄いグレーに変化） */
.sideBnr .gray_arrow:hover::after {
  background-color: #0FBD0E;
}


/*** おすすめ商品 ***/
/* #main-column .pickup,#main-column .ranking{
width: 750px;
margin-bottom: 20px;
padding: 35px 10px 50px;
background: #f6f6f6;
border: 1px solid #d6dacb;
} */
/* #main-column .pickup h2,#main-column .ranking h2 {
width: 730px;
position: relative;
background: #93ba1a;
margin: auto auto 17px;
padding: 10px 5px 5px 55px;
font-size: 16px;
color: #fff;
border-radius: 25px;
border: none;
} */
/* #main-column .pickup h2::before,#main-column .ranking h2::before {
content: url('https://www.packinpack.com/pic-labo/iconPick.png');
position: absolute;
width: 45px;
height: 45px;
left: 0;
top: -2px;
} */
/* #main-column .ranking h2::before {
content: url('https://www.packinpack.com/pic-labo/iconRank.png');
} */
/* #main-column .pickup .column-set,#main-column .ranking .column-set {
width: 730px;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
margin: auto;
padding: 0;
} */
/* #main-column .pickup .column-set .column5,#main-column .ranking .column-set .column5 {
height: 237px;
background: #fff;
padding: 8px 3px;
margin: 0 3px 20px;
} */

/*** お店からのお知らせ ***/
.news {
border-right: 1px solid #d9d3c3;
border-bottom: 1px solid #d9d3c3;
border-left: 1px solid #d9d3c3;
width: 748px;
margin: 30px 0 0;
-moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
border-radius:0 0 4px 4px / 0 0 4px 4px;
}
.news h2{
width: 730px;
height: 50px;
line-height: 50px;
color: #fff;
font-size: 18px;
padding: 0px 0 0 20px;
background-color: #0FBD0E;
border: none;
}
.news .news-contents {
overflow-x: hidden;
overflow: scroll;
padding: 15px;
overflow: auto;
height: 150px;
}
dl.news-box {
font-size: 80%;
color:#555555;/* テキスト */
padding: 10px 0;
border-bottom: 1px dotted #d9d3c3!important;
}
dl.news-box span {
color: #e4007d!important;
}
dl.news-box:first-child {
padding: 0 0 10px 0;
}
dl.news-box:last-child {
border: none;
}
.news-box dd {
line-height: 182%;
}
.news-box dd a {
color: #3a863c!important;
text-decoration: underline!important;
}

/*** おすすめ商品 ***/
.pickup h2 {
width: 730px !important;
height: 50px !important;
line-height: 50px !important;
color: #fff;
font-size: 18px !important;
padding: 0 0 0 20px !important;
background-color: #0FBD0E !important;
border: none;
margin: 0 !important;
border-radius: 0px !important;
}

/*** ご注文・お問い合わせとご利用案内 ***/

#orderBox{
margin-bottom: 20px!important;
}
h2.topicTtl{
width: 730px;
height: 50px;
line-height: 50px;
color: #fff;
font-size: 18px;
padding: 0 0 0 20px;
background-color: #0FBD0E;
border: none;
}
#formBox{
max-width: 730px;
margin: 0 auto;
padding: 40px 45px 30px;
border-right: 1px solid #d9d3c3;
border-bottom: 1px solid #d9d3c3;
border-left: 1px solid #d9d3c3;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
justify-content: space-between;
}
/* #formBox div{
width: 286px;
position: relative;
} */
#formBox h3{
font-size: 28px;
font-weight: bold;
}
#formBox h3 span{
width: 50px;
background-color: #4d4d4d;
color: #fff;
font-size: 16px;
text-align: center;
display: inline-block;
margin-right: 10px;
padding: 5px 0 3px;
vertical-align: middle;
}
#formBox p{
font-size: 14px;
padding: 14px 0px 4px;
margin-bottom: 5px;
display: inline-block;
}
#formBox div > p:last-child{
padding: 0;
}
#formBox p span{
margin-right: 6px;
padding: 5px 0;
}
#formBox p span:nth-of-type(2){
margin-right: 20px;
}
/* #formBox a.formBtn,#formBox a.faxBtn{
width: 286px;
height: 70px;
background-color: #93ba1a;
color: #fff;
text-align: center;
font-size: 18px;
font-weight: bold;
display: block;
position: relative;
transition: all .3s;
line-height: 70px;
} */
/* #formBox a.formBtn:hover,#formBox a.faxBtn:hover{
color: #fff;
background-color: #0FBD0E;
text-decoration: none;
} */
#formBox a.formBtn::before{
content: url('https://www.packinpack.com/pic-labo/iconForm01.png');
top: 18px;
left: 14px;
position: absolute;
}
#formBox a.faxBtn::before{
content: url('https://www.packinpack.com/pic-labo/iconForm02.png');
top: 18px;
left: 40px;
position: absolute;
}
#formBox .arrow{
width: 125px;
height: 24px;
margin-top: 9px;
border: 1px solid #d9d3c3;
border-radius: 5px;
background: -moz-linear-gradient(top, #f8f8f8, #fff);
background: -webkit-linear-gradient(top, #f8f8f8, #fff);
background: linear-gradient(to bottom, #f8f8f8, #fff);
display: inline-block;
position: absolute;
transition: all .3s;
}
#formBox .arrow:hover{
color: #4d4d4d;
background: -moz-linear-gradient(top, #ececec, #f8f8f8);
background: -webkit-linear-gradient(top, #ececec, #f8f8f8);
background: linear-gradient(to bottom, #ececec, #f8f8f8);
}
#formBox .arrow span{
font-size: 10px;
position: absolute;
top: 3px;
left: 28px;
}
#formBox .arrow::before{
position: absolute;
content: '';
width: 3px;
height: 3px;
border-top: solid 2px #0FBD0E;
border-right: solid 2px #0FBD0E;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 10px;
left: 16px;
}

.cta_Btn {
position: relative !important;
width: 290px !important;
height: 60px;
line-height: 60px;
background-color: #FFD701;
padding: 10px;
margin-top: 10px;
border-radius: 45px;
text-align: center;
overflow: hidden;
transition: transform .3s cubic-bezier(0.5, 1, 0.89, 1); /* ← transformだけでOK */
will-change: transform;
}
.cta_Btn:hover,.cta_Btn:focus-within {
  transform: scale(1.05);
}
.cta_Btn:hover span {
  text-decoration: none;
  color: #444;
}
.cta_Btn a {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.cta_Btn a,
.cta_Btn a:hover {
    color:#000;
    text-decoration:none;
}
.cta_Btn a img {
    position:absolute;
    top:4px; left:35px;
    opacity: 1;
}
.cta_Btn a span {
    font-size:18px;
    padding-left:45px;
}
.cta_Btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  border-radius: 45px;
  transition: background 0.3s ease;
  z-index: 1;
  pointer-events: none;
}
.cta_Btn:hover::after {
  background: rgba(0, 0, 0, 0.1);
}


#guidanceBox{
position: relative;
}
#guidanceBox .guidanceInner{
width: 708px;
margin: 0 auto;
padding: 20px 20px 50px;
border-right: 1px solid #d9d3c3;
border-bottom: 1px solid #d9d3c3;
border-left: 1px solid #d9d3c3;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
justify-content: space-between;
}
#guidanceBox .guidanceInner div{
width: 337px;
}
#guidanceBox .guidanceInner p{
margin: 0 0 15px;
}
#guidanceBox .guidanceInner h3{
margin-bottom: 10px;
color: #fff;
font-size: 16px;
text-align: center;
background-color: #3a863c;
border-radius: 15px;
width: 337px;
height: 25px;
line-height: 25px;
}
#guidanceBox .guidanceInner h4{
font-weight: bold;
font-size: 14px;
}
#guidanceBox .guidanceInner img{
margin: 0 0 15px;
display: block;
}
#guidanceBox .guidanceInner a:link{
color: #2663e0;;
}
#guidanceBox #pack_chara{
position: absolute;
right: 20px;
bottom: 30px;
}

/*** 店長紹介　***/
.side_blog{
background: #E5F1EA;
padding: 15px 12px 15px 12px;
}
.side_blog p{
font-size: 11.5px !important;
margin: 0 0 4px 0;
}


#useBox{
width: 100%;
margin: 10px 0 40px;
background-color: #efefef;
}
#useBox #use{
width: 70px;
border-right: 1px dotted #9e9e9e;
text-align: center;
}
#useBox td {
font-size: 12px;
padding: 20px;
}
#useBox li{
margin: 7px 0;
padding: 0 10px;
border-right: 2px solid #9e9e9e;
font-size: 12px;
line-height: 1.25;
float: left;
}
#useBox li a:hover{
color: #3a863c;
}
/*202010静的リストページ追加作成時追記内容　ここから*/
#anchor {
list-style: none;
overflow: hidden;
margin: auto;
width: 750px;
margin-left: 0px !important;
}
#anchor li {
width: 238px;
text-align: center;
background-color: #fff97d;
float: left;
height: 50px;
line-height: 50px;
margin: 0px 5px;
letter-spacing: 0.5px;
font-size: 16px;
border: solid 1px #ffd700;
}
#anchor li a {
text-decoration: none;
color: #444;
font-weight: bold;
padding: 5px;
}
#anchor :hover {
background-color: #f0e68c;
text-decoration: none;
color: #444 !important;
}
#anchor2 {
list-style: none;
overflow: hidden;
margin: auto;
width: 750px;
margin-left: 0px !important;
}
#anchor2 li {
width: 175px;
text-align: center;
background-color: #fff97d;
float: left;
height: 50px;
line-height: 50px;
margin: 0px 5px;
letter-spacing: 0.5px;
font-size: 16px;
border: solid 1px #ffd700;
}
#anchor2 li a {
text-decoration: none;
color: #444;
font-weight: bold;
padding: 5px;
}
#anchor2 :hover {
background-color: #f0e68c;
text-decoration: none;
color: #444 !important;
}
.itemtitle{
height: 30px;
background-color: #3a863c;
color: #fff;
font-size: 14px;
text-align: left;
line-height: 30px;
padding-left:20px;
margin: 20px 0 10px;
border-radius: 3px;
}
.list_table{
text-align: center;
width: 748px;
border-left: 1px solid #d6dacb;
margin-bottom: 50px;
table-layout: fixed;
}
.list_table th{
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
background-color: #93ba1a;
border-top: 1px solid #93ba1a;
border-right: 1px solid #93ba1a;
border-left: 1px solid #93ba1a;
line-height: 12px;
padding: 8px 0;
}
.list_table td{
padding: 10px 0;
letter-spacing: 0.5px;
border-right: 1px solid #d6dacb;
border-left: 1px solid #d6dacb;
border-bottom: 1px solid #d6dacb;
height: 25px !important;
}
.th-type{
width: 125px;
}
.th-thickness{
width: 85px;
}
.th-size{
width: 124px;
}
.th-remarks{
width: 290px;
}
.th-buy{
width: 120px;
}
.td-color40{
background-color: #C2EEFF
}
.td-color50{
background-color: #70d7ff
}
.td-color60{
background-color: #02b8ff
}
.td-color100{
background-color: #0283b5
}
.td-size{
text-decoration: underline;
}

.btn_image,
a.btn_image {
color: #fff !important;
background-color: #fe7d00;
padding: 5px 13px 5px 13px;
border-radius: 3px;
}
.btn_image,
a.btn_image:hover {
color: #fff !important;
background-color: #f9be86;
padding: 5px 13px 5px 13px;
border-radius: 3px;
}
/*202010静的リストページ追加作成時追記内容　ここまで*/
/*202105見積フォームページ用追加作成時追記内容　ここから*/
.estimate {
width: 975px;
}
.estimate p {
font-size: 16px;
}
.est_box {
width: 975px;
height: 270px;
margin-bottom: 15px;
}
.est_box2 {
width: 975px;
height: 460px;
margin-bottom: 15px;
}
.est_box3 {
width: 975px;
height: 150px;
margin-bottom: 15px;
}
.est_title {
font-size: 18px !important;
color: #ff0000;
font-weight: bold;
margin-bottom: 5px;
}
.est_subtitle {
font-size: 16px;
color: #3366cc;
font-weight: bold;
}
.est_leftcon {
width: 250px;
height: 270px;
float: left;
margin-right: 20px;
}
.est_leftcon2 {
width: 250px;
height: 460px;
float: left;
margin-right: 20px;
}
.est_leftcon3 {
width: 250px;
height: 150px;
float: left;
margin-right: 20px;
}
.est_rihgtcon {
width: 975px;
padding-top: 5px;
}
.est_bottomcont {
text-align: center;
font-size: 16px; 
margin-bottom: 50px;
}
.est_bottombtn {
width: 350px;
height: 70px;
background-color: #93ba1a;
color: #fff !important;
text-align: center;
line-height: 70px;
font-size: 20px;
font-weight: bold;
display: block;
position: relative;
transition: all .3s;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
}
.est_bottombtn:hover {
color: #fff;
background-color: #36aa1b;
text-decoration: none !important;
display: block;
margin-left: auto;
margin-right: auto;  
}
/*202105見積フォームページ用追加作成時追記内容　ここまで*/

/*20220626ヘッダーバナースペースcss追加　ここから*/

.head_Bnr {
margin-bottom: 10px;
text-align: center;
}

/*20220626ヘッダーバナースペースcss追加　ここまで*/

/*20231130サイズ別ページcss追加　ここから*/

.sizetitle {
    height: 35px;
    background-color: #3a863c;
    color: #fff;
    font-size: 20px;
    text-align: left;
    line-height: 35px;
    padding-left: 20px;
    margin: 20px 0 10px;
    border-radius: 3px;
}

.itemcont {
    margin-bottom: 50px;
}

.sizeitem {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
}

.sizeitem li{
    width: 19%;
}

.sizeitem li:not(:nth-child(5n+5)) {
  margin-right: 1.2%;
}

.sizeitem li:nth-child(n + 6){
    margin-top: 10px;
}

.size {
    width: 100%;
    height: 30px;
    background-color: #93b81b;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: normal;
}

.sizeimg {
    height: 145px;
    background-color: #000;
    display: table;
    width: 100%;
}

.sizeimg a{
    display: table-cell;
    vertical-align: middle;    
}

.sizeimg img{
    display: block;
    margin: auto;
}

.sizecont {
    border: solid 1px #C2C2C2;
}

.sizeprof {
    font-size: 14px;
    letter-spacing: normal;
    margin: 10px 5px;
    line-height: 18px;
    height: 55px;
}

.sizebtn a{
    width: 120px;
    height: 30px;
    color: #fff !important;
    background-color: #FE7D02;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    display: block;
    margin: 0 auto 10px;
    letter-spacing: normal;
}

.sizebtn a:hover {
    color: #fff !important;
    background-color: #f9be86;
}


/*20231130サイズ別ページcss追加　ここまで*/

/*20240404見積もりフォームクッションページcss　ここから*/
.est_form_wrap {
    width: 95%;
    display: block;
    margin: 50px auto 150px;
}

.est_form_wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.est_form_wrap li {
    width: 49%;
    margin-bottom: 30px;
}
/*20240404見積もりフォームクッションページcss　ここまで*/

/*20250609　プラポリcss　ここから*/

.privacy-section {
    margin-bottom: 20px;
}

.privacy-section p{
    font-size: 14px !important;
    line-height: 24px !important;
    margin-top: 5px;
}

.privacy-list li{
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
}

.privacy-link:hover {
text-decoration: underline;
}

/*20250609　プラポリcss　ここまで*/

/*20250612　商品詳細ページcss　ここから*/
#click_post {
  scroll-margin-top: 200px;
}

.item_bunspace ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cp_up {
    background-color: #0FBD0E;
    border-radius: 5px;    
    padding: 10px;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 10px;
    align-items: center;
}

.cp_up p{
    color: #fff;
}

.post_img{
    margin-left: 5px;
    margin-right: 5px;

}

.post_shipping {
    width: 215px;
}

.post_shipping p{
    font-size: 16px !important;
    letter-spacing: 0.1em !important;
}

.post_shipping span{
    font-size: 24px !important;
    font-weight: bold;
}

.post_shipping_ls span{
    letter-spacing: 11.7px;
}

.post_shippingtxt span{
    font-size: 16px !important;
    letter-spacing: 0.2em !important;
    font-weight: normal;
}

.pack_count {
    width: 420px;
    margin-right: 5px;
    margin-right: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.pack_count_Box {
    background-color: #fff;
    color:  #0FBD0E;
    margin-bottom: 8px;
    display: flex;
    padding: 15px 15px 5px 15px;
    font-weight: bold;
    align-items: end;
}

.pack_count p{
    color:  #0FBD0E;
    font-size: 16px !important;
}

.pack_count span{
    color:  #0FBD0E;
    font-size: 36px !important;
}

.cp_act {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}


.cp_act p{
    color: #fff;
    margin: 0 10px 0 auto;
    font-size: 16px !important;
}

.cp_remarks {
    border: solid 1px #0FBD0E;
    padding: 5px;
    margin-bottom: 25px;
}

.cp_remarks p{
    letter-spacing: 0em !important;
}

.cp_remarks span {
    color: #ff003c;
}

.cp_up_v2 {
    background-color: #0FBD0E;
    border-radius: 5px;    
    padding: 10px;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 10px;
    align-items: center;
}

.cp_up_v2 p{
    color: #fff;
}

.post_img_v2 {
    margin-left: 5px;
    margin-right: 5px;
    width: 52px;
}

.post_shipping_v2 {
    width: 365px;
}

.post_shipping_v2 p{
    font-size: 16px !important;
    letter-spacing: 0.1em !important;
}

.post_shipping_v2 span{
    font-size: 24px !important;
    font-weight: bold;
}

.post_shipping_ls_v2 span{
    letter-spacing: 11.7px;
}

.post_shippingtxt_v2 span{
    font-size: 16px !important;
    letter-spacing: 0.2em !important;
    font-weight: normal;
}

.pack_count_v2 {
    width: 270px;
    margin-right: 5px;
}

.cp_act_v2 {
    align-items: center;
}


.cp_act_v2 p{
    color: #fff;
    margin: 0 0 10px 0;
    font-size: 16px !important;
    /* text-align: right; */
}

.rootcont {
    width: 270px;
}

.rootlink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    border-radius: 3px;
    background-color: #ffd700;
    padding: 5px 5px 5px 10px;
    color: #fff !important;
}

.rootlink:hover {
    background: #767877;
    color: #FFD700 !important;
}


.post_arrowimg_v2 {
    /* margin-left: 5px;
    margin-right: 5px;
    text-align: right; */
    padding-top: 3px;
}

.variation_count {
    margin-bottom: 20px;
}

.count_nav {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.count_nav p{
    font-size: 18px !important;
    font-weight: bold;
    color: #767878;
}

.variation_btn ul{
    display: flex;
    /* justify-content: space-between; */
}

.variation_btn li{
margin-right: 8px;
}

.variation_btn li a{
    display: block;
    width: 98px;
    text-align: center;
    color: #0FBD0E !important;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #0FBD0E;
    font-weight: bold;
    padding: 10px 0 10px 0;
}

.va_btn:hover {
  background: #0FBD0E;
  color: #FFF !important;
}

.click_post_nav {
    margin: 30px 0 50px 0;
}

.cp_price {
    background-color: #0FBD0E;
    display: flex;
    padding: 5px 0 5px 15px;
    align-items: center;
}

.cp_price p{
    font-size: 20px !important;
    font-weight: bold;
    color: #fff;
    margin-left: 15px;
}

.cp_price img{
    width: 28px;
}

.cp_exnav {
    background-color: #F6F6F6;
    max-width: 750px;
    padding: 20px;
}

.cp_send {
    display: flex;
    background-color: #fff;
    margin: 0 auto 10px auto;;
    border-radius: 5px;
    padding: 10px 0 10px 30px;
}

.cp_send p{
    margin-left: 20px;
}

.cp_avitem {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 10px auto;
}

.cp_avitem_cont {
    display: flex;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    width: 320px;
}

.cp_avitem_cont img{
    margin: 0 10px 0 5px;
}

.cp_avitem_cont_in {
    margin-right: 10px;    
}

.cp_avitem_cont_in li{
    display: flex;
    margin: 5px 0 5px 0;
    border-bottom: solid 1px #CCCCCC;
    padding: 0 0 3px 0;
    width: 220px;
}

.cp_avitem_cont_in p{

}

.cp_cont_pp {
    width: 67px;
}

.cp_explain {
    background-color: #fff;
    margin: auto;
    border-radius: 5px;
    padding: 20px;
}

.cp_explain ul {
    display: flex;
    justify-content: space-between;
}

.cp_explain li {
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    width: 290px;
    padding: 15px;
}

.cp_explain_btn {
    display: block;
    width: 190px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #FFD700;
    color: #767877;
    border-radius: 3px;
    margin: 10px auto 10px auto;
}

.cp_explain_btn:hover {
  background: #767877;
  color: #FFD700;
}

.item_detail_Ttl {
    width: 100%;
    background-color: #0FBD0E;
    color: #FFF;
    padding: 10px;
    font-size: 18px !important;
    font-weight: bold;
    margin-bottom: 10px;
}

/*20250612　商品詳細ページcss　ここまで*/


/*202508　トップ改修css　ここから*/
.head_new {
    width: 1000px;
    margin: 5px auto 5px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.head_left {
    max-width: 300px;
}
.h_l_top {
    width: 300px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    background-color: #0FBD0E;
}
.h_l_u_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0 5px 0;
}
.h_l_u_top img{
  height: auto;
  max-height: 100%;
}
.h_l_u_top p{
    font-size: 16px;
}
.h_l_u_top p span{
    color: #d50000;
}
.h_l_u_under p{
    font-size: 13px;
    text-align: center;
    letter-spacing: 0.6px;
}
.head_center {
    max-width: 300px;
}
.h_c_top {
    margin-bottom: 15px;
}
.h_c_top h1 {
    text-align: center;
    font-size: 16px;
}
.head_right {
    max-width: 300px;
    margin-top: 5px;
}
.h_r_top {
    margin-bottom: 15px;
}
.iconBnr_mini{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mem_btn{
    position: relative;
    width: 120px;
    height: 25px;
    line-height: 25px;
    background-color: #FFD700;
    border-radius: 15px;
    text-align: center;
    overflow: hidden;
}
.mem_btn::after{
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    border-radius: 15px;
    transition: background 0.3s ease;
    z-index: 1;
}
/* ★ホバーで薄いグレーをかける */
.mem_btn:hover::after{
    background:rgba(0,0,0,.1);
}
.divider{
    width: 30px !important;
    background-color: #fff !important;
    color: #FFD700;
    text-align: center;
}
.mem_btn img{
    position: absolute;
    top: 4px;
    left: 10px;
}
.mem_btn span{
    font-size: 14px;
}
.mem_btn p{
    color: #FFD700;
    margin-top: 2px;
}
.mem_btn a {
    z-index: 2; 
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
.mem_btn::after {
  pointer-events: none;
}
.tel_reception {
    margin-bottom: 10px;
}
.tel_reception p{
    font-size: 14px;
    letter-spacing: 0.3px;
}
.tel_number {
    display: flex;
}
.tel_num_img{
    margin-right: 17px;
}
.tel_num_txt{
    font-size: 32px;
    font-weight: bold;
}

/* 中央カテゴリー画像ズームを強制（順番に勝てるように !important で一旦テスト） */
.center_cont_group .category-catgrid li a{
  display:grid; grid-template-rows:1fr auto; place-items:normal; width:100%; height:100%;
}
.center_cont_group .category-catgrid li{ overflow:hidden; }

.center_cont_group .category-catgrid li a img{
  width:100%; height:auto; object-fit:contain; display:block;
  transition: transform .55s cubic-bezier(.22,1,.36,1) !important;
  transform: scale(1) translateZ(0) !important;
  transform-origin: center; backface-visibility: hidden; will-change: transform;
}
.center_cont_group .category-catgrid li:hover a img,
.center_cont_group .category-catgrid li:focus-within a img{
  transform: scale(1.1) translateZ(0) !important;
}

/* 共通の a:hover img の透過変更を打ち消し（ある場合） */
.center_cont_group .category-catgrid li a:hover img{ opacity:1 !important; }


/* おすすめ新css */
.pickup {
    width: 750px !important;
    margin-bottom: 20px;
}
.pickup .column-set {
    width: 750px !important;
    margin: auto;
}
.pickup .column-set .column5{
  display: grid !important;
  grid-template-columns: 130px 1fr; /* 左=画像幅/右=可変 */
  grid-template-rows: auto auto;    /* 上=h3 / 下=price */
  column-gap: 12px;
  align-items: start;
  /* 既存の余計な並び影響を無効化 */
  justify-content: initial;
  border: 1px solid #d9d3c3;
  padding: 10px;
  margin-bottom: 10px;
}
.pickup .column5 .itemThumb-wrap{
  grid-column: 1;
  grid-row: 1 / span 2; /* 2行分 */
  position: relative;   /* 既存維持 */
}
.column5 .badge{
    position: absolute;
    top: 3px;
    right: -60px;
    z-index: 99;
}
.column5 img {
    vertical-align: bottom;
}

.column5 .itemThumb {
    display: table-cell;
    height: 120px;
    width: 120px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;

}
.column5 .item-list-span-img {
    width: 130px;
    display: inline-block;

}
.pickup .column5 h3{
  grid-column: 2;
  grid-row: 1;
  margin: 30px 0 6px 0;   /* 上書き：縦位置調整 */
  width: auto;         /* 既存 430px を無効化 */
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: .1em;
}
.pickup .column5 .price{
  grid-column: 2;
  grid-row: 2;
  margin: 0;           /* 既存 30px を無効化 */
  width: auto;         /* 既存 180px を無効化 */
  text-align: left;    /* 右寄せ→左寄せ */
  font-size: 16px;
}

/*202508　トップ改修css　ここまで*/

/*202509　お支払い・送料についてページ　css　ここから*/
.price_wrapper {
    width: 750px;
}
.price_wrapper p{
    font-size: 14px !important;
}
h2.price-title {
    width: 750px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #0FBD0E;
    padding: unset;
    font-size: 20px;
    margin:0 0 20px 0 !important;
    border-top: unset;
    vertical-align: unset;
    box-sizing: border-box;
    padding-left: 20px;
}
/* メインアンカーボタン */
.price_anchor {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}
.P_anchor_btn {
    width: 243px;
    height: 60px;
    background:#0FBD0E;      /* 背景の緑 */
    border:1px solid #fff;   /* 内側の白枠 */
    outline:1px solid #0FBD0E; /* 外側の緑枠 */
    outline-offset:1px;      /* 白枠から少し外に */
    display:inline-block;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.P_anchor_btn:hover {
  background-color: #0FBD0E;   /* ホバー時の緑 */
  box-shadow: inset 0 0 0 9999px rgba(0,0,0,0.1);
}
.P_anchor_btn:hover .price_main_anchor {
  text-decoration: none;
}
.price_main_anchor {
    color:#fff !important;
    text-decoration:none;
    font-size:16px;
    display:flex;               /* テキストと矢印を横並びに */
    align-items:center;
    justify-content:space-between; /* テキストを左、矢印を右 */
    width:100%;                 /* ボタン幅いっぱい */
    padding:0 15px;              /* 左右の余白調整 */
    box-sizing:border-box;
    position:relative; 
}
.price_main_anchor::before{
    content: "";
    position: absolute;
    right: 17px;
    top: 11px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 15px solid #fff;
}
.price_main_anchor::after{
  content:"";
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  width:0;height:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:10px solid #FF894C;
}
.price-heading {
  font-size: 18px;
  color: #333;
  margin: 0 0 20px;
  border-bottom: 5px solid #EAEAEA; 
  position: relative;
  height: 48px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.price-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  height: 5px;
  width: 130px;
  background-color: #0FBD0E;
}
.payment_anchor {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 13px;
    margin: 20px 0 40px 0;
}
.payment_sub_anchor {
    width: 243px;
    height: 60px;
    background:#fff;      /* 背景の緑 */
    border:1px solid #0FBD0E;   /* 内側の白枠 */
    outline:1px solid #0FBD0E; /* 外側の緑枠 */
    outline-offset:1px;      /* 白枠から少し外に */
    display:inline-block;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.payment_sub_anchor:hover {
  background-color: #fff;   /* ホバー時の緑 */
  box-shadow: inset 0 0 0 9999px rgba(0,0,0,0.1);
}
.payment_sub_anchor:hover .psa_txt {
  text-decoration: none;
}
.psa_txt {
    color:#333 !important;
    text-decoration:none;
    font-size:16px;
    display:flex;               /* テキストと矢印を横並びに */
    align-items:center;
    justify-content:space-between; /* テキストを左、矢印を右 */
    width:100%;                 /* ボタン幅いっぱい */
    padding:0 15px;              /* 左右の余白調整 */
    box-sizing:border-box;
    position:relative; 
}
.psa_txt::before{
    content: "";
    position: absolute;
    right: 17px;
    top: 11px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 15px solid #fff;
}
.psa_txt::after{
  content:"";
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  width:0;height:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:10px solid #FF894C;
}
.price_term {
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  color: #333;
  margin: 20px 0;
}
.price_term::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px; 
  height: 100%; 
  background-color: #0FBD0E;
  border-radius: 3px;
}
.price_term_content {
    padding: 15px;
    margin-bottom: 30px;
    background-color: #F6F6F6;
}
.price_term_child_content p {
    margin-bottom: 15px !important;
}
.pay_meth_img {
    width: 50%;
}
.ptcc_title {
    background-color: #0FBD0E;
    display: flex;
    align-items: center;
    color: #fff;
    margin: 15px 0 15px 0;
    height: 35px;
    padding-left: 10px;
}
.ptcc_title img{
    width: 50px;
    margin-right: 10px;
}
.ptcc_title p{
    font-size: 14px !important;
    margin: 0px !important;
    line-height: 35px !important;
}
.shipping_box {
    display: flex;
}
.shipping_box span{
    width: 160px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 15px;
    background-color: #FFD787;
}
.payment_anc {
  display: inline-block;
  margin-top: 20px;
}
.price_sub_anchor {
  display: flex;
  align-items: center;
  justify-content: space-evenly; 
  width: 180px;
  height: 30px; 
  padding: 0 20px; 
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #0FBD0E;
  position: relative;
}
/* hover 時に色替え */
.price_sub_anchor:hover {
  background-color: #f5f5f5;
  color: #000;
  text-decoration: none;
}
/* オレンジの三角 ▼ */
.price_sub_anchor::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #ff7a00;
}
.price_tfi {
    display: inline-block;
    background-color: #FFD787;
    color: #333;
    padding: 20px;
}


.price_term_content .free_shipping {
    display: flex;
    align-items: center;
}
.price_term_content .free_shipping img{
    width: 70px;
    margin-right: 15px;
}
.price_term_content .free_shipping span{
    color: #d50000;
    font-weight: bold;
}


/* ====== 全国の宅配便の送料 ====== */
.price_term_content .shipfee {
  font-size: 14px;
  color: #111;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* タイトル帯 */
.price_term_content .shipfee-title {
  background: #0FBD0E;
  color: #fff;
  padding: 8px 12px;
}

/* テーブル共通 */
.price_term_content .shipfee-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 14px;
}

.price_term_content .shipfee-row {
  border: 1px solid #0FBD0E;
}

.price_term_content .shipfee-price,
.price_term_content .shipfee-area {
  border: 1px solid #0FBD0E;
  padding: 8px 10px;
  vertical-align: middle;
}

/* 左列（料金） */
.price_term_content .shipfee-price {
  width: 140px;         /* 調整可 */
  text-align: center;
  background: #fff;
}

.price_term_content .shipfee-amount {
  font-size: 14px;
}

.price_term_content .shipfee-tax {
  font-size: 11px;
  margin-left: 4px;
}

/* 右列（エリア） */
.price_term_content .shipfee-area {
  text-align: left;
  background: #fff;
  font-size: 14px;
}

.price_term_content .shipfee-area-line {
  margin: 2px 0;
}

/* 備考 */
.price_term_content .shipfee-note {
  margin-top: 10px;
}

.price_term_content .shipfee-note-title {
  margin: 0 0 4px 0;
}

.price_term_content .shipfee-note-body {
  margin: 0;
  font-size: 14px;
}

/* ===== クリックポスト（price_term_content内） ===== */
.price_term_content .cp_lpplus{
  font-size:14px;
  color:#111;
}

/* 上段：左ロゴ／右料金枠 */
.price_term_content .cp_lpplus-header{
  display:grid;
  grid-template-columns:200px 1fr;  /* 左固定／右可変 */
  gap:12px;
  align-items:stretch;
  margin-bottom:14px;
}

/* 左：ロゴ枠 */
.price_term_content .cp_lpplus-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}

/* 右：料金枠（タイトル上段、金額＋注記が下段で並列） */
.price_term_content .cp_lpplus-fee{
  display:grid;
  grid-template-columns: 1fr 1fr;     /* 下段：金額／注記 */
  grid-template-rows:auto auto;       /* 上段：タイトル */
  border:1px solid #0FBD0E;           /* 外枠（緑） */
}

/* 上段：タイトル（左右にフルでまたぐ） */
.price_term_content .cp_lpplus-fee__title{
  grid-column:1 / -1;
  background:#0FBD0E;
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  padding:6px 8px;
  text-align:center;
}

/* 下段：金額／注記 */
.price_term_content .cp_lpplus-fee__amount,
.price_term_content .cp_lpplus-fee__note{
  background:#fff;
  display:flex; align-items:center; justify-content:center;
  padding:8px 10px;
  border-top:1px solid #0FBD0E;      /* タイトルとの仕切り */
}

/* 金額と注記の縦仕切り（中央だけ線を出す） */
.price_term_content .cp_lpplus-fee__note{
  border-left:1px solid #0FBD0E;
}

/* 説明リスト：黒ポチを表示して折返しも揃える */
.price_term_content .cp_lpplus .cp_lpplus-notes{
  list-style: none; 
  margin: 0 0 20px 0 !important;
  padding-left: 0; 
}
.price_term_content .cp_lpplus .cp_lpplus-notes li{
  position: relative;
  padding-left: 1.2em;/* ← 行頭のインデントをここで作る */
  margin-bottom: .5em;
  text-indent: 0;
}
.price_term_content .cp_lpplus .cp_lpplus-notes li::before{
  content: "•";
  position: absolute;
  left: 0; /* li の左端から配置 */
  top: 0.15em;　/* 垂直位置の微調整 */
  color: #000;
  line-height: 1;
}

/* CTA：中央配置（コンテナ内でセンター） */
.price_term_content .cp_lpplus-cta{
  margin:0;
  text-align:center;                 /* ← 中央寄せ */
}
.price_term_content .cp_lpplus-cta__link{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:360px;
  padding:10px 14px;
  border:1px solid #0FBD0E;
  text-decoration:none;
  background:#fff;
  box-sizing:border-box;
}
.price_term_content .cp_lpplus-cta__link:hover{
    filter:brightness(.97);
    color: #000;
    text-decoration: none;
}

/* 右向きオレンジ三角（白フチ1px） */
.price_term_content .cp_lpplus-cta__caret{
  position:relative;
  width:0;height:0;
}
.price_term_content .cp_lpplus-cta__caret::after{
  content:"";
  position:absolute;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #ff7a00;
    left: -20px;
    top: -9px;
}


/* ポイントについて */
.price_term_content .point_exp {
    display: flex;
    align-items: center;
}
.price_term_content .point_exp img{
    width: 70px;
    margin-right: 15px;
}


/* ご留意事項 */
.ptc_txt_area ul{
    margin: 0 !important;
    list-style: none; /* デフォルト無効にする */
    padding-left: 1em;
}
.ptc_txt_area  li{
    font-size: 14px;
    text-indent: -1em;
    margin-bottom: .5em;
}
.ptc_txt_area li::before {
    content: "•";           /* 黒い丸 */
    margin-right: .5em;
    color: #000;
}
.ptc_txt_area li:last-child {
    margin-bottom: 0;
}
/*202509　お支払い・送料についてページ　css　ここまで*/

/*202509　配送・返品についてページ　css　ここから*/
.ship_guide_txt {
    margin-bottom: 15px !important;
}
.ship_time_img {
    width: 300px;
    margin-bottom: 10px;
}

.Ship_pt_txt ul{
    margin: 0 0 15px 0 !important;
    list-style: none; /* デフォルト無効にする */
    padding-left: 1em;
}
.Ship_pt_txt  li{
    font-size: 14px;
    text-indent: -1em;
    margin-bottom: 0.3em;
}
.Ship_pt_txt li::before {
    content: "•";           /* 黒い丸 */
    margin-right: .5em;
    color: #000;
}
.shipping_box2 span {
    width: 100% !important;
    height: 30px !important;
    line-height: 30px;
    margin: 0 15px 15px 0;
    background-color: #FFD787;
    padding-left: 15px;
    display: block;
    box-sizing: border-box;
}
.P_contact-card{
  max-width: 720px;           /* 画像の横幅感 */
  border: 2px solid #0FBD0E;  /* 外枠 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  line-height: 1.6;
  background: #fff;
}
.P_contact-card .P_row{
  display: grid;
  grid-template-columns: 180px 1fr; /* 左ラベル幅 */
}
.P_contact-card .P_label{
  background: #0FBD0E;
  color: #fff;
  padding: 10px 14px;
  font-size: 14px;
}
.P_contact-card .P_value{
  background: #fff;
  color: #000;
  padding: 10px 14px;
  border-left: 1px solid #0FBD0E;    /* 左の仕切り線 */
  font-size: 14px;
}
/* 行の区切り線（1行目以外に上線） */
.P_contact-card .P_row + .P_row .P_value{
  border-top: 1px solid #0FBD0E;
}
.P_contact-card .P_row:not(:last-child) .P_label{
  border-bottom: 1px solid #fff;
}

.refund_ex_txt {
    margin-bottom: 15px !important;
}



/*202509　配送・返品についてページ　css　ここまで*/


/* ================================
   ヘッダー固定分を逃げる記述
   ================================ */
h2[id],
h3[id],
h4[id] {
  scroll-margin-top: 180px;
}
/* アンカーリンクのスクロールをスムーズに */
html {
  scroll-behavior: smooth;
}



/*202508　トップ改修　テストページ用css　本番には反映しなくてOK　ここから*/
    .main_wrapper {
        width: 1000px;
        margin: 190px auto 150px;
        display: flex;
    }

/*202508　トップ改修　テストページ用css　本番には反映しなくてOK　ここまで*/