@charset "UTF-8";

/* nav hover
----------------------------------------- */
#nav > .current > a {
border-bottom: 5px solid rgba(246,122,105,1);
}
#nav > .current > a:hover {
border-bottom: 5px solid rgba(246,122,105,1);
}

/* general base
----------------------------------------- */
#mainImg {
margin-bottom: 1.5em;
}
#mainImg .wrap {
text-align: center;
}

#mainLogo {
margin-bottom: 100px;
position: relative;
}
#mainLogo::before {
content: "";
width: 100%;
height: 40px;
position: absolute;
bottom: -40px;
left: 0;
background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(255,255,255,0) 100%);
}
.pageTitle {
margin: 0 auto 3em auto;
width: 100%;
display: block;
border-bottom: 1px solid #595757;
}

section .wrap {
width: 100%;
display: inline-block;
}

section h3 {
margin-bottom: 1em;
font-size: 1.5rem;
text-align: center;
}
section h4 {
margin-bottom: 1.5em;
text-align: left;
border-bottom: 1px solid #040000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section h5 {
margin-bottom: 0.5em;
}

.red {
color: #8e1201;
}

/* figure
----------------------------------------- */
section figure {
margin-bottom: 2em;
display: inline-block;
}
section figure:last-child {
margin-bottom: 0;
}
section figcaption {
position: relative;
display: inline-block;
text-align: justify;
vertical-align: top;
}
section figcaption h4 {
margin-bottom: 0.5em;
border-bottom: 1px solid #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.3rem;
}
section figure img {
display: inline-block;
}
section figcaption a {
padding-right: 1em;
position: relative;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section figcaption a:hover {
background: #8cc63f;
text-decoration: none;
-moz-transition: .3s all;
-webkit-transition: .3s all;
transition: .3s all;
}
section figcaption a::before {
font-family: "FontAwesome";
content: '\f101';
position: absolute;
top: -1px;
right: 0;
font-size: 1.2rem;
}


/* section address
----------------------------------------- */
section address em {
margin-bottom: 1em;
font-size: 1.2rem;
font-style: normal;
}
section .shopOverview dt {
font-weight: normal;
}

/* table (dl List)
----------------------------------------- */
.detail {
width: 100%;
border-collapse: separate;
border-spacing: 0.5em;
}
.detail th, .detail td {
padding: 0.5em 0;
border-bottom: 1px solid #b3b3b3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.detail th span, .detail th p,
.detail td span, .detail td p {
padding: 0 0 0 1em;
vertical-align: top;
}
.detail th {
width: 30%;
font-weight: normal;
text-align: center;
}
.detail td {
border-left: 1px solid #b3b3b3;
}

/* Blog
----------------------------------------- */

.Blog .postList {
width: 100%;
display: table;
border-bottom: 1px solid #808080;
}
.Blog .postList:nth-last-of-type(n+2) {
margin-bottom: 2em;
}
.Blog .postList .date .time {
display: table-cell;
}
.Blog .postList .date .time span {
margin-right: 1em;
display: block;
}
.Blog .postList .date .category {
display: table-cell;
}
.Blog .postList .date .category a {
padding-right: 0.5em;
padding-left: 0.5em;
display: inline-block;
color: #231815;
font-size: 0.8rem;
border: 1px solid #231815;
vertical-align: top;
}
.Blog .postList .date .category a:hover {
text-decoration: none;
}
.Blog .postList .thume {
padding-right: 1.5em;
width: 20%;
display: table-cell;
vertical-align: top;
}
.Blog .postList .thume a {
width: 100%;
display: block;
}
.Blog .postList .thume .eyeCatch {
width: 100%;
}
.Blog .postList .dateWrap {
display: table-cell;
width: 80%;
}
.Blog .postList .dateWrap h3 {
text-align: left;
}
.Blog .postList .dateWrap .blogContents .more {
text-align: right;
}
.Blog .postList .dateWrap .blogContents .more a {
padding: 0 2em;
color: #231815;
display: inline-block;
background: #efefef;
text-decoration: none;
}
.Blog .postList .dateWrap .blogContents .more a:hover {
background: rgba(239,239,239,0.6);
}

.Blog .archiveTitle {
margin-bottom: 1em;
font-size: 1.4rem;
}

.Blog #mainImg h2 {
padding-top: 0.3em;
padding-bottom: 0.3em;
font-family: 'ヒラギノ角ゴシック W0', 'Hiragino Kaku Gothic Pro W0', 'HiraKakuPro-W0' , sans-serif;
font-weight: bold;
font-style: italic;
color: #ffffff;
font-size: 2.5rem;
}

.postDetail .meta .category a {
padding-right: 1.5em;
padding-left: 1.5em;
display: inline-block;
background: rgba(142,18,1,0.2);
border-radius: 20px;
}
.postDetail .meta .category a:hover {
color: #ffffff;
background: rgba(142,18,1,1);
}




/* Blog Single Page
------------------------------ */
.Blog .postNavi {
margin-top: 3em;
padding-top: 1em;
border-top: 1px solid #231815;
}
.postDetailWrap header {
margin-bottom: 1.5em;
border-bottom: 1px solid #231815;
}
.postDetailWrap header h3 {
font-size: 1.5rem;
}
.Blog .eye-catch {
margin-bottom: 1em;
}

/* Blog sideCol
------------------------------ */
.twoCol #sideCol .widget {
margin-bottom: 2em;
}
.twoCol #sideCol .widget:last-of-type {
margin-bottom: 0;
}
.twoCol #sideCol h2 {
display: block;
text-align: left;
}

