@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------
japan-izm.com
------------------------------------------------------------------------------ */

/*Font Size List ----------------------------------------------------------------
8px = 62%
9px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
------------------------------------------------------------------------------ */

/* FontStyle */
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/* LinkColor */
a:link {
color: #371B00;
}
a:visited {
color: #600;
}
a:hover {
color: #090;
text-decoration: none;
}
a:focus {
color: #090;
}
a:active {
color: #FF0;
}
/* TableStyle */
table {
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-collapse: collapse;
border-spacing: 0;
}
table th {
padding: 5px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: #CCC;
}
table td {
padding: 5px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
table thead {
word-spacing: normal;
}
table tfoot {
word-spacing: normal;
}
table tbody {
word-spacing: normal;
}
/* RoundBox */
.roundBox {
width: 500px;
background: url(none) repeat-y left top;
}
.roundCap {
font-size: 0%;
line-height: 0;
}
/* Note */
.note {
text-indent: -1em;
margin-left: 1em;
}
.sp {
display: none;
}
.pc {
display: block;
}

/* ------------------------------------------------------------------------------
Template
------------------------------------------------------------------------------ */
#wrap {
background-color: #fcfdfa;
color: #371B00;
}
#header {
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #ececee;
background-color: #FFF;
background-image: url(../img_common/brand_bg.jpg);
background-repeat: no-repeat;
}
.headCtrl {
width: 980px;
margin-right: auto;
margin-left: auto;
padding-bottom: 5px;
}
#header .logo {
float: left;
padding-top: 20px;
}
.headBg {
background-image: url(../img_common/head_bg.png);
background-repeat: no-repeat;
background-position: right bottom;
}
.headInfo {
float: right;
width: 620px;
margin-bottom: 10px;
padding-top: 50px;
}
.headInfo .tel {
float: left;
padding-top: 7px;
}
.headInfo .time {
float: right;
}
.schTable {
width: 400px;
font-weight: 500;
margin-bottom: 5px;
border-radius: 10px;
border: solid 2px #cccccc;
}
.schTitle {
width: 116px;
font-size: 116%;
}
.schTable tr,
.schTable th,
.schTable td {
padding: 2px;
text-align: center;
border: solid 1px #cccccc;
}
.schTable th {
font-weight: bold;
background: #f4ebe3;
}
.schTable td {
width: 26px;
background: rgba(255,255,255,.7);
}
.schNote {
font-weight: bold;
font-size: 86%;
color: #e4007f;
text-shadow: -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff;
}
#nav {
border-top-width: 2px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #ececee;
border-bottom-color: #fff;
background-color: rgba(255,255,255,0.6)
}
#nav ul {
width: 980px;
margin-right: auto;
margin-left: auto;
}
#nav li {
float: left;
position: relative;
}
#nav li:not(:first-child)::before {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
display: inline-block;
width: 1px;
height: 20px;
border-left: dotted 1px #bac5c1;
}
#nav li a {
text-decoration: none;
}
.breadcrumb {
background-image: url(../img_common/pankuzu_bg.jpg);
background-repeat: repeat-x;
background-position: left bottom;
background-color: #FFF;
padding-top: 5px;
padding-bottom: 9px;
}
.breadcrumb ul {
width: 965px;
margin-right: auto;
margin-left: auto;
background-image: url(../img_common/pankuzu_home.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
}
.breadcrumb li {
float: left;
background-image: url(../img_common/pankuzu_arrow.gif);
background-repeat: no-repeat;
background-position: right center;
margin-right: 5px;
padding-right: 10px;
}
.breadcrumb li.last {
background-image: none;
}
#content {
background-image: url(../img_common/cont_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
padding-top: 45px;
}
.contTit {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #bbb;
margin-bottom: 30px;
width: 960px;
margin-right: auto;
margin-left: auto;
}
#main {
width: 890px;
margin-right: auto;
margin-bottom: 90px;
margin-left: auto;
}
.pagetop {
text-align: right;
width: 980px;
margin-right: auto;
margin-left: auto;
}
#footer {
background-image: url(../img_common/foot_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #fff;
padding-top: 25px;
padding-bottom: 30px;
}
.footTxt {
font-size: 93%;
text-align: center;
margin-bottom: 20px;
}
.footCopy {
font-size: 85%;
text-align: center;
}

/* 共通タイトル */
.mTit {
margin-bottom: 15px;
padding-left: .6em;
line-height: 1.4;
font-size: 138%;
font-weight: bold;
color: #333333;
border-left: solid 4px #f3f3f3;
}

/* ------------------------------------------------------------------------------
SP
------------------------------------------------------------------------------ */
@media screen and (max-width:769px) {
.pc {
display: none;
}
.sp {
display: block;
}

#header {
z-index: 100;
position: fixed;
top: 0;
width: 100%;
max-height: 70px;
padding: 5px;
box-sizing: border-box;
}
#header .logo {
padding-top: 0;
max-width: 143px;
}
#header .logo img {
width: 100%;
height: auto;
}
.headBg {
background: none;
}
.headCtrl {
width: 100%;
}
.headInfo {
display: none;
}
.scheduleBox {
display: none;
}
/*button打ち消し*/
button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
width: 100%;
}
/* gnav */
#navToggle {
display: block;
position: fixed;
right: 15px;
top: 15px;
width: 45px;
height: 45px;
cursor: pointer;
z-index: 9999;
padding: 10px 10px;
background: rgba(255,255,255,.1);
box-sizing: border-box;
}
#navToggle button {
display: block;
position: relative;
}
#navToggle span {
display: block;
position: absolute;
width: 100%;
border-bottom: solid 2px #371B00;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:10px}
#navToggle span:nth-child(3) {top:20px}
nav {
position: fixed;
right: 0;
top: -1450px;
background-color: #ffffff;
width: 100%;
padding-left: 0;
padding-bottom: 0;
padding-right: 0;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
transition: .3s ease-in-out;
z-index: 9998;
box-sizing: border-box;
}
.openNav #navToggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.openNav nav {
-moz-transform: translateY(1450px);
-webkit-transform: translateY(1450px);
transform: translateY(1450px);
padding-top: 40px;
overflow-y: scroll;
}
.gnav {
font-size: 116%;
}
#nav {
background-image: url(../img_common/cont_bg.jpg);
}
#nav ul {
width: 100%;
padding: 0 2% 45px 2%;
border-bottom: solid 2px #ececee;
box-sizing: border-box;
}
#nav li {
float: none;
}
#nav li:not(:first-child)::before {
display: none;
}
#nav ul li a {
display: block;
text-align: left;
padding: 7px 25px;
border-bottom: dotted 1px #bac5c1;
}
#nav ul li:last-of-type a {
border-bottom: none;
}
.pagetop {
width: 100%;
text-align: center;
}
.pagetop a {
display: inline-block;
padding: 10px 0;
width: 100%;
background-color: #F5ECDD;
}

.pagetop a > img {
max-width: 84px;
height: auto;
}

/* 下層共通 */
.breadcrumb {
display: none;
}
#content {
padding-top: 90px;
}
#main {
width: 94%;
}
.contTit {
width: 100%;
}
.topTit {
width: 94%;
margin: 0 auto;
}
.topTit img {
width: 50%;
height: auto;
}

}