/*****************************************************
全ての要素をリセット
各ブラウザの表示を統一するための設定です
*****************************************************/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table { border-collapse: collapse;border-spacing: 0;}
caption,th,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style: none;}
img{vertical-align:middle;}
.line {font-size:1px;line-height:1px;}
/*--- default */
body {
background: #fff;
color: #333;
font-size: 13px;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.4;
text-align:center;
}
body td,body th{
font-size:13px;
}
table{
border-collapse:collapse;
}
body {
position: relative;
margin: 0;
}
h1,h2,p,span,li,a,dt,dd {
font-family: 'Roboto Condensed', Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul,ol,li {
margin: 0;
padding: 0;
list-style: none;
}
h1,h2,h3,h4,h5,h6,p {
margin: 0;
padding: 0;
}
a, a.btn {
/*
リンク共通アニメーション
*/
text-decoration: none;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.clearfix:before, .clearfix:after{ content:""; display:table;}
.clearfix:after { clear:both;}
.clearfix{ zoom:1;}
/*****************************************************
基本設定、リンクカラーなど
*****************************************************/
#wrap{
width:100%;
height:100%;
margin-top:-30px;
}
#wrapper{
width:100%;
overflow:hidden
}
#wrapper_inner,#makebanner,#topImage{
width:980px;
margin:5px auto;
overflow:hidden;
}
#wrapper_inner a{
text-decoration:none;
color:#808080;
}
#wrapper_inner a:hover{
text-decoration:none;
color:#f15a24;
}
#wrapper{
overflow:hidden;
}
#M_leftContents{
width:180px;
}
#M_mainContents {
text-align: center;
width: 780px;
margin-left:20px;
margin-bottom:30px;
}
#mainContents{ width:780px; float:left; }
a:link {
color:#808080;
text-decoration:none;
}
a:visited{
color:#808080;
text-decoration:none;
}
a:hover{
color:#f15a24;
text-decoration: none;
}
a:active{
color:#808080;
text-decoration:none;
}
.clear:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clear { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
/*****************************************************
ヘッダ #header
*****************************************************/
#headerWrap{
width:100%;
text-align:center;
padding-bottom:15px;
}
#header{
width:980px;
position:relative;
margin:0 auto;
}
#head{
margin:75px 0 0 0;
min-height:75px;
height: auto !important;
height: 75px;
}
#header h1{
margin-top:5px;
}
#h_logo{
float:left;
width:980px;
text-align:left;
}
.h_right{
float:right;
width:600px;
}
/*
ナビゲーション
*/
#navigation {
position: absolute;
right: 0;
top: 100px;
overflow: hidden;
z-index: 10;
width:980px;
}
#navigation ul,
#navigation li {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
line-height: 2.0em;
}
#navigation li {
float: left;
margin: 0;
width:163.3333px;
}
#navigation a{
display: block;
color: #808080;
line-height: 1;
text-align: center;
text-decoration:none
}
#navigation #home a {
font-size: 13px;
padding: 15px 0;
color: #333;
}
#navigation #home a:hover {
color: #6699cc;
}
#navigation #brand a {
font-size: 13px;
padding: 15px 0;
}
#navigation #brand a:hover {
color: #6699cc;
}
#navigation #stores a {
font-size: 13px;
padding: 15px 0;
}
#navigation #stores a:hover {
color: #6699cc;
}
#navigation #shopping a {
font-size:12px;
padding: 9px 0 10px 0;
}
#navigation #shopping a:hover {
color: #6699cc;
}
#navigation #blog a {
font-size: 13px;
padding: 15px 0;
}
#navigation #blog a:hover {
color: #6699cc;
}
#navigation #contact a {
font-size: 13px;
padding: 15px 0;
}
#navigation #contact a:hover {
color: #6699cc;
}
/*
トップイメージの位置
*/
#topImage {
position: absolute;;
top: 200px;
overflow: hidden;
z-index: 10;
}
/*
* slider
*/
#slider{
position: relative;
width:100%;
height: 415px;
overflow: hidden;
background: url(https://gigaplus.makeshop.jp/jackgomme/images/slider/loading.gif) no-repeat center center;
}
#slider ul{
position: absolute;
top: 0px;
left: 0;
}
#slider li{
float: left;
}
#slider li img {
width: 980px;
height: auto;
}
#slider #prev,
#slider #next{
position: absolute;
top:200px;
cursor: pointer;
}
#slider #prev{ left:20px;}
#slider #next{ right:20px;}
/* for script */
#slider ul,
#slider #next,
#slider #prev{
visibility: hidden;
}
#slider .layer{
width: 980px;
height: 415px;
position: absolute;
top: 0px;
left: 0;
background: url(https://gigaplus.makeshop.jp/jackgomme/images/slider/dot.gif) repeat 0 0 #fff;
opacity: 0.5;
filter: alpha(opacity=50);
}
/**************共通**********************/
.bar_txt{
color:#808080;
font-size:16px;
font-weight:bold;
}
.bar_txt_b{
color:#808080;
font-size:16px;
font-weight:bold;
border-bottom:#808080 1px solid;
margin-top:20px;
width:100%
}
.bar_txt_b01{
color:#808080;
font-size:16px;
font-weight:bold;
border-bottom:#808080 1px solid;
width:100%
}
.txt14{
font-size:14px;
}
.u_bar{
text-decoration:underline;
}
/************************************/
/* サブナビゲーション */
#subNav{
position:absolute;
top:5px;
right:0;
text-align:right;
height:14px;
}
#subNav img{
vertical-align:top;
}
#subNav li{
display:inline-block;
*display: inline;
*zoom: 1;
margin-left:4px;
vertical-align:top;
}
#subNav .M_loginBtn{
display:block;
width:55px;
height:14px;
background:url(/images/original_design_default/samplesource/3/hNav01.png) no-repeat 0 0;
text-indent:-9999em;
text-align:left;
overflow:hidden;
}
#subNav .M_logoutBtn{
display:block;
width:67px;
height:14px;
background:url(/images/original_design_default/samplesource/3/hNav01_out.png) no-repeat 0 0;
text-indent:-9999em;
text-align:left;
float:left;
overflow:hidden;
}
#subNav .M_loginBtn:hover,
#subNav .M_logoutBtn:hover{
background-position:0 -14px;
}
#subNav .M_helloMsg{
float:left;
font-size:11px;
margin-right:5px;
line-height:14px;
}
#cart{
position:absolute;
top:-30px;
right:0;
}
/* 電話番号 */
#telnum,#M_basketTemp1{
float:right;
}
#telnum{
padding:0 10px;
}
#telnum p{
margin:4px auto 0;
}
#telnum em{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
}
/* 買い物カゴ */
#M_basketTemp1 .M_headItem{
text-align:left;
}
/* グローバルナビゲーション */
#gNav{
width:980px;
height:50px;
}
#gNav li{
float:left;
}
#gNav li a{
display:block;
width:192px;
height:50px;
text-indent:-9999em;
overflow:hidden;
}
#gNav li#gNav01 a{
background:url(/images/original_design_default/samplesource/3/gNav01.png) no-repeat top;
}
#gNav li#gNav02 a{
background:url(/images/original_design_default/samplesource/3/gNav02.png) no-repeat top;
}
#gNav li#gNav03 a{
background:url(/images/original_design_default/samplesource/3/gNav03.png) no-repeat top;
}
#gNav li#gNav04 a{
background:url(/images/original_design_default/samplesource/3/gNav04.png) no-repeat top;
}
#gNav li#gNav05 a{
background:url(/images/original_design_default/samplesource/3/gNav05.png) no-repeat top;
}
#gNav li#gNav01 a:hover,#gNav li#gNav02 a:hover,#gNav li#gNav03 a:hover,#gNav li#gNav04 a:hover,#gNav li#gNav05 a:hover{
background-position:0 -50px;
}
/*****************************************************
左コンテンツ #leftContents
*****************************************************/
#leftContents{
width:180px;
}
#leftContents .section{
margin-bottom:20px;
}
#leftContents .inner{
border:1px solid #b2b2b2;
border-top:none;
}
/* 検索input */
.inputWrap{
padding:10px;
}
.inputWrap img{
float:left;
_margin-left:0;
}
.search_input{
width:128px;
float:left;
height:20px;
border:1px solid #b2b2b2;
}
#M_searchBox{
position:absolute; right:165px;
}
/* カテゴリーメニュー */
#Sidebar{
float:left;
overflow:hidden;
margin-top:20px;
}
#s_sidebar{
text-align:right;
border-top:1px solid #808080;
margin-top:5px;
margin-bottom:30px;
}
#s_sidebar li{
border-bottom:1px solid #808080;
padding:10px 0;
}
#s_sidebar .maru{
margin:-3px 5px 0 0;
}
/* 会員メニュー */
#l_member ul{
text-align:right;
margin-bottom:5px;
}
#l_member li{
display:inline;
font-size:11px;
background:url(/images/original_design_default/samplesource/3/listIconR.png) no-repeat left;
padding-left:12px;
margin-left:2px;
}
#l_member li a{
color:#333;
}
/* カレンダー */
#l_calendar table{
margin-bottom:5px;
border-collapse:separate;
border-spacing:1px;
}
/* 中央揃え */
#l_owner,#l_banner{
text-align:center;
}
#l_owner table,#l_banner table{
margin:0 auto;
}
/* 投票 */
#l_poll img{
margin:0 2px;
}
#l_poll b{
color:#333;
}
#l_poll input{
margin-right:5px;
}
#l_poll td{
text-align:left;
}
#l_poll a img{
display:none;
}
#l_poll a{
display:block;
height:21px;
float:left;
margin-right:4px;
}
#l_poll a#poll_b01{
width:58px;
background:url(/images/original_design_default/samplesource/3/poll_b01.png) no-repeat 0 0;
margin-left:28px;
}
#l_poll a#poll_b02{
width:69px;
background:url(/images/original_design_default/samplesource/3/poll_b02.png) no-repeat 0 0;
}
#l_poll a#poll_b01:hover,#l_poll a#poll_b02:hover{
background-position:0 -21px;
}
/* 掲示板 */
#l_board table{
width:100%;
}
#l_board td{
text-align:left;
}
/* バナー */
#l_banner img{
margin-bottom:5px;
}
/*****************************************************
メインコンテンツ #rightContents
*****************************************************/
.rightContents{
width:780px;
}
.rightContents .section{
margin-bottom:30px;
}
/*----------------------------------------------------
中央画面 #top
----------------------------------------------------*/
.r_left{
float:left;
width:520px;
}
.r_right{
float:right;
width:220px;
}
.titleMgn{
margin-bottom:10px;
}
#r_shopIntro{
margin-bottom:0;
}
/* 新着 */
#r_new .lims table{
margin:10px auto;
width:195px;
}
#r_new .lims table .woong td{
text-align:left;
font-weight:bold;
padding-top:5px;
}
#r_new .lims table .woong td a{
font-weight:normal;
}
#r_new .lims table .woong td img{
margin-left:5px;
}
/* おすすめ */
.topItem{
border-top:#808080 1px solid;
border-bottom:#808080 1px solid;
padding:10px 0;
height:180px
}
#r_recommend .lims table{
margin:0 10px;
width:180px;
}
#r_recommend .lims table .woong td{
text-align:left;
font-weight:bold;
padding-top:5px;
}
#r_recommend .lims table .woong td a{
font-weight:normal;
}
#r_recommend .lims table .woong td img{
margin-left:5px;
}
#r_recommend .lims table .woong td a b{
font-weight:normal;
font-size:11px;
}
#recommendItem b{display:none;}
.topItem td, .topItem td a {font-size:0 !important; color:#transparent !important;}
.topItem td img {display:none;}
.topItem td a img{display:inline;}
#series li{
float:left;
margin-bottom:15px;
widht:250px;
}
#series li a {
display: block;
overflow: hidden;
height: 0px;
width: 250px;
padding-top: 250px;
}
#series .m15 {
margin-left:15px;
margin-right:15px;
}
/* シリーズマウスオーバー
------------------------*/
#series #s_30th a {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss161.jpg) no-repeat;
}
#series #s_30th a:hover {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss161on.jpg) no-repeat;
}
#series #s_light a {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss162.jpg) no-repeat;
}
#series #s_light a:hover {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss162on.jpg) no-repeat;
}
#series #s_lightpre a {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss163.jpg) no-repeat;
}
#series #s_lightpre a:hover {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss163on.jpg) no-repeat;
}
#series #s_kaban a {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss164.jpg) no-repeat;
}
#series #s_kaban a:hover {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss164on.jpg) no-repeat;
}
#series #s_pochette a {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss165.jpg) no-repeat;
}
#series #s_pochette a:hover {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss165on.jpg) no-repeat;
}
#series #s_capsule a {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss166.jpg) no-repeat;
}
#series #s_capsule a:hover {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss166on.jpg) no-repeat;
}
#series #s_brooklyn a {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss167.jpg) no-repeat;
}
#series #s_brooklyn a:hover {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss167on.jpg) no-repeat;
}
#series #s_acce a {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss168.jpg) no-repeat;
}
#series #s_acce a:hover {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss168on.jpg) no-repeat;
}
#series #s_15ss a {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss169.jpg) no-repeat;
}
#series #s_15ss a:hover {
background:url(https://gigaplus.makeshop.jp/jackgomme/images/2016/SS16/topss169on.jpg) no-repeat;
}
/*------------------------*/
/* ランキング */
#r_ranking .rankList{
float:left;
width:152px;
position:relative;
}
#r_ranking em{
display:block;
text-indent:-9999em;
}
#r_ranking .rankImg{
margin:5px auto;
}
#r_ranking #rank1 em{
background:url(/images/original_design_default/samplesource/3/rankIcon1.png) no-repeat center;
width:31px;
height:25px;
}
#r_ranking #rank2 em{
background:url(/images/original_design_default/samplesource/3/rankIcon2.png) no-repeat center;
width:28px;
height:22px;
}
#r_ranking #rank3 em{
background:url(/images/original_design_default/samplesource/3/rankIcon3.png) no-repeat center;
width:28px;
height:22px;
}
#r_ranking #rank4 em{
background:url(/images/original_design_default/samplesource/3/rankIcon4.png) no-repeat center;
width:17px;
height:17px;
}
#r_ranking #rank5 em{
background:url(/images/original_design_default/samplesource/3/rankIcon5.png) no-repeat center;
width:17px;
height:17px;
}
#r_ranking p{
text-align:left;
}
#r_ranking .rankPrice{
font-weight:bold;
}
/* レビュー */
#r_review #M_reviewView,
#r_review #M_reviewView table{
width:100%;
margin:0;
text-align:left;
}
/* 最近チェックした商品 */
#r_recent #recent{
margin-top:10px;
}
#r_recent #recent .itemBox,#r_recent #recent .itemBox table{
width:130px;
}
#r_recent .name,#r_recent .price{
text-align:left;
margin:5px 5px 0;
}
#r_recent .price{
font-weight:bold;
}
#r_recent #recent .line{
width:0;
}
#r_recent #recent .line img{
display:none;
}
/* お知らせ */
#top #r_news img{
display:none;
}
#top #r_news td.woong{
padding:2px 10px 2px 0;
border-bottom:1px dotted #b2b2b2;
text-align:left;
}
/*----------------------------------------------------
商品カテゴリーと商品詳細 共通
----------------------------------------------------*/
.pankuzu{
text-align:left;
line-height:20px;
margin-bottom:10px;
}
.pankuzu a{
padding:0 5px;
font-size:11px;
color:#808080;
}
.pankuzu font{
color:#808080;
font-size:11px;
}
/*----------------------------------------------------
商品カテゴリー #category
----------------------------------------------------*/
/* カテゴリー */
#category h2{
color:#808080;
font-size:16px;
font-weight:bold;
border-bottom:#808080 1px solid;
margin-top:30px;
width:100%
}
/* 検索結果と並び替え */
#r_resultInfo{
font-size:11px;
margin:0 auto 10px;
}
.total{
float:left;
}
.listSort{
floar:right;
text-align:right;s
}
.listSort li{
display:inline;
}
/* カテゴリーリスト */
#category .innerList{
overflow:hidden;
_zoom:1;
letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
text-align:left;
}
#category .innerList li{
vertical-align: top;
letter-spacing: normal; /* 文字間を通常に戻す */
width:25%;/* 商品数が4つなので100%÷4=25% */
display:inline-block;
/display: inline; /* IE用ハック */
/zoom: 1; /* IE用ハック */
}
#category .innerBox{
margin:10px;
text-align:center;
}
#category .name{
margin-bottom:5px;
}
#category .imgWrap{
text-align:center;
margin-bottom:5px;
}
#category .price span{
padding:0 2px;
}
#category .price{
font-weight:bold;
color:#333;
}
#category .consumerPrice{
font-size:11px;
color:#999;
text-decoration:line-through;
}
#category .else{
text-align:left;
}
#category .else li{
float:none;
width:auto;
display:inline;
}
#category .M_lumpinput{
text-align:right;
}
#category .content{
border-top:1px dashed #b2b2b2;
padding:10px 0;
margin:10px auto;
border-bottom:1px dashed #b2b2b2;
font-size:11px;
}
#category .btnWrap{
margin:10px auto 5px;
background:#e6e6e6;
padding:5px 0;
text-align:left;
}
#category .btnWrap img{
margin-left:5px;
}
#category .btnWrap .soldout{
text-align:center;
color:#cc0000;
}
/*----------------------------------------------------
商品詳細 #detail
----------------------------------------------------*/
#itemLink{
margin-bottom:30px;
font-size:11px;
}
.item_prev{
float:left;
background:url(/images/original_design_default/samplesource/3/listIconL.png) no-repeat left;
padding-left:14px;
}
.item_next{
float:right;
background:url(/images/original_design_default/samplesource/3/listIconR.png) no-repeat right;
padding-right:14px;
}
#itemImg{
float:left;
width:410px;
}
#itemInfo{
float:right;
width:330px;
}
/* [INFO]タグ */
#detailInfo table{
width:100%;
margin-bottom:10px;
}
#detailInfo table td{
height:auto;
text-align:left;
}
#itemInfo #detailInfo table font{
color:#cc0000;
}
#detailInfo table input{
margin-right:5px;
}
#detailInfo table img{
vertical-align:auto;/* IE対策 */
}
#detailInfo #M_usualValue td{
font-size:16px;
padding:10px 0;
}
#wrapper #makebanner #detailInfo #M_usualValue,
#wrapper #makebanner #detailInfo #M_price2,
#wrapper #makebanner #detailInfo #M_taxview{
border:none;
width:auto;
font-weight:bold;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}
#detailInfo #M_usualValue{
font-size:15px;
font-weight:bold;
}
#detailInfo #M_taxview{
width:auto;
}
/* 拡大画像ボタン */
#viewButton{
text-align:right;
}
/* 商品名 */
#detail h2{
margin-bottom:20px;
font-size:15px;
}
/* 商品詳細 */
#detail .detailTxt{
border-top:1px dotted #b2b2b2;
border-bottom:1px dotted #b2b2b2;
padding:10px 0;
margin-bottom:20px;
}
/* オプション表 */
#wrapper #detail .stockList input{
border:0;
}
#wrapper #detail .stockList td{
text-align:center;
}
/* メールリンク */
#r_contact{
margin:10px 0 10px -5px ;
}
#r_contact li{
float:left;
margin-left:5px;
}
/* SNS */
#r_sns{
margin-top:10px;
}
#r_sns li{
float:left;
}
/* カートにいれるボタン */
#basketBtn{
background:#e6e6e6;
padding:10px;
margin-top:10px;
}
#basketBtn .soldout{
text-align:center;
color:#cc0000;
}
/* 追加商品説明文 */
#r_detailExt{
margin-bottom:0;
}
/* 追加商品画像 */
#r_addImg{
margin-bottom:0;
}
#r_addImg li{
float:left;
width:33%;
text-align:center;
padding-bottom:30px;
line-height:1.4;
}
#r_addImg li .inner{
margin:0 10px;
}
#r_addImg .addImg a{
border:1px solid #b2b2b2;
padding:5px;
display:block;
}
#r_addImg li p{
width:100%;
margin:10px 5px 0;
}
/* レビュー */
#detail #r_review{
margin-bottom:40px;
}
#detail #r_review td{
text-align:left;
}
#detail #r_review .imgLi input{
border:none;
}
#detail #m_reviewView td{
text-align:center;
}
/* 商品グループ */
#r_group{
border-top: 1px dashed #B2B2B2;
padding-top: 20px;
}
#r_group h3{
font-weight:bold;
background:url(/images/original_design_default/samplesource/3/titleIcon.png) no-repeat left;
padding-left:20px;
}
#r_group #M_group{
width:100%;
margin:16px auto;
border-collapse:collapse;
}
#r_group #M_group .itemBox, #r_group #M_group .itemBox table, #r_group #M_group td.itemImg {
width: 170px;
}
#r_group #M_group .itemBox{
vertical-align:top;
}
#r_group #M_group .name, #r_group #M_group .spe,#r_group #M_group .price {
margin: 5px 5px 0;
text-align: left;
}
#r_group #M_group .itemImg{
text-align:center;
}
#r_group #M_group .line {
width: 10px;
}
#r_group #M_group .line img {
display: none;
}
#r_group #M_group .price {
font-weight: bold;
}
/* 最近チェックした商品 */
#detail #r_recent{
border-top:1px dashed #b2b2b2;
padding-top:20px;
}
#detail #recent .itemBox,#detail #recent .itemBox table{
width:190px;
}
/*----------------------------------------------------
ログインフォーム関係 .loginForm
----------------------------------------------------*/
.loginForm{
margin-top:20px;
}
.loginForm h3{
font-size:14px;
margin-bottom:20px;
background:url(/images/original_design_default/samplesource/3/h3title.png) no-repeat left;
padding-left:20px;
}
.loginForm .section{
text-align:center;
}
.btnWrap{
margin-top:20px;
text-align:center;
}
.loginForm .leadTxt{
margin-bottom:30px;
}
.loginForm .lostpass{
text-align:center;
font-size:11px;
margin-top:5px;
}
.loginForm .formTable{
margin:20px auto 0;
width:400px;
}
.formTable th,
.formTable td{
border:1px solid #b2b2b2;
padding:6px 8px;
}
.formTable th{
background:#eee;
width:120px;
}
.M_nameList input,#r_review input,#r_review textarea{
padding:2px;
border:1px solid #b2b2b2;
}
.loginForm .formTable input{
width:200px !important ;
}
/*----------------------------------------------------
会員ログイン #memberlogin
----------------------------------------------------*/
#memberLogin .btnWrap{
overflow:hidden;
_zoom:1;
}
#memberLogin .btnWrap div{
float:left;
width:360px;
padding-bottom:20px;
}
#memberLogin .btnWrap #newMember{
border-right:1px dotted #b2b2b2;
}
#memberLogin .btnWrap p{
margin:20px;
}
/*----------------------------------------------------
注文照会ログイン #orderlogin
----------------------------------------------------*/
/*----------------------------------------------------
パスワード紛失 #orderlogin
----------------------------------------------------*/
/*----------------------------------------------------
約款 #contract
----------------------------------------------------*/
#contractBox{
width:700px;
height:280px;
overflow:auto;
border:1px solid #b2b2b2;
padding:10px;
text-align:left;
margin-top:20px;
}
/*----------------------------------------------------
会員登録修正フォーム #member
----------------------------------------------------*/
#memberForm #M_entryForm{
margin:30px 10px 20px;
width:740px;
border-top:1px solid #b2b2b2;
border-left:1px solid #b2b2b2;
}
* html #memberForm #M_entryForm{
position:relative;
}
#memberForm #M_entryForm th,
#memberForm #M_entryForm td{
border-bottom:1px solid #b2b2b2;
border-right:1px solid #b2b2b2;
padding:8px;
}
* html #memberForm #M_entryForm th,
* html #memberForm #M_entryForm td{
position:relative;
}
#memberForm #M_entryForm th{
background:#eee;
width:160px;
}
#memberForm .M_txt{
font-size:11px;
margin-left:10px;
}
#memberForm #mailreceiveN,
#memberForm #sex1{
margin-left:10px;
}
#memberForm .M_ex,
#memberForm .M_info{
font-size:11px;
color:#666;
}
#memberForm .M_post{
display:block;
width:96px;
height:22px;
background:url(/images/original_design_default/samplesource/3/r_postBtn.png) no-repeat;
float:left;
text-indent:-9999em;
overflow:hidden;
_zoom:1;
}
#memberForm #mailreceiveY,
#memberForm #mailreceiveN,
#memberForm #sex0,
#memberForm #sex1{
border:none;
}
#M_changepw #M_changepwTable th{
background:#615D5C;
}
/* 退会する */
#r_leave img{
display:none;
}
#r_leave a{
display:block;
width:81px;
height:22px;
margin-top:5px;
background:url(/images/original_design_default/samplesource/3/memberjoin_escape.png) no-repeat 0 0;
}
#r_leave a:hover{
background-position:0 -22px
}
/*----------------------------------------------------
ポイント #point
----------------------------------------------------*/
#r_pointData{
border:1px solid #b2b2b2;
background:#eee;
padding:10px;
margin:20px 60px 30px;
}
#r_pointData p{
text-align:center;
}
#r_pointData strong{
font-size:15px;
font-weight:bold;
color:#cc0000;
}
#r_pointList table{
border-collapse:separate;
width:400px;
margin:0 180px;
border-spacing:0;
}
#r_pointList td{
border:1px solid #b2b2b2;
padding:8px;
text-align:center;
}
#r_pointList td font{
font-size:13px;
}
/*----------------------------------------------------
商品検索 #search
----------------------------------------------------*/
#r_searchName{
margin:20px 0 20px;
}
#r_searchName font{
color:#333;
font-weight:bold;
}
#r_searchInput{
background:#dedede;
padding:10px;
}
#r_searchInput table{
width:740px;
background:#fff;
}
#r_searchInput .btnWrap{
margin-top:10px;
}
#r_searchInput th,#r_searchInput td{
border:1px solid #b2b2b2;
padding:6px 8px;
text-align:left;
}
#r_searchInput th{
background:#eee;
}
#r_searchInput #searchPrice input{
width:60px;
}
#r_searchList table,
#r_pager table{
width:100%;
}
.searchResult{
font-size:14px;
margin-bottom:20px;
background:url(/images/original_design_default/samplesource/3/searchIcon.png) no-repeat left;
padding-left:20px;
}
#r_searchList .innerList{
letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
text-align:left;
}
#r_searchList .innerList li{
width:25%;
display:inline-block;
vertical-align: top;
letter-spacing: normal; /* 文字間を通常に戻す */
/display: inline; /* IE用ハック */
/zoom: 1; /* IE用ハック */
}
#r_searchList .innerBox{
margin:10px;
}
#r_searchList .name{
margin-bottom:5px;
}
#r_searchList .imgWrap{
text-align:center;
}
#r_searchList .price{
font-weight:bold;
color:#333;
}
#r_searchList .else{
text-align:left;
}
#r_searchList .else li{
float:none;
width:auto;
display:inline;
}
#r_searchList .btnWrap{
margin:10px auto 5px;
background:#e6e6e6;
padding:5px;
text-align:center;
}
#r_searchList .soldout{
text-align:center;
color:#cc0000;
}
/*----------------------------------------------------
買い物カゴ #basket
----------------------------------------------------*/
#r_basket{
margin-bottom:60px;
}
#basketTable{
width:100%;
margin-top:30px;
}
#basketTable th,#basketTable td{
text-align:center;
border-bottom:1px solid #b2b2b2;
padding:6px;
}
#basketTable th{
border-top:2px solid #b2b2b2;
border-bottom:1px dashed #b2b2b2;
white-space:nowrap;
}
#basketTable .basketNum{
width:30px;
padding:0;
}
#basketTable .basketImg{
width:56px;
}
#basketTable .basketName{
width:400px;
text-align:left;
}
#basketTable .basketQuantity{
width:135px;
}
#basketTable td.basketQuantity table.basketQunantity{
width:20px;
}
#basketTable .basketQuantity input,
#basketTable .basketQuantity table,
#basketTable .basketQuantity img{
float:left;
margin-right:4px;
}
#basketTable .basketQuantity img{
margin:0 0 1px;
}
#basketTable .basketQuantity td{
border:none;
padding:0;
}
#basketTable .basketPoint{
width:70px;
}
#basketTable .basketPrice{
width:70px;
}
#basketTable .basketOption{
text-align:left;
margin-top:4px;
}
#basketTable .basketHaisou{
padding:0;
}
#basketTable .carriageWrap{
margin:4px 0;
}
#basketTable .basketHaisou p{
text-align:right;
}
#basketTable .basketHaisou .carriageMsg1{
color:#cc0000;
}
#basketTable .basketHaisou .carriageMsg2{
font-size:11px;
}
#basketTable .basketBtns{
width:80px;
}
#basketTable .basketBtns img{
margin-bottom:2px;
}
#basketTable .basketTotal{
text-align:right;
background:#ebebeb;
border-top:3px solid #b2b2b2;
}
#basketTable .basketTotal em{
font-weight:bold;
font-size:15px;
color:#cc0000;
}
#basketTable .basketEmpty p{
text-align:center;
margin:10px auto;
}
#r_basket .btnWrap .btnBack{
float:left;
padding-top:5px;
margin-left:10px;
}
#r_basket .btnWrap .btnOrder{
float:right;
margin-right:10px;
}
/* お気に入りリスト */
#wishTable{
width:100%;
}
#wishTable th,#wishTable td{
text-align:center;
border-bottom:1px solid #b2b2b2;
padding:6px;
}
#wishTable th{
border-top:2px solid #b2b2b2;
border-bottom:1px dashed #b2b2b2;
}
#wishTable .wishName{
text-align:left;
width:240px;
}
#wishTable .wishQuantity input{
margin-right:4px;
}
/*----------------------------------------------------
お知らせ #news
----------------------------------------------------*/
#r_news{
margin-top:10px;
text-align:left;
}
#r_news #newsHead{
text-align:left;
border-bottom:2px solid #b2b2b2;
padding:4px 0;
font-size:15px;
}
#r_news #newsHead span{
margin-right:10px;
font-size:11px;
color:#999;
}
#r_news #newsContents{
text-align:left;
padding:40px 20px;
border-bottom:1px dashed #b2b2b2;
margin-bottom:20px;
}
#r_news #newsAccess{
text-align:right;
font-size:11px;
color:#999;
margin-top:20px;
}
#r_news #newsNext{
text-align:right;
font-size:11px;
margin-bottom:10px;
}
#r_news #newsList{
margin-bottom:20px;
}
#r_news #newsList .line{
background:#fff;
}
#r_news #newsList .lims{
border-bottom:1px dashed #b2b2b2;
}
#r_news #newsListBtn{
text-align:center;
}
/* ご利用ガイド */
#makebanner #guideMain{
margin:0 70px;
}
/*----------------------------------------------------
カタログ #catalog
----------------------------------------------------*/
#catalog .ctlg_text{
margin-top:24px;
}
#r_catalog .catalogCart{
text-align:right;
margin:8px 0;
}
/*****************************************************
フッタ #footer
*****************************************************/
.pageTop{
text-align:right;
margin-top:60px;
}
#footerWrap{
width:100%;
background:#5e90a3;
margin-top:20px;
clear:both;
}
#footer{
width:980px;
margin:0 auto;
padding:10px 0;
font-size:11px;
text-align:left;
}
#footer .footer_01{
width:180px;
margin:10px 20px 0 0;
float:left;
}
#footer .footer_02{
width:250px;
margin:10px 15px 0 0;
float:left;
}
#footer li{
color:#fff;
font-size:12px;
margin:3px 0
}
#footer li a{
color:#fff;
}
#footer .title_about{
background:url(https://gigaplus.makeshop.jp/jackgomme/images/JGLOGOFOOTER.gif)70px 0 no-repeat;
font-weight:bold;
color:#ffffff;
font-size:18px;
height:50px;
}
#footer .title{
font-weight:bold;
color:#ffffff;
font-size:18px;
height:50px;
}
#address{
text-align:center;
margin-top:300px;
color:#fff;
}
/* 店舗紹介
------------------------*/
#shop #shop_key{
background:url(https://gigaplus.makeshop.jp/jackgomme/images/shop_img.jpg) 0 0 no-repeat;
background-size: cover;
width:100%;
margin:0 0 3em 0;
}
#shop #shop_key ul{
padding:8em 0 2em 2em;
}
#shop #shop_key li a{
font-size:16px;
text-shadow:#8e7d65 0.1em 0.1em 0.3em;
color:#fff;
}
#shop #shop_key li a:hover{
color:#f05a24;
opacity:0.6;
}
#shop .clearfix{
width:100%;
height:250px;
overflow:hidden;
}
#shop .shop_info{
width:35.7%;
margin-right:2%;
float:left;
font-size:14px
}
#shop .txt_01{
border-bottom:#666666 1px solid;
width:100%;
max-height:8%
}
#shop .txt_02{
margin:1em 0;
}
#shop .gmap_logo a{
padding:0.2em;
background-color:#bababc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align:center;
font-size: 13px;
color:#fff;
}
#shop .gmap_logo a:hover{
background-color:#f05a24;
}
#shop .shop_map{
width:34.1%;
margin-right:2%;
float:left;
}
#shop .shop_map{
width:34.1%;
margin-right:2%;
float:left;
}
#shop .shop_photo{
width:26.2%;
float:left;
}
#shop .shop_map img,#shop .shop_photo img{
padding-top:20px;
height:215px;
width:100%;
}
#shop .top_btn{
width:100%;
text-align:right;
font-size:14px;
margin:1em 0 2em 0;
}
#shop .top_btn a{
color:#333;
}
#shop .top_btn a:hover{
color:#f05a24;
text-decoration:underline;
}
#shop #tamagawa .shop_info{
width:32%;
float:left;
padding-right:2%;
}
#shop h1{
font-size:14px;
font-weight: normal;
}
/* ショッピングガイド/個人情報取り扱い
------------------------*/
#guide{
text-align:left
}
#guide .txt14,#privacy .txt14{
margin:2em 0;
}
#gude_box {
margin:1em 0;
padding:1em;
background:#efecec;
overflow:hidden;
margin-bottom:4em;
}
#gude_box li{
float:left;
font-size:14px;
width:25%;
margin:0.5em 0;
text-align:center
}
#guide a{
color:#333;
text-decoration:underline;
}
#guide a:hover{
color:#f05a24;
text-decoration:underline;
}
#guide h2{
background:#efecec;
width:100%;
padding:0.5em;
font-size:14px;
margin-bottom:2em;
}
#guide dt,#privacy dt{
font-size:14px;
font-weight:bold;
border-bottom:dotted 1px #808080;
width:100%;
}
#guide dd,#privacy dd{
font-size:14px;
margin:1em 0 2em 0;
padding:0;
}
#guide .waku{
border:10px solid #efecec;
margin:1em 0;
overflow:hidden;
}
#guide .waku_s{
border:10px solid #efecec;
margin:1em 0;
padding:3px;
width:120px
}
#guide .waku .koza{
width:20%;
float:left;
background:#efecec;
font-weight:bold;
padding:5px
}
#guide .waku .bango{
padding:5px;
float:left
}
#guide .red{
color:#e62231;
}
#guide .g_list,#privacy .g_list{
margin:1em 0 2em 0;
}
#guide .g_list li,#privacy .g_list li{
padding-left:3px;
list-style-type:disc;
margin-left:15px;
}
#privacy{
text-align:left
}
/*------------------------*/
/* 会社情報
------------------------*/
.giayou {
background-color: #FFFFFF;
margin-top:30px;
}
.giayou th {
text-align: right;
padding: 20px;
color: #666666;
width: 70px;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
.giayou td {
padding: 20px;
background-color: #EBEBEB;
color: #666666;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
text-align:left;
}
/* 特定商取引
------------------------*/
#trading h2{
font-size:14px;
font-weight:bold;
border-bottom:dotted 1px #808080;
width:100%;
margin:30px 0 20px 0;
}
#trading .giayou th{
width:25%;
padding:10px;
}
#trading .giayou td{
padding:10px;
}
/* ブランドページ
------------------------*/
#brand_p .topimg{
width:100%;
}
#brand_p .topimg img{
max-width:100%;
}
#brand_p #page_brand{
overflow:hidden;
padding:50px 0 30px 100px;
}
#brand_p .page_brand01{
overflow:hidden;
padding:0px 0 30px 100px;
}
#brand_p .entry-contentContainer {
float: right;
width: 50%;
}
#brand_p .entry-contentContainer p{
font-size:14px;
padding:10px 0 0 38px;
color:#808080;
}
#brand_p .entry-contentContainer img{
width: 100%;
height: auto;
}
#brand_p .entry-thumbnail {
float: left;
width: 50%;
}
#brand_p .entry-thumbnail img {
width: 100%;
height: auto;
}
#brand_p .entry-thumbnail p {
font-size:14px;
padding:10px 38px 0 0;
color:#808080;
}
#brand_p .entry-contentContainer h1 {
padding:0 0 0 38px;
font-size: 16px;
border-bottom:#808080 1px solid;
width:100%
}
#brand_p .entry-thumbnail h1 {
font-size: 16px;
border-bottom:#808080 1px solid;
width:100%
}
#brand_p .mt50{
margin:50px 0;
}
#brand_p .resume_years{
padding:5px 0;
border-top:#9da796 1px dotted;
border-bottom:#9da796 1px dotted;
}
#brand_p .resume_txt{
margin:20px 0;
font-size:14px;
color:#808080;
}
.topBn li{
display:inline-block;
margin:5px 2px;
}
.topBn li img{
border:solid 1px #ccc;
}