/* Blog Archive List
------------------------------ */
.twoCol #sideCol .widget {
margin-right: 2.5em;
margin-left: 2.5em;
}
.twoCol #sideCol .widget h2 {
margin-bottom: 0.3em;
padding-left: 0.5em;
border-left: 10px solid #8e1201;
}

.twoCol #sideCol li {
text-align: left;
}


/* Blog Calendar
------------------------------ */
.twoCol #sideCol {
text-align: center;
}
.blogCalendar {
padding-right: 1em;
padding-left: 1em;
display: inline-block;
border: 1px solid #808080;
}
.blogCalendar tbody {
margin-top: 0.5em;
margin-bottom: 0.5em;
display: inline-block;
text-align: center;
}
.blogCalendar .month {
height: 1.5em;
}
.blogCalendar .month span {
display: inline-block;
}
.blogCalendar .month span  a {
font-weight: normal;
background: none;
border-bottom: none;
}
.blogCalendar .month .more {
margin-right: 0.5em;
margin-left: 0.5em;
}
.blogCalendar th {
padding: 3px;
font-weight: bold;
}
.blogCalendar th, 
.blogCalendar td {
text-align: center;
letter-spacing: -1px;
}
.blogCalendar tr:nth-child(2) {
border-bottom: 1px solid #808080;
}
.blogCalendar .sunday {
color: #8e1201;
}
.blogCalendar .saturday {
color: #01388f;
}
.blogCalendar tr td > span {
margin:  3px;
display: block;
}
.blogCalendar td span a {
display: block;
color: #8e1201;
font-weight: bold;
}


/* company
----------------------------------------- */
#Company #sec01 h3 {
margin-bottom: 1em;
border-bottom: 1px solid #595757;
}
#Company #sec02 > section {
margin-bottom: 7em;
}
#Company #sec02 section > section {
margin-bottom: 4em;
}
#Company #sec02 > section h3 {
padding: 0.5em 0;
display: none;
position: relative;
color: #595757;
text-align: center;
letter-spacing: 0.3em;
}
#Company #sec02 > section h3::before {
content: "";
width: 100%;
height: 5px;
display: none;
position: absolute;
bottom: 0;
left: 0;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 50%,rgba(255,255,255,1) 100%);
}
#Company #sec02 h4 {
width: 100%;
font-family: verdana,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-weight: normal;
}
h4 .storeName {
letter-spacing: 0.3em;
}
#Company .capImgBox h4 {
margin-bottom: 0.5em;
color: #8e1201;
border-bottom: 0;
font-size: 1.2rem;
}
#Company .capImgBox .comment .sign {
display: block;
text-align: right;
}

#Company #sec01 .company {
margin-bottom: 5em;
}

