/*
Theme Name: bebeimport
Version: 1.0.0
*/
@charset "UTF-8";
/*----------------------------------------------------
Reset
----------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)d
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
margin-left: 0;
margin-top: 0;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*----------------------------------------------------
Base
----------------------------------------------------*/
* {
box-sizing: border-box;
}
p {
text-justify: inter-ideograph;
}
html {
font-size: 62.5%;
}
body {
background: #fff;
-webkit-text-size-adjust: 100%;
font-family:"繝｡繧､繝ｪ繧ｪ",Meiryo,Meiryo UI,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Osaka�咲ｭ牙ｹ�","Osaka-Mono",Arial,Verdana,"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け",sans-serif;
}
@media screen and (min-width: 769px) {
body {
min-width: 1257px;
}
}
input, button, select, textarea {
font-family: inherit;
line-height: inherit;
font-size: inherit;
}
caption,
th {
text-align: left;
}
th {
vertical-align: top;
}
h1, h2, h3, h4, h5, h6, p, th, td, li, div {
color: #000;
font-size: 16px;
line-height: 1.7;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #666;
text-decoration: none;
}
img {
vertical-align: bottom;
}
@media screen and (max-width: 768px) {
img {
max-width: 100%;
}
}
/*----------------------------------------------------
Component
----------------------------------------------------*/
/* clearfix */
.clearfix {
clear: both;
zoom: 1;
}
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
@media screen and (min-width: 769px) {
.clearfix-pc {
clear: both;
zoom: 1;
}
.clearfix-pc:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
}
@media screen and (max-width: 768px) {
.clearfix-sp {
clear: both;
zoom: 1;
}
.clearfix-sp:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
}
/* animation */
.ani:before,
.rollover {
animation: horizontalY 0.5s ease-in-out infinite alternate;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.ani:hover:before,
.rollover:hover {
animation: horizontalY 0.2 ease-in-out infinite alternate;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
/* rollover */
.rollover:hover {
filter: alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
}
/* disable */
.disable {
cursor: default;
filter: alpha(opacity=50) !important;
-moz-opacity: 0.5 !important;
opacity: 0.5 !important;
}
/* fontstyle */
.mincho {
font-family: "繝偵Λ繧ｮ繝取�譛� Pro W6", "Hiragino Mincho Pro", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", serif;
}
/* pc/sp */
.bx-wrapper .pc,
.pc {
display: block;
}
.bx-wrapper .pc-i,
.pc-i {
display: inline;
}
.bx-wrapper .sp,
.bx-wrapper .sp-i,
.sp,
.sp-i {
display: none;
}
@media screen and (max-width: 768px) {
.bx-wrapper .pc,
.bx-wrapper .pc-i,
.pc,
.pc-i {
display: none;
}
.bx-wrapper .sp,
.sp {
display: block;
}
.bx-wrapper .sp-i,
.sp-i {
display: inline;
}
}
.percent1{width:1%;}.percent2{width:2%;}.percent3{width:3%;}.percent4{width:4%;}.percent5{width:5%;}.percent6{width:6%;}.percent7{width:7%;}.percent8{width:8%;}.percent9{width:9%;}.percent10{width:10%;}.percent11{width:11%;}.percent12{width:12%;}.percent13{width:13%;}.percent14{width:14%;}.percent15{width:15%;}.percent16{width:16%;}.percent17{width:17%;}.percent18{width:18%;}.percent19{width:19%;}.percent20{width:20%;}.percent21{width:21%;}.percent22{width:22%;}.percent23{width:23%;}.percent24{width:24%;}.percent25{width:25%;}.percent26{width:26%;}.percent27{width:27%;}.percent28{width:28%;}.percent29{width:29%;}.percent30{width:30%;}.percent31{width:31%;}.percent32{width:32%;}.percent33{width:33%;}.percent34{width:34%;}.percent35{width:35%;}.percent36{width:36%;}.percent37{width:37%;}.percent38{width:38%;}.percent39{width:39%;}.percent40{width:40%;}.percent41{width:41%;}.percent42{width:42%;}.percent43{width:43%;}.percent44{width:44%;}.percent45{width:45%;}.percent46{width:46%;}.percent47{width:47%;}.percent48{width:48%;}.percent49{width:49%;}.percent50{width:50%;}.percent51{width:51%;}.percent52{width:52%;}.percent53{width:53%;}.percent54{width:54%;}.percent55{width:55%;}.percent56{width:56%;}.percent57{width:57%;}.percent58{width:58%;}.percent59{width:59%;}.percent60{width:60%;}.percent61{width:61%;}.percent62{width:62%;}.percent63{width:63%;}.percent64{width:64%;}.percent65{width:65%;}.percent66{width:66%;}.percent67{width:67%;}.percent68{width:68%;}.percent69{width:69%;}.percent70{width:70%;}.percent71{width:71%;}.percent72{width:72%;}.percent73{width:73%;}.percent74{width:74%;}.percent75{width:75%;}.percent76{width:76%;}.percent77{width:77%;}.percent78{width:78%;}.percent79{width:79%;}.percent80{width:80%;}.percent81{width:81%;}.percent82{width:82%;}.percent83{width:83%;}.percent84{width:84%;}.percent85{width:85%;}.percent86{width:86%;}.percent87{width:87%;}.percent88{width:88%;}.percent89{width:89%;}.percent90{width:90%;}.percent91{width:91%;}.percent92{width:92%;}.percent93{width:93%;}.percent94{width:94%;}.percent95{width:95%;}.percent96{width:96%;}.percent97{width:97%;}.percent98{width:98%;}.percent99{width:99%;}.percent100{width:100%;}
@media screen and (min-width: 769px) {
.percent1-pc{width:1%;}.percent2-pc{width:2%;}.percent3-pc{width:3%;}.percent4-pc{width:4%;}.percent5-pc{width:5%;}.percent6-pc{width:6%;}.percent7-pc{width:7%;}.percent8-pc{width:8%;}.percent9-pc{width:9%;}.percent10-pc{width:10%;}.percent11-pc{width:11%;}.percent12-pc{width:12%;}.percent13-pc{width:13%;}.percent14-pc{width:14%;}.percent15-pc{width:15%;}.percent16-pc{width:16%;}.percent17-pc{width:17%;}.percent18-pc{width:18%;}.percent19-pc{width:19%;}.percent20-pc{width:20%;}.percent21-pc{width:21%;}.percent22-pc{width:22%;}.percent23-pc{width:23%;}.percent24-pc{width:24%;}.percent25-pc{width:25%;}.percent26-pc{width:26%;}.percent27-pc{width:27%;}.percent28-pc{width:28%;}.percent29-pc{width:29%;}.percent30-pc{width:30%;}.percent31-pc{width:31%;}.percent32-pc{width:32%;}.percent33-pc{width:33%;}.percent34-pc{width:34%;}.percent35-pc{width:35%;}.percent36-pc{width:36%;}.percent37-pc{width:37%;}.percent38-pc{width:38%;}.percent39-pc{width:39%;}.percent40-pc{width:40%;}.percent41-pc{width:41%;}.percent42-pc{width:42%;}.percent43-pc{width:43%;}.percent44-pc{width:44%;}.percent45-pc{width:45%;}.percent46-pc{width:46%;}.percent47-pc{width:47%;}.percent48-pc{width:48%;}.percent49-pc{width:49%;}.percent50-pc{width:50%;}.percent51-pc{width:51%;}.percent52-pc{width:52%;}.percent53-pc{width:53%;}.percent54-pc{width:54%;}.percent55-pc{width:55%;}.percent56-pc{width:56%;}.percent57-pc{width:57%;}.percent58-pc{width:58%;}.percent59-pc{width:59%;}.percent60-pc{width:60%;}.percent61-pc{width:61%;}.percent62-pc{width:62%;}.percent63-pc{width:63%;}.percent64-pc{width:64%;}.percent65-pc{width:65%;}.percent66-pc{width:66%;}.percent67-pc{width:67%;}.percent68-pc{width:68%;}.percent69-pc{width:69%;}.percent70-pc{width:70%;}.percent71-pc{width:71%;}.percent72-pc{width:72%;}.percent73-pc{width:73%;}.percent74-pc{width:74%;}.percent75-pc{width:75%;}.percent76-pc{width:76%;}.percent77-pc{width:77%;}.percent78-pc{width:78%;}.percent79-pc{width:79%;}.percent80-pc{width:80%;}.percent81-pc{width:81%;}.percent82-pc{width:82%;}.percent83-pc{width:83%;}.percent84-pc{width:84%;}.percent85-pc{width:85%;}.percent86-pc{width:86%;}.percent87-pc{width:87%;}.percent88-pc{width:88%;}.percent89-pc{width:89%;}.percent90-pc{width:90%;}.percent91-pc{width:91%;}.percent92-pc{width:92%;}.percent93-pc{width:93%;}.percent94-pc{width:94%;}.percent95-pc{width:95%;}.percent96-pc{width:96%;}.percent97-pc{width:97%;}.percent98-pc{width:98%;}.percent99-pc{width:99%;}.percent100-pc{width:100%;}
}
@media screen and (max-width: 768px) {
.percent1-sp{width:1%;}.percent2-sp{width:2%;}.percent3-sp{width:3%;}.percent4-sp{width:4%;}.percent5-sp{width:5%;}.percent6-sp{width:6%;}.percent7-sp{width:7%;}.percent8-sp{width:8%;}.percent9-sp{width:9%;}.percent10-sp{width:10%;}.percent11-sp{width:11%;}.percent12-sp{width:12%;}.percent13-sp{width:13%;}.percent14-sp{width:14%;}.percent15-sp{width:15%;}.percent16-sp{width:16%;}.percent17-sp{width:17%;}.percent18-sp{width:18%;}.percent19-sp{width:19%;}.percent20-sp{width:20%;}.percent21-sp{width:21%;}.percent22-sp{width:22%;}.percent23-sp{width:23%;}.percent24-sp{width:24%;}.percent25-sp{width:25%;}.percent26-sp{width:26%;}.percent27-sp{width:27%;}.percent28-sp{width:28%;}.percent29-sp{width:29%;}.percent30-sp{width:30%;}.percent31-sp{width:31%;}.percent32-sp{width:32%;}.percent33-sp{width:33%;}.percent34-sp{width:34%;}.percent35-sp{width:35%;}.percent36-sp{width:36%;}.percent37-sp{width:37%;}.percent38-sp{width:38%;}.percent39-sp{width:39%;}.percent40-sp{width:40%;}.percent41-sp{width:41%;}.percent42-sp{width:42%;}.percent43-sp{width:43%;}.percent44-sp{width:44%;}.percent45-sp{width:45%;}.percent46-sp{width:46%;}.percent47-sp{width:47%;}.percent48-sp{width:48%;}.percent49-sp{width:49%;}.percent50-sp{width:50%;}.percent51-sp{width:51%;}.percent52-sp{width:52%;}.percent53-sp{width:53%;}.percent54-sp{width:54%;}.percent55-sp{width:55%;}.percent56-sp{width:56%;}.percent57-sp{width:57%;}.percent58-sp{width:58%;}.percent59-sp{width:59%;}.percent60-sp{width:60%;}.percent61-sp{width:61%;}.percent62-sp{width:62%;}.percent63-sp{width:63%;}.percent64-sp{width:64%;}.percent65-sp{width:65%;}.percent66-sp{width:66%;}.percent67-sp{width:67%;}.percent68-sp{width:68%;}.percent69-sp{width:69%;}.percent70-sp{width:70%;}.percent71-sp{width:71%;}.percent72-sp{width:72%;}.percent73-sp{width:73%;}.percent74-sp{width:74%;}.percent75-sp{width:75%;}.percent76-sp{width:76%;}.percent77-sp{width:77%;}.percent78-sp{width:78%;}.percent79-sp{width:79%;}.percent80-sp{width:80%;}.percent81-sp{width:81%;}.percent82-sp{width:82%;}.percent83-sp{width:83%;}.percent84-sp{width:84%;}.percent85-sp{width:85%;}.percent86-sp{width:86%;}.percent87-sp{width:87%;}.percent88-sp{width:88%;}.percent89-sp{width:89%;}.percent90-sp{width:90%;}.percent91-sp{width:91%;}.percent92-sp{width:92%;}.percent93-sp{width:93%;}.percent94-sp{width:94%;}.percent95-sp{width:95%;}.percent96-sp{width:96%;}.percent97-sp{width:97%;}.percent98-sp{width:98%;}.percent99-sp{width:99%;}.percent100-sp{width:100%;}
}
/*----------------------------------------------------
header
----------------------------------------------------*/
.b-header {
background: url(/wp-content/themes/bebeimport/img/header-bg1.png) repeat-x center top;
background: linear-gradient(0deg, rgba(254,254,254,.9), rgba(254,254,254,.2)) ,url(/wp-content/themes/bebeimport/img/header-bg1.png) repeat-x center top;
}
.b-header-in {
background: url(/wp-content/themes/bebeimport/img/header-bg2.png) no-repeat center top;
margin: 0 auto;
position: relative;
width: 1180px;
}
.b-header-h1 {
color: #715201;
font-size: 1.2rem;
position: absolute;
top: 40px;
right: 0;
text-align: center;
width: 395px;
}
.b-header-logo {
float: left;
padding-bottom: 20px;
padding-top: 25px;
text-align: right;
width: 752px;
}
.b-header-info {
float: right;
padding-top: 65px;
width: 305px;
}
.b-header-tel-title {
color: #715201;
font-size: 15px;
line-height: 1;
margin-bottom: 5px;
}
.b-header-tel {
margin-bottom: 7px;
}
.b-header-tel-time {
color: #715201;
font-size: 13px;
line-height: 1;
}
.b-header-menu-toggle {
display: none;
}
.b-header-search {
display: none;
}
.b-header-menu {
display: none;
}
@media screen and (max-width: 768px) {
.b-header {
background-color: #fff;
border-bottom: 1px solid #999;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.b-header-in {
background: transparent;
padding: 10px;
width: 100%;
}
.b-header-h1 {
font-size: 1rem;
left: 35%;
top: 2px;
text-align: left;
width: 65%;
}
.b-header-logo {
float: none;
padding-bottom: 0;
padding-top: 0;
text-align: left;
width: 30%;
}
.b-header-logo img {
max-height: 40px;
}
.b-header-info {
display: none;
}
.b-header-menu-toggle {
display: block;
font-size: 24px;
line-height: 40px;
height: 40px;
position: absolute;
right: 0;
top: 10px;
text-align: center;
width: 40px;
}
.b-header-search {
display: block;
margin-top: -15px;
padding-right: 40px;
position: absolute;
left: 35%;
top: 60%;
width: 65%;
}
.b-header-search td:first-child {
padding-right: 8px;
}
.b-header-search input[type="text"] {
height: 30px;
width: 100%;
}
.b-header-search input[type="submit"] {
background: url(img/btn-search.png) no-repeat center center;
background-size: 100% auto;
border: 0;
box-shadow: none;
height: auto;
position: absolute;
right: 60px;
top: 0px;
text-indent: -9999px;
width: 20px;
}
.b-header-menu {
background: #fff;
position: absolute;
left: 0;
top: 60px;
width: 100%;
}
.b-header-menu a {
border-top: 1px solid #999;
display: block;
padding: 15px;
}
}
/*----------------------------------------------------
main menu
----------------------------------------------------*/
.b-main-menu-in {
margin: 0 auto;
width: 1122px;
}
.b-main-menu img {
max-width: 100%;
}
.b-main-menu-title {
margin-bottom: 10px;
}
.b-main-menu-toggle {
display: none;
}
.b-main-menu-list ul {
margin: 0 -5px;
}
.b-main-menu-list li {
float: left;
margin: 0 5px 10px;
width: 103px;
}
.b-main-menu-list2 ul {
margin: 0 -5px;
}
.b-main-menu-list2 li {
float: left;
margin: 0 5px 10px;
width: 367px;
}
@media screen and (max-width: 768px) {
.b-main-menu {
padding-bottom: 20px;
padding-top: 80px;
}
.b-top .b-main-menu {
padding-top: 60px;
}
.b-main-menu-in {
width: 100%;
}
.b-main-menu-title {
display: none;
}
.b-main-menu-toggle {
display: block;
text-align: center;
}
.b-main-menu-toggle span {
border: 1px solid #ccc;
border-radius: 10px;
display: inline-block;
padding: 10px;
position: relative;
text-align: center;
width: 83%;
}
.b-main-menu-toggle span:after {
content: '>';
position: absolute;
right: 20px;
top: 10px;
transform: rotate( 90deg );
}
.b-main-menu-wrap {
display: none;
padding-top: 20px;
}
.b-main-menu-list ul {
margin: 0;
text-align: center;
}
.b-main-menu-list li {
float: none;
display: inline-block;
margin: 0;
padding: 0 5px 10px;
}
.b-main-menu-list2 ul {
margin: 0;
}
.b-main-menu-list2 li {
float: left;
margin: 0;
padding: 0 5px 10px;
}
}
/*----------------------------------------------------
main visual
----------------------------------------------------*/
.b-main-visual {
padding-top: 5px;
}
.b-main-visual .bx-wrapper .bx-viewport {
border: 0;
box-shadow: none;
left: 0;
}
.b-main-visual .bx-wrapper .bx-pager {
bottom: -40px;
}
@media screen and (max-width: 768px) {
.b-main-visual {
padding-top: 80px;
}
.b-main-visual .bx-wrapper {
margin-bottom: 0;
}
}
/*----------------------------------------------------
header-banner
----------------------------------------------------*/
.b-header-banner-in {
margin: 0 auto;
padding-top: 30px;
width: 1034px;
}
.b-header-banner img {
max-width: 100%;
}
.b-header-banner ul {
margin: 0 -10px;
}
.b-header-banner li {
float: left;
margin: 0 19px;
width: 320px;
}
@media screen and (max-width: 768px) {
.b-header-banner-in {
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.b-header-banner ul {
margin: 0;
}
.b-header-banner li {
float: none;
margin: 10px 0 0;
padding: 0;
text-align: center;
width: 100%;
}
.b-header-banner li:first-child {
margin-top: 0;
}
}
/*----------------------------------------------------
header-banner
----------------------------------------------------*/
.b-header-banner2-in {
margin: 0 auto;
padding-top: 20px;
width: 1034px;
}
.b-header-banner2 img {
max-width: 100%;
}
@media screen and (max-width: 768px) {
.b-header-banner2-in {
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
}
/*----------------------------------------------------
contents
----------------------------------------------------*/
.b-contents-in {
margin: 0 auto;
padding-top: 45px;
width: 1122px;
}
.b-main {
float: right;
width: 850px;
}
.b-side {
float: left;
width: 253px;
}
@media screen and (max-width: 768px) {
.b-contents-in {
width: 100%;
}
.b-main {
float: none;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.b-side {
float: none;
padding: 40px 20px 0;
width: 100%;
}
}
/*----------------------------------------------------
side
----------------------------------------------------*/
.b-side-banner,
.b-side-content {
margin-bottom: 25px;
}
/* title */
.b-side-title {
background: #F4F4F4;
color: #333;
font-size: 16px;
font-weight: bold;
padding: 8px 12px;
position: relative;
}
.b-side-icon {
position: absolute;
right: 12px;
bottom: 1px;
}
/* banner */
.b-side-banner img {
max-width: 100%;
}
.b-side-banner li {
margin-top: 15px;
}
.b-side-banner li:first-child {
margin-top: 0;
}
/* search */
.b-side-search td:first-child {
padding-right: 8px;
}
.b-side-search input[type="text"] {
width: 220px;
}
.b-side-search input[type="submit"] {
background: url(img/btn-search.png) no-repeat center center;
border: 0;
box-shadow: none;
height: 33px;
width: 34px;
text-indent: -9999px;
}
/* cat */
.b-side-cat-main {
margin-left: 18px;
margin-top: 30px;
}
.b-side-cat-main > li {
margin-top: 40px;
}
.b-side-cat-main > li > a {
font-size: 14px;
font-weight: bold;
}
.b-side-cat-main > li:first-child {
margin-top: 0;
}
.b-side-cat-sub {
margin-left: 34px;
}
.b-side-cat-sub > li {
margin-top: 20px;
}
.b-side-cat-sub > li > a {
font-size: 13px;
}
@media screen and (max-width: 768px) {
/* title */
/* banner */
.b-side-banner li {
text-align: center;
}
/* search */
.b-side-search {
display: none;
}
.b-side-cat-main {
display: none;
}
}
/*----------------------------------------------------
pagetop
----------------------------------------------------*/
.b-pagetop {
margin: 0 auto;
text-align: right;
width: 1122px;
}
.b-pagetop img {
vertical-align: bottom;
}
@media screen and (max-width: 768px) {
.b-pagetop {
background: #8D7E72;
padding: 0 20px;
text-align: center;
width: 100%;
}
}
/*----------------------------------------------------
footer
----------------------------------------------------*/
.b-footer {
background: #F9F9F9;
}
.b-footer-in {
margin: 0 auto;
padding: 45px 0 20px;
width: 1060px;
}
/* head */
.b-footer-head {
margin-bottom: 35px;
}
.b-footer-logo {
float: left;
width: 412px;
}
.b-footer-sns {
float: right;
padding-top: 30px;
width: 90px;
}
.b-footer-sns img {
vertical-align: top;
width: 40px;
}
.b-footer-sns li {
display: inline-block;
margin-left: 10px;
}
.b-footer-sns li:first-child {
margin-left: 0;
}
/* menu */
.b-footer-menus {
margin-bottom: 55px;
}
.b-footer-menu a {
color: #656766;
font-size: 13px;
}
.b-footer-menu li {
line-height: 1.3;
}
.b-footer-menu > ul {
float: left;
width: 25%;
}
.b-footer-menu > ul > li {
margin-top: 10px;
}
.b-footer-menu > ul > li:first-child {
margin-top: 0;
}
.b-footer-menu > ul > li > a {
background: url(img/icon-arrow.png) no-repeat left center;
display: inline-block;
padding-left: 20px;
}
.b-footer-submenu {
margin-left: 25px;
}
.b-footer-submenu li {
margin-top: 10px;
}
.b-footer-submenu a:before {
content: '繝ｻ';
}
/* copyright */
.b-copyright {
color: #656766;
font-size: 12px;
text-align: center;
}
@media screen and (max-width: 768px) {
.b-footer-in {
width: 100%;
}
/* head */
.b-footer-logo {
float: none;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.b-footer-sns {
float: none;
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
.b-footer-sns ul {
text-align: center;
}
.b-footer-sns li {
margin-left: 0;
padding: 0 10px;
}
/* menu */
.b-footer-menu > ul {
float: none;
width: 100%;
}
.b-footer-menu > ul > li {
margin-top: 0;
}
.b-footer-menu > ul > li a {
background-position: 10px center;
border-top: 1px solid #666;
display: block;
padding: 10px 10px 10px 30px;
}
.b-footer-submenu {
margin-left: 0;
}
.b-footer-submenu li {
margin-top: 0;
}
}
/*----------------------------------------------------
section
----------------------------------------------------*/
.section-each img {
height: auto;
max-width: 100%;
}
/* title */
.section-title {
background-color: #d5a95c;
color: #fff;
font-size: 18px;
margin-bottom: 15px;
padding: 5px 10px;
}
/* text */
.section-text {
font-size: 16px;
padding-bottom: 25px;
}
/* editor */
.section-editor {
padding-bottom: 40px;
}
.b-side .section-editor {
margin-top: 15px;
padding-bottom: 0;
}
.section-editor .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.section-editor .alignleft {
float: left;
}
.section-editor .alignright {
float: right;
}
.section-editor h1 {
font-size: 2.4rem;
font-weight: bold;
}
.section-editor h2 {
font-size: 2.1rem;
font-weight: bold;
}
.section-editor h3 {
font-size: 1.8rem;
font-weight: bold;
}
.section-editor h4 {
font-size: 1.6rem;
font-weight: bold;
}
.section-editor h5 {
font-size: 1.4rem;
font-weight: bold;
}
.section-editor h6 {
font-size: 1.3rem;
font-weight: bold;
}
.section-editor p {
font-size: 1.4rem;
margin-bottom: 20px;
}
.section-editor th,
.section-editor td {
font-size: 1.4rem;
}
.section-editor table {
max-width: 100%;
}
.section-editor td {
vertical-align: top;
}
.section-editor strong {
font-weight: bold;
}
.section-editor em {
font-style: italic;
}
.section-editor ul {
list-style: disc;
}
.section-editor ol {
list-style: decimal;
}
.section-editor li {
list-style-position: inside;
}
.section-editor img {
height: auto !important;
}
/* row */
.section-row {
margin: 0 -10px;
}
.section-row-each {
float: left;
padding: 0 10px 20px;
word-wrap:break-word
}
.section-row .section-title {
margin-bottom: 0;
}
.section-row .section-text {
padding-bottom: 0;
}
.section-row .section-editor {
padding-bottom: 0;
}
.section-row .section-img {
padding-bottom: 0;
}
.section-row .section-each .section-banner {
padding-bottom: 0;
}
.section-row .section-table {
padding-bottom: 0;
}
/* image */
.section-img {
padding-bottom: 30px;
}
/* banner */
.section-each .section-banner {
padding-bottom: 30px;
}
.section-each .section-banner li {
padding-top: 10px;
}
.section-each .section-banner li:first-child {
padding-top: 0;
}
/* table */
.section-table {
padding-bottom: 40px;
}
.section-table table {
width: 100%;
}
.section-table th {
background-color: #f8f5ee;
border: 1px solid #c8c3be;
color: #666;
padding: 10px;
width: 100px;
}
.section-table td {
border: 1px solid #c8c3be;
color: #666;
padding: 10px 5px;
}
@media screen and (max-width: 768px) {
.section-table th {
border-bottom: 0;
box-sizing: border-box;
display: block;
width: 100%;
}
.section-table td {
box-sizing: border-box;
display: block;
margin-bottom: 30px;
width: 100%;
}
}
/* instagram */
.section-instagram {
margin: 0 -5px;
padding-bottom: 40px;
}
.section-instagram li {
float: left;
padding: 0 5px 10px;
}
.section-instagram li img {
max-width: 100%;
}
.section-instagram-more {
text-align: center;
}
.section-instagram-more a {
background: #333;
color: #fff;
display: inline-block;
padding: 10px 20px;
}
.section-instagram-row-pc2 li { width: 50%; }
.section-instagram-row-pc3 li { width: 33.33333333333333%; }
.section-instagram-row-pc4 li { width: 25%; }
.section-instagram-row-pc5 li { width: 20%; }
.section-instagram-row-pc6 li { width: 16.66666666666667%; }
.section-instagram-row-pc7 li { width: 14.28571428571429%; }
.section-instagram-row-pc8 li { width: 12.5%; }
.section-instagram-row-pc9 li { width: 11.11111111111111%; }
@media screen and (max-width: 768px) {
.section-instagram-row-sp2 li { width: 50%; }
.section-instagram-row-sp3 li { width: 33.33333333333333%; }
.section-instagram-row-sp4 li { width: 25%; }
.section-instagram-row-sp5 li { width: 20%; }
.section-instagram-row-sp6 li { width: 16.66666666666667%; }
.section-instagram-row-sp7 li { width: 14.28571428571429%; }
.section-instagram-row-sp8 li { width: 12.5%; }
.section-instagram-row-sp9 li { width: 11.11111111111111%; }
}
/*----------------------------------------------------
contact-form
----------------------------------------------------*/
.contact-form {
padding: 0 10px;
}
.contact-form th {
font-size: 1.4rem;
padding-right: 25px;
padding-bottom: 40px;
white-space: nowrap;
}
.contact-form td {
font-size: 1.4rem;
padding-bottom: 30px;
width: 700px;
}
.contact-form .hissu:after {
color: #f00;
content: "窶ｻ";
font-weight: bold;
display: inline-block;
font-size: 1em;
margin-left: 5px;
}
.contact-hissu {
color: #f00;
}
.contact-form [type="text"],
.contact-form [type="tel"],
.contact-form [type="email"],
.contact-form textarea {
border: 1px solid #999;
display: inline-block;
margin-bottom: 3px;
margin-top: 3px;
padding: 5px 15px;
width: 100%;
}
.contact-form [class*="form-size-"] {
display: inline-block;
margin-right: 5px;
}
.contact-form .form-size-1 { width: 8.33333333%; }
.contact-form .form-size-2 { width: 16.66666667%; }
.contact-form .form-size-3 { width: 25.00000000%; }
.contact-form .form-size-4 { width: 33.33333333%; }
.contact-form .form-size-5 { width: 41.66666667%; }
.contact-form .form-size-6 { width: 50.00000000%; }
.contact-form .form-size-7 { width: 58.33333333%; }
.contact-form .form-size-8 { width: 66.66666667%; }
.contact-form .form-size-9 { width: 75.00000000%; }
.contact-form .form-size-10 { width: 83.33333333%; }
.contact-form .form-size-11 { width: 91.66666667%; }
.contact-form .form-size-12 { width: 100.00000000%; }
.contact-form .scroll-target {
position: relative;
top: -300px;
}
.form-confirm-msg {
border: 5px double #8D7E72;
display: none;
margin-bottom: 20px;
padding: 10px;
}
.form-ok-msg {
border: 5px double #8D7E72;
margin-bottom: 20px;
padding: 10px;
}
div.wpcf7-validation-errors {
border-color: #B01F24;
}
div.wpcf7-mail-sent-ok {
border-color: #8D7E72 !important;
}
/* CF7繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ繧堤ｸｦ荳ｦ縺ｳ縺ｫ */
span.wpcf7-list-item {
display: block;
}
/* contact-form2 */
.contact-form2 {
width: 100%;
}
.contact-form2 td {
text-align: center;
}
.contact-form2 input[type="button"],
.contact-form2 input[type="submit"] {
-webkit-appearance: none;
background: #d5a95c;
border: 0;
border-radius: 10px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 19px;
font-weight: bold;
height: 50px;
line-height: 50px;
margin: 0 5px;
text-align: center;
width: 211px;
}
.contact-form2 input[type="submit"][disabled="disabled"] {
background: #ccc;
cursor: default;
}
/* remark */
.contact-remark {
font-size: 12px;
padding-top: 100px;
}
@media screen and (max-width: 768px) {
/* contact-form */
.contact-form {
margin-top: 25px;
}
.contact-form th {
display: block;
font-size: 14px;
padding-right: 0;
padding-bottom: 10px;
}
.contact-form td {
display: block;
font-size: 13px;
padding-bottom: 20px;
width: 100%;
}
.contact-form [class*="form-size-"] {
margin-right: 0;
}
.contact-form .form-size-1 { width: 100.00000000%; }
.contact-form .form-size-2 { width: 100.00000000%; }
.contact-form .form-size-3 { width: 100.00000000%; }
.contact-form .form-size-4 { width: 100.00000000%; }
.contact-form .form-size-5 { width: 100.00000000%; }
.contact-form .form-size-6 { width: 100.00000000%; }
.contact-form .form-size-7 { width: 100.00000000%; }
.contact-form .form-size-8 { width: 100.00000000%; }
.contact-form .form-size-9 { width: 100.00000000%; }
.contact-form .form-size-10 { width: 100.00000000%; }
.contact-form .form-size-11 { width: 100.00000000%; }
.contact-form .form-size-12 { width: 100.00000000%; }
.contact-form .form-s-size-1 { width: 8.33333333%; }
.contact-form .form-s-size-2 { width: 16.66666667%; }
.contact-form .form-s-size-3 { width: 25.00000000%; }
.contact-form .form-s-size-4 { width: 33.33333333%; }
.contact-form .form-s-size-5 { width: 41.66666667%; }
.contact-form .form-s-size-6 { width: 50.00000000%; }
.contact-form .form-s-size-7 { width: 58.33333333%; }
.contact-form .form-s-size-8 { width: 66.66666667%; }
.contact-form .form-s-size-9 { width: 75.00000000%; }
.contact-form .form-s-size-10 { width: 83.33333333%; }
.contact-form .form-s-size-11 { width: 91.66666667%; }
.contact-form .form-s-size-12 { width: 100.00000000%; }
/* contact-form2 */
.contact-form2 {
margin-top: 20px;
}
.contact-form2 input[type="button"],
.contact-form2 input[type="submit"] {
width: 40%;
}
/* remark */
.contact-remark {
padding-top: 30px;
}
}
/*----------------------------------------------------
copy
----------------------------------------------------*/
.admin-copy-box {
border: 1px solid #bbb;
margin-bottom: 60px;
padding: 20px;
}
.admin-copy-box textarea {
height: 50px;
resize: vertical;
width: 100%;
}
.admin-copy-title {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.admin-copy-text {
font-size: 14px;
}
.admin-copy {
background: #333;
border: 1px solid #bbb;
border-bottom: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 13px;
margin-top: 20px;
padding: 3px 5px;
}
.admin-copy-remark {
font-size: 12px;
text-align: right;
}
/*----------------------------------------------------
fs
----------------------------------------------------*/
/*----------------------------------------------------
logout
----------------------------------------------------*/
.b-shop-logout {
padding-bottom: 20px;
text-align: right;
}
.b-shop-logout a {
background: #333;
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 1;
padding: 5px 10px;
}
/*----------------------------------------------------
contents
----------------------------------------------------*/
.layout_table {
margin: 45px auto 0;
width: 1122px;
}
td.layout_content {
padding-left: 20px;
}
/*----------------------------------------------------
繧ｫ繝�ざ繝ｪ繝ｼ荳隕ｧ
----------------------------------------------------*/
.pager img {
vertical-align: middle;
}
.FS2_TweetButton_area > iframe,
.FS2_TweetButton_area > #fb-root{
display: inline-block;
}
/*----------------------------------------------------
蝠�刀隧ｳ邏ｰ
----------------------------------------------------*/
.details {
border-bottom: 0 !important;
border-collapse: separate;
margin-bottom: 20px;
}
.FS2_ItemComment {
padding-bottom: 20px;
}
/* utility */
.utility {
margin-bottom: 20px !important;
}
.welcome {
line-height: 4;
}
.item li,
.login li {
line-height: 2;
}
.FS2_figure_table_td_cart_btn input {
height: 33px;
margin-left: 10px;
}
.FS2_point {
margin-bottom: 10px;
}
/*----------------------------------------------------
迚ｹ螳壼膚蜿門ｼ墓ｳ輔↓蝓ｺ縺･縺剰｡ｨ遉ｺ
----------------------------------------------------*/
.pageTitle {
}
.CrossHead {
margin-bottom: 15px;
}