@charset "UTF-8";
/* ブラウザ毎の固有CSSの初期化 */
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
address,
options,
select,
table,
tr,
img {
margin: 0;
padding: 0;
word-break: break-word;
}
body {
color: #333333;
font-family: "メイリオ", meiryo, Verdana, "MS Pゴシック", sans-serif;
font-size: 100%;
line-height: 1.6;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%;
}
fieldset,
img {
border: 0 none;
vertical-align: bottom;
}
#main-in a,
#header-in a,
#cc a,
#sidebar a,
#slide a img,
#feature_info a,
#feature_info2 a,
#scene_info a,
#new_items a,
#rank_items a,
#contents-1 a,
.first_cat_b a,
.btn_wish_area a,
.refinement a,
.ef_hover a,
#bag a,
#orgbag a,
#printing_page a,
#item_details a,
.gss_banner a,
.area1 a.bnr #item_detail_page #bnr_about a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#main-in a:hover,
#header-in a:hover,
#cc a:hover,
#sidebar a:hover,
#slide a img:hover,
#feature_info a:hover,
#feature_info2 a:hover,
#scene_info a:hover,
#new_items a:hover,
#rank_items a:hover,
#contents-1 a:hover,
.first_cat_b a:hover,
.btn_wish_area a:hover,
.refinement a:hover,
.ef_hover a:hover,
#bag a:hover,
#orgbag a:hover,
#printing_page a:hover,
#item_details a:hover,
.gss_banner a:hover,
#feature-top a:hover,
.area1 a.bnr:hover,
#item_detail_page #bnr_about a:hover {
opacity: 0.75; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=75); /* IE lt 8 */
-ms-filter: "alpha(opacity=75)"; /* IE 8 */
-khtml-opacity: 0.75; /* Safari 1.x */
-moz-opacity: 0.75; /* FF lt 1.5, Netscape */
}
#fixed_banner_area a img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0.9; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=90); /* IE lt 8 */
-ms-filter: "alpha(opacity=90)"; /* IE 8 */
-khtml-opacity: 0.9; /* Safari 1.x */
-moz-opacity: 0.9; /* FF lt 1.5, Netscape */
}
#fixed_banner_area a img:hover {
opacity: 0.75; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=75); /* IE lt 8 */
-ms-filter: "alpha(opacity=75)"; /* IE 8 */
-khtml-opacity: 0.75; /* Safari 1.x */
-moz-opacity: 0.75; /* FF lt 1.5, Netscape */
}
img {
max-width: 100%;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}
ol,
ul {
list-style: none outside none;
}
li {
list-style-type: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
q:before,
q:after {
content: "";
}
abbr,
acronym {
border: 0 none;
}
textarea {
font-family: "メイリオ", meiryo, Verdana, "MS Pゴシック", sans-serif;
font-size: 100%;
resize: none;
}
body {
font-size: 12px;
-webkit-text-size-adjust: 100%;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/*---------------- リンク ----------------*/
a {
color: #000000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: #000000;
}
a:active {
color: #000000;
}
/*-----------------------------------------------
リンクの色変更
・ページ内リンク色
・商品詳細ページ内リンク色
-------------------------------------------------*/
#gss a,
#g-detail a {
color: #007ebe;
text-decoration: underline;
}
#gss a:hover,
#g-detail a:hover {
text-decoration: none;
}
#g-detail a {
line-height: 2;
}
/*---------------- 文字スタイル ----------------*/
.small {
font-size: 10px;
}
.large {
font-size: 14px;
}
.white {
color: #ffffff;
}
.pink {
color: #e5007e;
}
.red {
color: #ff0000;
}
.orange {
color: #ff9600;
}
.pdt10 {padding-top: 10px !important;}
.pdt15 {padding-top: 15px !important;}
.pdt70 {padding-top: 70px !important;}
.pdb5 {padding-bottom: 5px !important;}
.pd1 {padding-right: 5px !important;}
.pdl10 {padding-left: 10px !important;}
.pdl20 {padding-left: 20px !important;}
.pdl30 {padding-left: 30px !important;}
.pdl40 {padding-left: 40px !important;}
.pdr12 {padding-right: 12px;}
.pdr30 {padding-right: 30px;}
.bold {font-weight: bold;}
.m10 {margin: 10px 0;}
.mb5 {margin-bottom: 5px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb100 {margin-bottom: 100px;}
.ml_a {margin-left: auto;}
.mr_a {margin-right: auto;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt22 {margin-top: 22px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.ml {margin-left: 20px;}
.ml15 {margin-left: 15px;}
.ml29 {margin-left: 29px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml65 {margin-left: 65px;}
.ml75 {margin-left: 75px;}
.ml19 {margin-left: 19px;}
.mr10 {margin-right: 10px;}
.txtC {
text-align: center;
}
.txtL {
text-align: left;
}
.txtR {
text-align: right;
}
.txtVT {
vertical-align: top;
}
.txtVM {
vertical-align: middle;
}
.f10 {
font-size: 10px;
}
.f11 {
font-size: 11px;
}
.f12 {
font-size: 12px;
}
.f13 {
font-size: 13px;
}
.f14 {
font-size: 14px;
}
.f15 {
font-size: 15px;
}
.f16 {
font-size: 16px;
}
.f17 {
font-size: 17px;
}
.f18 {
font-size: 18px;
}
.f19 {
font-size: 19px;
}
.f20 {
font-size: 20px;
}
.f21 {
font-size: 21px;
}
.f22 {
font-size: 22px;
}
.f23 {
font-size: 23px;
}
.f24 {
font-size: 24px;
}
.underline {
text-decoration: underline;
}
.ib {
display: inline-block;
}
.of_h {
overflow: hidden;
}
.fr {
float: right;
}
.lh1 {
line-height: 1;
}
.ls {
letter-spacing: -0.5px;
}
/*---------------- レイアウト ----------------*/
#wrapper {
width: 100%;
min-width: 1080px;
}
#top,
#header,
#main,
#nav,
#footer,
#copyright {
width: 100%;
}
/*-----▼IE 対策▼-----*/
.ie #top,
.ie #header,
.ie #main,
.ie #nav,
.ie #footer {
text-align: center;
}
.ie #top-in,
.ie #header-in,
/*.ie #main-in,*/
.ie #nav-in {
text-align: left;
}
/*-----▲IE 対策▲-----*/
#header {
background-color: #ffffff;
}
#header-in {
clear: both; /* @H-20210108 */
width: 1080px;
margin: auto;
overflow: hidden;
}
#header-in .area1 {
float: left;
margin: 10px 0 0 0; /* @H-20210108 */
}
#header-in .area1 a:nth-of-type(2) {
margin: 0 0 0 40px; /* @H-20210108 */
}
#header-in .area2 {
/* 2015/08/31修正 */
float: right;
/*background:url(../images/head_ct_bg.jpg) 60% 100% no-repeat;*/
/*width:400px;*/
height: 75px; /* @H-20210108 */
position: relative;
margin: 10px 0 0 0; /* @H-20210108 */
}
#header ul {
margin: auto;
overflow: hidden;
}
#header .head_ct ul {
/* 2015/08/31追加 */
position: absolute;
overflow: hidden;
width: 161px;
top: 42px; /* @H-20210108 */
right: 0px;
}
#header .head_ct ul li {
/* 2015/08/31追加 */
float: left;
}
#header .head_ct ul li.mr2,
.foot_address_area .foot_ct ul li.mr2 {
/* 2015/08/31追加 */
margin-right: 2px;
}
#header .head_ct ul li.mr2 a {
/* 2015/08/31追加 */
width: 89px !important;
height: 18px !important;
}
#header .head_ct ul li.mr3 a {
/* 2015/08/31追加 */
width: 70px !important;
height: 18px !important;
}
.link_company {
text-align: right;
/*padding:3px 0 1px; @H-20210108 */
/*clear:both; @H-20210108 */
font-size: 10px;
}
#header-in p a {
margin: 0 0 0 auto;
}
#main {
background-color: #f8f8f8;
}
#main-in {
width: 1080px;
padding: 30px 0 15px;
margin: auto;
overflow: hidden;
}
#slide {
background: top center no-repeat;
background-size: contain;
}
#slide-in {
width: 840px;
margin: auto;
}
.ie8 #slide-in {
width: 840px;
}
.ie8 #slide-in-in {
margin-left: 1px;
width: 840px;
}
#slider {
/* height: 260px; */
overflow: hidden;
}
#slider img{
width: 840px;
height: 260px;
}
.slick-dots {
padding: 10px 0;
text-align: center;
}
.slick-dots li {
width: auto;
height: auto;
display: inline-block;
margin: 0 10px;
}
.slick-dots li button {
display: block;
width: 8px;
height: 8px;
background-color: #ddd;
color: transparent;
font-size: 8px;
line-height: 1;
border: none;
border-radius: 50%;;
padding: 0;
}
.slick-dots li.slick-active button {background-color: #999;}
#contents-1,
#contents-2,
#contents-3 {
text-align: left;
/*overflow:hidden;*/
}
#spb_banner {
padding: 0 24.5px;
margin-top: 40px;
margin-bottom: 50px;
}
#spb_banner a {
width: 851px !important;
height: 185px !important;
}
#footer {
background-color: #ffffff;
}
#footer-in {
width: 900px;
padding: 0px 0 15px;
margin: auto;
text-align: center;
position: relative;
}
#catalog {
text-align: right;
padding: 0 21px;
}
#catalog a {
margin: 0 0 0 auto;
}
#blog {
position: absolute;
top: 0px;
left: 30px;
}
#blog a {
width: 199px !important;
height: 40px !important;
}
#copyright {
text-align: center;
padding: 10px 0;
}
/*-----▼各リスト▼-----*/
#contents-1 ul {
overflow: hidden;
margin: 0px 0 0px 0;
}
#contents-2 ul {
overflow: hidden;
padding: 0 14px;
}
#contents-3 ul {
overflow: hidden;
padding: 15px 22px;
}
#contents-2 ul {
margin: 10px 0;
}
#contents-1 li,
#contents-2 li {
width: 186px;
float: left;
margin: 16px 32px 16px 0;
}
#contents-1 li.last {
margin-right: 0px;
}
#contents-3 li {
width: 167px;
float: left;
margin: 20px 2px;
}
#contents-1 li p {
padding: 0px 10px 0 0px; /*150825修正*/
font-size: 11px;
}
.item-image {
border: 5px solid #b3b3bb;
}
.item-code {
border: 1px solid #b3b3bb;
margin-top: 8px;
margin-bottom: 8px;
padding: 3px 1px 1px 1px !important;
text-align: center;
color: #555;
font-size: 11px;
}
.item-title {
font-size: 11px;
line-height: 1.1;
width: 100%;
margin: 5px 0px 0 0px; /*150825修正*/
}
.item-title .list_item_name {
padding-right: 5px;
line-height: 1.6;
}
.item-price {
/*150825修正*/
font-size: 12px !important;
color: #e5007e;
line-height: 2;
padding: 0px 5px 0 0px !important;
}
.main_price {
font-weight: bold;
font-size: 16px !important;
}
.item-text {
line-height: 1.3;
}
/*-----▲リスト▲-----*/
/*-----▼ソートボタン▼-----*/
.usr_action_area {
margin: 20px 0 5px;
}
.sort_form_area,
.page-navi {
float: right;
}
.sort_form_area select {
height: 25px;
}
#sort_b {
overflow: hidden;
padding: 0 30px;
margin: 0 0 10px 0;
}
#sort_b li {
float: right;
}
/*-----▲ソートボタン▲-----*/
/*-----▼ページナビ▼-----*/
.page-navi {
line-height: 2.2;
padding: 0 10px;
text-align: center;
}
.page-numbers {
padding: 3px 7px 2px;
border: 1px solid #cacaca;
background: #f0f0f0;
}
.page-navi .current {
color: #e4007f;
background: #ffffff;
border: 1px solid #e4007f;
}
.next {
margin: 0 0 0 0px;
}
.previous {
margin: 0 0px 0 0;
}
/*-----▲ページナビ▲-----*/
/*-----▼パンくずリスト▼<20150604編集>-----*/
#c_header {
position: relative;
z-index: 1;
padding: 13px 0;
background: #ffffff;
border-bottom: 1px solid #ebebeb;
}
#breadcrumb {
overflow: hidden;
width: 1080px;
margin: 0 auto;
padding-left: 30px;
}
#breadcrumb li {
float: left;
}
#fixed_banner_area {
position: fixed;
bottom: 20px;
right: 0px;
z-index: 9999;
}
#fixed_banner_area .go_top {
margin-top: 5px;
}
#breadcrumb a {
color: #007ebe;
}
#breadcrumb a:hover {
text-decoration: underline;
}
/*-----▲パンくずリスト▲-----*/
/*-----▼商品詳細ページ▼-----*/
#d-area01 {
width: 318px;
float: left;
margin: 0px 24px 100px 0px;
text-align: center;
}
#main-image,
#print-image {
width: 316px;
}
#main-image img,
#print-image img {
border: 8px solid #b3b4b9;
}
#sub-images,
#print-sub-images {
overflow: hidden;
margin-bottom: 33px;
}
#sub-images img,
#print-sub-images img {
border: 3px solid #b8b9bd;
cursor: pointer;
}
#sub-images ul,
#print-sub-images ul {
margin: 12px 0 0;
padding: 0;
overflow: hidden;
}
#sub-images li,
#print-sub-images li {
float: left;
width: 91px;
margin: 8px 21.4px 8px 0px;
}
#sub-images li.last,
#print-sub-images li.last {
margin: 8px 0px 8px 0px;
}
#d-area02 {
float: left;
margin: 0px 0 50px 0px;
width: 497px;
}
#d-area02 p {
margin: 20px 0;
/*font-size:12px*/
}
#g-title {
margin: 5px 0 20px !important;
font-size: 14px;
}
#g-detail {
width: 100%;
background-color: #ffffff;
border-top: 1px solid #000000;
}
#g-detail th {
width: 102px;
padding: 10px 15px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background: #fffbe2;
}
#g-detail td {
padding: 10px 10px 10px 15px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}
#g-detail td table {
width: 100%;
}
#g-detail td td {
padding: 0;
border: none;
}
#g-detail .right {
text-align: right;
width: 119px;
}
#g-detail .pink {
color: #e5007e;
font-size: 14px;
}
#g-detail span.pink {
/* @H-20210310 */
color: #e5007e;
font-size: 12px;
}
#g-detail .main_price {
font-weight: bold;
font-size: 20px !important;
}
#g-detail .naire_price {
color: #e5007e;
font-weight: bold;
font-size: 16px !important;
}
#g-text {
background: #ffffff;
font-size: 16px;
/* //font-weight:700; */
padding: 18px 20px 17px;
/* //border:1px solid #444444; */
/* //margin-top:20px; */
}
.click_action_area {
width: 100%;
text-align: center;
}
.click_action_area_in {
display: inline-block;
text-align: left;
}
#item_details {
overflow: hidden;
margin-top: 10px;
}
#item_details .click_action_area_in a:hover {
transition: none;
opacity: 1;
}
#item_details #btn_oder a,
#item_details #btn_estimate a {
display: inline-block;
position: relative;
width: 420px;
height: 42px;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 20px;
padding: 16px 0 0 0;
text-decoration: none;
}
#item_details #btn_oder a {
border-bottom: 3px solid #ccc100;
box-shadow: 0px 1px 1px 1px #dcdcdc;
text-shadow: 0px 1px 10px #ccc001;
}
#item_details #btn_oder a:hover {
margin-top: 2px;
border-bottom: 1px solid #ccc100;
box-shadow: none;
}
#item_details #btn_estimate a {
border-bottom: 3px solid #a7015c;
box-shadow: 0px 1px 1px 1px #dcdcdc;
}
#item_details #btn_estimate a:hover {
margin-top: 2px;
border-bottom: 1px solid #a7015c;
box-shadow: none;
}
#item_details #btn_oder a {
/* background-color: #dde019; */
background-color: #d7da17;
}
#item_details #btn_estimate a {
background-color: #e5007e;
}
#item_details #btn_oder a::after {
content: "(名入れなし・即日発送)";
font-size: 14px;
margin-left: 3px;
}
/*------------------
グッズストアバナー追加(@H-20210422)
--------------------*/
#item_detail_page #bnr_about {
margin: 70px 0 100px 0;
}
/*-----▲商品詳細ページ▲-----*/
/*-----▼ご注文の流れページ▼-----*/
#process {
margin-top: 40px;
}
.explanation {
width: 610px;
margin: 0 0 35px 185px;
font-size: 12px;
}
.down {
text-align: center;
margin: 0 0 20px 0;
}
#terms {
background: url(../images/terms_bg.jpg) no-repeat;
width: 591px;
height: 253px;
margin: 0 auto 50px;
color: #ffffff;
padding: 65px 30px;
line-height: 2;
}
/*------------------
追記 @H-20210421
--------------------*/
#process {
font-size: 14px;
padding: 0 10px;
}
#process #prc-navi li {
width: 335px;
height: 65px;
margin: 20px 0 60px 46px;
}
#process #prc-navi li:nth-child(1) {
background: url(/images/process_btn_print.jpg) no-repeat;
}
#process #prc-navi li:nth-child(2) {
background: url(/images/process_btn_noprint.jpg) no-repeat;
}
#process #prc-navi li a {
font-size: 18px;
font-weight: bold;
height: 65px;
display: block;
padding: 20px 0 0 100px;
}
#process span { /* color: #e5007e; */}
#process .prc-txt {
margin: 30px 20px 30px 20px;
}
#process .prc-img,
#process .prc-img-noprint {
margin: 0 0 30px 10px;
}
#process .prc-box1 p:nth-child(1),
#process .prc-box2 p:nth-child(1),
#process .prc-box3 p:nth-child(1),
#process .prc-box4 p:nth-child(1),
#process .prc-box5 p:nth-child(1),
#process .prc-box6 p:nth-child(1),
#process .prc-box7 p:nth-child(1),
#process .prc-box8 p:nth-child(1) {
height: 42px;
padding: 14px 0 0 50px;
font-size: 20px;
font-weight: bold;
margin: 50px 0 0 10px;
}
#process .prc-box1 p:nth-child(2),
#process .prc-box2 p:nth-child(2),
#process .prc-box3 p:nth-child(2),
#process .prc-box4 p:nth-child(2),
#process .prc-box5 p:nth-child(2),
#process .prc-box6 p:nth-child(2),
#process .prc-box7 p:nth-child(2),
#process .prc-box8 p:nth-child(2) {
margin: 0 40px 0 50px;
}
#process .prc-box1 p:nth-child(1) {
background: url(/images/process_ico_step1.png) no-repeat;
}
#process .prc-box2 p:nth-child(1) {
background: url(/images/process_ico_step2.png) no-repeat;
}
#process .prc-box3 p:nth-child(1) {
background: url(/images/process_ico_step3.png) no-repeat;
}
#process .prc-box4 p:nth-child(1) {
background: url(/images/process_ico_step4.png) no-repeat;
}
#process .prc-box5 p:nth-child(1) {
background: url(/images/process_ico_step5.png) no-repeat;
}
#process .prc-box6 p:nth-child(1) {
background: url(/images/process_ico_step6.png) no-repeat;
}
#process .prc-box7 p:nth-child(1) {
background: url(/images/process_ico_step7.png) no-repeat;
}
#process .prc-box8 p:nth-child(1) {
background: url(/images/process_ico_step8.png) no-repeat;
}
#process #prc-noprint {
margin: 100px 0 0 0;
}
#process img.prc-img-noprint {
margin: 0 0 0 100px;
}
#process #prc-notice {
background-color: #e6e6e6;
padding: 30px;
margin: 80px 30px 0 30px;
}
#process #prc-notice p {
padding: 10px;
}
#process #prc-notice p:nth-child(1) {
text-align: center;
}
/*-----▲ご注文の流れページ▲-----*/
/*-----▼お支払方法/配達・送料ページ▼-----*/
#payment {
padding: 60px 0;
}
#delivery {
padding: 0 0 60px;
}
#payment .style01 {
margin: 0px 0 20px;
}
#payment .style02,
#delivery .style02 {
padding: 0 50px 0 162px;
}
#delivery .style04 {
margin: 50px 0 20px;
}
#delivery .style05 {
margin: 20px 0 10px 162px;
}
#delivery .style06 {
padding: 0 50px 30px 162px;
}
#delivery .style02 .underline,
#delivery .style06 .underline {
text-decoration: underline;
}
/*-----▲お支払方法/配達・送料ページ▲-----*/
/*-----▼グッズストアドットネットページ▼-----*/
#aboutus {
font-size: 14px;
}
#aboutus .style01 {
margin: 0 0 50px 0;
}
#aboutus .style02 {
padding: 0 35px 0 35px;
margin: 25px 0;
}
/*--------------------
追記 @H-20210419
--------------------*/
#aboutus {
padding: 0 20px 0 20px;
}
#aboutus #top-txt #top-logo {
text-align: center;
margin: 60px 0 0 0;
}
#aboutus #top-txt p {
margin: 20px 0 0 0;
}
#aboutus #top-txt #top-tit {
font-size: 24px;
margin: 60px 0 0 0;
}
#aboutus h2 {
text-align: center;
font-size: 20px;
font-weight: bold;
margin: 75px 0 0 0;
}
#aboutus .point {
padding: 86px 0 0 20px;
height: 270px;
}
#aboutus .point span {
color: #e5007f;
}
#aboutus .point img {
clear: left;
float: left;
margin-top: 14px;
}
#aboutus .point .point-r {
border-bottom: 2px solid #e5007f;
padding: 0 0 0 300px;
}
#aboutus .point .point-r .point-tit,
#aboutus .point .point-r .point-msg {
color: #e5007f;
font-size: 28px;
font-weight: bold;
}
#aboutus .point .point-r .point-tit {
font-size: 18px;
}
#aboutus .point .point-r .point-tit span {
color: #333;
font-size: 28px;
}
#aboutus .point ul {
margin: 8px 0 0 0px;
font-size: 16px;
}
#aboutus .point ul {
padding-left: 20px;
text-indent: -20px;
}
#aboutus div.point ul li {
width: auto;
margin: auto;
padding: 3px 0 0 30px;
}
#aboutus div.point ul li:before {
content: "・ ";
}
#aboutus .point .notice {
font-size: 14px;
margin: 30px 0 0 300px;
}
#aboutus #banner_tit {
margin: 80px 0 0 0;
text-align: center;
font-size: 16px;
}
#aboutus .gss_banner {
margin: 40px auto 0 auto;
}
#aboutus h3 {
font-size: 18px;
border-bottom: 1px solid #333;
font-weight: bold;
margin: 90px 0 0 0;
}
#aboutus #case,
#aboutus #case p {
margin: 30px 0 0 0;
}
#aboutus #case ul {
margin: 30px 0 0 0;
}
#aboutus #case ul li {
clear: left;
width: auto;
margin: auto;
padding: 5px 0 0 0;
}
#aboutus #case ul li:before {
content: "● ";
}
#aboutus #case p:last-child {
font-size: 18px;
}
#aboutus #goods p {
margin: 30px 0 0 0;
}
#aboutus #goods .goods-dtl {
height: auto;
}
#aboutus #goods .goods-dtl h4 {
font-size: 16px;
font-weight: bold;
margin: 60px 0 0 0;
}
#aboutus #goods .goods-dtl p {
float: left;
width: 420px;
margin: 8px 0 0 0;
}
#aboutus #goods .goods-dtl img {
margin: 0 0 0 40px;
}
#aboutus #goods .goods-item {
clear: left;
margin: 40px 40px 0 0;
padding: 20px;
background-color: #ebebeb;
}
#aboutus #goods div:nth-child(8) {
margin: 50px 40px 0 0;
}
#aboutus #goods .goods-item h5 {
font-weight: bold;
}
#aboutus #goods .goods-item p {
margin: 8px 0 0 0;
}
#aboutus #goods div:last-child {
margin-bottom: 100px;
}
/*--topページ用--*/
#about_gs #aboutus h3.tit {
text-align: center;
font-size: 20px;
font-weight: bold;
margin: 75px 0 0 0;
border: none;
}
#about_gs #aboutus div.point ul li {
clear: none;
padding-left: 300px;
}
/*-----▲グッズストアドットネットページ▲-----*/
/*-----▼特定商取引法に基づく表記ページ▼-----*/
#nscta {
width: 70%;
margin: 50px auto 70px;
border-top: 1px solid #b5b4b4;
}
#nscta th {
padding: 10px 30px;
text-align: center;
border-left: 1px solid #b5b4b4;
border-bottom: 1px solid #b5b4b4;
}
#nscta td {
padding: 15px 10px 15px 15px;
border-left: 1px solid #b5b4b4;
border-right: 1px solid #b5b4b4;
border-bottom: 1px solid #b5b4b4;
}
/*-----▲特定商取引法に基づく表記ページ▲-----*/
/*-----▼お問い合わせページ▼-----*/
#contact {
overflow: hidden;
padding: 65px 22.5px 70px 40px;
}
#primary {
float: left;
margin-right: 35px;
}
#primary p {
padding: 0px 0px 20px 0px;
}
#secondary {
float: left;
background-color: #ffffff;
}
#contact-form-1 {
padding: 15px 25px 20px;
width: 339px;
}
#contact-form-1 p {
margin: 10px 0;
}
#contact-form-1 .submit {
margin: 20px 0 0;
text-align: center;
}
#contact-form-1 .text {
width: 80%;
height: 20px;
}
#contact-form-1 .textarea {
width: 100%;
}
/*-----▲お問い合わせページ▲-----*/
/*-----▼カタログ請求ページ▼-----*/
#request {
overflow: hidden;
padding: 65px 30px 70px;
}
#request #primary {
float: left;
margin-right: 49px;
}
#contact-form-1 {
padding: 15px 25px 20px;
width: 339px;
}
#primary .img01 {
margin-top: 17px;
padding: 0;
}
.gecko #primary .img01 {
margin-top: 25px;
}
/*-----▲カタログ請求ページ▲-----*/
/*-----▼プライバシーポリシーページ▼-----*/
#pp {
margin: 60px 32px 30px;
}
#pp p {
margin: 0 0 40px 0;
}
#pp p.pp-title {
/* @H-20210113 2021/01/08追記 */
margin: 0 0 10px 0;
}
#pp .style01 {
margin: 0px 0px 20px;
}
/*-----▲プライバシーポリシーページ▲-----*/
/*-----▼ご注文お申込みページ▼-----*/
#order-area {
padding: 0 35px;
margin: 25px auto 70px;
}
#order-area .large {
margin: 0px 0 45px;
}
#cart {
border-top: 1px solid #b5b4b4;
width: 100%; /* 2015/09/04 */
}
#cart tfoot {
text-align: right;
}
#cart tfoot td {
background-color: #f5f4f4;
padding: 3px 20px 2px;
}
#cart tfoot th {
background-color: #f5f4f4;
padding: 3px 20px 2px;
text-align: right;
}
#cart th {
padding: 3px 0 2px;
text-align: center;
border-left: 1px solid #b5b4b4;
border-right: 1px solid #b5b4b4;
border-bottom: 1px solid #b5b4b4;
}
#cart td {
border-left: 1px solid #b5b4b4;
border-right: 1px solid #b5b4b4;
border-bottom: 1px solid #b5b4b4;
background-color: #ffffff;
}
#cart td table {
border: none;
}
#cart td table td {
border: none;
}
#cart .item-image {
border: 3px solid #b3b3bb;
float: left;
margin-right: 10px;
}
#e-step1 .item-image,
#e-step2 .item-image {
border: 3px solid #b3b3bb;
}
#cart .cart_item_thumb {
width: 91px;
padding-right: 10px;
}
.name {
padding: 10px 13px;
}
.sp-price {
text-align: center;
padding: 10px 5px;
white-space: nowrap;
}
.number {
padding: 0px 25px 3px 25px;
white-space: nowrap;
}
.number p {
margin: 10px 0px;
}
.number input {
height: 20px;
width: 43px;
margin-right: 5px;
}
.subtotal {
padding: 0px 40px 0px 40px;
white-space: nowrap;
}
.delete {
padding: 0px 7px 0px;
width: 48px;
height: 23px;
}
.delete a {
width: 48px !important;
height: 23px !important;
}
.total {
padding: 3px 0px;
text-align: center;
}
#order-area .style01 {
width: 100%;
text-align: right;
margin: 33px 0 0;
}
#order-area .style01 {
margin: 30px 0;
}
#order-area .style01 th {
width: 67%;
text-align: right;
}
#order-area .style01 td a {
margin: 0 0 0 auto;
}
#order-area .style02 {
text-align: center;
margin: 40px auto 15px;
padding: 0;
font-size: 14px;
}
#order-area .down {
margin: 0 0 30px;
text-align: center;
}
#total-payment {
overflow: hidden;
border: 1px solid #000000;
background-color: #ffffff;
margin: 0 0 30px;
}
#total-payment .pink {
color: #e5007e;
font-size: 12px;
}
#total-payment .area-1 {
float: left;
width: 528px;
border-right: 1px solid #000000;
padding: 13px 20px 1px 0;
}
#total-payment .area-1 p {
margin: 10px 0;
padding: 0px 0px 0 13px;
}
#total-payment .area-1 table th {
padding: 0 0 0 13px;
}
#total-payment .area-1 table td {
padding: 0 0 0 20px;
}
#total-payment .area-2 {
float: left;
background-color: #ffffff;
text-align: center;
font-size: 14px;
padding: 0 0 0 15px;
}
#total-payment .area-2 p {
width: 184px;
padding: 12px 0px 0px 8px;
margin: 0 0 5px;
}
#total-payment .area-2 #total-price {
padding: 0px 4px;
font-size: 18px;
margin: 0 0 10px;
color: #e5007e;
}
.order-step {
width: 100%;
text-align: center;
}
.order-step a {
margin: 0 auto;
}
/*-----▲ご注文お申込みページ▲-----*/
/*-----▼プライバシーポリシーページ▼-----*/
#pp {
margin: 60px 32px 30px;
}
#pp p {
margin: 0 0 40px 0;
}
#pp .style01 {
margin: 0px 0px 20px;
}
/*-----▲プライバシーポリシーページ▲-----*/
/*-----▼カテゴリースライド▼-----*/
#cat-slide {
margin: 20px 0 25px;
text-align: center;
overflow: hidden;
position: relative;
}
#cat-slide li {
float: left;
width: 187px;
}
#makeMeScrollable {
width: 935px;
height: 186px;
margin: auto;
text-align: center;
overflow: hidden;
z-index: 1;
}
#slide-left {
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
#slide-right {
position: absolute;
top: 0px;
right: 0px;
z-index: 2;
}
/*-----▲カテゴリースライド▲-----*/
/*-----▼ご注文申込ステップ1ページ▼-----*/
#step1 {
padding: 20px 48.5px 90px;
}
#step1 .pink {
color: #e5007e;
font-size: 12px;
}
#step1 form {
margin: 0;
}
#step1 #cart {
margin-bottom: 10px;
}
#step1 .down {
margin-bottom: 45px;
}
#mypage .down {
margin-bottom: 40px;
}
#step1 .style01,
#e-step2 .style01 {
padding: 0;
margin: 5px 0;
}
#step1 .style02 {
padding: 0;
margin: 10px 0 0;
}
#step1 .style03 {
padding: 0;
margin: 15px 0 20px;
}
#step1 .number {
padding: 0 45px;
text-align: center;
}
#step1 .subtotal {
padding: 0 45px;
text-align: center;
}
#step1 .delete {
padding: 0;
}
#step1 tfoot td {
padding: 0 7px;
}
#login {
background-color: #ffffff;
overflow: hidden;
border-top: 1px solid #b5b4b4;
border-right: 1px solid #b5b4b4;
border-left: 1px solid #b5b4b4;
margin-bottom: 70px;
}
#login .line {
overflow: hidden;
border-bottom: 1px solid #b5b4b4;
}
#login .line2 {
overflow: hidden;
background-color: #f4f4f4;
border-bottom: 1px solid #b5b4b4;
}
#login .area-1 {
float: left;
padding: 10px 30px 15px 30px;
}
#login .area-2 {
float: left;
padding: 15px 30px 14px 0px;
}
#login .area-3 {
float: left;
padding: 5px 70px 10px 30px;
border-right: 1px solid #b5b4b4;
}
#login .area-3 p {
height: 20px;
margin: 20px 0;
}
#login .area-3 .text {
height: 23px;
margin: 0 10px;
width: 200px;
}
#login .area-3 .text2 {
height: 23px;
margin: 0 10px 0 12px;
width: 200px;
}
.ie9 #login .area-3 .text2 {
margin: 0 10px 0 11px;
}
#login .area-4 {
float: left;
padding: 38px 50px 38px 20px;
}
#login .area-5 {
float: left;
text-align: center;
padding: 36px 30px 38px;
background-color: #f4f4f4;
}
#login .area-5 table {
width: 65%;
margin: auto;
}
#login .area-5 .check {
padding: 2px 0 0;
}
#login .area-5 .small {
margin: 10px 0 0;
}
#login .area-6 {
float: left;
text-align: center;
padding: 36px 0px 38px 30px;
}
#signup-form {
background-color: #ffffff;
border-right: 1px solid #b5b4b4;
border-left: 1px solid #b5b4b4;
margin-bottom: 70px;
}
#contents-1 #signup-form td ul,
#contents-1 #signup-form2 td ul {
margin: 0 12px;
padding: 0;
}
#contents-1 #signup-form td li,
#contents-1 #signup-form2 td li {
margin: 0 10px 0 0;
padding: 0;
width: auto;
}
#signup-form2 {
background-color: #ffffff;
border-right: 1px solid #b5b4b4;
border-left: 1px solid #b5b4b4;
/*margin-bottom:70px;*/
}
#esti-form {
background-color: #ffffff;
border-right: 1px solid #b5b4b4;
border-left: 1px solid #b5b4b4;
/*margin-bottom:70px;*/
}
#signup #signup-form,
#signup #signup-form2 {
width: 100%;
}
#signup #signup-form th,
#signup #signup-form2 th {
width: 132px;
}
#signup .text,
#signup .text2,
#signup .text3,
#signup .text4,
#signup .text5 {
height: 20px;
margin: 0 7px;
}
#signup .text {
width: 85px;
}
#signup .text2 {
width: 260px;
}
#signup .text3 {
width: 60px;
}
#signup .text4 {
width: 202px;
}
#signup .text5 {
/* width: 135px; */
width: 202px;
}
.text6 {
width: 125px;
height: 20px;
margin-right: 7px;
}
#signup .t_h2 {
padding: 15px 25px;
}
#signup th {
padding: 10px 25px 8px;
border-bottom: 1px solid #b5b4b4;
}
#signup td {
padding: 7px 0px 7px 15px;
border-bottom: 1px solid #b5b4b4;
border-left: 1px solid #b5b4b4;
}
#signup td table {
border: none;
margin: 3px 0 0 0px;
}
#signup td .table1 {
border: none;
margin: 0px;
}
#signup td .table1 td {
border: none;
padding: 0px 1px 0px 12px;
}
#signup td table td {
border: none;
padding: 0px 0 0px 0px;
line-height: 1;
}
#signup td table .radio1 {
padding: 0px 5px 3px 25px;
}
#signup td table .radio2 {
border: none;
padding: 0px 5px 3px 40px;
}
#signup td table .radio3 {
border: none;
padding-right: 5px;
}
#signup .rabel {
padding: 10px 14px 10px 25px;
}
#signup .select {
height: 20px;
margin: 0 19px;
width: 80px;
}
#signup .select2 {
height: 20px;
margin: 0 19px;
}
#contents-1 #submit_b,
#mypage #submit_b {
margin: 0;
padding: 0 133px;
}
#contents-1 #submit_b li,
#mypage #submit_b li {
width: 223px !important;
height: 48px !important;
}
#mypage #submit_b li {
float: left;
}
#contents-1 #submit_b li a,
#mypage #submit_b li a {
width: 223px !important;
height: 48px !important;
}
#contents-1 #submit_b .first,
#mypage #submit_b .first {
margin: 0 30px 0 0;
padding: 0;
}
#contents-1 #submit_b .second,
#mypage #submit_b .second {
margin: 0;
padding: 0;
}
/*-----▲ご注文申込ステップ1ページ▲-----*/
/*-----▼ご注文申込ステップ2ページ▼-----*/
#step2 {
padding: 20px 48.5px 90px;
}
#step2 .down {
margin-bottom: 45px;
}
#step2 .style02 {
padding: 0;
margin: 15px 0 20px;
}
#step2 #signup-form {
margin-bottom: 40px;
}
/*-----▲ご注文申込ステップ2ページ▲-----*/
/*-----▼ご注文申込完了ページ▼-----*/
#thanks {
padding: 70px 0px;
}
#thanks p {
text-align: center;
}
#thanks .style01 {
margin: 0px 0px 60px;
text-align: center;
}
#thanks .style02 {
margin: 0px 0px 70px;
padding: 0;
}
/*-----▲ご注文申込完了ページ▲-----*/
/*-----▼名入れお見積り・お問い合わせステップ1ページ▼-----*/
.nagare {
padding: 40px 48.5px 20px;
text-align: center;
}
#e-step1 {
padding: 20px 48.5px 90px;
}
#e-step1 #login {
margin-bottom: 50px;
}
#e-step1 .down {
margin-bottom: 45px;
}
#e-step1 .style01 {
padding: 0;
margin: 0px 0 5px;
}
#e-step1 .style02 {
padding: 0;
margin: 0px 0 10px;
}
#e-step1 .style03 {
padding: 0;
margin: 15px 0 20px;
}
#e-step1 .style04 {
padding: 0;
margin: 0px 20px;
}
#e-step1 #signup-form {
margin-bottom: 40px;
}
#e-step1 #signup-form2 {
border-top: 1px solid #b5b4b4;
}
#signup .style05 {
padding-top: 10px;
}
#signup .textarea {
margin: 25px 25px 25px 20px;
width: 370px;
}
#signup .textarea2 {
margin: 25px 25px 8px 20px;
width: 370px;
}
#signup .send_mail_esti_items {
padding: 10px 25px 10px 5px;
}
#signup .textarea3 {
width: 100%;
}
#signup td.esti_count {
padding-left: 28px;
padding-right: 28px;
}
.add_input {
margin: 0 7px;
}
.esti_count_input {
display: table-cell;
vertical-align: middle;
padding: 5px 25px 5px 0px;
}
.esti_count_unit {
display: table-cell;
vertical-align: middle;
padding: 5px 25px 5px 0px;
}
#cart td.esti_count {
width: 110px;
text-align: center;
}
/*-----▲名入れお見積り・お問い合わせステップ1ページ▲-----*/
/*-----▼名入れお見積り・お問い合わせステップ2ページ▼-----*/
#e-step2 {
padding: 15px 48.5px 90px;
}
#e-step2 .down {
margin-bottom: 45px;
}
#e-step2 #signup-form {
margin-bottom: 20px;
}
#e-step2 #signup-form2 {
border-top: 1px solid #b5b4b4;
}
#e-step2 .style02 {
padding: 15px;
}
#e-step2 .style03 {
padding: 0;
margin: 15px 0 20px;
}
/*-----▲名入れお見積り・お問い合わせステップ2ページ▲-----*/
/*-----▼ソーシャル▼-----*/
.twitter,
.google,
.facebook {
float: left;
margin-right: 15px;
}
.fb_edge_widget_with_comment {
overflow: hidden;
}
.like_box {
width: 500px;
margin: auto;
padding: 30px 24px 10px 25px;
}
/*-----▲ソーシャル▲-----*/
/*-----▼パスワード紛失ページ▼-----*/
#lost {
padding: 55px 0 70px;
text-align: center;
}
#lost .input {
margin: 35px 0 60px;
padding: 0 5px;
height: 25px;
width: 251px;
border: none;
background: url(../images/pass-input_bg.jpg) no-repeat;
}
#lost2 {
padding: 70px 0 70px;
text-align: center;
}
#lost2 .style01 {
margin: 0px 0 60px;
text-align: center;
}
#lost2 .style02 {
padding: 0;
margin: 0px 0 110px;
text-align: center;
}
/*-----▲パスワード紛失ページ▲-----*/
/*-----▼topページレイアウト変更▼-----*/
.home #aboutus {
text-align: left;
/*padding:50px 0 0; @H-20210419 */
}
.home #contents-5 {
text-align: left;
padding: 0 0 50px;
}
/*-----▲topページレイアウト変更▲-----*/
/*-----▼ノベルティ用語集ページ▼-----*/
#glossary {
padding: 0 10px;
}
#glossary dt {
font-weight: bold;
}
#glossary dd {
margin: 12px 25px 22px;
}
.glos-table {
padding: 0 15px;
margin: 45px 0 75px;
}
#contents-1 .glos-mate-menu {
margin: 0;
padding: 0;
overflow: hidden;
}
#contents-1 .glos-mate-menu li {
width: auto;
float: left;
border-left: 1px solid #000000;
margin: 25px 0;
padding: 0 15px;
line-height: 1;
}
#contents-1 .glos-mate-menu .bdr-n {
border: none;
}
/*-----▲ノベルティ用語集ページ▲-----*/
/*-----▼絞り込み検索用▼(20140820追記)-----*/
.refinement {
text-align: center;
padding-bottom: 20px;
position: relative;
margin-top: 20px;
border-bottom: 1px solid #cdcdcd;
}
body.home .refinement {padding-bottom: 2px !important;}
.phb20 {
padding: 8px 0;
margin: 0 0 20px 0;
}
.b1 {
border: 1px solid #cdcdcd;
}
.refinement form {
width: 820px;
overflow: hidden;
display: inline-block;
text-align: left;
}
.refinement #keywords {
border: 1px solid #cdcdcd;
}
.mr45 {
margin-right: 45px;
}
.refinement p {
float: left;
}
.refinement p.lh26 {
line-height: 26px;
}
.refinement p.bold {
margin: 0 30px 0 28px;
}
.refinement ul {
padding: 0px 0px 25px 45px;
}
.refinement li {
display: inline-block;
padding: 5px 10px 5px 0px;
width: 200px;
}
.refinement input[type="checkbox"] {
vertical-align: -2px;
margin-right: 5px;
}
.refinement .num {
height: 21px;
width: 45px;
padding: 0px 0 0 2px;
margin-right: 5px;
}
.ie8 .refinement .num {
line-height: 25px;
}
.submit_rfm {
margin-top: 6px;
}
.refinement .ml45 .submit_rfm {
margin-left: 46px;
}
#sort_b {
margin: 0;
}
.pt1 {
padding-top: 1px;
}
.pt2 {
padding-top: 2px;
}
/* 絞込み条件リセット */
.reset_icon {
margin-left: 30px;
margin-top: 5px;
}
.reset_icon img {
margin-bottom: 3px;
margin-right: 6px;
}
a.image_link {
text-decoration: none;
}
.search_conditions {
border: 1px solid #cecece;
padding: 8px;
text-align: left;
background: #ffffff;
}
.search_conditions_row {
display: table;
}
.search_conditions_row div {
display: table-cell;
padding: 2px;
}
/* トップページのみ */
.home .refinement .num {
width: 76px;
margin: 0 10px;
}
.home .refinement form {
width: auto;
}
.home .refinement input[type="checkbox"] {
vertical-align: -2px;
margin-right: 10px;
}
.cond_price,
.cond_total,
.cond_num,
.cond_naire {
width: 190px;
}
.cond_cat {
width: 250px;
}
/* {
width: 410px;
} */
.search_conditions_row div.cond_keyword {
width: 615px;
}
.arrow_ref {
margin: 10px 0 16px;
}
.ref_error_area {
text-align: left;
}
.ref_error,
.ref_error2 {
display: inline-block;
width: 140px;
}
.ref_error {
margin: 0 0 0 40px;
}
.ref_error2 {
margin: 0 0 0 10px;
}
.ref_error3 {
padding-left: 80px;
}
.pl145 {
padding-left: 145px;
}
.pl230 {
padding-left: 230px;
}
.itctid {
margin: 0 0 0 15px;
}
.itctid select {
height: 25px;
vertical-align: 0px;
margin-left: 0px;
}
/*-----▲絞り込み検索用▲-----*/
/*-----▼バリエーションボタン▼(20140821追記)-----*/
.variation_b {
margin-bottom: 20px;
}
.variation_b a {
width: 318px !important;
height: 64px !important;
margin: 0px auto 0px;
}
/*-----▲バリエーションボタン▲-----*/
/*-----▼価格帯で商品を探す▼(20140822追記)-----*/
#contents-3 ul {
overflow: hidden;
padding: 0px 15px;
margin: 22px 0;
}
#contents-3 li {
margin: 0 2px;
}
#contents-3 p.print_s {
margin: 22px 85px 0;
}
#contents-3 p.print_s label {
display: inline-block;
margin-right: 40px;
}
#contents-3 input[type="radio"],
#contents-3 input[type="checkbox"] {
vertical-align: -2px;
margin-right: 8px;
}
/*-----▲価格帯で商品を探す▲-----*/
#ssl-seal {
position: absolute;
right: 50px;
bottom: 70px;
}
/*---------20150703--------------*/
.sample_banner_area {
width: 744px;
margin: 0 auto 60px;
}
.sample_banner_area a {
width: 744px !important;
height: 189px !important;
}
/* 商品詳細ページお問合せエリア(2015/09/11) */
#main-in .process_text {
width: 750px;
margin: 0 auto;
text-align: left;
}
#main-in .process_text p {
margin: 15px 0;
}
#item_detail_page #contents-1 ul {
margin-bottom: 24px;
}
/*-----------------------------------
2015/10
----------------------------------*/
#top-in {
width: 1080px; /* @H-20210108 */
margin: 0 auto; /* @H-20210108 */
color: #333333;
text-align: right;
position: relative;
font-size: 11px;
line-height: 1;
color: #fff;
}
#top {
/* @H-20210108 */
background-color: #111;
height: 24px;
}
#top p,
#top h1 {
/* @H-20210108 */
float: left;
margin: 7px 0 0 0;
font-size: 11px;
}
.sub_nav {
float: right; /* @H-20210108 */
display: inline-block;
text-align: left;
}
.sub_nav li {
float: left;
border-right: 1px solid #aaaaaa;
margin: 7px 0 0 0;
}
.sub_nav li a {
display: block;
padding: 0 9px;
color: #fff; /* @H-20210108 */
}
li.sub_loginout {
border: none;
}
.sub_qa {
display: none;
}
/* メインコンテンツ */
#main-contents {
width: 840px;
float: right;
}
/* サイドバー */
select {
vertical-align: -2px;
}
input[type="checkbox"] {
vertical-align: -2px;
margin-right: 8px;
}
#sidebar {
width: 220px;
float: left;
}
#sidebar > div {
margin-bottom: 20px;
}
#sidebar h3 {
background: #e8e8e8;
padding: 7px 0 6px 34px;
font-weight: bold;
}
#sidebar .search-price-area {
background: #ffffff;
}
#sidebar .search-price-area h3 {
background: url(../images/icon_side_price.jpg) 7% 50% no-repeat #e8e8e8;
}
#sidebar .search-price-area ul {
margin: 10px 0 0;
}
#sidebar .search-price-area li a {
background: url(../images/icon_side_arrow.jpg) 95% 50% no-repeat;
display: inline-block;
padding: 6px 15px 5px;
position: relative;
}
#sidebar .search-price-area li a.ib {
display: inline-block;
}
#sidebar .search-price-area li a.pl25 {
padding-left: 25px;
}
#sidebar .search-price-area li a.pl18 {
padding-left: 18px;
}
#sidebar .search-price-area li a.pl10 {
padding-left: 10px;
}
.side-cat {
background: #ffffff;
padding-top: 5px;
}
#sidebar .search-cat-area h3 {
background: url(../images/icon_side_cat.jpg) 7% 50% no-repeat #e8e8e8;
}
.side-cat-list a {
display: block;
padding: 11px 0 11px 50px;
margin: 0 2px;
position: relative;
border-bottom: 1px solid #d9d9d9;
}
#cat_new_items {background: url(../images/icon_cat_new_item.jpg) no-repeat;}
#side_16_sale {background: url(../images/icon_cat_sale.jpg) no-repeat;}
#side_11_season_aw {background: url(../images/icon_cat_aw.jpg) no-repeat;}
#side_3_season {background: url(../images/icon_cat_ss.jpg) no-repeat;}
#side_cate_pen {background: url(../images/icon_cat_pen.jpg) no-repeat;}
#side_cate_event {background: url(../images/icon_cat_eve.jpg) no-repeat;}
#side_cate_pc {background: url(../images/icon_cat_pc.jpg) no-repeat;}
#side_cate_sports {background: url(../images/icon_cat_sports.jpg) no-repeat;}
#side_cate_bag {background: url(../images/icon_cat_bag.jpg) no-repeat;}
#side_cate_kitchen {background: url(../images/icon_cat_kitchen.jpg) no-repeat;}
#side_cate_daily {background: url(../images/icon_cat_daily.jpg) no-repeat;}
#side_cate_stationary {background: url(../images/icon_cat_stat.jpg) no-repeat;}
#side_cate_emergency {background: url(../images/icon_cat_eme.jpg) no-repeat;}
#side_cate_eco {background: url(../images/icon_cat_eco.jpg) no-repeat;}
#side_cate_beauty {background: url(../images/icon_cat_beauty.jpg) no-repeat;}
#side_cate_gift {background: url(../images/icon_cat_gift.jpg) no-repeat;}
#side_cate_chara {background: url(../images/icon_cat_chara.jpg) no-repeat;}
#side_cate_women {background: url(../images/icon_cat_women.jpg) no-repeat;}
#side_cate_men {background: url(../images/icon_cat_men.jpg) no-repeat;}
#side_23_apparel {background: url(../images/icon_cat_appa.jpg) no-repeat;}
/*-- start @H-20210319 --*/
#side_cate_clock {background: url(../images/icon_cat_clock.jpg) no-repeat;}
#side_cate_food {background: url(../images/icon_cat_food.jpg) no-repeat;}
#side_cate_bottle {background: url(../images/icon_cat_bottle.jpg) no-repeat;}
#side_cate_cup {background: url(../images/icon_cat_cup.jpg) no-repeat;}
#side_cate_rain {background: url(../images/icon_cat_rain.jpg) no-repeat;}
#side_cate_cleaning {background: url(../images/icon_cat_cleaning.jpg) no-repeat;}
/*-- end @H-20210319 --*/
#side_cate_card {background: url(../images/icon_cat_card.jpg) no-repeat;} /* @H-20210819 */
#side_cate_brand-bottle {background: url(../images/icon_cat_brand-bottle.jpg) no-repeat;} /* @H-20211125 */
/*--
#side_23_apparel a{
border:none;
} @H-20210319 --*/
#sidebar .search-price-area .print_s {
background: #f4f4f4;
padding: 16px 4px 13px 10px;
}
#sidebar .search-feature-area h3 {
background: url(../images/icon_side_feature.jpg) 6% 50% no-repeat #e8e8e8;
}
#sidebar .search-feature-area .side-cat a {
padding: 11px 0 11px 15px;
}
/* グローバルナビ */
#gnav {
width: 100%;
background: #ffd900;
}
#gnav_in {
width: 1080px;
height: 54px;
margin: auto;
}
#gnav_in ul li > .nav_2nd {
display: none;
position: absolute;
top: 52px;
background: #ffffff;
z-index: 9999;
font-size: 12px;
padding: 12px 0 0;
}
#gnav_in > ul > li.nav_first > p {
cursor: pointer;
}
#gnav_in ul li > .nav_2nd ul {
padding: 10px 0;
}
#gnav_in ul li > .nav_2nd ul li a {
display: block;
padding: 8px 7px 7px 20px;
}
#gnav_in ul li > .nav_2nd ul li a.ib {
display: inline-block;
}
#gnav_in ul li > .nav_2nd ul li a.pl28 {
padding-left: 28px;
}
#gnav_in ul li > .nav_2nd ul li a.pl12 {
padding-left: 12px;
}
li.g_price_search_print {
padding: 8px 7px 7px 20px;
}
#gnav_in > ul > li {
font-size: 14px;
font-weight: bold;
float: left;
width: 208px;
}
#gnav_in > ul > li > p {
padding: 17px 0 15px;
}
#gnav_in > ul > li > div.nav_2nd {
font-weight: normal;
font-size: 14px;
}
#gnav_in .nav_first {
position: relative;
}
#gnav_in .gnav_sc {
width: 446px;
float: left;
position: relative;
padding: 13px 0 0;
margin-left: 10px;
}
#gnav_in .gnav_sc #search-form {
padding: 0 0 0 13px;
}
#g_price_search li {
width: 240px;
}
#g_cat_search {
width: 422px;
}
#g_cat_search li {
width: 210px;
float: left;
}
#gnav_in .gnav_price > p {
background: url(../images/icon_gnav_price.jpg) 10% 50% no-repeat;
padding-left: 55px;
}
#gnav_in .gnav_cat > p {
background: url(../images/icon_gnav_cat.jpg) 10% 50% no-repeat;
padding-left: 55px;
}
#gnav_in .gnav_bud > p {
background: url(../images/icon_gnav_bud.jpg) 10% 48% no-repeat;
padding-left: 60px;
}
#gnav_in .gnav_cont > a {
display: block;
background: url(../images/icon_gnav_con.jpg) 10% 50% no-repeat;
padding: 15px 0 15px 55px;
}
#gnav_in #g_budg_search {
background: url(../images/g_budg_search_bg.png) 10% 0 no-repeat;
width: 703px;
height: 357px;
top: 54px;
left: -225px;
}
#gnav_in #g_cat_search {
left: -70px;
top: 54px;
background: url(../images/g_budg_search_bg.png) -136px 0 no-repeat;
}
#gnav_in #g_price_search {
left: 0px;
top: 54px;
background: url(../images/g_budg_search_bg.png) -248px 0 no-repeat;
}
#gnav_in #g_price_search form {
background: #ffffff;
overflow: hidden;
border-left: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
}
#gnav_in #g_cat_search ul {
background: #ffffff;
overflow: hidden;
border-left: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
}
#gnav_in #g_budg_search form {
background: #ffffff;
border-left: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
padding: 13px;
position: relative;
}
#gnav_in #g_budg_search form .f16 {
font-size: 16px;
font-weight: bold;
}
#gnav_in #g_budg_search form select {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#gnav_in #g_budg_search form .line1 {
height: 25px;
margin: 16px 0;
}
#gnav_in #g_budg_search form .line1 li {
float: left;
margin-right: 30px;
margin-left: 2px;
padding: 0;
}
#gnav_in #g_budg_search form .line1 li.print_check {
padding-top: 4px;
}
#gnav_in #g_budg_search form .line2 {
height: 31px;
}
#gnav_in #g_budg_search form .line2 input {
vertical-align: 0px;
}
#gnav_in #g_budg_search form .line2 input[type="image"] {
vertical-align: 4px;
}
#gnav_in #g_budg_search form .line2 .budget,
#gnav_in #g_budg_search form .line2 .num {
height: 25px;
width: 125px;
padding: 0px 0 0 2px;
}
#gnav_in #g_budg_search form .line2 p.budg_input {
padding-top: 3px;
float: left;
}
#gnav_in #g_budg_search form .line2 p.submit_budg {
float: right;
}
.budg_input_image_head {
margin-top: 15px;
width: 676px;
}
/*-----▼検索▼-----*/
#search-form {
margin: 0;
padding: 0;
text-align: left;
z-index: 2;
vertical-align: bottom;
height: 26px;
}
input {
vertical-align: bottom;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance:textfield;
}
#keywords {
background: #ffffff;
height: 25px;
line-height: 25px;
width: 186px;
border: none;
padding: 0px 0 0 2px;
}
#gnav_in #keywords {
width: 384px;
}
/*-----▲検索▲-----*/
/*-----▼各リスト▼-----*/
#new_items {
text-align: center;
}
#new_items ul {
text-align: left;
overflow: hidden;
padding: 0;
margin: 15px 0 10px 0;
display: inline-block;
}
#new_items .link_new_items_page,
.osusume-area .link_items_page,
.osusume-area .link_items_page_u {
text-align: right;
margin: 0px 15px 40px 0;
}
.osusume-area .link_items_page_u {
margin-bottom: 10px;
}
#new_items li {
width: 186px;
float: left;
margin: 16px 32px 16px 0;
}
#new_items li.last {
margin-right: 0;
}
#new_items li a {
display: block;
}
#new_items li p {
padding: 0px 10px 0 0px; /*150825修正*/
font-size: 11px;
}
#new_items .item-image {
border: 5px solid #b3b3bb;
}
#new_items .item-title {
font-size: 11px;
line-height: 1.1;
width: 100%;
margin: 15px 0 0; /*150825修正*/
}
.item-price {
/*150825修正*/
font-size: 12px !important;
color: #e5007e;
line-height: 2;
padding: 0px 5px 0 0px !important;
}
.main_price {
font-weight: bold;
font-size: 16px !important;
}
.item_new_flg {
width: 30px;
}
#rank_items_contents {
margin: 40px 0 70px;
background: #ffffff;
border: 1px solid #000000;
background: url(../images/rank_items_contents_bg.jpg) 0 0 no-repeat #ffffff;
}
#rank_items_contents ul {
overflow: hidden;
}
#rank_items_contents ul li {
float: left;
width: 209.5px;
height: 213px;
}
#rank_items_contents ul li a {
display: block;
width: 209.5px;
height: 213px;
}
#rank_items_contents .pick_up_item {
padding-top: 50px;
padding-bottom: 10px;
text-align: center;
}
#rank_items_contents .pick_up_item_image {
}
#rank_items_contents .item-title {
display: inline-block;
width: auto;
}
#rank_items_contents .item-title .list_item_name {
text-align: left;
padding: 10px;
}
/*-----▲リスト▲-----*/
/*-----▼予算から探す▼(20140821追記)-----*/
.budgetArea {
text-align: left;
background: #ffffff;
position: relative;
}
#sidebar .budgetArea h3 {
background: url(../images/icon_side_bud.jpg) 7% 50% no-repeat #e8e8e8;
padding-left: 40px;
}
.budgetArea form {
text-align: left;
position: relative;
padding: 10px;
}
.budgetArea dl {
height: 57px;
}
.budgetArea dt,
.budgetArea dd {
float: left;
}
.budgetArea dt {
width: 180px;
vertical-align: middle;
}
.budgetArea dd {
padding-left: 5px;
}
.budgetArea dd img {
cursor: pointer;
}
.budg_input_image_side {
display: none;
background: url(../images/budg_input_image_side_bg.png) 0 0 no-repeat;
position: absolute;
top: -36px;
left: 209px;
z-index: 9999;
width: 534px;
height: 298px;
padding-left: 11px;
}
@-moz-document url-prefix() {
.budg_input_image_side {
top: -32px;
}
}
.budg_input_image_side_in {
background: #ffffff;
padding: 13px;
border-top: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
position: relative;
}
.budg_input_image_side_close {
position: absolute;
top: 13px;
right: 13px;
cursor: pointer;
}
.budg_input_image_head_close {
position: absolute;
top: 13px;
right: 13px;
cursor: pointer;
}
.budgetArea input[type="radio"],
.budgetArea input[type="checkbox"] {
vertical-align: -2px;
margin-right: 8px;
}
.budgetArea select {
height: 25px;
width: 200px;
}
.budgetArea .budget,
.budgetArea .num {
height: 25px;
width: 125px;
padding: 0px 0 0 2px;
}
.ie8 .budgetArea .budget,
.ie8 .budgetArea .num {
line-height: 25px;
/* //vertical-align:0px; */
}
/*-----▲予算から探す▲-----*/
/*-----▼新着情報▼-----*/
#about_gs,
#new_items,
#rank_items,
#feature_info,
#feature_info2,
#scene_info {
position: relative;
}
#about_gs h2,
#new_items h2,
#rank_items h2,
#feature_info h2,
#feature_info2 h2,
#scene_info h2,
#foot_cat h2,
.osusume-area h2,
#item_detail_page .item_pickup_title {
font-size: 20px;
text-align: left;
display: inline-block;
font-weight: bold;
}
.headline_area {
border-bottom: 1px solid #111111;
line-height: 1.4;
color: #000000;
}
#new_items .headline_area,
#foot_cat .headline_area {
text-align: left;
}
.headline_area p.h2_read {
font-size: 12px;
text-align: left;
display: inline-block;
margin-left: 15px;
}
#feature_info ,
#feature_info2 {
margin-top: 25px;
}
#scene_info {
margin-top: 40px;
}
#new_info {
margin-top: 10px;
}
#new_info_contents {
background: #ffd900;
}
#new_info_contents_in {
padding: 10px;
}
#new_info_contents ul {
padding: 5px 15px;
background: #ffffff;
}
#new_info h2 {
background: url(../images/new_info_bg.png) no-repeat;
font-size: 16px;
font-weight: bold;
padding: 19px 0px 0px 77px;
color: #000000;
}
#new_info_contents .new_info_text {
overflow: hidden;
}
#new_info_contents li {
background: #ffffff;
margin: 10px 10px;
}
/*#new_info_contents li p{
float:left;
} @H-20210511 */
#new_info_contents li p.date {
margin-right: 25px;
font-weight: bold;
float: left;
}
#new_info_contents li p:nth-child(2) {
float: left;
width: 660px;
}
#new_info_contents ul,
#scene_info_contents ul,
#feature_info_contents ul {
overflow: hidden;
}
#scene_info_contents {
background: #ffffff;
margin-top: 25px;
}
#scene_info_contents li {
float: left;
width: 280px;
text-align: center;
}
#scene_info_contents li a {
display: block;
padding: 10px 7px;
}
.scene_info_thumb img {
margin-bottom: 10px;
}
#feature_info_contents li {
float: left;
background: #ffffff;
width: 201px;
height: 236px;
margin-right: 12px;
}
#feature_info_contents li a {
display: block;
height: 236px;
}
#feature_info_contents li.last,
#scene_info_contents li.last,
#new_info_contents li.last {
margin-right: 0;
}
.feature_info_content,
.new_info_content {
padding: 10px 8px;
}
.feature_info_text {
padding: 15px 8px;
}
.feature_info_thumb {
text-align: center;
}
#feature_info_contents {
margin-top: 15px;
}
#new_items {
margin-top: 60px;
}
/*-----▲新着情報▲-----*/
/*---- おすすめ商品エリア(2021/05/27) ----*/
div.osusume-area {
margin: 40px 0 0 0;
}
div.osusume-area h2 {
border-bottom: 1px solid #111111;
color: #000;
width: 840px;
margin: 0 0 25px 0;
}
/* お問合せエリア(2015/09/09) */
.foot_address_area {
background: url(../images/foot_add.jpg) no-repeat;
padding-top: 65px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 222px;
width: 750px;
margin: 100px auto 50px;
}
.foot_address_area div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.foot_address_area .area1,
.foot_address_area .area2 {
float: left;
width: 49.9%;
text-align: center;
}
.foot_address_area .area1 {
width: 52.9%;
padding-left: 22px;
}
.foot_address_area .area2 {
width: 46.9%;
}
.foot_address_area .foot_ct ul {
padding-top: 108px;
display: inline-block;
}
.foot_address_area .foot_ct li {
width: 126px;
float: left;
}
.foot_address_area .area1 p.ct_text {
text-align: left;
display: inline-block;
letter-spacing: 1px;
}
.foot_ct_link {
width: 300px;
margin: 15px auto;
}
.new_items,
.items_ranking {
margin: 15px 0 10px;
text-align: center;
font-size: 18px;
}
.icon_new_item {
width: 30px;
}
.recal a {
width: 63px !important;
height: 24px !important;
}
#nav {
background-color: #cfcfcf;
}
#nav-in {
width: 1080px;
margin: 0 auto;
padding: 40px 0;
overflow: hidden;
position: relative;
}
/*-----▼フッターナビエリア▼-----*/
#area-1 {
float: left;
margin: 0 100px 0 0;
}
#area-2 {
float: left;
width: 400px;
}
#area-2 ul {
float: left;
width: 190px;
}
#area-3 {
margin-right: 20px;
float: right;
}
#area-2 .white {
margin: 20px 10px 0;
}
#area-2 .white a {
color: #ffffff !important;
}
#area-2 .white a:hover {
text-decoration: none;
}
#area-2 .white a:visited {
color: #000000;
}
#area-2 .white a:active {
color: #000000;
}
#nav-in h3 {
font-size: 16px;
margin-bottom: 5px;
font-weight: bold;
}
#sidebar .side-free-foot-area {
margin-bottom: 70px;
}
.side-free-foot-area p {
margin-top: 20px;
}
/*-- @H-20210520 --*/
div.search-feature {
clear: left;
padding: 30px 0 0 0;
}
#area-2 div.search-feature ul {
width: auto;
}
/*-----▲フッターナビエリア▲-----*/
.selectbox {
position: relative;
cursor: pointer;
}
.ie .selectbox {
display: inline;
zoom: 1;
}
#gnav_in div.selectbox a.select {
border: solid #a9a9a9 1px;
display: inline-block;
width: 300px;
color: #262626;
text-decoration: none;
cursor: pointer;
padding: 0;
}
.ie div.selectbox a.select {
display: inline;
zoom: 1;
}
div.selectbox a.select span {
padding: 0 25px 0 7px;
display: block;
background: url(/images/pulldown.jpg) no-repeat right 0 #ffffff;
cursor: pointer;
}
div.selectbox a.select span {
width: 268px;
}
/*div.selectbox a.select:hover span { background-position: right -21px }*/
/*div.selectbox a.select_focus span { background-position: right -42px !important }*/
div.selectbox div.pulldown {
/*border: solid #bbb 1px;*/
width: 300px;
max-height: 200px;
position: absolute;
left: 0;
top: 28px;
background: #fff;
overflow: auto;
z-index: 3100;
}
#gnav_in div.selectbox div.pulldown a {
/*border-bottom: solid #bbb 1px;*/
padding: 5px 8px;
display: block;
text-decoration: none;
}
div.selectbox div.pulldown a.last-child {
border: none;
}
div.selectbox div.pulldown a:hover,
div.selectbox div.pulldown a.selected {
color: #666;
background: #eee;
text-decoration: none;
}
#cat0,
#cat1,
#cat2,
#cat3,
#cat4,
#cat5 {
visibility: hidden;
position: absolute;
top: 0px;
}
#gss,
#trading {
margin-top: 20px;
}
#main-contents h1#cat_name,
#main-contents h1#sc_title,
#main-contents h1#detail_page_item_name,
#gss h2,
#printing_page h3,
#process h2 {
background: #444444;
color: #ffffff;
padding: 5px 22px 3px;
font-size: 18px;
}
#printing_page .page_title {
width: 840px;
height: 267px;
background: url(/images/print_title.png) no-repeat 0 0;
}
#printing_page .page_title h2 {
padding: 110px 23px 40px;
font-size: 13px;
}
#printing_page {
font-size: 14px;
}
#printing_page .margin1 {
margin: 25px 23px 25px 23px;
}
#printing_page .margin3 {
margin: 25px 13px 40px 23px;
}
#printing_page .margin4 {
margin: 25px 13px 200px 23px;
}
#gss h2,
#trading h2 {
margin-top: 20px;
}
#printing_page h3.margin2 {
margin-top: 10px;
}
.gss_content {
padding: 25px;
font-size: 14px;
}
.gss_float_area {
overflow: hidden;
}
#gss1 .first_area {
float: left;
width: 280px;
}
#gss1 .second_area {
float: right;
width: 494px;
}
#gss2 .first_area {
float: left;
width: 530px;
}
#gss2 .second_area {
float: right;
width: 246px;
}
#gss3 .first_area,
#gss4 .first_area,
#gss5 .first_area {
float: left;
width: 470px; /* @H-20210125 変更 */
}
#gss3 .second_area,
#gss4 .second_area,
#gss5 .second_area {
float: right;
width: 307px;
}
.mt30 {
margin-top: 30px;
}
.mt28 {
margin-top: 28px;
}
.mt15 {
margin-top: 15px;
}
.mt5 {
margin-top: 5px;
}
.mt24 {
margin-top: 24px;
}
.btn_gss_contact_area {
width: 425px;
margin: 24px auto 80px;
}
.btn_gss_contact_area a,
.btn_oc_contact_area a,
.btn_oc_contact_area2 a {
width: 425px !important;
height: 60px !important;
}
.gss_banner {
width: 750px;
margin: 50px auto 50px;
}
.gss_banner a {
width: 750px !important;
height: 120px !important;
}
/*----------------------
グッズ制作に関する当社のサービス
------------------------*/
#gss #gss_option li {
background: url("/images/gss_pt.jpg") no-repeat left;
padding: 8px 0 0 20px;
font-size: 18px;
}
#gss #gss_option li span {
color: #e5007e;
}
#gss #gss_opt_txt {
font-size: 15px;
margin: 20px 0 0 0;
}
#gss div.gss_opt_note {
margin: 20px 30px 20px 10px;
font-size: 13px;
}
#gss .gss_opt {
overflow: auto;
margin: 40px 0 0 0;
}
#gss .gss_opt .gss_opt_tit {
padding: 5px 0 0 3px;
margin: 10px 0 10px 0;
border-bottom: solid 1px #444;
font-size: 15px;
font-weight: bold;
}
#gss .gss_opt div {
float: left;
width: 500px;
}
#gss .gss_opt img {
float: right;
margin: 50px 0 0 0;
}
#gss .gss_kakaku {
margin: 20px 0 10px 0;
}
#gss .gss_kakaku table {
width: 500px;
background-color: #fff;
margin: 12px 0 10px 0;
}
#gss .gss_kakaku table th {
background: #e8e8e8;
padding: 8px 0 8px 3px;
font-weight: bold;
}
#gss .gss_kakaku table td {
padding: 8px 0 8px 10px;
border-bottom: 1px solid #e8e8e8;
}
#gss .gss_kakaku_note {
font-size: 13px;
margin: 5px 5px 30px 10px;
}
#gss .gss_kakaku span {
font-size: 16px;
font-weight: bold;
}
/*----------------------
メッセージ
------------------------*/
#gssmsg {
font-size: 14px;
}
#gssmsg .cnt-lft {
float: left;
width: 450px;
margin: 25px 0 0 12px;
}
#gssmsg .cnt-rgt {
float: right;
margin-top: 30px;
width: 370px;
text-align: center;
}
#gssmsg .gss-point,
#gssmsg .gss-img {
float: left;
}
#gssmsg .cnt-lft p {
margin: 0 0 25px 0;
}
#gssmsg .cnt-rgt .cnt-txt {
margin: 20px 0 0 60px;
text-align: left;
}
#gssmsg .gss-point {
background-color: #ffd900;
border-radius: 8px;
width: 800px;
height: 30px;
text-align: center;
margin: 40px 0 0 20px;
padding: 10px 0 0 0;
font-weight: bold;
}
#gssmsg .gss-img {
margin: 0 0 0 26px;
}
#gssmsg .msgcnt {
float: left;
margin: 40px 0 0 0;
}
#gssmsg .txt_pink {
color: #e5007e;
}
#gssmsg span {
text-decoration: underline;
}
#gssmsg .msgcnt span {
font-weight: bold;
}
/*************************************
オリジナルラベル
*************************************/
#oc {
font-size: 14px;
}
#oc h2 {
background: #67c6f1;
color: #ffffff;
padding: 5px 22px 3px;
font-size: 18px;
margin-top: 20px;
}
.oc_float_area {
overflow: hidden;
text-align: left;
}
#oc6 .oc_float_area {
display: inline-block;
}
#oc1 {
margin-top: 40px;
margin-bottom: 22px;
height: 358px;
background: url(../images/bg_oc1.png) 100% 0 no-repeat;
}
.oc_content .read {
font-size: 18px;
color: #67c6f1;
}
#oc1 .first_area {
margin-left: 25px;
width: 510px;
}
#oc2 {
text-align: center;
}
#oc2 ul {
text-align: left;
overflow: hidden;
display: inline-block;
}
#oc2 li {
float: left;
}
#point1 {
width: 152px;
}
#point2 {
width: 146px;
}
#point3 {
width: 144px;
}
#point4 {
width: 145px;
}
#point5 {
width: 145px;
}
#point1 .oc_disc {
padding: 0 15px 0 23px;
}
#point2 .oc_disc {
padding: 0 15px 0 18px;
}
#point3 .oc_disc {
padding: 0 12px 0 12px;
}
#point4 .oc_disc {
padding: 0 12px 0 12px;
}
#point5 .oc_disc {
padding: 0 15px 0 20px;
}
#oc3 {
width: 732px;
margin: 70px auto 52px;
}
#oc3 .first_area {
width: 80px;
float: left;
line-height: 1.2;
margin-left: 30px;
}
#oc3 .second_area {
width: 560px;
float: right;
margin-right: 33px;
}
table.oc_detail {
font-size: 12px;
width: 560px;
border-top: 1px solid #b8b4b4;
border-left: 1px solid #b8b4b4;
}
table.oc_detail th {
width: 88px;
background: #e9eaea;
padding: 8px 10px 5px;
border-right: 1px solid #b8b4b4;
border-bottom: 1px solid #b8b4b4;
}
table.oc_detail td {
padding: 8px 10px 5px;
border-right: 1px solid #b8b4b4;
border-bottom: 1px solid #b8b4b4;
}
#oc4,
#oc5 {
width: 676px;
margin: 55px auto 52px;
}
#oc6 {
margin: 52px 0 50px 54px;
text-align: center;
}
#oc4 ul,
#oc5 ul {
margin: 13px 0 0;
}
#oc4 .oc_ex {
float: left;
width: 160px;
}
#oc5 .oc_tax {
float: left;
width: 152px;
}
.ml11 {
margin-left: 11px;
}
.ml23 {
margin-left: 22px;
}
.oc_ex_disc {
margin: 8px 0 0;
}
.oc_tax_title {
text-align: center;
margin: 8px 0 0;
}
#oc6 .second_area {
display: table;
margin: 13px 0 0;
/* height:348px;
background:url(../images/main_vidual.png) 0 0 no-repeat;*/
}
.btn_oc_image_area,
.btn_oc_text_area {
display: table-cell;
vertical-align: top;
}
.btn_oc_image_area {
width: 320px;
}
.btn_oc_text_area {
width: 364px;
padding-left: 46px;
}
.btn_oc_text_area p {
margin: 0px 0px 15px;
}
#oc6 .btn_od_contact_area {
width: 322px;
margin: 27px 0;
}
#oc6 .btn_od_contact_area a {
width: 322px !important;
height: 60px !important;
}
#oc7 {
width: 795px;
margin: 50px auto 30px;
}
#oc7 .first_area {
margin: 0 10px 0;
}
#oc7 .second_area {
margin: 8px 0 0;
}
#oc8 {
width: 435px;
margin: 0 auto 80px;
}
.btn_oc_contact_area2 {
width: 425px;
margin: 20px auto 0;
}
/*************************************
オリジナルバッグ
*************************************/
#bag {
font-size: 14px;
}
#bag h2 {
background: #007eff;
color: #ffffff;
padding: 6px 22px 2px;
font-size: 18px;
margin-top: 20px;
}
#bag h3 {
background: url(../images/list_h3.png) left center no-repeat;
padding: 6px 22px 2px;
font-weight: bold;
}
.bag_desc {
margin-top: 20px;
padding: 0 20px;
}
.bag_contents {
margin-top: 20px;
background: #ffffff;
padding: 26px 20px 26px 33px;
}
.bag_table_row {
display: table;
}
.bag_table_data {
display: table-cell;
}
#table1 {
border-right: 1px solid #dde0e2;
border-bottom: 1px solid #dde0e2;
}
#table1 th {
background: #fffee1;
}
#table1 th,
#table1 td {
padding: 10px 0px 8px;
text-align: center;
border-top: 1px solid #dde0e2;
border-left: 1px solid #dde0e2;
}
#table1 .size {
width: 146px;
}
#table1 .length {
width: 166px;
}
#table1 .material {
width: 152px;
}
#table2 {
margin-top: 5px;
margin-left: 24px;
}
#table2 td {
width: 65px;
text-align: center;
font-size: 10px;
vertical-align: top;
padding: 5px 0 0px;
}
#table3 {
margin-top: 14px;
margin-left: 11px;
margin-bottom: 23px;
}
#table3 td {
vertical-align: top;
padding: 10px 19px;
}
#table4 {
text-align: center;
border-right: 1px solid #dde0e2;
border-bottom: 1px solid #dde0e2;
}
#table4 .size {
width: 178px;
}
#table4 .length {
width: 204px;
}
#table4 th {
background: #fffee1;
}
#table4 th,
#table4 td {
padding: 10px 0;
text-align: center;
border-top: 1px solid #dde0e2;
border-left: 1px solid #dde0e2;
}
#table5 .size {
width: 82px;
}
#table5 .length {
width: 191px;
}
#table5 .material {
width: 94px;
}
#table5 .string {
width: 113px;
}
#table5 {
text-align: center;
border-right: 1px solid #dde0e2;
border-bottom: 1px solid #dde0e2;
}
#table5 th {
background: #fffee1;
}
#table5 th,
#table5 td {
padding: 10px 0;
text-align: center;
border-top: 1px solid #dde0e2;
border-left: 1px solid #dde0e2;
}
#table6 .size {
width: 97px;
}
#table6 .length {
width: 195px;
}
#table6 {
text-align: center;
border-right: 1px solid #dde0e2;
border-bottom: 1px solid #dde0e2;
}
#table6 th {
background: #fffee1;
}
#table6 th,
#table6 td {
padding: 10px 0;
text-align: center;
border-top: 1px solid #dde0e2;
border-left: 1px solid #dde0e2;
}
#foot_cat {
margin-top: 30px;
margin-bottom: 20px;
text-align: center;
}
#foot_cat ul {
overflow: hidden;
margin-top: 20px;
}
#foot_cat li {
float: left;
margin: 0 32px 32px 0;
}
#foot_cat li.last {
margin: 0 0px 30px;
}
#foot_cat li a {
width: 186px !important;
height: 186px !important;
}
.campaign {
margin-bottom: 15px;
}
@media print {
body {
-webkit-print-color-adjust: exact;
}
#fixed_banner_area {
display: none !important;
}
.home #main-contents {
height: 5135px;
}
#main {
background-color: #f8f8f8 !important;
}
#gnav {
background: #ffd900 !important;
}
}
#signup td.wishItemNum {
border-right: 1px solid #b5b4b4;
text-align: center;
padding: 10px;
}
#signup td.border_none {
border: none;
}
#signup td.border_left_none {
border-left: none;
}
#signup td.pd1 {
padding: 15px 0px 6px 15px;
}
#signup td.pd2 {
padding: 5px 0px 5px 15px;
}
#signup td.item_head {
width: 80px;
}
#signup td.pd3 {
padding: 5px 0px 15px 15px;
}
.item_id,
.name_flg,
.wish_price {
text-align: center;
}
.item_id {
width: 110px;
}
.name_flg {
width: 50px;
}
.wish_item_unit {
width: 120px;
padding: 10px;
}
.wish_price {
padding: 10px;
width: 115px;
}
#desc_wish_area {
border: 1px solid #d1d1d1;
background: #ffffff;
padding: 15px;
width: 392px;
text-align: center;
margin: 0 auto;
}
.desc_wish_h {
margin: 15px 0;
}
#desc_wish_area .desc_wish_text {
display: inline-block;
text-align: left;
width: 298px;
margin: 0;
}
#stock_info_area {
border: 1px solid #d1d1d1;
background: #ffffff;
padding: 15px;
width: 392px;
text-align: center;
margin: 40px auto 0 auto;
}
#stock_info_area dl {
position: relative;
}
#stock_info_area dt {
position: absolute;
left: 0;
padding: 10px 5px;
font-weight: bold;
font-size: 16px;
}
#stock_info_area dd {
padding: 10px 0 10px 105px;
text-align: left;
font-size: 14px;
line-height: 2;
}
#stock_info_area .label_color {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
}
#stock_info_area p {
text-align: left;
margin-top: 5px;
margin-bottom: 0px;
}
#stock_info_area_sp {
}
#stock_info_area_sp dl {
position: relative;
border: 1px solid #d1d1d1;
background: #ffffff;
margin-top: 40px;
margin-bottom: 10px;
}
#stock_info_area_sp .bottom {
position: relative;
border: 1px solid #d1d1d1;
background: #ffffff;
margin-top: 40px;
margin-bottom: 40px;
}
#stock_info_area_sp .bottom dl {
position: relative;
border: 1px solid #d1d1d1;
background: #ffffff;
margin-bottom: 40px;
}
#stock_info_area_sp dt {
position: absolute;
left: 0;
padding: 10px 20px;
font-weight: bold;
font-size: 16px;
}
#stock_info_area_sp dd {
padding: 10px 0 10px 110px;
text-align: left;
font-size: 14px;
line-height: 2;
}
#stock_info_area_sp .label_color {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
}
#stock_info_area_sp p {
padding-left: 10px;
margin-top: 5px;
padding-bottom: 10px;
}
.btn_wish_area {
text-align: right;
margin-top: 20px;
}
.btn_wish {
vertical-align: middle;
margin-left: 5px;
}
.demand_area {
margin: 3px 30px -3px 20px;
}
textarea.demand {
width: 100%;
height: 110px;
}
/* 20160218 */
#logout {
margin: 85px 0;
}
.page_sub2_top {
/*color :#E5007E;*/
font-size: 18px;
font-weight: bold;
margin: 15px 0;
}
.point_box {
margin: 10px 0;
}
.page_table_middle {
width: 743px;
margin: auto;
font-size: 14px;
}
#mypage .mt20 {
margin-top: 20px;
}
#mypage #signup #signup-form {
margin-bottom: 30px;
}
.my_back {
width: 223px;
height: 48px;
margin: 0 auto;
}
.btn_deli_info_add {
text-align: right;
margin-bottom: 20px;
}
.btn_deli_info_add input[type="button"] {
padding: 5px 10px;
}
a.postal_num {
width: 115px !important;
height: 22px !important;
}
.set_membdeli select {
height: 24px;
line-height: 24px;
}
.set_membdeli input[type="button"] {
height: 24px;
padding: 0 3px;
}
/* 20160725追加分 */
/* カレンダー */
#cc {
width: 798px;
margin: auto;
}
#cc h3 {
background: url(../images/list2_h3.png) left center no-repeat;
padding: 6px 22px 2px;
font-size: 16px;
}
.cc_table_row {
display: table;
}
.cc_table_data {
display: table-cell;
}
.cct {
border-right: 1px solid #dde0e2;
border-bottom: 1px solid #dde0e2;
}
.cct th {
background: #fdfce1;
}
.cct th,
.cct td {
padding: 10px 0px 8px;
border-top: 1px solid #dde0e2;
border-left: 1px solid #dde0e2;
text-align: center;
}
.width124 {
width: 124px;
}
.width148 {
width: 148px;
}
.width118 {
width: 118px;
}
.width562 {
width: 562px;
}
.pdf {
margin: 15px 0 0;
}
.h_scene {
background: #00a1e9;
color: #ffffff;
font-size: 14px;
font-weight: bold;
padding: 3px 0 1px;
margin: 0 8px;
}
.scene_info_content p {
display: inline-block;
text-align: left;
}
/*-----------------------------------------------
オリジナルエコバッグ・トートバッグ
-------------------------------------------------*/
#orgbag {
font-size: 14px;
margin-bottom: 150px;
}
#orgbag p.txt {
padding: 30px 15px;
}
#orgbag p.txt_sub {
padding: 0 25px;
margin-bottom: 8px;
}
#orgbag #btn_area {
height: 128px;
}
#orgbag #btn_area p {
float: left;
margin: 0 20px 0 0;
}
#orgbag #btn_area p.last {
margin: 0;
}
#orgbag h2 {
font-size: 18px;
text-align: center;
margin-top: 70px;
}
#orgbag .image_area h3 {
margin-top: 100px;
background-color: #fff;
border-bottom: 3px solid #71abc1;
}
#orgbag #eco h3 {
margin-top: 40px;
}
#orgbag h3.pink {
border-bottom: 3px solid #f1adac;
}
#orgbag h4 {
margin: 0 0 8px 0;
font-weight: bold;
padding: 30px 0 0 8px;
font-size: 16px;
}
#orgbag .img_bag {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#orgbag .img_bag p {
margin: 0 0 18px 0;
}
#orgbag .btn_search {
margin: 20px 0 0 222px;
}
/*----------------------------
価格サンプル追加(@H-20210426)
-----------------------------*/
#orgbag #orgbag_sample {
padding: 50px 0 0 50px;
}
#orgbag #orgbag_sample dt:before {
content: "Q";
background-color: #2d9cc6;
color: #fff;
}
#orgbag #orgbag_sample dd:before {
content: "A";
background-color: #f47d7b;
color: #fff;
}
#orgbag #orgbag_sample dt:before,
#orgbag #orgbag_sample dd:before {
display: inline-block;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
font-weight: bold;
border-radius: 50%;
font-size: 24px;
margin-top: 20px;
margin-left: -2rem;
margin-right: 7px;
}
#orgbag #orgbag_sample dt,
#orgbag #orgbag_sample dd {
font-size: 22px;
font-weight: bold;
}
#orgbag #orgbag_sample #lft-cnt {
float: left;
width: 400px;
margin: 40px 0 0 0;
}
#orgbag #orgbag_sample #lft-cnt span {
color: #e5007e;
}
#orgbag #orgbag_sample #lft-cnt img {
width: 400px;
margin: 0 0 10px 0;
}
#orgbag #orgbag_sample #lft-cnt p {
padding: 10px;
}
#orgbag #orgbag_sample #rgt-cnt {
margin: 40px 0 0 430px;
}
#orgbag #orgbag_sample #rgt-cnt p {
margin: 20px 0 0 0;
}
#orgbag #orgbag_sample #rgt-cnt p.item-name {
font-size: 24px;
font-weight: bold;
margin-top: 8px;
}
#orgbag #orgbag_sample #rgt-cnt p:nth-child(3) {
margin-top: 0px;
}
#orgbag #orgbag_sample #rgt-cnt span {
color: #e5007e;
}
#orgbag #orgbag_sample #rgt-cnt p:nth-child(5) span.txt_l {
font-size: 30px;
font-weight: bold;
}
#orgbag #orgbag_sample #rgt-cnt .pc > p:nth-child(2) {
text-align: center;
padding: 20px;
display: flex;
align-items: center;
font-size: 16px;
}
#orgbag #orgbag_sample #rgt-cnt .pc > p:nth-child(2) span {
font-size: 28px;
font-weight: bold;
}
#orgbag #orgbag_sample #rgt-cnt .pc > p:nth-child(2):after,
#orgbag #orgbag_sample #rgt-cnt .pc > p:nth-child(2):before {
content: "";
flex-grow: 1;
height: 1px;
background: #333;
display: block;
}
#orgbag #orgbag_sample #rgt-cnt .pc > p:nth-child(2):before {
margin-right: 0.8em;
}
#orgbag #orgbag_sample #rgt-cnt .pc > p:nth-child(2):after {
margin-left: 0.8em;
}
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(3),
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(4),
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(5),
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(6),
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(7) {
font-size: 18px;
margin: 30px 0 0 40px;
}
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(3) span,
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(4) span,
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(5) span,
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(6) span,
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(7) span {
font-size: 24px;
font-weight: bold;
}
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(3),
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(8) {
margin: 0 0 0 40px;
}
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(4) span:nth-child(4),
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(5) span:nth-child(4),
#orgbag #orgbag_sample #rgt-cnt .pc p:nth-child(6) span.txt-han {
border-bottom: 1px solid #333;
color: #333;
font-size: 18px;
}
#orgbag #orgbag_sample #rgt-cnt #price {
border: 1px solid #333;
background: #fff;
padding: 0 20px 20px 30px;
margin: 30px 0 0 0;
font-size: 18px;
}
#orgbag #orgbag_sample #rgt-cnt #price span {
font-size: 28px;
font-weight: bold;
}
#orgbag #orgbag_sample #rgt-cnt #price p:nth-child(2) {
margin: 0 0 0 60px;
}
#orgbag #orgbag_sample #rgt-cnt #price p:nth-child(2) span {
font-size: 24px;
color: #333;
}
#orgbag #orgbag_sample #rgt-cnt #price p:nth-child(3) {
margin: 20px 0 0 0;
}
#orgbag #orgbag_sample #btm-cnt {
clear: left;
margin: 0 0 0 10px;
padding-top: 30px;
background: url("/images/orgbag_bg_icon.png") 190px 36px no-repeat;
}
#orgbag #orgbag_sample #btm-cnt p#tit {
background-color: #e5007e;
color: #fff;
width: 140px;
font-size: 20px;
padding: 5px 20px;
text-align: center;
}
#orgbag #orgbag_sample #btm-cnt p {
font-size: 18px;
margin-top: 10px;
}
#orgbag #orgbag_sample #btm-cnt p:nth-child(2) {
margin: 20px 0 0 0;
font-weight: bold;
}
#orgbag #orgbag_sample #btm-cnt p:nth-child(2) span {
color: #e5007e;
}
#orgbag #orgbag_sample #btm-cnt p:nth-of-type(4) {
font-size: 14px;
}
#orgbag #orgbag_sample #orgbag-msg {
background: url("/images/orgbag_bg_arw.png") 230px 10px no-repeat;
font-size: 24px;
text-align: center;
padding: 20px 0;
margin: 50px 0 0 0;
font-weight: bold;
}
#orgbag #orgbag_sample #orgbag-msg span {
font-size: 36px;
color: #e5007e;
}
/*-----------------------------------------------
名入れについて(印刷詳細ページ)
-------------------------------------------------*/
#printing_page .prt_navi,
#printing_page .prt_step,
#printing_page .prt_daihyo,
#printing_page .prt_sample {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#printing_page .prt_navi li {
margin-bottom: 20px;
}
#printing_page h3 {
margin-top: 60px;
}
#printing_page .txt_500 {
float: left;
width: 500px;
}
#printing_page .txt_450 {
float: left;
width: 450px;
}
#printing_page .txt_500 .margin1 {
margin-right: 0px;
}
#printing_page .fr img {
margin: 25px 0px 0px 0px;
}
#printing_page p.img-cnt {
text-align: center;
margin: 20px 0 0 0;
}
#printing_page p.img-btm img {
margin: 20px 0 0 0;
}
#printing_page .prt_step div {
width: 268px;
}
#printing_page .prt_step {
justify-content: flex-start;
}
#printing_page .prt_step div {
margin: 20px 18px 0 0;
}
#printing_page .prt_step div p {
padding: 10px 0;
}
#printing_page div.prt_step_last {
margin-right: 0px;
}
#printing_page div.prt_step div:nth-child(3n) {
margin-right: 0px;
}
#printing_page .prt_movie {
text-align: center;
margin-top: 40px;
}
#printing_page .prt_movie p {
text-align: left;
margin: 10px 0 0 140px;
}
#printing_page .prt_daihyo {
margin: 25px 0 0 0;
}
#printing_page .prt_daihyo .list_item_name {
width: 176px;
}
#printing_page .prt_sample img {
margin: 0 0 20px 0;
}
/*----------------------
名入れについて(名入れ価格の目安)
------------------------*/
#printing_page h4 {
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid #000;
margin: 20px 20px 0px 20px;
}
#printing_page .img_cnt {
text-align: center;
margin: 20px 0px 0px 0px;
}
#printing_page .plus {
text-align: center;
margin: 20px 0px 20px 0px;
}
#printing_page #handai {
width: 713px;
border: 2px solid #dadada;
background: #fff;
padding: 20px;
margin: 0 0 20px 40px;
font-size: 18px;
}
#printing_page #handai span:nth-of-type(1) {
color: #fff;
background-color: #9c979d;
width: 55px;
height: 30px;
display: block;
text-align: center;
vertical-align: middle;
float: left;
margin: 3px 50px 0 0;
padding-top: 5px;
}
#printing_page #handai span:nth-of-type(2) {
font-size: 24px;
padding: 10px;
}
#printing_page .meyasu-subtext p {
margin: 0 0 0 23px;
}
#printing_page p.handai-subtext {
margin: 0 0 0 40px;
}
#printing_page #meyasu-kakaku {
width: 737px;
background-color: #dbdbdb;
margin: 20px 0 100px 40px;
padding: 20px 10px 20px 10px;
height: 130px;
}
#printing_page #meyasu-kakaku p.kakaku-title span:not([class]) {
color: #fff;
background-color: #444444;
padding: 5px 5px 5px 8px;
font-size: 13px;
margin-right: 5px;
}
#printing_page #meyasu-kakaku .kakaku-title {
float: left;
width: 460px;
}
#printing_page #meyasu-kakaku img {
clear: left;
float: left;
margin: 20px 0 20px 0;
}
#printing_page #meyasu-kakaku p.kakaku-txt {
font-size: 13px;
}
#printing_page #meyasu-kakaku div:nth-child(4) {
float: left;
width: 380px;
text-align: right;
margin: 20px 0 0 0;
}
#printing_page #meyasu-kakaku div:nth-child(5) {
text-align: right;
margin: 20px 0 0 0;
}
#printing_page #meyasu-kakaku .kakaku span {
color: #e5007e;
}
/*----------------------
おすすめ商品
------------------------*/
.osusume_item ul {
display: flex;
flex-wrap: wrap;
}
.osusume_item li {
margin: 0 32px 10px 0;
width: 186px;
}
.osusume_item li:nth-of-type(4n) {
margin-right: 0;
}
/*-----------------------------------------------
個人宅への配送サービス
-------------------------------------------------*/
#haiso {
font-size: 14px;
}
#haiso .main-txt {
margin: 20px;
}
#haiso a.txt-link {
/*text-decoration: underline;*/
color: #007ebe;
}
#haiso a.txt-link a:hover {
text-decoration: underline;
}
#haiso ol {
margin: 20px 0px 0px 10px;
}
#haiso h2 {
margin: 0;
background: #00b7bd;
color: #fff;
font-size: 16px;
padding: 6px 0 6px 10px;
margin: 20px 0 0 0px;
}
#haiso h2.pickup {
margin: 60px 0 0 0;
padding: 6px;
}
#haiso h2.pickup:before {
content: "PICK UP";
background-color: #fff;
color: #00b7bd;
display: inline-block;
margin-right: 10px;
line-height: 18px;
text-align: center;
font-weight: bold;
border-radius: 50%;
font-size: 13px;
padding: 5px;
}
#haiso .src-btn {
margin: auto; /* サンプル用 中央寄せ */
box-sizing: border-box; /* 罫線も含む長さ */
width: 433px; /* BOXの幅 */
height: 38px; /* BOXの高さ */
background: #fff; /* BOXの背景色 */
border: 2px solid #00b7bd; /* 枠線の指定 */
border-radius: 24px; /* 角丸の指定 */
text-align: center;
padding-top: 5px;
margin-top: 20px;
}
#haiso .src-btn a {
display: block;
color: #00b7bd;
font-size: 16px;
}
#haiso #plan {
display: flex;
justify-content: space-between;
}
#haiso #plan div {
text-align: center;
width: 280px;
}
#haiso #plan p:first-child {
text-align: center;
}
#haiso #plan p {
text-align: left;
padding: 10px;
}
#haiso #sample {
margin: auto; /* サンプル用 中央寄せ */
box-sizing: border-box; /* 罫線も含む長さ */
width: 780px; /* BOXの幅 */
height: 100px; /* BOXの高さ */
background: #ffffff; /* BOXの背景色 */
border: 5px solid #dddddd; /* 枠線の指定 */
border-radius: 10px 10px 10px 10px; /* 角丸の指定*/
padding: 10px;
margin-top: 20px;
}
#haiso #sample p {
margin: 0 0 0 20px;
}
#haiso #sample li {
list-style-type: disc;
margin: 0 0 0 40px;
}
#haiso #box-size {
background: url("/images/haiso_img_size.jpg") right no-repeat;
height: 136px;
padding: 20px;
margin: 0 0 20px 0;
}
#haiso #box-size dl {
display: flex;
flex-wrap: wrap;
}
#haiso #box-size dt {
width: 13%;
}
#haiso #box-size dd {
width: 87%;
}
#haiso #box-size dd:before {
content: ":";
}
#haiso .txt-big {
font-size: 17px;
font-weight: bold;
margin: 0 0 0 20px;
}
#haiso .haiso-img {
margin: 20px 0 0 0;
}
.pcmt-15 {margin-top: -15px;}
.sp{display: none;}
.spinlineblock{display: none;}
.spblock{display: none;}
/* #####################################################
SmartPhone
###################################################### */
@media (max-width: 767px) {
/* ========================================= common ========================================= */
.sp{display: inline;}
.spinlineblock{display: inline-block;}
.spblock{display: block;}
.pc{display: none !important;}
.pcmt-15 {margin-top: 0;}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
word-break: break-word;
}
img{max-width: 100%;}
body {
color: #000;
background: #f0f0f0;
font-family: -apple-system,BlinkMacSystemFont,"メイリオ",meiryo,Verdana,"MS Pゴシック",sans-serif;
font-size: 14px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
body.lock {overflow: hidden;}
#wrapper{
min-width: 100%;
overflow: hidden;
}
#slide-in{max-width: 100%;}
#slider {
height: auto;
overflow: hidden;
}
#slider > li:not(:first-of-type) {display: none;}
#slider.slick-initialized > li:not(:first-of-type) {display: block;}
#slider img{
width: 100%;
height: auto;
}
/* .bx-viewport{
height: calc((256 / 375) * 100vw) !important;
} */
#main-contents{
float: none;
width: 100%;
}
#main-in{
padding-top: 0;
max-width: 100%;
}
.inner{
width: 100%;
padding: 20px 2%;
}
.grey_heading {
background: #bebdbd;
position: relative;
height: 85px;
}
.grey_heading h1 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 0 20px;
transform: translate(0, -50%);
color: #fff;
font-size: 120%;
text-align: center;
font-weight: bold;
}
h2{
display: block;
text-align: center;
font-size: 120%;
font-weight: 700;
}
#about_gs h2, #new_items h2, #rank_items h2, #feature_info h2, #feature_info2 h2, #scene_info h2, #foot_cat h2, div.osusume-area h2, #new_items h2{
display: block;
text-align: center;
font-size: 120%;
font-weight: 700;
max-width: 100%;
border-bottom: none;
}
select {
-webkit-appearance: none;
appearance: none; /* デフォルトのスタイルを無効 */
color: #333;
}
select::-ms-expand {
display: none; /* デフォルトのスタイルを無効(IE用) */
}
ul.indent {
padding-left: 1em;
text-indent: -1em;
}
.headline_area{border-bottom: none;}
.headline_area p.h2_read{
border-top: 1px solid #D9D9D9;
padding: 10px 2% 5px;
margin: 0;
text-align: center;
display: block;
}
header {
position: relative;
height: 58px;
background: #fff;
border-bottom: 1px solid #ebebeb;
}
header .logo {
display: block;
position: absolute;
top: 15px;
left: 0;
width: 150px;
margin: 10px 0 0 8px;
}
header h1 {
letter-spacing: 0.3px;
font-size: 10px;
margin-left: 8px;
padding-top: 8px;
}
header p {
letter-spacing: 0.3px;
font-size: 10px;
margin-left: 8px;
padding-top: 8px;
}
header .btns {
position: absolute;
top: 0;
right: 0;
display: flex;
font-size: 66.6%;
}
header .btns a {
display: block;
width: 50px;
height: 57px;
text-align: center;
}
header .btns img {
display: block;
margin: 0 auto;
width: 28px;
padding: 5px 0;
}
header .btns .menu {
background: #ffd900;
margin-left: 8px;
width: 57px;
position: relative;
}
header .btns .menu span,
header .btns .menu::before,
header .btns .menu::after {
content: "";
display: block;
width: 31px;
height: 3px;
background: #000;
position: absolute;
top: 26px;
left: 13px;
}
header .btns .menu::before {
transform: translateY(-10px);
}
header .btns .menu::after {
transform: translateY(10px);
}
#breadcrumb {
padding-left: 7px;
width: 100%;
}
#breadcrumb li {
font-size: 84%;
}
/* 商品ブロック */
#new_info_contents ul, #scene_info_contents ul, #feature_info_contents ul, div.osusume-area ul , #new_items ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 0;
}
#new_info_contents ul:first-child, #scene_info_contents ul:first-child, #feature_info_contents ul:first-child, div.osusume-area ul:first-child , #new_items ul:first-child{
margin-top: -10px;
}
#new_info_contents ul li, #scene_info_contents ul li, #feature_info_contents ul li, div.osusume-area ul li, #new_items ul li{
display: block;
width: 49%;
float: none;
/* margin: 10px 0 0; */
margin: 0 0 5vw;
height: auto;
}
#new_items ul li.last {
position: relative;
left: 4px;
}
#new_items ul li a img {width: 100%; height: auto;}
#new_info_contents ul li a, #scene_info_contents ul li a, #feature_info_contents ul li a, div.osusume-area ul li a, #new_items ul li a{
font-size: 80%;
height: auto;
display: block;
}
#new_info_contents ul li a img, #scene_info_contents ul li a img, #feature_info_contents ul li a img, div.osusume-area ul li a img, #new_items ul li a img{
width: 100%;
height: auto;
box-sizing: border-box;
}
#wh {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 1px;
}
.fl_bg {
background: #000;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 3000;
visibility: hidden;
opacity: 0;
transition: .5s;
}
.fl_bg.show {
visibility: visible;
opacity: 0.8;
}
/* fl_search */
.fl_search {
background: #f8f8f8;
position: fixed;
top: 0;
left: 0;
width: 100%;
transform: translate(0, -100%);
z-index: 3001;
transition: .5s;
}
.fl_search.show {
transform: translate(0, 0);
}
.conditions form {
display: block;
border-top: 1px solid #D9D9D9;
padding: 20px 20px 40px;
line-height: 37px;
}
.conditions .price {
display: block;
}
.conditions input[type=text] {
border: 1px solid #ffd900;
border-radius: 4px;
padding: 10px;
box-sizing: border-box;
}
.conditions .cat {
position: relative;
display: block;
margin: 15px 0;
padding-left: 6em;
}
.conditions .cat label {
position: absolute;
left: 0;
top: 0;
}
.conditions .cat::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 10px;
transform: translate(-50%, -50%);
border-right: 6px solid transparent;
border-top: 8px solid #bebdbd;
border-left: 6px solid transparent;
pointer-events: none;
}
.conditions select {
border: 1px solid #ffd900;
width: 100%;
padding: 10px;
}
.conditions .free {
display: block;
margin-bottom: 10px;
}
.conditions .free input {
width: 100%;
}
.conditions input[type=submit] {
display: block;
margin: 20px auto 0;
border: 0;
border-radius: 0;
background: #E5007E;
color: #fff;
padding: 5px 10px;
}
/* fl_menu common */
.fl_menu {
background: #f8f8f8;
position: fixed;
top: 0;
right: 0;
width: 100%;
transform: translate(100%, 0);
z-index: 3002;
transition: .5s;
overflow: auto;
}
.fl_menu.show {
transform: translate(0, 0);
}
.fl_menu ul,
.fl_menu li:last-child {
border-bottom: 0 !important;
}
.fl_menu .nav_sub {
background: #fff;
border-top: 1px solid #D9D9D9;
text-align: left;
padding: 10px 0 10px 20px;
}
.fl_x {
display: block;
background: #f8f8f8;
height: 57px;
}
.fl_x::before,
.fl_x::after {
content: '';
display: block;
width: 22px;
height: 3px;
background: #bebdbd;
position: absolute;
top: 26px;
right: 13px;
}
.fl_x::before {
transform: rotate(45deg);
}
.fl_x::after {
transform: rotate(135deg);
}
.fl_search {
background: #f8f8f8;
position: fixed;
top: 0;
left: 0;
width: 100%;
transform: translate(0, -100%);
z-index: 3001;
transition: .5s;
}
.fl_search.show {
transform: translate(0, 0);
}
#scene_info.inner {
width: 100%;
padding: 0;
margin: 0;
}
#scene_info_contents{
margin: 0;
}
.fl_menu .search-feature h3 ,
.fl_menu .side-content h3 ,
.fl_menu .inner h2 {
font-size: 100% !important;
font-weight: 400 !important;
text-align: left !important;
margin-top: 0 !important;
padding: 17px 0 17px 20px !important;
border-top: 1px solid #D9D9D9;
position: relative;
}
.fl_menu .search-feature h3::after ,
.fl_menu .side-content h3::after ,
.fl_menu .inner h2::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(135deg);
position: absolute;
top: 50%;
right: 15px;
margin-top: -6px;
transition: .5s;
}
.fl_menu .search-feature h3.x::after ,
.fl_menu .side-content h3.x::after {
transform: rotate(-45deg);
margin-top: -2px;
}
.guide-nav ul ,
#scene_info_contents ul ,
.search-feature ul ,
.side-content ul {
background-color: #fff;
margin: 0;
padding-top: 0;
border-top: 1px solid #D9D9D9;
}
.guide-nav ul li ,
#scene_info_contents ul li ,
.search-feature ul li ,
.fl_menu-price-ul > a ,
.side-content ul li {
display: block;
width: 100% !important;
background-position: 10px center !important;
background-size: 45px !important;
margin: 0;
position: relative;
background-color: #fff;
}
.guide-nav ul li::after ,
#scene_info_contents ul li::after ,
.search-feature ul li::after ,
.fl_menu-price-ul > a::after ,
.side-content ul li::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 15px;
margin-top: -4px;
}
.guide-nav ul li a,
.search-feature ul li a ,
.side-content ul li a{
display: block;
padding: 17px 0 17px 58px;
border-bottom: 1px solid #d9d9d9;
}
/* fl_menu scene */
#scene_info_contents ul li .scene_info_content{
position: relative;
/* height: 59px; */
height: 91px;
overflow: hidden;
}
#scene_info_contents ul li .scene_info_content a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
padding: 9px 0 9px 112px;
}
#scene_info_contents ul li .scene_info_content .h_scene {
position: absolute;
top: 9px;
left: 112px;
background: none;
color: #000;
font-size: 15px;
font-weight: normal;
}
#scene_info_contents ul li .scene_info_content p:nth-child(1) {
position: absolute;
top: 35px;
left: 118px;
max-width: calc(100% - 160px);
overflow: hidden;
}
#scene_info_contents ul li .scene_info_content p:nth-child(1) br{
display: none;
}
#scene_info_contents ul li .scene_info_content p:nth-child(2) {
position: absolute;
top: 26px;
left: 13px;
width: 95px;
}
#scene_info_contents ul li .scene_info_content p:nth-child(2) img{
width: 100%;
height: auto;
}
#scene_info_contents ul li .scene_info_content p:nth-child(3) {
display: none;
}
/* fl_menu price */
.side-content ul.fl_menu-price-ul {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 35px;
}
.fl_menu-price-ul > a {
display: block;
width: 50% !important;
padding: 17px 0 17px 20px;
border-bottom: 1px solid #D9D9D9;
box-sizing: border-box;
background-color: #fff;
}
.fl_menu-price-ul > a:nth-child(2n) {
border-right: 1px solid #D9D9D9;
}
.fl_menu-price-ul > a:first-of-type ,
.fl_menu-price-ul > a:last-of-type {
width: 100% !important;
border-right: none;
}
.search-price-area{
position: relative;
}
.fl_menu-price-ul + .print_s{
position: absolute;
top: 54px;
left: 0;
width: 100%;
font-size: 80%;
background: #fff;
border-top: 1px solid #D9D9D9;
text-align: left;
opacity: 0;
height: 0;
padding: 0;
overflow: hidden;
}
.fl_menu-price-ul.open + .print_s{
padding: 10px 0 10px 20px;
opacity: 1;
height: auto;
}
/* fl_menu feature */
div.search-feature{
padding-top: 0;
}
div.search-feature ul {
background-color: #fff;
}
div.search-feature ul li a {
padding: 17px 0 17px 20px;
border-bottom: 1px solid #d9d9d9;
}
div.search-feature ul li.indent a {padding-left: 40px;}
/* guide-nav */
.guide-nav ul,
.guide-nav ul li{
background-color: transparent;
}
.guide-nav ul li a{
padding-left: 20px;
}
/* feature info */
#feature_info,
#feature_info2{
margin-top: 50px;
}
body.home #feature_info{margin-top: 0;}
/* footer */
#sp_footer {
background: #f8f8f8;
}
nav.fnav ul {
list-style: none;
padding-top: 40px;
}
nav.fnav.topic ul,
nav.fnav.guide ul {
margin-top: 0;
}
nav.fnav.topic ul {
background: #fff;
}
nav.fnav li {
display: block;
border-top: 1px solid #D9D9D9;
position: relative;
}
nav.fnav li::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 15px;
margin-top: -4px;
}
nav.fnav a {
display: block;
padding: 17px 0 17px 20px;
}
footer {
}
footer .inner{
width: 100%;
padding: 20px;
background: #bebdbd;
box-sizing: border-box;
}
footer .contact {
background: #fff;
padding: 20px;
}
footer .contact img {
display: block;
margin: 0 auto;
}
footer .contact .logo img {
width: 187px;
}
footer .contact .tel {
text-align: center;
}
footer .contact dl {
overflow: hidden;
font-size: 84%;
}
footer .contact dt {
width: 70px;
float: left;
}
footer .contact dd {
width: 100%;
padding-left: 70px;
}
footer .facebook {
display: block;
margin-left: 0;
margin-right: 0;
}
footer .facebook img{
display: block;
width: 100%;
}
footer .ssl {
display: block;
text-align: center;
}
footer .ssl img {
margin-top: 20px;
display: inline-block;
width: 34.7%;
}
footer .copyright {
font-size: 84%;
text-align: center;
}
.pagetop {
display: block;
position: fixed;
right: 20px;
bottom: 20px;
width: 42px;
height: 42px;
background: #ffd900;
border-radius: 4px;
opacity: 0;
visibility: hidden;
transition: .3s;
z-index: 3000;
}
.pagetop.show {
opacity: 1;
visibility: visible;;
}
.pagetop::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-right: 8px solid transparent;
border-bottom: 12px solid #000;
border-left: 8px solid transparent;
}
/* #################################################################################### */
/* common */
/* #################################################################################### */
a.blue {
color: #199fde;
text-decoration: underline;
}
.sp_banner {
padding-top: 20px;
}
.sp_banner ul {
list-style: none;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 10px;
}
.sp_banner li {
width: 50%;
padding: 0 10px;
text-align: center;
}
.sp_banner li a {
display: block;
color: #000;
text-decoration: none;
}
.sp_banner li a span{
display: block;
height: 4em;
text-align: center;
font-size: 84%;
padding-top: 5px;
}
.spindent{
padding-left: 1em;
text-indent: -1em;
}
.ul_star li {
padding: 0 0 0 1.2em;
position: relative;
}
.ul_star li::before {
content: '※';
display: block;
position: absolute;
top: 0;
left: 0;
}
.small {font-size: 84%;}
.center {text-align: center;}
.right {text-align: right;}
/* #################################################################################### */
/* common Parts */
/* #################################################################################### */
/* 人気ノベルティ特集 */
#feature_info_contents ul li p br {
display: none;
}
/* シェアボタン */
.share_title {
text-align: center;
font-size: 84%;
font-weight: 400;
}
.icon_share {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
width: 21px;
}
.share {
display: flex;
justify-content: space-between;
margin: 20px 20px 0;
}
.share a {
display: block;
width: 15%;
}
/* #################################################################################### */
/* TOP page */
/* #################################################################################### */
#feature_info_contents { /*20210830*/
border-bottom: 1px solid #D9D9D9;
margin-bottom: 30px;
}
.section-more_btn{
display: block;
text-align: center;
position: relative;
margin: 20px 0;
padding-bottom: 20px;
}
.section-more_btn::before {
content: '';
display: inline-block;
text-decoration: none;
}
.section-more_btn::after {
content: '';
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(-45deg);
position: absolute;
bottom: 4px;
left: 50%;
margin: -4px 0 0 -4px;
transition: .5s;
}
.close .section-more_btn::after{transform: rotate(135deg);}
/* feature_info_contents */
#feature_info_contents.close ul{transition: all .50s ease; overflow: hidden;}
#feature_info_contents.close ul:nth-of-type(n+3) {max-height: 0;}
#feature_info_contents.close .section-more_btn::before {content: '人気ノベルティ特集をもっとみる';}
/* category */
.main-body h2 + ul{margin-top: 2px;}
/* scene */
.main-body #scene_info_contents {
margin-top: 40px;
background-color: transparent;
}
.main-body #scene_info_contents li {
border-bottom: 1px solid #D9D9D9;
}
/* price */
.main-body .search-price-area-wrapper .search-price-area {
padding-top: 35px;
}
.main-body .search-price-area-wrapper .search-price-area .print_s{
top: 0;
text-align: center;
border: none;
box-sizing: border-box;
padding: 10px 0;
background-color: transparent;
}
.main-body .search-price-area-wrapper .search-price-area .fl_menu-price-ul{
margin-top: 0;
}
.home .link_items_page a,
.home .link_items_page_u a {
display: block;
margin-top: 15px;
text-align: right;
padding: 10px 20px 10px 0;
position: relative;
font-size: 100%;
color: #000;
}
.home .link_items_page a::after,
.home .link_items_page_u a::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 0;
margin-top: -6px;
}
.osusume-area .link_items_page a,
.osusume-area .link_items_page_u a {
display: block;
margin-top: 15px;
text-align: right;
padding: 10px 20px 10px 0;
position: relative;
font-size: 100%;
color: #000;
}
.osusume-area .link_items_page a::after,
.osusume-area .link_items_page_u a::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 0;
margin-top: -6px;
}
/* new_item */
.main-body #new_items {
margin-top: 40px;
margin-bottom: 0;
border-bottom: 1px solid #D9D9D9;
}
.main-body #new_items .inner{padding-bottom: 0;}
.main-body #new_items .link_new_items_page {margin-bottom: 0;}
.main-body #new_items .more {
display: block;
margin-top: 30px;
text-align: right;
padding: 10px 20px 10px 0;
position: relative;
}
.main-body #new_items .more::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 0;
margin-top: -6px;
}
/* 人気ノベルティランキング */
.main-body #rank_items {margin: 40px 0 0;}
.main-body #rank_items h2{
border-bottom: 1px solid #D9D9D9;
}
.main-body #rank_items_contents {
margin-top: 2px;
margin-bottom: 40px;
background: #fff;
border: none;
}
.main-body #rank_items_contents ul {
display: block;
margin: 0 20px;
}
.main-body #rank_items_contents ul li{
border-top: 1px solid #D9D9D9;
width: 100%;
padding: 20px 0;
box-sizing: border-box;
height: auto;
}
.main-body #rank_items_contents ul li:first-child{border: none;}
.main-body #rank_items_contents ul li a {
display: block;
width: 100%;
height: auto;
overflow: hidden;
}
.main-body #rank_items_contents .pick_up_item {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
.main-body #rank_items_contents .pick_up_item_image {
width: 51%;
padding-right: 20px;
box-sizing: border-box;
}
.main-body #rank_items_contents .item-title {
width: 49%;
text-align: left;
padding-top: 25px;
background: top left 10px no-repeat;
background-size: 35px;
}
.main-body #rank_items_contents ul li:nth-child(1) .item-title{background-image: url(../images/sp/ranking_1st.jpg);}
.main-body #rank_items_contents ul li:nth-child(2) .item-title{background-image: url(../images/sp/ranking_2nd.jpg);}
.main-body #rank_items_contents ul li:nth-child(3) .item-title{background-image: url(../images/sp/ranking_3rd.jpg);}
.main-body #rank_items_contents ul li:nth-child(4) .item-title{background-image: url(../images/sp/ranking_4th.jpg);}
.main-body #rank_items_contents .pick_up_item_position {
display: block;
width: 35px;
padding-left: 10px;
}
/* グッズストアドットネットについて */
.main-body #about_gs {}
.main-body #about_gs .headline_area {
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px solid #D9D9D9;
}
.main-body #about_gs #top-txt {
padding: 0 20px;
}
.main-body #aboutus {
padding: 0;
}
.main-body #aboutus #top-txt #top-tit {
font-size: inherit;
margin: 0;
}
#contents-1 #aboutus h2 ,
.main-body #about_gs #aboutus h3.tit {
font-size: 120%;
margin-top: 40px;
border-bottom: 1px solid #D9D9D9;
}
/* ポイント */
#contents-1 #aboutus .point ,
.main-body #aboutus .point {
margin: 0 20px;
padding: 34px 0 34px;
text-align: center;
height: auto;
}
#contents-1 #aboutus div.point + .point ,
.main-body #about_gs #aboutus div.point + .point {
border-top: 1px solid #D9D9D9;
}
#contents-1 #aboutus .point img ,
.main-body #aboutus .point img {
display: inline-block;
float: none;
width: 53.3%;
height: auto;
margin: 0;
}
#contents-1 #aboutus .point .point-r ,
.main-body #aboutus .point .point-r {
padding-left: 0;
border-bottom: none;
margin: 20px 0;
}
#contents-1 #aboutus .point .point-r .point-tit span ,
.main-body #aboutus .point .point-r .point-tit span {
display: inline-block;
padding-left: 0.25em;
}
#contents-1 #aboutus .point .point-r .point-msg ,
.main-body #aboutus .point .point-r .point-msg {
font-size: 160%;
}
#contents-1 #aboutus div.point ul ,
.main-body #about_gs #aboutus div.point ul {
text-indent: 0;
padding-left: 0;
}
#contents-1 #aboutus div.point ul li ,
.main-body #about_gs #aboutus div.point ul li {
text-align: left;
padding: 0 0 0 1.2em;
margin: 0;
border: 0;
position: relative;
font-size: 14px;
}
#contents-1 #aboutus div.point ul li::before ,
.main-body #about_gs #aboutus div.point ul li::before {
content: '●';
position: absolute;
top: 0;
left: 0;
}
#contents-1 #aboutus .point .notice ,
.main-body #about_gs #aboutus .point .notice { /*hamada*/
margin: 0;
/* padding-left: 1em;
text-indent: -1em; */
text-align: left;
}
#contents-1 #aboutus .point .notice {margin-top: 20px;}
#contents-1 #aboutus #banner_tit ,
.main-body #about_gs #aboutus #banner_tit {
margin: 0 20px;
font-size: 14px;
text-align: left;
}
#contents-1 #aboutus .gss_banner ,
.main-body #about_gs #aboutus .gss_banner {
text-align: right;
width: 100%;
}
#contents-1 #aboutus .gss_banner a .more ,
.main-body #about_gs #aboutus .gss_banner a .more {
display: block;
width: 100%;
margin-top: 30px;
text-align: right;
padding: 10px 40px 10px 0;
box-sizing: border-box;
position: relative;
}
#contents-1 #aboutus .gss_banner a .more::after ,
.main-body #about_gs #aboutus .gss_banner a .more::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 15px;
margin-top: -6px;
}
#contents-1 #aboutus .gss_banner .pink ,
.main-body #about_gs #aboutus .gss_banner .pink {
color: #e5007f;
}
#contents-1 #aboutus #case ,
.main-body #aboutus #case ,
.main-body #aboutus #goods {
margin: 50px 20px 0;
}
#contents-1 #aboutus #case h3 ,
.main-body #aboutus #case h3 ,
.main-body #aboutus #goods h3 {
margin: 0 -20px;
text-align: center;
font-size: 120%;
font-weight: 700;
padding-bottom: 15px;
border-bottom: 1px solid #D9D9D9;
margin-bottom: 20px;
}
#contents-1 #aboutus #case ul li ,
.main-body #aboutus #case ul li {
padding-left: 1em;
text-indent: -1em;
}
#contents-1 #aboutus #case p:last-child ,
.main-body #aboutus #case p:last-child {
font-size: inherit;
}
.main-body #aboutus #goods {}
#contents-1 #aboutus #goods .goods-dtl h4 ,
.main-body #aboutus #goods .goods-dtl h4 {
text-align: center;
}
#contents-1 #aboutus #goods .goods-dtl h4::before ,
.main-body #aboutus #goods .goods-dtl h4::before {
content: '【';
}
#contents-1 #aboutus #goods .goods-dtl h4::after ,
.main-body #aboutus #goods .goods-dtl h4::after {
content: '】';
}
#contents-1 #aboutus #goods .goods-dtl p ,
.main-body #aboutus #goods .goods-dtl p {
float: none;
width: 100%;
}
#contents-1 #aboutus #goods .goods-item ,
.main-body #aboutus #goods .goods-item {
margin: 20px -20px 0;
width: calc(100% + 40px);
}
#contents-1 #aboutus #goods .goods-item h5 ,
.main-body #aboutus #goods .goods-item h5 {
text-align: center;
}
#contents-1 #aboutus #goods .goods-item h5::before ,
.main-body #aboutus #goods .goods-item h5::before {
content: '<';
}
#contents-1 #aboutus #goods .goods-item h5::after ,
.main-body #aboutus #goods .goods-item h5::after {
content: '>';
}
.main-body #new_info {
margin-top: 40px;
padding-top: 1em;
}
.main-body #new_info .new_info_title_wrap {
position: relative;
}
.main-body #new_info .new_info_title_wrap::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 37px;
width: 100%;
background: #ffd900;
z-index: 0;
}
.main-body #new_info h2 {
padding: 12px 0px 5px 0px;
background: url(../images/sp/finfo_bar.jpg) bottom left no-repeat;
background-size: 375px;
position: relative;
z-index: 1;
}
.main-body #new_info_contents {
background: #fff;
}
.main-body #new_info_contents ul {
display: block;
}
.main-body #new_info_contents ul li{
width: 100%;
padding: 0.75em 0;
}
.main-body #new_info_contents li p.date {
float: none;
font-weight: normal;
font-size: 14px;
}
.main-body #new_info_contents li p:nth-child(2) {
float: none;
width: 100%;
font-size: 14px;
}
.main-body #new_info_contents li p a {
font-size: 100%;
text-decoration: underline;
}
div.osusume-area {margin: -20px 0 0;}
div.osusume_item {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.osusume_item ul {
/* margin: 0 0 !important; */
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.osusume_item ul li {
width: 49%;
margin: 0 0 5vw;
}
.osusume_item ul li a img {width: 100%; height: auto;}
/* カレンダー */
.main-body .main-calender {
margin: 40px 20px 0;
}
.main-body .main-calender table {
width: 100%;
margin-bottom: 0.25em;
}
.main-body .main-calender table caption {font-weight: normal;}
.main-body .main-calender table th {font-weight: bold;}
.main-body .main-calender table td {height: 2em;}
/* #################################################################################### */
/*haiso */
/* #################################################################################### */
#haiso * {max-width: 100%;}
#haiso .txt-big {text-align: center;}
#haiso #plan {display: block;}
#haiso #plan div {
width: 100%;
margin-bottom: 1em;
}
#haiso #plan div p {text-align: center;}
#haiso ol {margin: 20px 20px 0;}
#haiso ol li + li {margin-top: 1.5em;}
#haiso .haiso-img {margin: 0;}
#haiso #sample {
height: auto;
border: 10px solid #ebebeb;
background: #fff;
padding: 20px;
border-radius: 0;
text-align: center;
}
#haiso #sample p {padding: 0;}
#haiso #sample ul li {
margin: 1.5em 0 0;
list-style: none;
padding: 0;
}
#haiso h2.pickup {
padding: 6px 20px;
text-align: center;
font-size: 14px;
}
#haiso h2.pickup:before {
content: '【PICK UP】';
background-color: transparent;
color: #fff;
display: block;
margin: 0 auto;
font-size: inherit;
}
#haiso #box-size {
padding-top: 155px;
height: auto;
background-position: top center;
}
#haiso #box-size dt {
width: 7em;
}
#haiso #box-size dd {
width: calc(100% - 7em);
padding-left: 1em;
text-indent: -1em;
}
#haiso .src-btn {
background: none;
border: none;
margin: 0;
padding: 0;
text-align: right;
width: auto;
height: auto;
}
#haiso .src-btn a {
font-size: 100%;
color: #000;
display: block;
text-align: right;
padding: 10px 40px 10px 0;
position: relative;
}
#haiso .src-btn a::after {
content: '';
display: block;
width: 8px;
height: 8px;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 20px;
margin-top: -6px;
border: 3px solid #00b7bd;
border-width: 3px 3px 0 0;
}
/* #################################################################################### */
/* contact , request お問い合わせ、カタログ請求*/
/* #################################################################################### */
#contact ,
#request {padding: 20px 20px 0;}
#contact a ,
#request a {
color: #199fde;
text-decoration: underline;
}
#contact #primary ,
#request #primary {margin: 0;}
#contact #primary .img01 ,
#request #primary .img01 {
text-align: center;
margin-bottom: 20px;
}
#contact #primary .img01 img ,
#request #primary .img01 img {
display: inline-block;
width: 255px;
}
#contact #secondary ,
#request #secondary {
background-color: transparent;
}
input[type=text], input[type=number], input[type=date], input[type=submit], input[type=button], select, textarea {
background: #fff;
border: 1px solid #b3b4b9;
border-radius: 4px;
padding: 10px;
vertical-align: middle;
outline: none;
max-width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
font-size: 16px;
}
input[type=number].text6 {margin-right: 2px;}
#contact-form-1 {
padding-left: 0;
padding-right: 0;
}
#contact-form-1 P + P {margin-top: 20px;}
#contact-form-1 .text {
width: 100%;
height: auto;
}
#contact-form-1 span.required {color: transparent;}
#contact-form-1 span.required::before {
content: '(必須)';
color: #e71280;
}
#contact-form-1 .submit {
padding-top: 40px;
position: relative;
}
#contact-form-1 .submit::before {
content: "";
display: block;
position: absolute;
top: 20px;
left: 50%;
transform: translate(-50%, -50%);
border-right: 10px solid transparent;
border-top: 16px solid #888888;
border-left: 10px solid transparent;
}
#contact-form-1 .submit .spsbmitbtn{
display: block;
margin: 20px auto 0;
border: 0;
border-radius: 0;
/* background: #dde019; */
background: #d7da17;
color: #fff;
padding: 15px 0;
width: 100%;
font-size: 106%;
font-weight: 700;
}
#thanks {
padding-top: 0;
padding-bottom: 0;
}
#thanks .style02 {margin-bottom: 50px;}
/* #################################################################################### */
/* message */
/* #################################################################################### */
#gssmsg + *{clear: both;}
#gssmsg .cnt-lft {
float: none;
width: auto;
margin: 25px 20px 0;
}
#gssmsg .txt_pink {color: #000;}
#gssmsg span {text-decoration: none;}
#gssmsg .cnt-rgt {
margin-top: 0;
width: 165px;
float: right;
padding: 0 0 10px 5px;
}
#gssmsg .cnt-rgt .cnt-txt {
margin: 0;
width: 165px;
float: right;
padding: 0 0 10px 15px;
}
#gssmsg .cnt-rgt .cnt-txt p {
margin: 0;
font-size: 71.4%;
text-align: center;
}
#gssmsg .gss-img {
margin: 30px 40px 0;
}
#gssmsg .gss-point {
width: auto;
height: auto;
margin: 50px 20px 0;
padding: 0.75em 0.5em 0.75em 1em;
border-radius: 0;
font-weight: normal;
text-align: left;
}
#gssmsg .cnt-sp100 {
float: none;
width: 100%;
padding: 0;
}
#gssmsg .cnt-sp100 a img {
width: 160px;
}
#gssmsg .msgcnt {margin-top: 0;}
#gssmsg .msgcnt .cnt-lft {
float: none;
margin-top: 20px;
}
#gssmsg .msgcnt .cnt-lft a {
color: #199fde;
text-decoration: underline;
}
/* #################################################################################### */
/* 名入れについて */
/* #################################################################################### */
#printing_page h1 {
text-align: center;
font-size: 120%;
font-weight: 700;
margin: 5px 0;
}
#printing_page .page_title {
width: auto;
height: auto;
margin: 0 0 30px;
background: none;
}
#printing_page .page_title h2 {
margin: 10px;
margin-top: 0 !important;
padding: 10px;
font-weight: normal;
text-align: left;
background: #fff;
border: 1px solid #b3b4b9;
}
#printing_page .page_title h2::after {
content: '';
clear: both;
display: block;
}
#printing_page h3 {
background: #444444;
color: #fff;
font-size: 14px;
font-weight: 700;
padding: 5px 20px;
margin-top: 30px;
}
#printing_page h4 {
font-size: 14px;
font-weight: 700;
border-bottom: 1px solid #D9D9D9;
padding: 0 0 0 20px;
margin-right: 0;
margin-left: 0;
margin-bottom: 20px;
}
#printing_page .page_title img {
float: right;
width: 133px;
}
#printing_page .margin1 ,
#printing_page .margin2 ,
#printing_page .margin3 {
margin: 20px;
}
#printing_page h3.margin2 {
margin: 20px 0;
}
#printing_page .indent {
padding-left: 1em;
text-indent: -1em;
}
#printing_page .sp_outline {
margin: 0 10px;
background: #fff;
padding-bottom: 10px;
}
#printing_page .margin1 .sp {
text-align: center;
}
#printing_page .sp_ai {
position: relative;
padding: 10px 10px 10px 40px;
}
#printing_page .sp_ai img {
left: 0;
top: 5px;
width: 30px;
position: absolute;
}
#printing_page .sp_lastmt li:last-child {padding-top: 1em;}
#printing_page .sp_textleft {
text-align: left;
text-indent: 0;
}
#printing_page .print_link {
display: block;
margin: 10px 0 auto;
padding: 10px 40px 10px 0;
position: relative;
text-align: right;
}
#printing_page .print_link::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 20px;
margin-top: -6px;
}
#printing_page .print_link span {display: none;}
#printing_page .sp_margin {
margin: 0 20px;
}
#printing_page .sp_margin + .margin3 {
margin: 10px;
}
#printing_page .prt_navi {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 10px;
}
#printing_page .prt_navi {margin-bottom: -20px;}
#printing_page .prt_navi li {width: 48%;}
#printing_page .meyasu-subtext {
font-size: 84%;
margin: 0 20px;
}
#printing_page .meyasu-subtext p {
padding-left: 1em;
text-indent: -1em;
margin: 0;
}
#printing_page .whitebox {
margin: 0 10px;
padding: 10px;
background: #fff;
}
#printing_page .prt_price {
overflow: hidden;
text-align: center;
font-size: 90%;
}
#printing_page .prt_price dt {
color: #fff;
float: left;
width: 45%;
padding: 5px;
margin-top: 20px;
}
#printing_page .prt_price dd {
background: #eeeded;
padding-left: 45%;
padding: 5px;
margin-top: 20px;
}
#printing_page .prt_price_han {
text-align: center;
font-size: 90%;
padding-top: 90px;
position: relative;
}
#printing_page .prt_price_han::before {
content: '+';
display: block;
color: #c4c4c4;
font-size: 300%;
font-weight: 700;
position: absolute;
top: 20px;
left: 0;
width: 100%;
text-align: center;
}
#printing_page .prt_price_han dt {
color: #fff;
background: #9c979d;
width: 50px;
margin: 0 auto;
padding: 5px;
}
#printing_page .prt_price_han dd {
padding: 5px;
margin-top: 10px;
background: #eeeded;
}
#printing_page .ul_star {
padding: 0 10px;
}
#printing_page .ul_star li::before {
content: '※';
}
#printing_page #meyasu-kakaku {
width: auto;
margin: 0;
height: auto;
padding: 20px;
}
#printing_page #meyasu-kakaku .kakaku-title {
display: block;
width: 100%;
background: #444444;
color: #fff;
font-weight: 700;
text-align: center;
padding: 5px 20px;
margin-bottom: 1em;
float: none;
}
#printing_page #meyasu-kakaku .kakaku-txt {
text-align: center;
}
#printing_page #meyasu-kakaku a {
display: block;
width: 100%;
text-align: center;
margin: 1em 0;
}
#printing_page #meyasu-kakaku img {
float: none;
width: 150px;
}
#printing_page #meyasu-kakaku div:nth-child(4) {
float: none;
width: auto;
}
#printing_page #meyasu-kakaku div:nth-child(5) {float: none;}
#printing_page #meyasu-kakaku .kakaku:first-of-type p {
margin-bottom: 1em;
}
#printing_page .spimg80 {margin: 0 10px;}
.grey_heading {
background: #bebdbd;
position: relative;
height: 85px;
}
.grey_heading h1 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 0 20px;
transform: translate(0, -50%);
color: #fff;
font-size: 120%;
text-align: center;
margin: 0 !important;
}
.grey_heading h1 .s {
display: block;
font-size: 77.7%;
font-weight: 400;
margin-top: 10px;
}
.sp_mark_list li {
padding-left: 1em;
text-indent: -1em;
}
.sp_mark_list li::before {content: '●';}
#printing_page .grey_heading {background-color: #fe7c6f;;}
#printing_page .sp_mark_list li::before {color: #fe7c6f;;}
#printing_page.kaitensilk .grey_heading {background-color: #f383a9;;}
#printing_page.kaitensilk .sp_mark_list li::before {color: #f383a9;;}
#printing_page.pad .grey_heading {background-color: #0b84af;}
#printing_page.pad .sp_mark_list li::before {color: #0b84af;}
#printing_page.inkjet .grey_heading {background-color: #147b4c;}
#printing_page.inkjet .sp_mark_list li::before {color: #147b4c;}
#printing_page.shokatensha .grey_heading {background-color: #dd51aa;}
#printing_page.shokatensha .sp_mark_list li::before {color: #dd51aa;}
#printing_page.netsutensha .grey_heading {background-color: #7e2ab3;}
#printing_page.netsutensha .sp_mark_list li::before {color: #7e2ab3;}
#printing_page.laser .grey_heading {background-color: #ff9104;}
#printing_page.laser .sp_mark_list li::before {color: #ff9104;}
#printing_page.hakuoshi .grey_heading {background-color: #d7ba54;}
#printing_page.hakuoshi .sp_mark_list li::before {color: #d7ba54;}
#printing_page.suoshi .grey_heading {background-color: #585856;}
#printing_page.suoshi .sp_mark_list li::before {color: #585856;}
#printing_page .txt_450 ,
#printing_page .txt_500 {
float: none;
width: 100%;
}
#printing_page .txt_450 img ,
#printing_page .txt_500 img {
margin: 20px 20px 0;
width: calc(100% - 40px);
}
#printing_page .txt_450 .margin1 ,
#printing_page .txt_500 .margin1 {
margin-right: 20px;
}
#printing_page .fr {
margin: 0;
float: none;
}
#printing_page .fr img {
display: block;
margin-left: 40px;
margin-right: 40px;
width: calc(100% - 80px);
height: auto;
}
#printing_page .img-cnt {padding: 0 40px;}
#printing_page .img-btm {
padding: 20px;
background: #ebebeb;
margin-top: 40px;
}
#printing_page p.img-btm img {margin: 0;}
#printing_page p.img-btm span {margin: 20px 0 0;}
#printing_page p.img-btm span + img {margin: 20px 0 0;}
#printing_page h3.sp_mt0 {margin-top: 0;}
#printing_page .prt_step div {
width: 100%;
padding: 0 20px;
margin: 30px 0 0;
text-align: center;
}
#printing_page .prt_step div p {text-align: left;}
#printing_page .prt_movie {
margin: 20px 40px 60px;
height: 0;
padding: 45% 0 30px;
overflow: hidden;
position: relative;
}
#printing_page .prt_movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 30px);
}
#printing_page .prt_movie {}
#printing_page .prt_movie p {margin: 10px 0 0;}
#printing_page .prt_daihyo {
margin-left: 10px;
margin-right: 10px;
}
#printing_page .prt_daihyo li {
width: 49%;
padding-bottom: 5vw;
}
#printing_page .prt_daihyo li img {
width: 100%;
height: auto;
}
#printing_page .prt_sample {align-items: flex-start;}
#printing_page .prt_sample img {
display: inline-block;
width: 50%;
height: auto;
margin: 0;
}
#printing_page .prt_navi img {height: auto;}
#printing_page .txt_500 img.spimg80 ,
#printing_page .txt_450 img.spimg80 {
display: block;
margin-left: 40px;
margin-right: 40px;
width: calc(100% - 80px);
height: auto;
}
.sp_color_ng {
margin-left: 20px;
margin-right: 20px;
text-align: center;
}
/* #################################################################################### */
/* ポリ袋・ポリバッグ */
/* #################################################################################### */
#bag .bag_desc{margin-bottom: 20px;}
#bag h2 {
font-size: 106%;
text-align: left;
margin-top: 0;
}
#bag h3 {
margin-top: 50px;
margin-bottom: 30px;
font-size: 106%;
font-weight: 700;
border-bottom: 1px solid #007eff;
padding: 0 0 0 20px;
background: none;
}
#bag .sp_margin {
margin-left: 20px;
margin-right: 20px;
padding: 0;
}
.bag_contents {
margin-top: 0;
padding: 20px 0 0;
}
.bag_table.ml29 {
margin: 0 20px;
}
#bag .ml29 {margin: 0 20px;}
.spfll {float: left;}
.spclearfix::after {
content: " ";
display: block;
clear: both;
}
.bag_table_row {display: block;}
.bag_table_data {display: block;}
#bag .spbagimg01 {
width: 171px;
height: auto;
display: block;
margin: 0 auto 20px;
}
#bag .bag_table_data.pdl40 {
padding-left: 0 !important;
padding-bottom: 30px;
}
#bag #table1 th, #bag #table1 td {padding: 6px 0 5px;}
#bag #table3 ,
#bag #table3 tbody ,
#bag #table3 tr ,
#bag #table3 td {
display: block;
}
#bag #table3 {margin: 14px 0;}
#bag #table3 tr {position: relative;}
#bag #table3 tr::after {
content: " ";
display: block;
clear: both;
}
#bag #table3 td:first-child {
width: 55%;
}
#bag #table3 td img {width: 100%; height: auto;}
#bag #table3 td span {
position: absolute;
top: 10px;
left: 55%;
}
#bag .spbagimg02 {
width: 231px;
height: auto;
display: block;
margin: 20px auto;
}
#bag #table4 {margin: 0 20px;}
#bag #table4 th, #bag #table4 td {padding: 6px 0 5px;}
#bag .spbagimg03 {
width: 190px;
height: auto;
display: block;
margin: 20px auto;
}
#bag #table5 th, #bag #table5 td {padding: 6px 0 5px;}
#bag .bag_table_data.pdl30 {
margin: 0 20px;
padding-left: 0 !important;
}
#bag .spbagimg04 {
width: 233px;
height: auto;
display: block;
margin: 20px auto;
}
#bag #table6 {width: calc(100% - 40px); margin: 0 20px;}
#bag #table6 th, #bag #table6 td {padding: 6px 0 5px;}
.pink_btn {
display: block;
line-height: 50px;
background: #e71280;
color: #fff;
font-size: 106%;
font-weight: 700;
text-align: center;
}
.pink_btn:hover {text-decoration: none;}
#bag .spbagtext01 {
padding: 0 20px;
}
/* #################################################################################### */
/* 5つのサービス */
/* #################################################################################### */
#gss {}
#gss h2 {
background: #ffd900;
font-weight: 700;
padding: 5px 20px;
font-size: 106%;
text-align: left;
color: #000;
}
.gss_content {
padding: 20px;
}
#gss .jirei {
background: #eeeded;
padding: 20px;
margin-left: -20px;
margin-right: -20px;
}
#gss .jirei_heading {
background: #bebdbd;
font-size: 106%;
font-weight: 700;
text-align: center;
}
#gss .jirei .flow {
display: flex;
align-items: center;
padding: 20px 0;
}
#gss .jirei .flow .txt {
/* text-align: center; */
padding-left: 20px;
width: 50%;
}
#gss .jirei .flow .image {
text-align: center;
width: 50%;
}
#gss .jirei .left {text-align: left;}
#gss2 .first_area {
width: 100%;
float: none;
}
#gss #gss_option li {
font-size: 100%;
background-size: 11px;
background-position: top 13px left;
}
#gss #gss_opt_txt {font-size: 100%;}
#gss .gss_opt {overflow: visible;}
#gss .gss_opt div {
float: none;
width: 100%;
}
#gss .gss_opt .w70 {
text-align: center;
}
#gss .gss_opt img {
float: none;
width: 255px;
margin-top: 10px;
}
#gss .gss_float_area {overflow: visible;}
#gss .gss_opt .bgwhite {
margin-left: -20px;
margin-right: -20px;
width: 100vw;
padding: 20px;
background: #fff;
}
#gss .gss_opt .jirei {
width: 100vw;
}
#gss .gss_opt .gss_opt_tit {
margin-top: 60px;
margin-left: -20px;
margin-right: -20px;
width: 100vw;
font-size: 106%;
font-weight: 700;
border-bottom: 1px solid #D9D9D9;
padding: 0 0 0 20px;
}
#gss .gss_opt .gss_opt_tit span {
font-size: 84%;
font-weight: 400;
}
#gss div.gss_opt_note {margin: 20px 0;}
#gss .gss_opt_note p {
font-size: 86%;
padding-left: 1em;
text-indent: -1em;
}
#gss3 .first_area, #gss4 .first_area, #gss5 .first_area {
float: none;
width: 100%;
}
#gss .sp_text_left {
font-size: 100%;
text-align: left;
}
.btn_gss_contact_area {width: 100%;}
.btn_gss_contact_area a, .btn_oc_contact_area a, .btn_oc_contact_area2 a {
width: 100% !important;
}
#gss a, #g-detail a {
text-decoration: none;
}
/* #################################################################################### */
/* ご注文の流れ process */
/* #################################################################################### */
#process {
margin-top: 20px;
padding: 0 20px;
}
#process span.strong {color: #000;}
#process span.strong.pink {color: #e71280;}
#process h2 {
margin-left: -20px;
margin-right: -20px;
width: 100vw;
text-align: center;
background: #eeeded;
border: 1px solid #bebdbd;
border-width: 1px 0 1px 0;
padding: 5px 0;
color: #000;
font-size: 100%;
}
#process .ul_star a {
color: #199fde;
text-decoration: underline;
}
#process #prc-navi {
margin-top: 30px;
margin-bottom: 40px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#process #prc-navi li {
width: 48%;
margin: 0;
height: calc(65vw / 7.5);
display: block;
text-align: center;
}
#process #prc-navi li a {
/* padding: 0;
font-size: 100%;
font-weight: 700;
background: #eeeded;
line-height: 1;
border: 1px solid #bebdbd;
font-size: 93.3%;
padding: 18px 0;
height: auto; */
height: 100%;
padding: calc(10vw / 7.5) 0 0 calc(70vw / 7.5);
font-size: 3.5vw;
}
#process #prc-navi li a:hover {text-decoration: none;}
#process #prc-navi li:nth-child(1) {
/* background: none; */
background-size: contain;
order: 1;
}
/* #process #prc-navi li:nth-child(1) a {color: #e71280;} */
#process #prc-navi li:nth-child(2) {
/* background: none; */
background-size: contain;
order: 2;
}
#process .process-wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#process .process-wrap-item {width: 100%;}
#process .process-wrap-item:nth-child(1) {order: 1;}
#process .process-wrap-item:nth-child(2) {order: 2;}
#process #prc-noprint {margin: 0 -20px;}
#process .icon_header {
text-align: center;
font-weight: 700;
font-size: 106%;
margin: 20px 0;
}
#process .icon_header img {
width: 60px;
display: inline-block;
vertical-align: middle;
}
#process .process {
list-style: none;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 15px;
}
#process .process li {
width: 50%;
padding: 0 5px;
margin-top: 10px;
}
#process .process li a {
display: block;
text-align: center;
background: #eeeded;
line-height: 18px;
border: 1px solid #bebdbd;
font-size: 93.3%;
padding: 14px 0;
}
#process .process_heading {
text-align: center;
background: #eeeded;
border: 1px solid #bebdbd;
border-width: 1px 0 1px 0;
padding: 5px 0;
}
#process .arrow_down {
height: 60px;
position: relative;
}
#process .arrow_down::before {
content: "";
display: block;
position: absolute;
top: 40px;
left: 50%;
transform: translate(-50%, -50%);
border-right: 10px solid transparent;
border-top: 16px solid #888;
border-left: 10px solid transparent;
}
#process .bgwhite {
padding: 20px;
background: #fff;
}
#process .prc-box1 p:nth-child(1), #process .prc-box2 p:nth-child(1), #process .prc-box3 p:nth-child(1), #process .prc-box4 p:nth-child(1), #process .prc-box5 p:nth-child(1), #process .prc-box6 p:nth-child(1), #process .prc-box7 p:nth-child(1), #process .prc-box8 p:nth-child(1) {
/* height: 42px; */
height: auto;
padding: 14px 0 10px 50px;
font-size: 110%;
font-weight: bold;
margin: 30px 0 0 10px;
}
#process #prc-noprint {margin-top: 60px;}
#process #prc-notice {
margin: 50px -10px 0;
padding: 20px;
}
#process #prc-notice p {
padding-left: 1em;
text-indent: -1em;
}
#process #prc-notice .prc-notice-title {font-weight: bold;}
/* #################################################################################### */
/* 検討リスト wishlist */
/* #################################################################################### */
#wishlist .grey_heading {
background-color: #199edf;
}
#wishlist #order-area {
padding: 0 20px;
}
#e-step1 ,
#e-step2 {
padding: 20px 20px;
}
.incart {
border-bottom: 1px solid #b3b4b9;
background: #fff;
margin-top: 30px;
margin-left: -20px;
margin-right: -20px;
}
.incart .item {
border-top: 1px solid #b3b4b9;
padding: 20px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.item span, .item img {
display: block;
}
.item span > span {display: inline;}
.incart .item .img {
width: 43%;
}
.incart .item .data {
width: 52%;
}
.incart .item .data .title {
margin-top: 0;
font-size: 100%;
font-weight: 700;
}
.del {
float: right;
font-size: 70%;
background: #888;
color: #fff;
padding: 2px 10px;
}
#signup-form2 ,
#signup-form2 tr ,
#signup-form2 th ,
#signup-form2 td {
background-color: transparent;
display: block;
border: none;
padding: 0;
width: 100%;
}
#signup #signup-form th, #signup #signup-form2 th {width: 100%;}
#signup #signup-form td, #signup #signup-form2 td {
width: 100% !important;
margin-bottom: 20px;
}
#signup .text, #signup .text2, #signup .text3, #signup .text4, #signup .text5 {
height: auto;
width: 100%;
padding: 10px;
margin: 0;
}
#signup .send_mail_esti_items {padding: 0;}
#e-step1 .style02 {margin-bottom: 20px;}
#e-step1 #signup-form2 {
border: none;
margin-bottom: 0;
}
.arrow_down {
height: 60px;
position: relative;
}
.arrow_down::before {
content: "";
display: block;
position: absolute;
top: 40px;
left: 50%;
transform: translate(-50%, -50%);
border-right: 10px solid transparent;
border-top: 16px solid #888;
border-left: 10px solid transparent;
}
.blue_btn {
display: block;
line-height: 50px;
background: #199edf;
color: #fff;
font-size: 106%;
font-weight: 700;
text-align: center;
}
#submit_b a {
display: block;
margin: 20px auto 0;
border: 0;
border-radius: 0;
/* background: #dde019; */
background: #d7da17;
color: #fff;
padding: 15px 0;
width: 100%;
font-size: 106%;
font-weight: 700;
text-align: center;
}
#submit_b .first a {
background: #e2e2e2;
color: #888;
}
#submit_b .first a img{display: none !important;}
#submit_b .second a {
/* background: #dde019; */
background: #d7da17;
color: #fff;
}
#contents-1 #submit_b, #mypage #submit_b {
padding: 0;
}
#contents-1 #submit_b .first, #mypage #submit_b .first {
margin: 0;
}
#contents-1 #submit_b li, #mypage #submit_b li ,
#contents-1 #submit_b li a, #mypage #submit_b li a {
width: 100% !important;
height: auto !important;
}
#desc_wish_area {width: 100%;}
#e-step2 h2.sp_title {
background: #888888;
color: #fff;
font-weight: 700;
font-size: 100%;
padding: 5px 20px;
text-align: center;
}
#e-step2 .estimateForm {
margin-left: -20px;
margin-right: -20px;
}
/* #################################################################################### */
/* グッズストアドットネットについて aboutus */
/* #################################################################################### */
#contents-1 #aboutus {padding: 0;}
#contents-1 #aboutus #top-txt {padding: 0 20px;}
#contents-1 #aboutus #top-txt #top-logo {margin: 20px 60px;}
#contents-1 #aboutus #top-txt #top-tit {
font-size: 100%;
margin: 40px 0 0;
}
#contents-1 #aboutus h3 {
text-align: center;
border-bottom: 1px solid #D9D9D9;
}
#contents-1 #aboutus #goods > p ,
#contents-1 #aboutus #goods > div {
padding-left: 20px;
padding-right: 20px;
}
#contents-1 #aboutus #goods .goods-item{
padding-left: 40px;
padding-right: 40px;
}
#aboutus #goods .goods-dtl img {
display: block;
margin: 20px auto;
}
/* #################################################################################### */
/* 特定商取引法に基づく表記 nscta */
/* #################################################################################### */
#nscta {
width: 100%;
margin: 10px 0 0;
}
#nscta ,#nscta tr ,#nscta th ,#nscta td {
display: block;
border: none;
}
#nscta th {
font-size: 106%;
font-weight: 700;
border-bottom: 1px solid #D9D9D9;
padding: 30px 20px 0;
text-align: left;
}
#nscta td {
padding: 20px 20px 0;
}
/* #################################################################################### */
/* プライバシーポリシー pp */
/* #################################################################################### */
#pp {margin: -20px 20px 0;}
#pp p {margin: 0 0 20px;}
#pp p.pp-title {margin: 50px 0 20px;}
#pp p.spmt {margin-top: 40px;}
/* #################################################################################### */
/* お支払方法/配達・送料 pd */
/* #################################################################################### */
.pd-inner {
padding: 20px;
background-color: #fff;;
}
#payment {padding: 0;}
.pay-title {
text-align: center;
font-weight: 700;
font-size: 106%;
margin: 20px 0;
}
.pay-title img {
width: 60px;
display: inline-block;
vertical-align: middle;
}
.pay-title-sub {font-weight: bold;}
#payment .style02, #delivery .style02 {padding: 0;}
#delivery {padding: 0;}
#delivery .style05 {margin: 0;}
#delivery .style06 {padding: 0;}
/* #################################################################################### */
/* ノベルティ用語集・素材について glossary-material */
/* #################################################################################### */
#glossary {padding: 0 20px;}
#glossary .glossary-lead {padding: 20px 0 10px;}
#glossary .glos-mate-menu {
list-style: none;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#glossary .glos-mate-menu li {
width: 49%;
float: none;
border: none;
margin: 10px 0 0;
padding: 0;
}
#glossary .glos-mate-menu li a ,
#glossary .glos-mate-menu li span {
display: block;
text-align: center;
background: #199edf;
color: #fff;
line-height: 18px;
border: 1px solid #199edf;
font-size: 93.3%;
padding: 14px 0;
}
#glossary .glos-mate-menu li span {
color: #199edf;
background: #fff;
font-weight: normal;
}
#glossary .glos-table {
margin: 40px 0 0;
padding: 0;
}
#glossary dt {
font-size: 106%;
font-weight: 700;
border-bottom: 1px solid #D9D9D9;
padding: 0 0 0 20px;
margin: 0 -20px;
}
#glossary dd {
margin: 30px 0;
}
/* #################################################################################### */
/* ご注文申込み cart */
/* #################################################################################### */
#contents-1 .nagare {
padding: 20px;
}
.cart_formSP input[type=number] {width: 80px;}
#order-area {
padding: 0 20px;
margin: 0;
}
#order-area .large {margin-bottom: 20px;}
#order-area table.style01 {
display: block;
width: 100%;
margin-bottom: 20px;
}
#order-area table.style01 tr {
width: calc(100vw - 40px);
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#order-area table.style01 th ,
#order-area table.style01 td {width: 50%;}
#order-area table.style01 th {text-align: left;}
#order-area table.style01 td {text-align: right;}
#order-area table.style01 a {
display: inline-block !important;
width: auto !important;
height: auto !important;
}
#order-area table.style01 span {
font-size: 70%;
background: #888;
color: #fff;
padding: 2px 10px;
display: inline-block;
}
#order-area .style02 {
margin: 0 0 40px;
text-align: left;
}
#order-area .style02 span {
display: block;
text-align: center;
}
#step1 .incart ,
#order-area .incart {
background-color: #fff;
}
#step1 .incart .lr ,
#order-area .incart .lr {
text-align: right;
}
#step1 .incart .pink {font-size: 100%;}
#order-area .recalc {
float: right;
line-height: 35px;
background: #E5007E;
color: #fff;
padding: 0 10px;
vertical-align: middle;
}
#order-area .shokei {
background: #e2e2e2;
font-weight: 700;
text-align: right;
padding: 10px 20px;
line-height: 2;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#order-area .shokei-item1 {width: 68%;}
#order-area .shokei-item2 {width: 32%;}
#total-payment {
border: none;
background-color: transparent;
margin: 0;
}
#total-payment .area-1 {
float: none;
width: 100%;
border: none;
padding: 0;
}
#total-payment .area-1 table ,
#total-payment .area-1 table tr ,
#total-payment .area-1 table th ,
#total-payment .area-1 table td {
display: block;
padding: 0;
}
#total-payment .area-1 table td a {
display: block;
text-align: center;
margin: 20px auto 0;
padding: 20px;
}
#total-payment .area-1 table td.recal a {
line-height: 35px;
min-height: 35px;
background: #E5007E;
color: #fff;
margin: 30px auto;
padding: 0 10px;
vertical-align: middle;
white-space: nowrap;
}
#total-payment .area-1 p {padding: 0;}
#total-payment .area-2 {
float: none;
border: 1px solid #b3b4b9;
}
#total-payment .area-2 p {
width: 100%;
}
#step1, #step2 {padding: 0 20px;}
#step1 .style01 ,
#step2 .style01 ,
#step2 .style02 {
padding: 0 20px;
}
#step1 > span {
display: block;
padding: 0 20px 10px;
}
table#cart.sp-wide {width: 100vw;}
table#cart tfoot ,
table#cart tfoot tr,
table#cart tfoot th,
table#cart tfoot td {
display: block;
border: none;
background: #e2e2e2;
font-weight: 700;
text-align: right;
}
table#cart tfoot {padding: 0.5em 0;}
table#cart tfoot tr {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
table#cart tfoot th {width: 68%; padding: 0.25em 0;}
table#cart tfoot td {width: 32%; padding-right: 20px;}
table#cart tfoot td:last-child {display: none;}
#step1 .pink.notice {
font-size: 100%;
padding: 20px;
margin-bottom: 10px;
}
#step1 .style01 {margin: 5px -20px;}
/* #################################################################################### */
/* カテゴリ一覧 category 、 検索結果 search */
/* #################################################################################### */
#main-contents h1#cat_name, #main-contents h1#sc_title, #main-contents h1#detail_page_item_name, #gss h2, #printing_page h3, #process h2 {
font-size: 100%;
font-weight: 700;
padding: 5px 20px;
text-align: center;
}
.cat_search_box {
overflow: hidden;
max-height: 0;
opacity: 1;
transition: .5s;
}
.cat_search_box.open {
max-height: 80vh;
opacity: 1;
overflow: auto;
}
.cat_search_box form {
display: block;
padding: 20px 20px 0;
line-height: 37px;
}
.cat_search_box .price {
display: block;
}
.cat_search_box input[type=text] {
border: 1px solid #ffd900;
border-radius: 4px;
padding: 10px;
box-sizing: border-box;
}
.cat_search_box .cat {
position: relative;
display: block;
margin: 15px 0;
padding-left: 6em;
}
.cat_search_box .cat label {
position: absolute;
left: 0;
top: 0;
}
.cat_search_box .cat::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 10px;
transform: translate(-50%, -50%);
border-right: 6px solid transparent;
border-top: 8px solid #bebdbd;
border-left: 6px solid transparent;
pointer-events: none;
}
.cat_search_box select {
border: 1px solid #ffd900;
width: 100%;
padding: 10px;
}
.cat_search_box .free {
display: block;
margin-bottom: 10px;
}
.cat_search_box .free input {
width: 100%;
}
.cat_search_box input[type=submit] {
display: block;
margin: 20px auto 0;
border: 0;
border-radius: 0;
background: #E5007E;
color: #fff;
padding: 5px 10px;
}
.cat_search_box_switch {
text-align: center;
position: relative;
padding-bottom: 40px;
margin: 20px 10px 0;
border-bottom: 1px solid #D9D9D9;
}
.cat_search_box_switch::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(135deg);
position: absolute;
bottom: 24px;
left: 50%;
margin: -4px 0 0 -4px;
transition: .5s;
}
.cat_search_box_switch.open::after {transform: rotate(-45deg);}
.usr_action_area {
margin: 20px 10px;
}
.usr_action_area {text-align: right;}
.sort_form_area, .page-navi {float: none;}
.sort_form_area {
position: relative;
display: inline-block;
}
.sort_form_area select {
height: auto;
padding: 5px 22px 5px 5px;
border-color: #D9D9D9;
background: #fff;
border: 1px solid #b3b4b9;
border-radius: 4px;
padding: 5px 20px 5px 10px;
vertical-align: middle;
outline: none;
max-width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
font-size: 16px;
}
.sort_form_area::after {
content: "";
display: block;
position: absolute;
top: 44%;
right: 7px;
transform: translate(-50%, -50%) rotate(45deg);
border-right: 2px solid #000;
border-bottom: 2px solid #000;
width: 5px;
height: 5px;
pointer-events: none;
}
.page-navi {
float: none;
margin: 20px auto;
}
#serach_page #contents-1 ,
#cat_page #contents-1 {
margin: 0 10px;
}
#serach_page #contents-1 > ul ,
#cat_page #contents-1 > ul {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
#serach_page #contents-1 > ul li ,
#cat_page #contents-1 > ul li {
width: 49%;
margin-bottom: 5vw;
}
#serach_page #contents-1 > ul li img ,
#cat_page #contents-1 > ul li img {
height: auto;
width: 100%;
}
#serach_page #contents-1 > ul > br ,
#cat_page #contents-1 > ul > br {
display: none;
}
.cat-error {
text-align: center;
padding-top: 60px;
}
/* #################################################################################### */
/* 商品詳細 detail */
/* #################################################################################### */
#item_details {
margin-top: 0;
}
#d-area01 {
float: none;
width: 100%;
margin: 0;
}
#sub-images_sp ul#sp_detail_slider, #print-sub-images ul#sp_detail_slider {margin: 0;}
#sub-images_sp ul#sp_detail_slider > li:not(:first-of-type) {display: none;}
#sub-images_sp ul#sp_detail_slider.slick-initialized > li:not(:first-of-type) {display: block;}
.sp_detail_slider li img {
display: block;
width: 100vw;
height: auto;
max-width: 100vw;
border: 6px solid #ebebeb;
border-width: 6px 0 6px 0;
}
#item_detail_page #sp_detail_slider2 #print-image {display: none;}
#item_detail_page #sp_detail_slider2 li.last {margin: 8px 21.4px 8px 0px;}
#print-sub-images ul {margin-top: 0;}
#print-sub-images img {
border: 6px solid #ebebeb;
border-width: 6px 0 6px 0;
}
#print-sub-images .slick-dots li {
float: none;
width: auto;
margin: 8px 10px 0;
}
.detal_head_sp {
text-align: left;
padding: 0 20px;
}
.detal_head_sp-title {
display: inline-block;
width: 140px;
}
.detal_head_sp-name {
font-size: 116%;
font-weight: 700;
}
.detal_head_sp-itemprice {
font-size: 120%;
font-weight: bold;
}
.detal_head_sp-tax_message {
display: block;
padding-left: 140px;
}
.detal_head_sp-tax_message br {display: none;}
#item_details .click_action_area_in{
width: calc(100% - 40px);
}
#item_details #btn_oder a,
#item_details #btn_estimate a {
width: 100%;
display: block;
color: #fff;
font-size: 106%;
font-weight: 700;
text-align: center;
padding: 0;
line-height: 50px;
height: 50px;
}
#item_details #btn_oder {
margin: 30px 0 20px;
}
#item_details #btn_oder a {
border-bottom: none;
box-shadow: none;
text-shadow: none;
}
#item_details #btn_oder a:hover {
margin-top: 0;
border-bottom: none;
box-shadow: none;
}
#item_details #btn_estimate a {
border-bottom: none;
box-shadow: none;
}
#item_details #btn_estimate a:hover {
margin-top: 0;
border-bottom: none;
box-shadow: none;
}
#item_details #btn_oder a {
/* background-color: #dde019; */
background-color: #d7da17;
}
#item_details #btn_estimate a {
background-color: #e5007e;
}
#item_details #btn_oder a::after {
content: "(名入れなし・即日発送)";
font-size: 106%;
margin-left: 3px;
}
#g-text {
font-size: 100%;
text-align: left;
padding: 0 20px;
background-color: transparent;
}
table.detail_contents_sp ,
table.detail_contents_sp tbody ,
table.detail_contents_sp tr ,
table.detail_contents_sp th ,
table.detail_contents_sp td{display: block;}
table.detail_contents_sp {margin-top: 10px;}
table.detail_contents_sp th {
margin-top: 30px;
font-size: 106%;
font-weight: 700;
border-bottom: 1px solid #D9D9D9;
padding: 0 20px;
margin-bottom: 15px;
}
table.detail_contents_sp td {padding: 0 20px;}
table.detail_contents_sp td table {width: 100%;}
table.detail_contents_sp td td {padding: 0;}
table.detail_contents_sp td .campaign {
width: 100%;
text-align: center;
}
table.detail_contents_sp td .campaign .bold {
font-weight: normal;
font-size: 100%;
}
table.detail_contents_sp td.right {text-align: center;}
table.detail_contents_sp td.right a {
height: auto;
}
table.detail_contents_sp td.right a img {display: none !important;}
table.detail_contents_sp a {
color: #007ebe;
text-decoration: underline;
}
#item_details .nameButton {text-align: center;}
#item_details .nameButton a {
display: block;
width: 250px;
margin-left: auto;
margin-right: auto;
line-height: 40px;
background: #ffd900;
font-size: 106%;
font-weight: 700;
text-align: center;
position: relative;
margin-top: 20px;
margin-bottom: 20px;
color: #000;
text-decoration: none;
}
#item_details .nameButton a::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(45deg);
position: absolute;
top: 20px;
right: 15px;
margin: -6px 0 0 0;
transition: .5s;
}
#item_details a.mix-btn {
display: block;
width: 250px;
margin-left: auto;
margin-right: auto;
line-height: 40px;
background: #e2e2e2;
/* color: #888; */
color: #000;
font-size: 106%;
font-weight: 700;
text-align: center;
position: relative;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
}
#item_details a.mix-btn::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(45deg);
position: absolute;
top: 20px;
right: 15px;
margin: -6px 0 0 0;
transition: .5s;
}
#item_details #print-image {
width: 100%;
margin-top: 40px;
padding: 0;
}
#item_details #print-image > p {text-align: center;}
#item_details #print-image > p > img {
width: 70vw;
height: auto;
}
#item_details #print-sub-images {}
.sp_detail_slider2_wrap {
margin: 20px 0 0;
}
.slide-counter2-wrapper {
/* display: none; */
text-align: center;
}
.slide-counter2-wrapper.show {display: block;}
#d-area02 {width: 100%;}
#item_details .btn_wish_area {
margin-top: 0;
text-align: center;
}
#item_details .btn_wish_area div:first-child {display: none;}
#item_details .btn_wish_area .btn_wish a img {display: none;}
#item_details .btn_wish_area .btn_wish a {
display: block;
width: 220px;
margin-left: auto;
margin-right: auto;
line-height: 50px;
background: #199ede url(../images/sp/icon_wish.jpg) 12px 0 no-repeat;
background-size: 32px;
color: #fff;
font-size: 106%;
font-weight: 700;
text-align: center;
padding-left: 44px;
}
#item_details .btn_wish_area .btn_wish a::after {content: '検討リストに入れる';}
.variation_b {
margin: 30px 0 0;
text-align: center;
}
.variation_b a.spinlineblock {
display: inline-block;
padding: 10px 40px 10px 0;
width: auto !important;
height: auto !important;
margin: 0px auto 0px;
position: relative;
}
.variation_b a::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 20px;
margin-top: -6px;
}
.first_cat_b {
text-align: center;
margin-top: 30px;
}
.first_cat_b img {
#width: 200px;
height: auto;
}
#item_details .item_category {margin-top: 50px;}
#item_details .item_category_title ,
#item_detail_page .item_pickup_title {
font-weight: 700;
border-bottom: 1px solid #D9D9D9;
padding: 0 0 0 20px;
}
#item_detail_page .item_pickup_title {
font-size: 100%;
/* margin: 0 -10px; */
text-align: left;
display: block;
}
#item_detail_page .item_pickup_title span {
font-size: 86%;
font-weight: normal;
}
#item_detail_page #contents-1 .item-image {
width: 100%;
height: auto;
}
#item_details .item_category_inner {
margin-top: 20px;
padding: 0 20px;
}
#item_details .item_category_inner a {
font-size: 100%;
color: #199fde;
text-decoration: underline;
}
#item_detail_page #contents-1 ul br {display: none;}
.item_process h2 {font-size: 100%;}
.item_process h2 span.item_pickup_title ,
.item_process h2.item_process_title {
display: block;
font-size: 106%;
font-weight: 700;
border-bottom: 1px solid #D9D9D9;
padding: 0 0 0 20px;
text-align: left;
}
.item_process h2 span.item_pickup_title span{
font-size: 84%;
font-weight: 400;
}
.item_process .item_process_flow {
padding: 0 20px;
text-align: center;
color: #b3b3bb;
}
.item_process .item_process_flow img {
display: inline-block;
width: 100%;
height: auto;
max-width: 350px;
margin: 5px 0;
}
.item_process .item_process_note {padding: 0 20px;}
#item_detail_page #contents-1 ul {
margin-top: 10px;
padding: 0 10px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
#item_detail_page #contents-1 ul li {
width: 49%;
margin-top: 15px;
}
#detail_error {
margin: 100px 0;
text-align: center;
}
/* #################################################################################### */
/* 取混商品について 商品詳細ページ内ドロワーメニュー */
/* #################################################################################### */
.mix-page {
background: #f8f8f8;
position: fixed;
top: 0;
right: 0;
width: 100%;
transform: translate(100%, 0);
z-index: 3002;
transition: .5s;
overflow: auto;
min-height: 100vh;
}
.mix-page.show {
transform: translate(0, 0);
}
.mix-page #mix-wh {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 1px;
}
.mix-page .mix_x {
display: block;
background: #fff;
border-bottom: 1px solid #D9D9D9;
height: 57px;
position: relative;
}
.mix-page .mix_x::before, .mix_x::after {
content: '';
display: block;
width: 22px;
height: 3px;
background: #bebdbd;
position: absolute;
top: 26px;
right: 13px;
}
.mix-page .mix_x::before {transform: rotate(45deg);}
.mix_x::after {transform: rotate(135deg);}
.mix-page .path {
background: #fff;
padding: 8px 20px;
font-size: 84%;
white-space: nowrap;
overflow-x: auto;
}
.mix-page .page {
padding-bottom: 50px;
}
.mix-page .heading_bdr_left {
font-size: 106%;
font-weight: 700;
border-bottom: 1px solid #D9D9D9;
padding: 0 0 0 20px;
}
.mix-page .w90 {
margin-left: 20px;
margin-right: 20px;
}
.mix-page .mix_flex {
display: flex;
justify-content: space-between;
font-size: 86%;
}
.mix-page .mix_flex div {
width: 47.5%;
}
.mix-page img {
display: block;
width: 100%;
margin: auto;
}
/* #################################################################################### */
/* オリジナルエコバッグ・トートバッグ */
/* #################################################################################### */
#originalbag #orgbag {margin-bottom: 60px;}
#originalbag #orgbag #btn_area {height: auto;}
#originalbag h2.graybar {
background: #444444;
color: #fff;
font-weight: 700;
padding: 5px 20px;
margin-top: 40px;
font-size: 100%;
}
#originalbag #orgbag #btn_area {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
padding: 0 10px;
}
#originalbag #orgbag #btn_area p {
float: none;
width: 48.5%;
margin: 10px 0 0;
}
#originalbag #orgbag #btn_area p.last {margin-top: 10px;}
#originalbag #orgbag #btn_area p a img {
width: 100%;
height: auto;
}
#originalbag #orgbag #orgbag_sample {
margin-top: 40px;
padding: 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#originalbag #orgbag #orgbag_sample dl {
width: 100%;
}
#originalbag #orgbag #orgbag_sample dt, #orgbag #orgbag_sample dd {
font-size: 100%;
padding: 0 10px 0 45px;
margin-inline-start: 0px;
}
#originalbag #orgbag #orgbag_sample dt:before, #orgbag #orgbag_sample dd:before {
color: #fff;
background: #2d9cc6;
width: 30px;
line-height: 30px;
height: 30px;
font-weight: 700;
text-align: center;
border-radius: 50%;
font-size: 100%;
}
#originalbag #orgbag #orgbag_sample dd:before {background: #f47d7b;}
#originalbag #orgbag #orgbag_sample #lft-cnt {
float: none;
order: 2;
margin-left: auto;
margin-right: auto;
}
#originalbag #orgbag #orgbag_sample #lft-cnt img {
width: 325px;
height: auto;
display: block;
margin: 0 auto;
}
#originalbag #orgbag #orgbag_sample #lft-cnt img + img {margin-top: 15px;}
#originalbag #orgbag #orgbag_sample #lft-cnt span {font-weight: 700;}
#originalbag #orgbag #orgbag_sample #rgt-cnt {
margin: 0 auto;
order: 1;
padding: 0 10px 0 45px;
}
#originalbag #orgbag #orgbag_sample #lft-cnt .sp_flex {
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
padding: 0 20px 0 30px;
}
#originalbag #orgbag #orgbag_sample #lft-cnt .pricebox {
background: #fff;
border: 1px solid #b3b4b9;
margin: 20px;
padding: 20px 0 20px 10px;
}
#originalbag #orgbag #orgbag_sample #lft-cnt .pricebox p:last-child {font-weight: 700;}
#originalbag #orgbag #orgbag_sample #lft-cnt .pricebox .sp_flex {padding: 0;}
#originalbag #orgbag #orgbag_sample #lft-cnt .sp_small {
padding: 0 0 0 1em;
text-indent: -1em;
margin: 0 20px;
}
#originalbag #orgbag #orgbag_sample #btm-cnt {
order: 3;
}
#originalbag #orgbag #orgbag_sample #orgbag-msg {
order: 4;
}
#originalbag #orgbag #orgbag_sample #rgt-cnt p.item-name {
margin-top: 20px;
font-size: 100%;
font-weight: 700;
}
#originalbag #orgbag #orgbag_sample #rgt-cnt p.item-name a {
color: #007ebe;
text-decoration: underline;
}
#originalbag #orgbag #orgbag_sample #rgt-cnt p.product-code { font-weight: 700; }
#originalbag #orgbag #orgbag_sample #rgt-cnt p:nth-child(5) {margin-top: 0;}
#originalbag #orgbag #orgbag_sample #rgt-cnt p:nth-child(5) span {font-weight: 700;}
#originalbag #orgbag #orgbag_sample #rgt-cnt p:nth-child(5) > span {
display: inline-block;
vertical-align: top;
}
#originalbag #orgbag #orgbag_sample #rgt-cnt p:nth-child(5) span.txt_l {font-size: 100%;}
#originalbag .litegrey_heading {
background: #dbdbdb;
padding: 5px 20px;
line-height: 1;
font-size: 108%;
margin-top: 40px;
text-align: center;
margin-bottom: 20px;
}
#originalbag #orgbag_sample #rgt-cnt p:not(:first-child) {
padding: 0 40px;
}
#originalbag #orgbag #orgbag_sample #lft-cnt p.sp_margin {margin: 20px 10px 0;}
#originalbag #orgbag #orgbag_sample #btm-cnt {
margin-top: 20px;
padding: 0 10px;
background-position: calc(50% + 80px) top;
background-size: 22px;
}
#originalbag #orgbag #orgbag_sample #btm-cnt #tit {
background: #e5007e;
color: #fff;
width: 120px;
margin: 0 auto 20px auto;
text-align: center;
line-height: 30px;
font-size: 108%;
font-weight: 700;
padding: 0;
display: block;
}
#orgbag #orgbag_sample #btm-cnt p:nth-child(2) {}
#orgbag #orgbag_sample #btm-cnt p {
font-size: 100%;
display: inline;
}
#originalbag #orgbag #orgbag_sample #orgbag-msg {
background: none;
font-size: 100%;
width: 100%;
text-align: center;
margin-top: 40px;
padding: 0;
}
#originalbag #orgbag #orgbag_sample #orgbag-msg span {font-size: 100%;}
#originalbag #orgbag #orgbag_sample .arrow_down_l {order: 5;}
#originalbag #orgbag #eco h3 ,
#originalbag #orgbag .image_area h3 {
margin: 0;
text-align: center;
padding: 20px;
background: #fff;
border-bottom: none;
}
#originalbag #orgbag #eco h3 img ,
#originalbag #orgbag .image_area h3 img {
width: 200px;
height: auto;
}
#originalbag #orgbag h4 {
background: #dbdbdb;
padding: 5px 20px;
font-size: 108%;
margin-top: 30px;
font-weight: 700;
}
#originalbag #orgbag p.txt {padding-bottom: 0;}
#originalbag #orgbag .img_bag {align-items: flex-start;}
#originalbag #orgbag .img_bag p {
width: 50%;
margin: 0;
}
#originalbag #orgbag .img_bag p img {
height: auto;
width: 100%;
}
#originalbag div.osusume_item {padding: 10px 10px 0;}
#originalbag .btn_search {margin: 0;}
#originalbag .btn_search a {
display: block;
margin-top: 30px;
text-align: right;
padding: 10px 40px 10px 0;
position: relative;
}
#originalbag .btn_search a::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #E5007E;
border-width: 3px 3px 0 0;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 20px;
margin-top: -6px;
}
#originalbag #contents-1 {margin: 0 10px;}
#originalbag #contents-1 ul {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: flex-start;;
-ms-flex-align: flex-start;;
align-items: flex-start;;
}
#originalbag #contents-1 ul li {
width: 49%;
}
#originalbag #contents-1 ul li a img {
height: auto;
width: 100%;
}
#originalbag .img_bag a {pointer-events: none;}
.refinement {
margin: 0 20px;
padding-bottom: 0;
}
.refinement form {
margin-top: 0;
width: 100%;
}
.refinement input[type=text], input[type=number], input[type=date], .refinement input[type=submit], .refinement input[type=button], .refinement select, .refinement textarea, .refinement #keywords {
background: #fff;
border: 1px solid #ffd900;
border-radius: 4px;
padding: 10px;
vertical-align: middle;
outline: none;
max-width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
font-size: 16px;
height: auto;
position: relative;
}
.refinement span.bold {font-weight: normal;}
.refinement .num {
width: 76px;
height: auto;
padding: 10px;
}
.refinement #keywords {
line-height: 1;
width: 100%;
}
.refinement p {
float: none;
margin-top: 18px;
}
.refinement .itctid {
margin-left: 0;
position: relative;
}
.refinement .itctid::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 10px;
transform: translate(-50%, -50%);
border-right: 6px solid transparent;
border-top: 8px solid #bebdbd;
border-left: 6px solid transparent;
}
.refinement .itctid span {
display: inline-block;
width: 84px;
}
.refinement .itctid select {width: calc(100% - 89px) !important;}
.refinement .ml15 {margin-left: 0;}
.refinement .submit_rfm {
float: none;
text-align: center;
padding-top: 12px;
}
.refinement .refinement_submit_btn {
display: inline-block;
margin: 0 auto 0;
border: 0;
border-radius: 0;
background: #E5007E;
color: #fff;
padding: 5px 10px;
}
/* #################################################################################### */
/* パスワード紛失 */
/* #################################################################################### */
#lost {
padding: 20px 20px 0;
text-align: left;
}
#lost input[type=text], input[type=submit], input[type=button], select, textarea, .input {
background: #fff;
border: 1px solid #b3b4b9;
border-radius: 4px;
padding: 10px;
vertical-align: middle;
outline: none;
max-width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
font-size: 16px;
width: 100%;
height: auto;
margin: 0;
}
#lost .submit {
padding-top: 60px;
position: relative;
}
#lost .submit::before {
content: "";
display: block;
position: absolute;
top: 40px;
left: 50%;
transform: translate(-50%, -50%);
border-right: 10px solid transparent;
border-top: 16px solid #888888;
border-left: 10px solid transparent;
}
#lost input[type=submit] {
display: block;
margin: 20px auto 0;
border: 0;
border-radius: 0;
/* background: #dde019; */
background: #d7da17;
color: #fff;
padding: 15px 0;
width: 100%;
font-size: 106%;
font-weight: 700;
}
#lost2 {padding-bottom: 0;}
#lost2 .style02 {margin: 0 0 50px;}
/* #################################################################################### */
/* login signup 共通 */
/* #################################################################################### */
#login {
border-left: none;
border-right: none;
margin-bottom: 0;
}
#login .line {
border: none;
}
#login .line2 {
border: none;
}
#login .area-1 {
float: none;
text-align: center;
padding: 20px 20px 0;
}
#login .area-2 {
float: none;
padding: 20px 20px 0;
font-size: 86%;
}
#login .area-3 {
float: none;
border: none;
width: 100%;
padding: 0 20px 20px;
}
#login .area-3 p {padding-bottom: 30px;}
#login .area-3 span {
display: inline-block;
vertical-align: baseline;
width: 100px;
margin-top: 10px;
}
#login .area-3 .text ,
#login .area-3 .text2 {
height: auto;
margin: 0;
width: calc(100% - 110px);
}
#login .area-4 {
float: none;
border: none;
width: 100%;
padding: 0 20px 20px;
font-size: 86%;
text-align: center;
}
#login .area-5 {
float: none;
border: none;
width: 100%;
padding: 20px;
}
#login .area-5 table {
width: 80%;
}
#login .area-5 .check {
text-align: left;
font-size: 85%;
}
#login .area-6 {
float: none;
border: none;
width: 100%;
padding: 0 20px 50px;
}
input[type=text], input[type=password], input[type=tel], input[type=submit], input[type=button], select, textarea {
background: #fff;
border: 1px solid #b3b4b9;
border-radius: 4px;
padding: 10px;
vertical-align: middle;
outline: none;
max-width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
font-size: 16px;
margin: 0;
}
.order-title {
background: #888888;
color: #fff;
font-weight: 700;
padding: 5px 20px;
text-align: center;
font-size: 100%;
}
#signup #signup-form, #signup #signup-form2 {
background-color: transparent;
display: block;
border: none;
padding-top: 20px;
margin-bottom: 30px;
}
#signup #signup-form tr , #signup #signup-form2 tr ,
#signup #signup-form th , #signup #signup-form2 th ,
#signup #signup-form td , #signup #signup-form2 td {
display: block;
border: none;
}
#estimate #signup #signup-form tr {width: 100vw;}
#estimate #signup #signup-form tr img {
width: 100%;
height: auto;
}
#signup #signup-form td , #signup #signup-form2 td {padding: 0 20px 0 40px;}
#signup #signup-form td.t_h2 {
padding: 0 20px 20px;
margin-bottom: 0;
}
#signup #signup-form th , #signup #signup-form2 th {padding: 0 20px;}
#signup #signup-form input:not(:first-of-type) , #signup #signup-form2 input:not(:first-of-type) {
margin-top: 10px;
}
#signup #signup-form2 td table.table1 ,
#signup #signup-form td table.table1 {
display: block;
}
#signup #signup-form2 td table.table1 tr ,
#signup #signup-form2 td table.table1 td ,
#signup #signup-form td table.table1 tr ,
#signup #signup-form td table.table1 td {
padding: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
#signup #signup-form2 td .table1 td .delimter ,
#signup #signup-form td .table1 td .delimter {
display: block; margin: 0 5px;
}
#signup #signup-form2 td .table1 td input:not(:first-of-type) ,
#signup #signup-form td .table1 td input:not(:first-of-type) {
margin-top: 0;
}
#signup #signup-form2 td .btn-zip ,
#signup #signup-form td .btn-zip {
display: block;
text-align: center;
background: #e2e2e2;
color: #888888;
border: 1px solid #b3b4b9;
border-radius: 4px;
padding: 6px 0 5px;
font-size: 80%;
line-height: 1.2;
vertical-align: middle;
outline: none;
max-width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
margin-left: 15px;
width: 100px;
}
#signup .select2 {
height: auto;
margin: 0;
}
.demand_area {margin: 0;}
textarea.demand {
width: 100%;
height: 200px;
}
#signup #signup-form td.style05, #signup #signup-form2 td.style05 {padding: 10px 0;}
#signup #signup-form td.style05 table, #signup #signup-form2 td.style05 table {width: 100%;}
#signup #signup-form td.style05 tr, #signup #signup-form2 td.style05 tr {
display: -webkit-flex;
display: flex;
/* -webkit-flex-wrap: wrap; */
/* flex-wrap: wrap; */
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 80%;
margin-left: 20px;
}
#signup #signup-form td.style05 tr td, #signup #signup-form2 td.style05 tr td {
padding: 0;
display: inline-block;
}
#signup #signup-form td.style05 tr .radio1, #signup #signup-form2 td.style05 tr .radio1 ,
#signup #signup-form td.style05 tr .radio2, #signup #signup-form2 td.style05 tr .radio2 {
margin-left: 20px;
width: 20px;
}
#signup .style03 {
padding: 0 20px;
}
#contents-1 #submit_b.sp_padding, #mypage #submit_b.sp_padding {
padding-left: 20px;
padding-right: 20px;
}
#signup .textarea2 {
width: 100%;
margin: 0;
}
#estimate #e-step1 {
padding: 0 0 20px;
}
#estimate #e-step1 .style02 {
padding: 0 20px;
}
#estimate .estimate-item {
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
/* margin: 0 -20px; */
padding: 20px 0;
background: #fff;
border-top: 1px solid #b3b4b9 !important;
border-bottom: 1px solid #b3b4b9 !important;
}
#estimate .estimate-item ~ .estimate-item {border-top: none !important;}
/* [class~='estimate-item']:last-of-type {border-bottom: 1px solid #b3b4b9 !important;} */
#estimate #signup #signup-form td.estimate-item-imagge ,
#estimate #signup #signup-form2 td.estimate-item-imagge {
width: 50% !important;
padding-right: 20px !important;
padding-left: 20px;
margin-bottom: 0;
}
#estimate #signup #signup-form td.estimate-item-text ,
#estimate #signup #signup-form2 td.estimate-item-text {
width: 50% !important;
padding-left: 0 !important;
margin-bottom: 0;
}
#estimate #signup #signup-form td.estimate-item-text .text6 ,
#estimate #signup #signup-form2 td.estimate-item-text .text6{
background: #fff;
border: 1px solid #b3b4b9;
border-radius: 4px;
padding: 10px;
vertical-align: middle;
outline: none;
width: 68px;
height: 40px;
max-width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
font-size: 16px;
}
#estimate #signup #signup-form td .spindent ,
#estimate #signup #signup-form2 td .spindent {margin-left: 0;}
#estimate .estimate-item p {margin-top: 8px;}
#estimate .estimate-item .estimate-items-name {
font-size: 100%;
font-weight: 700;
margin: 0 0 15px;
}
#estimate .estimate-item .radio_label {
display: inline-block;
vertical-align: middle;
margin-left: 3px;
position: relative;
top: 3px;
}
#estimate .estimate-areatable ,
#estimate .estimate-sampletable {
display: block;
margin: 0 !important;
background: #fff;
border: 1px solid #b3b4b9;
padding: 10px;
font-size: 80%;
width: 100%;
}
#estimate .estimate-areatable tbody ,
#estimate .estimate-sampletable tbody {
display: block;
width: 100%;
}
#estimate .estimate-areatable tr ,
#estimate .estimate-sampletable tr {
display: flex !important;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
#estimate .estimate-areatable th ,
#estimate .estimate-sampletable th {
display: block;
margin: 0 !important;
padding: 0 !important;
}
#estimate #signup #signup-form2 .estimate-areatable td ,
#estimate #signup #signup-form2 .estimate-sampletable td {
display: block;
width: 25% !important;
margin: 0 !important;
padding: 5px 0 !important;
}
#estimate #signup #signup-form2 .estimate-sampletable td {width: 50% !important;}
#estimate .estimate-areatable td input ,
#estimate .estimate-sampletable td input {
margin: 0 !important;
}
#signup #signup-form td #sampleDeliveryInfo td, #signup #signup-form2 td #sampleDeliveryInfo td {
padding-left: 0 !important;
padding-right: 0;
margin-bottom: 0;
}
#signup #signup-form td #sampleDeliveryInfo td:nth-child(2) , #signup #signup-form2 td #sampleDeliveryInfo td:nth-child(2) {
padding-left: 20px !important;
padding-bottom: 20px;
}
#sampleDeliveryInfo td .ml {
margin-left: 0;
font-size: 86%;
}
#estimate .sp_margin {margin: 0 20px;}
#estimate .sp_thanks_title {
font-size: 128%;
font-weight: 700;
text-align: center;
}
#estimate #signup-form2 td {padding-left: 20px;}
.js-sp-deliKubn > tbody > tr:not(:first-child) {
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
max-height: 0;
opacity: 0;
overflow: hidden;
display: none;
}
.js-sp-deliKubn.open > tbody > tr:not(:first-child) {
max-height: 100vh;
opacity: 1;
display: block;
}
/* #################################################################################### */
/* SP 共通 */
/* #################################################################################### */
.arrow_down_l {
height: 60px;
width: 100%;
position: relative;
}
.arrow_down_l::before {
content: "";
display: block;
position: absolute;
top: 40px;
left: 50%;
transform: translate(-50%, -50%);
border-right: 68px solid transparent;
border-top: 45px solid #f6c3c2;
border-left: 68px solid transparent;
}
.heading_center {
font-size: 128%;
font-weight: 700;
text-align: center;
}
h1.sp_text_title {
background: #bebdbd;
padding: 2em 0;
color: #fff;
font-size: 120%;
font-weight: bold;
text-align: center;
}
#contents-1 ul {
margin: 0 !important;
padding: 0 !important;
}
#contents-1 ul.mt20 {margin-top: 20px;}
#contents-1 li, #contents-2 li {
width: 100%;
float: none;
margin: 0 0 5vw 0 !important;
}
.strong, .pink.strong {
font-weight: 700;
}
.spmt0 {margin-top: 0 !important;}
.sp_small {font-size: 86%;}
.sp-mt {margin-top: 20px;}
.sp-pink {color: #e5007e;}
.icon_back {
display: inline-block;
width: 24px;
margin-right: 10px;
}
.sp-wide {margin: 0 -20px;}
.sp-bold {font-weight: bold;}
.grey {color: #888888;}
.yellow_btn.s {
width: 160px;
margin-left: auto;
margin-right: auto;
}
.yellow_btn {
display: block;
line-height: 50px;
/* background: #dde019 !important; */
background: #d7da17 !important;
color: #fff;
font-size: 106%;
font-weight: 700;
text-align: center;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
}
.green_btn {
display: block;
line-height: 50px;
/* background: #dde019; */
background: #d7da17;
font-size: 106%;
font-weight: 700;
text-align: center;
color: #fff;
}
.ul_chk li, .ul_dot li, .ul_disc li, .ul_star li {
padding: 0 0 0 1.2em;
position: relative;
}
.ul_disc li::before {
content: '●';
}
.ul_chk li::before, .ul_dot li::before, .ul_disc li::before, .ul_star li::before {
display: block;
position: absolute;
top: 0;
left: 0;
}
.sp_flex {
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sp_flex_2col {
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.sp_flex_2col > * {width: 49%;}
.sp_inlineblock {display: inline-block !important;}
.mt-20 {margin-top: -20px;}
.sp_mt5 {margin-top: 5px;}
.sp_mt30 {margin-top: 30px;}
.sp_mb0 {margin-bottom: 0;}
#ui-datepicker-div {width: 90vw !important;}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 100% !important;
}
}