#Company #sec01 .company dt span {
text-align: center;
letter-spacing: 0.2em;
}
#Company #sec01 .company dt span,
#Company #sec01 .company dd span {
padding: 0.3em;
display: block;
}
#Company #sec01 .office {
margin-bottom: 3em;
}
#Company #sec01 .office dt {
margin-right: 1em;
padding-right: 1em;
padding-left: 1.2em;
display: inline-block;
position: relative;
line-height: 1;
-webkit-transform: skewX(150deg);
-moz-transform: skewX(150deg);
transform: skewX(150deg);
border-right: 1px solid #040000;
}
#Company #sec01 .office dt::before {
content: "■";
position: absolute;
bottom: 0;
left: 0;
-webkit-transform: skewX(-150deg);
-moz-transform: skewX(-150deg);
transform: skewX(-150deg);
}
#Company #sec01 .office dt span {
display: block;
-webkit-transform: skewX(-150deg);
-moz-transform: skewX(-150deg);
transform: skewX(-150deg);
font-weight: normal;
}
#Company #sec01 .office dd span {
margin-right: 0.5em;
}
#Company #sec01 .office dd {
font-weight: normal;
}

/* construction
----------------------------------------- */
#Construction section header {
margin-bottom: 2em;
width: 100%;
display: inline-block;
font-family: a-otf-ryumin-pr6n, "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
#Construction section header p {
display: block;
color: #ffffff;
font-size: 1.6rem;
word-break: keep-all;
}
#Construction #sec01 {
margin-bottom: 5em;
}
#Construction #sec01 h3 {
margin-bottom: 0.5em;
display: block;
color: #ffffff;
text-align: left;
font-size: 1.3rem;
}
#Construction #sec01 h3 span {
margin-right: 1em;
margin-left: 1em;
display: inline-block;
}
#Construction #sec01 > h3:last-of-type {
margin-top: 2em;
}
#Construction #sec02 h3 {
border-bottom: 1px solid #040000;
}

#Construction #sec02 h4 {
padding: 0.5em 0 0.5em 0.5em; 
position: relative;
display: block;
background: #f5f5f5;
border-bottom: 0;
}
#Construction #sec02 h4 span {
margin-left: 1.3em;
}
#Construction #sec02 h4 span::before {
content: "■";
position: absolute;
left: 0.5em;
top: 0;
font-size: 1.5rem;
}
#Construction #sec02 h5 {
position: relative;
border-bottom: 1px solid #040000;
}
#Construction #sec02 h5 span {
margin-left: 1.3em;
}
#Construction #sec02 h5 span::before {
content: "・";
position: absolute;
left: 0;
top: 0;
}

/* recruit
----------------------------------------- */
#Recruit .contentWrap > h3 {
margin-bottom: 2em;
font-size: 1.5rem;
text-align: center;
border-bottom: 1px solid #040000;
}
#Recruit #sec01 {
margin-bottom: 5em;
}
#Recruit #sec01 h4 {
margin-bottom: 0.5em;
border-bottom: 0;
font-size: 1.2rem;
}
#Recruit #sec01 dt {
padding: 0.5em 0;
margin-bottom: 3px;
text-align: center;
letter-spacing: 0.3em;
vertical-align: middle;
background: #e0e0e0;
font-weight: 200;
}
#Recruit #sec01 dd {
margin-bottom: 3px;
padding: 0.5em;
background: #f5f5f5;
text-align: left;
}
#Recruit #sec02 h3 {
text-align: left;
}

#Recruit #sec02 h3 span,
#Recruit #sec02 h4 span {
padding-left: 1.2em;
position: relative;
display: block;
}
#Recruit #sec02 h3 span::before, 
#Recruit #sec02 h4 span::before {
content: "■";
position: absolute;
top: 0;
left: 0.2em;
}
#Recruit #sec02 h4 {
padding-left: 0.3em;
font-weight: 200;
background: #870e0d;
color: #ffffff;
border-bottom: 0;
}

#Recruit #sec02 h5 {
padding-left: 1em;
display: table;
position: relative;
color: #870e0d;
font-size: 1.5rem;
font-weight: 200;
}
#Recruit #sec02 h5 .action {
position: relative;
}
#Recruit #sec02 h5 .action::before {
content: "";
width: 0.5em;
height: 2px;
position: absolute;
top: 45%;
left: -0.9em;
background: #870e0d;
}
#Recruit #sec02 h5 span {
display: table-cell;
}
#Recruit #sec02 h5::before {
content: "●";
position: absolute;
bottom: 0;
left: 0;
}
#Recruit .recruitList {
margin-left: 2em;
}

#Recruit .recruitList li {
margin-bottom: 1em;
list-style: disc;
}
#Recruit .recruitList li:last-of-type {
margin-bottom: 0;
}



/* Contact
----------------------------------------- */
#Contact .attention ul {
margin-left: 2em;
}
#Contact .attention li {
list-style-type: circle;
}
#Contact .attention p {
margin-bottom: 1em;
}
.formTable {
width: 100%;
}

.confirm .formTable td {
padding: 0.5em;
}
#Contact .submit  {
margin-bottom: 3em;
width: 100%;
text-align: center;
}
#Contact .submit .button {
border: 1px solid #bfbfbf;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #f2f2f2;
text-align: center;
-moz-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s;
outline: none;
}
#Contact .submit .back,
#Contact .submit .reset {
background: #ffc3c8;
}
#Contact .submit .back:hover,
#Contact .submit .reset:hover {
background: #f2f2f2;
}
#Contact .submit .send:hover,
#Contact .submit .check:hover {
background: #c9eaf8;
}
#Contact .confirm .caption {
display: none;
}

.formTable td input {
padding: 0.5em;
width: 100%;
min-height: 44px;
background: #efeeed;
border: none;
outline: none;
}
.formTable td textarea {
padding: 0.5em;
width: 100%;
background: #efeeed;
border: none;
outline: none;
}
.formTable td textarea:focus,
.formTable td input:focus {
border: solid 1px rgba(246,122,105,1);
}
.formTable td textarea::-moz-focus-inner,
.formTable td input::-moz-focus-inner {
border: solid 1px rgba(246,122,105,1);
}
.formTable td .caption {
display: block;
font-size: 0.9rem;
text-align: left;
}

/* 404 not found
----------------------------------------- */
#error404 .pageTitle {
margin-top: 3em;
margin-bottom: 0;
}
#error404 section .wrap {
margin-top: 1em;
}
#error404 section p {
margin: 0 auto 2em auto;
text-align: center;
}
#error404 .button a {
margin: 0 auto 2em auto;
padding: 5px;
width: 50%;
border: 1px solid #bfbfbf;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #ffffff;
text-align: center;
color: #333333;
-moz-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s;
}
#error404 .button a:hover {
outline: none;
text-decoration: none;
background: rgba(246,122,105,0.5);
}


/* ===========================================

 PC向け表示設定
 
============================================== */
@media only screen and (min-width: 900px){

/* -------------------------------------------
genelal base
============================================== */
.pageTitle {
margin-right: auto;
margin-left: auto;
width: 900px;
}
.container {
margin-right: auto;
margin-left: auto;
width: 900px;
}

/* -------------------------------------------
text / img BOX
============================================== */
.capImgBox {
margin-bottom: 5em;
display: table;
}
.capImgBox .comment {
width: 46%;
display: table-cell;
text-align: justify;
vertical-align: top;
}
.capImgBox figure {
display: table-cell;
}
.capImgBox figure img {
margin-left: 2em;
}
.capImgBox figure img:nth-child(even) {
margin-left: 1em;
}

/* -------------------------------------------
section dl
============================================== */
section .voice {
width: 440px;
display: inline-block;
}
section .voice:last-child {
margin-left: 20px;
}


/* -------------------------------------------
Blog base
============================================== */
.twoCol .container {
display: table;
}
.twoCol .contentWrap {
display: table-cell;
vertical-align: top;
}

.Blog #mainImg h2 {
margin-right: auto;
margin-left: auto;
width: 900px;
text-align: left;
}



/* -------------------------------------------
Blog Calendar
============================================== */
.twoCol #sideCol {
width: 30%;
display: table-cell;
text-align: center;
}

/* -------------------------------------------
Blog Archive List
============================================== */
.twoCol #sideCol ul {
margin-left: 1em;
}
.twoCol #sideCol li {
line-height: 2;
list-style: disc;
}


/* -------------------------------------------
company
============================================== */
#Company #sec01 .office dd {
width: 80%;
display: inline-block;
}
#Company #sec01 .company dt {
width: 20%;
line-height: 1.5;
display: inline-block;
font-weight: 200;
border-top: 1px solid #595757;
border-right: 1px solid #595757;
border-left: 1px solid #595757;
}
#Company #sec01 .company dd {
width: 79%;
line-height: 1.5;
display: inline-block;
border-top: 1px solid #595757;
border-right: 1px solid #595757;
}
#Company #sec01 .company dt:last-of-type,
#Company #sec01 .company dd:last-of-type {
border-bottom: 1px solid #595757;
}
#Company #sec02 h4 {
display: table;
}
h4 .storeName {
width: 30%;
display: table-cell;
}
h4 .address {
display: table-cell;
text-align: right;
}
#Company #sec02 .wrap {
display: table;
}
#Company #sec02 figure {
width: 50%;
display: table-cell;
text-align: left;
vertical-align: top;
}
#Company #sec02 figure img {
width: 90%;
}
#Company #sec02 .googleMap {
width: 50%;
display: table-cell;
}

/* ------------------------------------------- 
construction
============================================== */
#Construction section header {
min-height: 153px;
background: #8e1201 url(../images/const_title.png) no-repeat top right;
}
#Construction section header p {
margin: 1.4em 1.4em 1.4em 1em;
}
#Construction #sec01 h3 {
background: -moz-linear-gradient(left, rgba(142,18,1,1) 40%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(142,18,1,1) 40%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(142,18,1,1) 40%,rgba(255,255,255,1) 100%);
}

/* ------------------------------------------- 
recruit
============================================== */
#Recruit #sec01 dl {
display: flex;
flex-wrap: wrap;
}
#Recruit #sec01 dt {
width: 15%;
}
#Recruit #sec01 dd {
margin-left: 3px;
width: 82%;
}
#Recruit #sec01 dt:nth-of-type(4),
#Recruit #sec01 dd:nth-of-type(4),
#Recruit #sec01 dt:nth-last-of-type(2),
#Recruit #sec01 dd:nth-last-of-type(2) {
margin-bottom: 2em;
}
#Recruit #sec02 .schedule {
padding-bottom: 2em;
display: table;
position: relative;
}
#Recruit #sec02 .schedule::after {
content: "";
height: 100%;
position: absolute;
top: 15px;;
left: 7px;
border-left: 2px solid #870e0d;
}
#Recruit #sec02 .schedule:first-of-type {
padding-bottom: 3em;
width: 50%;
}
#Recruit #sec02 .schedule:last-child {
padding-bottom: 0;
}
#Recruit #sec02 .schedule:last-child::after {
display: none;
}
#Recruit #sec02 h5 {
width: 94%;
}
#Recruit #sec02 h5::before {
font-size: 1.6rem;
}
#Recruit #sec02 h5 .time {
width: 25%;
}
#Recruit .comment {
margin-left: 29%;
}
#Recruit #sec02 .text {
display: table-cell;
width: 50%;
vertical-align: top;
}
#Recruit #sec02 figure {
display: table-cell;
}
#Recruit #sec02 figure img {
width: 100%;
height: 250px;
}

/* ------------------------------------------- 
form
============================================== */
.formTable tr {
padding-bottom: 1em;
display: block;
}
.formTable th {
width: 25%;
display: inline-block;
font-weight: bold;
}
.formTable td {
margin-bottom: 1em;
width: 72%;
display: inline-block;
}
#Contact div.caption {
display: block;
font-size: 0.9rem;
text-align: right;
}
#MailMessageIndexForm .required {
font-weight: normal;
margin-left:5px;
}
#Contact .button input {
padding: 0.5em;
display: inline-block;
}
#Contact .submit input:first-of-type {
margin-right: 1em;
display: inline-block;
}
#Contact .error .button input {
display: block;
}
#Contact .button,
#Contact .button a {
padding: 0.7em 0;
width: 20%;
}
#Contact .alert {
margin-bottom: 1.5em;
}

#Contact .inputCheck {
margin-top: 1em;
display: block;
}

#Contact .confirm .formTable td {
background: #efeeed;
border-bottom: 1px solid #cccccc;
}


}/* end */
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

PC以外向け表示設定

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
@media only screen and (max-width: 899px){

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
general base
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#main-in {
margin-right: auto;
margin-left: auto;
width: 96%;
}
.genelal .pageTitle {
width: 100%;
}
.detail th {
display: block;
width:  100% !important;
text-align: left;
border-top: 1px solid #b3b3b3;
border-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #f2f2f2;
}
.detail td {
display: block;
width: 100%;
border-left: 0;
border-bottom: 0;
}
.detail th span, .detail th p {
padding: 0 0 0 0.5em;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
figure
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
section figure {
margin-right: auto;
margin-left: auto;
width: 96%;
display: block;
text-align: center;
}
section figcaption h4 {
text-align: center;
}
section figure img {
margin-bottom: 1em;
}
section figcaption p {
margin-bottom: 2em;
}
section figcaption a {
display: block;
text-align: right;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
section address
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
section address {
margin-bottom: 2em;
}
section address em {
margin: 0 auto 1em auto;
width: 96%;
display: block;
}
section .shopOverview {
margin: 0 auto;
width: 96%;
display: block;
}
section .shopOverview dt {
border-bottom: 1px solid #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section .shopOverview dd {
margin-bottom: 1em;
}
section address p {
margin-left: 1em;
display: block;
}
section .shopOverview dd span:nth-child(2) {
margin-left: 1em;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 
Blog base
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
.twoCol #sideCol {
margin-top: 3em;
}
.blogCalendar th, .blogCalendar td {
width: 1%;
}


/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 
Blog Archive List
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
.twoCol #sideCol li {
padding-top: 0.5em;
border-bottom: 1px solid #231815;
}


/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 
company
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#Company #sec01 .company dt {
line-height: 1.5;
display: block;
font-weight: 200;
border: 1px solid #595757;
}
#Company #sec01 .company dt span {
text-align: left;
}
#Company #sec01 .company dd {
margin-bottom: 0.5em;
line-height: 1.5;
display: block;
}
#Company #sec01 .office dd {
margin-bottom: 0.5em;
}
#Company #sec01 .office dd,
#Company #sec01 .office dd span {
display: block;
}
#Company #sec02 h4 {
display: table;
}
h4 .storeName {
display: block;
}
h4 .address {
display: block;
}
#Company #sec02 .googleMap iframe {
width: 100%;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 
construction
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#Construction section header {
background: #8e1201;
}
#Construction section header p {
margin: 1em;
}
#Construction section header p br {
display: none;
}
#Construction #sec01 h3 {
background: rgba(142,18,1,1) ;
}
#Construction .capImgBox {
margin-bottom: 2em;
}
#Construction .capImgBox .comment {
margin-bottom: 2em;
}
#Construction .capImgBox figure img {
margin-right: 1em;
width: 45%;
}
#Construction .capImgBox figure img:last-of-type {
margin-right: 0;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 
recruit
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#Recruit #sec02 .schedule:nth-of-type(n+2) {
margin-bottom: 2em;
}
#Recruit #sec02 h5 {
width: 98%;
}
#Recruit #sec02 h5::before {
font-size: 1.4rem;
}
#Recruit #sec02 h5 .time {
width: 4.2em;
}
#Recruit #sec01 dd:nth-of-type(4),
#Recruit #sec01 dd:nth-last-of-type(2) {
margin-bottom: 2em;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 
form
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
.formTable th {
display: block;
width: 100%;
height: 1%;
border-bottom: 1px solid #B3B3B3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
text-align: left;
}
.formTable td {
margin-bottom: 1.5em;
display: block;
}
.formTable tr:last-of-type td {
margin-bottom: 0;
}
.formTable .required {
vertical-align:  text-bottom;
}
#formWrap {
margin-right: auto;
margin-left: auto;
width: 96%;
display: block;
}
.formTable td .caption {
margin-top: 0.4em;
}
#Contact .button {
margin-top: 4em;
padding: 0.7em 0;
width: 100%;
display: block;
}
.attention ul {
margin-bottom: 1em;
display: inline-block;
}
#formWrap .confirm h3 span,
#formWrap .error h3 span, 
#formWrap .complet h3 span {
margin-top: 1em;
display: inline-block;
}
#formWrap .confirm .formTable td {
padding-top: 0.5em;
}


}/* end */