@charset "utf-8";
/* タグ
---------------------------------------------------------------------------*/
body {
    margin:0;
    padding:0;
    line-height:1.6;
    letter-spacing:1px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:14px;
    color:#666;
    background:url("image.php?id=2") repeat;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%; 
}
/*****************************************
           BASIC
*****************************************/
html {
    overflow-y:scroll;
}
br {
   letter-spacing:normal;
}
a {
    color:#5C4033;
    text-decoration:none;
}

a:hover {
    color:#CD853F;
}

img {
    border:0;
    vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
    margin:0;
}
/* ========599x以下======== */
@media(max-width: 599px) {
/*****************************************
           TEMPLATE LAYOUT
*****************************************/
/*--------------------------------------------------------------
    TEMPLATE　余白
--------------------------------------------------------------*/
#main-contents {
        padding: 20px 15px 0 15px;
}
#side-column .tel,.contact {
    margin: 30px 0 0 0;
}
/*****************************************
           スライドショー
*****************************************/
#slide-box {
   position: relative;
   width: 100%;
}
#slideshow {
   position: relative;
   width: 100%; /* ボックスの横幅 */
   height: 220px; /* ボックスの高さ */
   margin: 0 auto;
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 220px; /* ボックスの高さ */
}
#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width: 100%; /* 画像の横幅 */
   height: 220px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}

#slide-box h1 {
    position:absolute;
    right: 3%;
    bottom: 10%;
    z-index:20;
}
#slide-box h1 img {
    width: 130px;
}
/*--------------------------------------------------------------
    各種ページ　トップ画像
--------------------------------------------------------------*/
#top-container {
   position: relative;
}

#top-container .top-photo img {
    width: 100%;
    height: 160px;
}
#top-container h2 {
    position:absolute;
    right: 3%;
    bottom: 10%;
    z-index:20;
}
#top-container h2 img {
    width: 130px;
}  

/*****************************************
           HEADER CUSTOMIZ
*****************************************/
#header .logo img {
    margin:0;
    width: 150px;
    position: absolute;
    left: 2%;
    top: 3%;
}
/*****************************************
           NAV CUSTOMIZE
*****************************************/
#nav_pc {
    display: none;
}
#header {
    position: relative;
    height: 45px;
    padding: 10px 0 6px 0;
}
#header .header-navbtn {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 40px;
    height: 41px;
    font-size:20px;
    background: 0;
    border: 0;
    padding: 0;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 0 3px #aaaaaa;
    background-color: #665230;
    color: #fff;
}
.offleft {
    position: absolute;
    top: -100px;
    left: -100px;
}
.sp-nav {
    width:200px;
    height:310px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .75);
    overflow: auto;
    display: none;
    z-index: 40;
}
.sp-nav.is-open {
    display: block;
}
.sp-nav .nav-closebtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 41px;
    color: #fff;
    font-size:20px;
    background: transparent;
    border: 0;
    outline: none;
}
.sp-nav ul {
    padding: 40px 0 10px;
}
.sp-nav li {
    padding: 10px 0 10px 20px;
}
.sp-nav a {
    color: #fff;
}

#telbtn a {
    position: absolute;
    top: 10px;
    right: 70px;
    text-align: center;
    display:block;
    box-shadow: 0 0 3px #aaaaaa;
    border: solid 1px #665230;
    border-radius: 5px;
    padding: 1px 9px; 
    background:url("image.php?id=9") repeat;
}
#telbtn i {
    color: #665230;
    font-size: 23px;
}
#telbtn span {
    display: block;
    font-size: 7px;
    font-weight: bold;
    color: #665230;
}
/*****************************************
           MAIN CONTENTS CUSTOMIZE
*****************************************/
#main-column #news {
    padding: 20px 0;
    border: solid 1px #D5CEC4;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #6E6E6E;
    background-color: #F8F8FF;
}

#main-column #news h2 {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #665230;
    margin-bottom: 15px;
    border: solid 1px #D5CEC4;
    box-shadow:0 0 4px #aaaaaa;
    background:url("image.php?id=3") repeat;
    text-shadow: 5px 5px 5px #6E6E6E;

}
#main-column #news i {
    margin-right: 10px;
}
#main-column #news .news-inner {
    padding: 0 10px;
}
#news ul{
    list-style: none;
    margin: 0 20px;
    padding: 0 0 5px 0;
    border-bottom: dotted 1px #C8B799;
}

#news ul li:nth-of-type(1){
    vertical-align: top;
    letter-spacing: 2px;
    font-weight: bold;
    color: #FF1493;
    padding: 0 10px 0 0px;
}
#news ul li:nth-of-type(2){
    vertical-align: top;
    letter-spacing: 2px;
}

#recruit {
    padding: 15px 15px;
    margin: 30px 0 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFE4E1;
    border-radius: 10px;
}
#recruit p {
    font-weight: bold;
    text-align: center;
}
#recruit p strong {
    font-size: 16px;
    font-weight: bold;
    display: block;
}

/*****************************************
           SUBCONTENTS CUSTOMIZE
*****************************************/
#side-column .tel {
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #D5CEC4;
    box-shadow: 2px 2px 2px #6E6E6E;
    background:url("image.php?id=9") repeat;
    text-align: center;
}
#side-column .tel h2 {
    font-weight: bold;
}
#side-column .tel a{
    font-size: 16px;
    color: #FF1493;
    font-weight: bold;
}

/*--------------------------------------------------------------
    予約
--------------------------------------------------------------*/
#side-column .contact a{
    padding: 20px;
    color: #FF69B4;
    background-color: #FFE4E1;
    display: block;
    border-radius: 10px;
    border: solid 1px #D5CEC4;
    box-shadow: 2px 2px 2px #6E6E6E;
    font-size: 18px;
    background:url("image.php?id=11") repeat;
    text-align: center;
}
#side-column .contact a:hover{
    opacity: 0.8;
    color: #FA8072;
}
#side-column .contact a h2 {
    font-weight: bold;
}
#side-column .contact i {
    margin-right: 10px;
}

/*--------------------------------------------------------------
    店舗情報
--------------------------------------------------------------*/
#side-column .address ul {
    padding: 30px 0 30px 0; 
    list-style-type: none;
}
#side-column .address ul li p {
    font-weight: bold;
}
#side-column .address ul li a {
    font-weight: normal;
    color: #00CED1;
    font-size: 12px;
}
#side-column .address ul li a:hover {
    color: #00FFFF;
}
/*--------------------------------------------------------------
    営業時間＆定休日
--------------------------------------------------------------*/
#side-column .information {
    border: dotted 2px #C8B799;
    padding: 0 20px 20px; 
    text-align: center;
}
#side-column .information ul {
    list-style-type: none;
}
#side-column .information ul li h3 {
    color: #FF1493;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 20px 0 0; 
}
#side-column .information ul li p {
    color: #585858;
    letter-spacing: 2px;
}

/*****************************************
           PAGETOP CUSTOMIZE
*****************************************/
#pageTop {
   padding:20px 0;
   text-align:right;
   font-size:11px;
}

#pageTop a {
   padding-left:8px;
}
/*****************************************
           FOOTER CUSTOMIZE
*****************************************/
#footer {
    margin: 0 auto;
}
#footer img {
    width: 100%;
}
.copyright {
    padding:40px 15px 50px;
    font-size:12px;
    font-style:normal;
    text-align:center;
}

/*****************************************
           Menu
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#menu h2 {
    padding: 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #5C4033;
    margin-bottom: 0px;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#menu h3 {
    padding: 5px 10px;
    background-color: #A1887F;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
#menu img {
    width: 100%;
}
#menu .menu-price {
    padding: 15px;
    border: solid 1px #D5CEC4;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #6E6E6E;
    background:url("image.php?id=4") repeat;
    margin: 20px 0 30px 0;
}
#menu .menu-price table {
        width: 100%;
        border-collapse: collapse;
}
#menu .menu-price table th {
        padding: 6px 0px;
        text-align: left;
        border-bottom: dotted 1px #C8B799;
        width: 70%;
        vertical-align: middle;
}

#menu .menu-price table td {
        padding: 6px 0px;
        text-align: left;
        border-bottom: dotted 1px #C8B799;
        width: 30%;
}
#menu .menu-price h3:nth-of-type(n+2) {
       margin-top: 30px;
}
#menu .menu-price table a {
        font-weight: normal;
	color:#666;
}
/*****************************************
           School
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#school h2 {
    padding: 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #5C4033;
    margin-bottom: 0px;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#school img {
    width: 100%;
}
#school .school-inner {
    margin: 20px 0 30px 0;
}

#school .school-box1 {
    width: 100%;
    border-collapse: collapse;
    border: #5C4033 1px solid;
}
#school .school-box1 th {
    padding: 6px;
    text-align: left;
    border: #5C4033 1px solid;
    width: 30%;
    color: #666;
    background:url("image.php?id=4") repeat;
    font-weight: bold;
    vertical-align: middle;
}

#school .school-box1 td {
    padding: 6px;
    text-align: left;
    border: #5C4033 1px solid;
    background:url("image.php?id=4") repeat;
    width: 70%;
}
#school .school-box2 {
    margin: 20px 0 0 0;
}
#school .school-box2 span {
    font-size: 10px;
}
#school .school-box2 thead {
    background-color: #fff;
    padding:2px;
    font-size: 12px;
    vertical-align: middle;
    background:url("image.php?id=4") repeat;
}
#school .school-box2 th,#school .school-box2 td {
    border: solid 1px #5C4033;
    background-color: #fff;
    padding:2px;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    background:url("image.php?id=4") repeat;
}
#school .school-box2 th {
    font-weight: bold;
}
#school .school-box3{
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0 0 0;
}
#school .school-box3 th{
    width: 25%;
    padding: 6px;
    text-align: left;
    vertical-align: top;
    color: #666;
    border: 1px solid #5C4033;
    background:url("image.php?id=4") repeat;
    font-weight: bold;
    font-size: 12px;
}
#school .school-box3 td{
    padding: 6px;
    background-color: #fff;
    border: 1px solid #5C4033;
    background:url("image.php?id=4") repeat;
    font-size: 12px;
}

/*****************************************
           Access
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#access h2 {
    padding: 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #5C4033;
    margin-bottom: 0px;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#access img {
    width: 100%;
}
#access .shop-info {
    padding: 9px 15px 15px;
    border: solid 1px #D5CEC4;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #6E6E6E;
    background:url("image.php?id=4") repeat;
    margin: 20px 0 30px 0;
}
#access .shop-info table {
        width: 100%;
        border-collapse: collapse;
}
#access .shop-info table th {
        padding: 6px 0px;
        text-align: left;
        border-bottom: dotted 1px #C8B799;
        width: 30%;
        color: #5C4033;
        font-weight: bold;
        vertical-align: middle;
}

#access .shop-info table td {
        padding: 6px 0px;
        text-align: left;
        border-bottom: dotted 1px #C8B799;
        width: 70%;
}
#access .shop-info table a {
        font-weight: normal;
	color:#666;
}
/*--------------------------------------------------------------
    地図
--------------------------------------------------------------*/
#access iframe {
    padding: 20px 0 0 0;
    width: 100%;
    height: 300px;
}
/*--------------------------------------------------------------
   余白
--------------------------------------------------------------*/
.shop-gallery ul:nth-of-type(3) {
	padding: 0 0 0 0;
}
/*--------------------------------------------------------------
   ボックス
--------------------------------------------------------------*/
.shop-gallery ul {
    padding: 0 0 1% 0;
}
/*--------------------------------------------------------------
   リスト
--------------------------------------------------------------*/
.shop-gallery ul li {
    display: table;
    width: 100%;
}
/*--------------------------------------------------------------
   項目
--------------------------------------------------------------*/
.shop-gallery ul li p {
    display: table-cell;
    width: 30%;
    padding: 0 1%;
}
/*--------------------------------------------------------------
   画像　サイズ
--------------------------------------------------------------*/
.shop-gallery ul li p img {
    width: 100%;
}
#contact {
        padding:30px 0 0 0;
}
#contact h2 {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #298018;
    margin-bottom: 15px;
    box-shadow:0 0 4px #aaaaaa;
    background-image:-webkit-linear-gradient(top,#298018,#32CD32);
    background-image:linear-gradient(to bottom,#298018,#32CD32);
}
/*--------------------------------------------------------------
    iframe
--------------------------------------------------------------*/
.iframe iframe {
    width: 100%;
    height: 500px;
}

/*****************************************
           Salon
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#salon h2 {
    padding: 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #5C4033;
    margin-bottom: 0px;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#salon h3 {
    font-size: 16px;
    font-weight: bold;
    color: #5C4033;
    padding: 0 0 5px 0;
}
#salon img {
    width: 100%;
}
#salon .salon-inner{
    padding: 15px;
    border: solid 1px #D5CEC4;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #6E6E6E;
    background:url("image.php?id=4") repeat;
    margin: 20px 0 30px 0;
}


}

/* ========600px以上～768px以下======== */
@media(min-width: 600px) and (max-width:768px) {
/*****************************************
           TEMPLATE LAYOUT
*****************************************/
/*--------------------------------------------------------------
    TEMPLATE　余白
--------------------------------------------------------------*/
#main-contents {
        padding: 20px 15px 0 15px;
}
#side-column .tel,.contact {
    margin: 30px 0 0 0;
}
/*****************************************
           スライドショー
*****************************************/
#slide-box {
   position: relative;
   width: 100%;
   margin: 0 auto;
}
#slideshow {
   position: relative;
   width: 100%; /* ボックスの横幅 */
   height: 400px; /* ボックスの高さ */
   margin: 0 auto;
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 400px; /* ボックスの高さ */
}
#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width: 100%; /* 画像の横幅 */
   height: 400px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}

#slide-box h1 {
    position:absolute;
    right: 3%;
    bottom: 10%;
    z-index:20;
}
#slide-box h1 img {
    width: 220px;
}
/*--------------------------------------------------------------
    各種ページ　トップ画像
--------------------------------------------------------------*/
#top-container {
   position: relative;
}

#top-container .top-photo img {
    width: 100%;
    height: 300px;
}
#top-container h2 {
    position:absolute;
    right: 3%;
    bottom: 10%;
    z-index:20;
}
#top-container h2 img {
    width: 220px;
}  

/*****************************************
           HEADER CUSTOMIZ
*****************************************/
#header .logo img {
    margin:0;
    width: 160px;
    position: absolute;
    left: 2%;
    top: 3%;
}
/*****************************************
           NAV CUSTOMIZE
*****************************************/
#nav_pc {
    display: none;
}
#header {
    position: relative;
    height: 45px;
    padding: 10px 0 6px 0;
}
#header .header-navbtn {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 40px;
    height: 41px;
    font-size:20px;
    background: 0;
    border: 0;
    padding: 0;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 0 3px #aaaaaa;
    background-color: #665230;
    color: #fff;
}
.offleft {
    position: absolute;
    top: -100px;
    left: -100px;
}
.sp-nav {
    width:200px;
    height:310px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .75);
    overflow: auto;
    display: none;
    z-index: 40;
}
.sp-nav.is-open {
    display: block;
}
.sp-nav .nav-closebtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 41px;
    color: #fff;
    font-size:20px;
    background: transparent;
    border: 0;
    outline: none;
}
.sp-nav ul {
    padding: 40px 0 10px;
}
.sp-nav li {
    padding: 10px 0 10px 20px;
}
.sp-nav a {
    color: #fff;
}

#telbtn a {
    position: absolute;
    top: 10px;
    right: 70px;
    text-align: center;
    display:block;
    box-shadow: 0 0 3px #aaaaaa;
    border: solid 1px #665230;
    border-radius: 5px;
    padding: 1px 9px; 
    background:url("image.php?id=9") repeat;
}
#telbtn i {
    color: #665230;
    font-size: 23px;
}
#telbtn span {
    display: block;
    font-size: 7px;
    font-weight: bold;
    color: #665230;
}
/*****************************************
           MAIN CONTENTS CUSTOMIZE
*****************************************/
#main-column #news {
    padding: 20px 0;
    border: solid 1px #D5CEC4;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #6E6E6E;
    display: table;
    width: 100%;
    background-color: #F8F8FF;
}

#main-column #news h2 {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #665230;
    margin-bottom: 15px;
    border: solid 1px #D5CEC4;
    box-shadow:0 0 4px #aaaaaa;
    background:url("image.php?id=3") repeat;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#main-column #news i {
    margin-right: 10px;
}
#main-column #news .news-inner {
    padding: 0 10px;
}
#news ul{
    margin: 0 20px;
    padding: 0 0 5px 0;
    border-bottom: dotted 1px #C8B799;
    list-style: none;
}

#news ul li:nth-of-type(1){
    display: table-cell;
    width: 30%;
    vertical-align: top;
    letter-spacing: 2px;
    font-weight: bold;
    color: #FF1493;
    padding: 0 20px 0 0px;
}
#news ul li:nth-of-type(2){
    display: table-cell;
    width: 70%;
    vertical-align: top;
    letter-spacing: 2px;
}
#recruit {
    padding: 15px 15px;
    margin: 30px auto 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFE4E1;
    border-radius: 10px;
}
#recruit p {
    font-weight: bold;
    text-align: center;
}
#recruit p strong {
    font-size: 16px;
    font-weight: bold;
    display: block;
}

/*****************************************
           SUBCONTENTS CUSTOMIZE
*****************************************/
/*--------------------------------------------------------------
    TEL＆予約を横に並べる
--------------------------------------------------------------*/
#side-column .tel-contact-container:after {
    content:"";
    display: block;
    clear: both;
}
#side-column .tel-contact-container .tel {
    float: left;
    width: 50%;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#side-column .tel-contact-container .contact {
    float: left;
    width: 50%;
    padding-left: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*--------------------------------------------------------------
    TEL
--------------------------------------------------------------*/
#side-column .tel {
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #D5CEC4;
    box-shadow: 2px 2px 2px #6E6E6E;
    background:url("image.php?id=9") repeat;
    text-align: center;
}
#side-column .tel h2 {
    font-weight: bold;
}
#side-column .tel a{
    font-size: 16px;
    color: #FF1493;
    font-weight: bold;
}

/*--------------------------------------------------------------
    予約
--------------------------------------------------------------*/
#side-column .contact a{
    padding: 20px;
    color: #FF69B4;
    background-color: #FFE4E1;
    display: block;
    border-radius: 10px;
    border: solid 1px #D5CEC4;
    box-shadow: 2px 2px 2px #6E6E6E;
    font-size: 20px;
    background:url("image.php?id=11") repeat;
    text-align: center;
    height:46px;
}
#side-column .contact a:hover{
    opacity: 0.8;
    color: #FA8072;
}
#side-column .contact a h2 {
    font-weight: bold;
}
#side-column .contact i {
    margin-right: 10px;
}

/*--------------------------------------------------------------
    店舗情報
--------------------------------------------------------------*/
#side-column .address ul {
    padding: 30px 0 30px 0; 
    list-style-type: none;
}
#side-column .address ul li p {
    font-weight: bold;
}
#side-column .address ul li a {
    font-weight: normal;
    color: #00CED1;
}
#side-column .address ul li a:hover {
    color: #00FFFF;
}
/*--------------------------------------------------------------
    営業時間＆定休日
--------------------------------------------------------------*/
#side-column .information {
    border: dotted 2px #C8B799;
    padding: 0 20px 20px; 
    text-align: center;
}
#side-column .information ul {
    list-style-type: none;
}
#side-column .information ul li h3 {
    color: #FF1493;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 20px 0 0; 
}
#side-column .information ul li p {
    color: #585858;
    letter-spacing: 2px;
}
/*****************************************
           PAGETOP CUSTOMIZE
*****************************************/
#pageTop {
   padding:20px 0;
   text-align:right;
   font-size:12px;
}

#pageTop a {
   padding-left:8px;
}
/*****************************************
           FOOTER CUSTOMIZE
*****************************************/
#footer {
    margin: 0 auto;
}
#footer img {
    width: 100%;
}
.copyright {
    padding:40px 0 70px;
    font-size:11px;
    font-style:normal;
    text-align:center;
}
/*****************************************
           Menu
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#menu h2 {
    padding: 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #5C4033;
    margin-bottom: 0px;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#menu h3 {
    padding: 5px 10px;
    background-color: #A1887F;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
#menu img {
    width: 100%;
}
#menu .menu-price {
    padding: 20px;
    border: solid 1px #D5CEC4;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #6E6E6E;
    background:url("image.php?id=4") repeat;
    margin: 20px 0 30px 0;
}
#menu .menu-price br {
    display: none;
}
#menu .menu-price .pc {
    display: block;
}
#menu .menu-price table {
        width: 100%;
        border-collapse: collapse;
}
#menu .menu-price table th {
        padding: 6px 0px;
        text-align: left;
        border-bottom: dotted 1px #C8B799;
        width: 80%;
        vertical-align: middle;
}

#menu .menu-price table td {
        padding: 6px 0px;
        text-align: left;
        border-bottom: dotted 1px #C8B799;
        width: 20%;
}
#menu .menu-price h3:nth-of-type(n+2) {
       margin-top: 30px;
}
#menu .menu-price table a {
        font-weight: normal;
	color:#666;
}
/*****************************************
           School
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#school h2 {
    padding: 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #5C4033;
    margin-bottom: 0px;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#school img {
    width: 100%;
}
#school .school-inner {
    margin: 20px 0 30px 0;
}

#school .school-box1 {
    width: 100%;
    border-collapse: collapse;
    border: #5C4033 1px solid;
}
#school .school-box1 th {
    padding: 6px;
    text-align: left;
    border: #5C4033 1px solid;
    width: 40%;
    color: #666;
    background:url("image.php?id=4") repeat;
    font-weight: bold;
    vertical-align: middle;
}

#school .school-box1 td {
    padding: 6px;
    text-align: left;
    border: #5C4033 1px solid;
    background:url("image.php?id=4") repeat;
    width: 60%;
}
#school .school-box2 {
    margin: 20px 0 0 0;
}
#school .school-box2 thead {
    background-color: #fff;
    padding:2px;
    font-size: 12px;
    vertical-align: middle;
    background:url("image.php?id=4") repeat;
}
#school .school-box2 th,#school .school-box2 td {
    border: solid 1px #5C4033;
    background-color: #fff;
    padding:2px;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    background:url("image.php?id=4") repeat;
}
#school .school-box2 th {
    font-weight: bold;
}
#school .school-box3{
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0 0 0;
}
#school .school-box3 th{
    width: 25%;
    padding: 6px;
    text-align: left;
    vertical-align: top;
    color: #666;
    border: 1px solid #5C4033;
    background:url("image.php?id=4") repeat;
    font-weight: bold;
}
#school .school-box3 td{
    padding: 6px;
    background-color: #fff;
    border: 1px solid #5C4033;
    background:url("image.php?id=4") repeat;
}
/*****************************************
           Access
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#access h2 {
    padding: 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #5C4033;
    margin-bottom: 0px;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#access img {
    width: 100%;
}
#access .shop-info {
    padding: 14px 20px 20px;
    border: solid 1px #D5CEC4;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #6E6E6E;
    background:url("image.php?id=4") repeat;
    margin: 20px 0 30px 0;
}
#access .shop-info table {
        width: 100%;
        border-collapse: collapse;
}
#access .shop-info table th {
        padding: 6px 0px;
        text-align: left;
        border-bottom: dotted 1px #C8B799;
        width: 30%;
        color: #5C4033;
        font-weight: bold;
        vertical-align: middle;
}

#access .shop-info table td {
        padding: 6px 0px;
        text-align: left;
        border-bottom: dotted 1px #C8B799;
        width: 70%;
}
#access .shop-info table a {
        font-weight: normal;
	color:#666;
}
/*--------------------------------------------------------------
    地図
--------------------------------------------------------------*/
#access iframe {
    padding: 20px 0 0 0;
    width: 100%;
    height: 350px;
}
/*--------------------------------------------------------------
   余白
--------------------------------------------------------------*/
.shop-gallery ul:nth-of-type(3) {
	padding: 0 0 0 0;
}
/*--------------------------------------------------------------
   ボックス
--------------------------------------------------------------*/
.shop-gallery ul {
    padding: 0 0 1% 0;
}
/*--------------------------------------------------------------
   リスト
--------------------------------------------------------------*/
.shop-gallery ul li {
    display: table;
    width: 100%;
}
/*--------------------------------------------------------------
   項目
--------------------------------------------------------------*/
.shop-gallery ul li p {
    display: table-cell;
    width: 30%;
    padding: 0 1%;
}
/*--------------------------------------------------------------
   画像　サイズ
--------------------------------------------------------------*/
.shop-gallery ul li p img {
    width: 100%;
}
#contact {
        padding:30px 0 0 0;
}
#contact h2 {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #298018;
    margin-bottom: 15px;
    box-shadow:0 0 4px #aaaaaa;
    background-image:-webkit-linear-gradient(top,#298018,#32CD32);
    background-image:linear-gradient(to bottom,#298018,#32CD32);
}
/*--------------------------------------------------------------
    iframe
--------------------------------------------------------------*/
.iframe iframe {
    width: 100%;
    height: 500px;
}

/*****************************************
           Salon
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#salon h2 {
    padding: 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #5C4033;
    margin-bottom: 0px;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#salon h3 {
    font-size: 16px;
    font-weight: bold;
    color: #5C4033;
    padding: 0 0 5px 0;
}
#salon img {
    width: 100%;
}
#salon .salon-inner{
    padding: 20px;
    border: solid 1px #D5CEC4;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #6E6E6E;
    background:url("image.php?id=4") repeat;
    margin: 20px 0 30px 0;
}


}

/* ========769x以上======== */
@media(min-width: 769px) {
/*****************************************
           TEMPLATE LAYOUT
*****************************************/
#header {
    display: none;
}
#main-contents {
    clear:both;
    width: 960px;
    margin: 0 auto;
    padding: 0px;
}
#main-contents:after {
    content: "";
    clear: both;
    display: block;
}
#main-column {
    float: left;
    width: 70%;
    padding-right: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#side-column {
    float: left;
    width: 30%;
}
#pageTop {
   clear:both;
}

#main-contents {
    padding: 30px 0px 0px 0px;
}

/*****************************************
           スライドショー
*****************************************/
#slide-box {
   position: relative;
   width:  960px;
   margin: 0 auto;
}
#slideshow {
   position: relative;
   width:  960px; /* ボックスの横幅 */
   height: 500px; /* ボックスの高さ */
   margin: 0 auto;
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 500px; /* ボックスの高さ */
}
#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  960px; /* 画像の横幅 */
   height: 500px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}

#slide-box h1 {
    position:absolute;
    right: 5%;
    top: 30%;
    z-index:20;
}
#slide-box h1 img {
    width: 380px;
}

/*--------------------------------------------------------------
    各種ページ　トップ画像
--------------------------------------------------------------*/
#top-container {
   position: relative;
   width:  960px;
   margin: 0 auto;
}

#top-container .top-photo img {
    width: 100%;
    height: 360px;
}
#top-container h2 {
    position:absolute;
    left: 3%;
    top: 10%;
    z-index:20;
}
#top-container h2 img {
    width: 360px;
}  

/***************************************************************
           ナビゲーション（PC用）
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#nav_pc {
    position: relative;
    z-index:20;
    width: 960px;
    margin: 0 auto;
}
/*--------------------------------------------------------------
    リンク
--------------------------------------------------------------*/
#nav_pc nav a{
    text-decoration: none;
}
#nav_pc nav a .tab{
    padding: 1%;
    background: url(/image.php?id=10);
    width: 20%;
    box-shadow: 2px 2px 2px #6E6E6E;
}
#nav_pc nav a .tab p{
    padding: 4% 1%;
    background: url(/image.php?id=10);
    border-color: #585858;
    border-width: 1px;
    border-style: solid;
    color: #5C4033;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    text-shadow: 5px 5px 5px #6E6E6E;
    text-align: center;
}
#nav_pc nav a:hover .tab p{
    background: url(/image.php?id=2);
    color: #8FBC8F;
}
/*--------------------------------------------------------------
    位置
--------------------------------------------------------------*/
#nav_pc nav a:nth-of-type(1) .tab{
    position: absolute;
    top: -70px;
    left: -5px;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}
#nav_pc nav a:nth-of-type(2) .tab{
    position: absolute;
    top: -150px;
    left: 180px;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
}
#nav_pc nav a:nth-of-type(3) .tab{
position: absolute;
    top: -70px;
    left: 230px;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}
#nav_pc nav a:nth-of-type(4) .tab{
    position: absolute;
    top: -70px;
    right: 230px;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
}
#nav_pc nav a:nth-of-type(5) .tab{
    position: absolute;
    top: -140px;
    right: 130px;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}
#nav_pc nav a:nth-of-type(6) .tab{
    position: absolute;
    top: -70px;
    right: -5px;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
}

/*****************************************
           MAIN CONTENTS CUSTOMIZE
*****************************************/
#main-column #news {
    padding: 20px 0;
    border: solid 1px #D5CEC4;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #6E6E6E;
    display: table;
    width: 100%;
    background-color: #F8F8FF;
}

#main-column #news h2 {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #665230;
    margin-bottom: 15px;
    border: solid 1px #D5CEC4;
    box-shadow:0 0 4px #aaaaaa;
    text-shadow: 5px 5px 5px #6E6E6E;
    background:url("image.php?id=3") repeat;
}
#main-column #news i {
    margin-right: 10px;
}
#main-column #news .news-inner {
    padding: 0 10px;
}
#news ul{
    list-style: none;
}

#recruit {
    padding: 15px 15px;
    margin: 30px 0 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFE4E1;
    border-radius: 10px;
}
#recruit p {
    font-weight: bold;
    text-align: center;
}
#recruit p strong {
    font-size: 16px;
    font-weight: bold;
    display: block;
}

/*****************************************
           SUBCONTENTS CUSTOMIZE
*****************************************/
#side-column .tel {
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #D5CEC4;
    box-shadow: 2px 2px 2px #6E6E6E;
    background:url("image.php?id=9") repeat;
    text-align: center;
}
#side-column .tel h2 {
    font-weight: bold;
}
#side-column .tel a{
    font-size: 16px;
    color: #FF1493;
    font-weight: bold;
}

/*--------------------------------------------------------------
    予約
--------------------------------------------------------------*/
#side-column .contact {
    text-align: center;
    margin: 20px 0 0 0;
}
#side-column .contact a{
    padding: 20px;
    color: #FF69B4;
    background-color: #FFE4E1;
    display: block;
    border-radius: 10px;
    border: solid 1px #D5CEC4;
    box-shadow: 2px 2px 2px #6E6E6E;
    font-size: 20px;
    background:url("image.php?id=11") repeat;
}
#side-column .contact a:hover{
    opacity: 0.8;
    color: #FA8072;
}
#side-column .contact a h2 {
    font-weight: bold;
}
#side-column .contact i {
    margin-right: 10px;
}

/*--------------------------------------------------------------
    店舗情報
--------------------------------------------------------------*/
#side-column .address ul {
    padding: 20px 0 20px 0; 
    list-style-type: none;
}
#side-column .address ul li p {
    font-weight: bold;
}
#side-column .address ul li a {
    font-weight: normal;
    color: #00CED1;
    font-size: 11px;
    letter-spacing:0;
}
#side-column .address ul li a:hover {
    color: #00FFFF;
}
/*--------------------------------------------------------------
    営業時間＆定休日
--------------------------------------------------------------*/
#side-column .information {
    border: dotted 2px #C8B799;
    padding: 0 20px 20px; 
}
#side-column .information ul {
    list-style-type: none;
}
#side-column .information ul li h3 {
    color: #FF1493;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 20px 0 0; 
}
#side-column .information ul li p {
    color: #585858;
    letter-spacing: 2px;
}

/*****************************************
           PAGETOP CUSTOMIZE
*****************************************/
#pageTop {
   padding:20px 0;
   text-align:right;
   font-size:11px;
}

#pageTop a {
   padding-left:8px;
}
/*****************************************
           FOOTER CUSTOMIZE
*****************************************/
#footer {
    width: 960px;
    margin: 0 auto;
}
.copyright {
    padding:40px 0 50px;
    font-size:11px;
    font-style:normal;
    color:#444;
    text-align:center;
}
#footer img {
    width: 100%;
}
/*****************************************
           Menu
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#menu h2 {
    padding: 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #5C4033;
    margin-bottom: 0px;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#menu h3 {
    padding: 5px 10px;
    background-color: #A1887F;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
#menu img {
    width: 100%;
}
#menu .menu-price {
    padding: 20px;
    border: solid 1px #D5CEC4;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #6E6E6E;
    background:url("image.php?id=4") repeat;
    margin: 20px 0 30px 0;
}
#menu .menu-price br {
    display: none;
}
#menu .menu-price .pc {
    display: block;
}
#menu .menu-price table {
        width: 100%;
        border-collapse: collapse;
}
#menu .menu-price table th {
        padding: 6px 0px;
        text-align: left;
        border-bottom: dotted 1px #C8B799;
        width: 80%;
        vertical-align: middle;
}

#menu .menu-price table td {
        padding: 6px 0px;
        text-align: left;
        border-bottom: dotted 1px #C8B799;
        width: 20%;
}
#menu .menu-price h3:nth-of-type(n+2) {
       margin-top: 30px;
}
#menu .menu-price table a {
        font-weight: normal;
	color:#666;
}
/*****************************************
           School
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#school h2 {
    padding: 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #5C4033;
    margin-bottom: 0px;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#school img {
    width: 100%;
}
#school .school-inner {
    margin: 20px 0 30px 0;
}

#school .school-box1 {
    width: 100%;
    border-collapse: collapse;
    border: #5C4033 1px solid;
}
#school .school-box1 th {
    padding: 6px;
    text-align: left;
    border: #5C4033 1px solid;
    width: 40%;
    color: #666;
    background:url("image.php?id=4") repeat;
    font-weight: bold;
    vertical-align: middle;
}

#school .school-box1 td {
    padding: 6px;
    text-align: left;
    border: #5C4033 1px solid;
    background:url("image.php?id=4") repeat;
    width: 60%;
}
#school .school-box2 {
    margin: 20px 0 0 0;
}
#school .school-box2 span {
    font-size: 10px;
}
#school .school-box2 .text {
    text-align: center;
}
#school .school-box2 thead {
    background-color: #fff;
    padding:2px;
    font-size: 12px;
    vertical-align: middle;
    background:url("image.php?id=4") repeat;
}
#school .school-box2 th,#school .school-box2 td {
    border: solid 1px #5C4033;
    background-color: #fff;
    padding:2px 4px;
    font-size: 12px;
    vertical-align: middle;
    background:url("image.php?id=4") repeat;
}
#school .school-box2 th {
    font-weight: bold;
}
#school .school-box2 td {
    text-align: left;
}
#school .school-box3{
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0 0 0;
}
#school .school-box3 th{
    width: 25%;
    padding: 6px;
    text-align: left;
    vertical-align: top;
    color: #666;
    border: 1px solid #5C4033;
    background:url("image.php?id=4") repeat;
    font-weight: bold;
}
#school .school-box3 td{
    padding: 6px;
    background-color: #fff;
    border: 1px solid #5C4033;
    background:url("image.php?id=4") repeat;
}

/*****************************************
           Access
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#access h2 {
    padding: 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #5C4033;
    margin-bottom: 0px;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#access img {
    width: 100%;
}
#access .shop-info {
    padding: 14px 20px 20px;
    border: solid 1px #D5CEC4;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #6E6E6E;
    background:url("image.php?id=4") repeat;
    margin: 20px 0 30px 0;
}
#access .shop-info table {
        width: 100%;
        border-collapse: collapse;
}
#access .shop-info th {
        padding: 6px 0px;
        text-align: left;
        border-bottom: dotted 1px #C8B799;
        width: 20%;
        color: #5C4033;
        font-weight: bold;
        vertical-align: middle;
}
#access .shop-info td {
        padding: 6px 0px;
        text-align: left;
        border-bottom: dotted 1px #C8B799;
        width: 80%;
}
#access .shop-info a {
        font-weight: normal;
	color:#666;
}

/*--------------------------------------------------------------
    地図
--------------------------------------------------------------*/
#access iframe {
    padding: 20px 0 0 0;
    width: 100%;
    height: 350px;
}

/*--------------------------------------------------------------
   余白
--------------------------------------------------------------*/
.shop-gallery ul:nth-of-type(3) {
	padding: 0 0 0 0;
}
/*--------------------------------------------------------------
   ボックス
--------------------------------------------------------------*/
.shop-gallery ul {
    padding: 0 0 1% 0;
}
/*--------------------------------------------------------------
   リスト
--------------------------------------------------------------*/
.shop-gallery ul li {
    display: table;
    width: 100%;
}
/*--------------------------------------------------------------
   項目
--------------------------------------------------------------*/
.shop-gallery ul li p {
    display: table-cell;
    width: 30%;
    padding: 0 1%;
}
/*--------------------------------------------------------------
   画像　サイズ
--------------------------------------------------------------*/
.shop-gallery ul li p img {
    width: 100%;
}
#contact {
        padding:30px 0 0 0;
}
#contact h2 {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #298018;
    margin-bottom: 15px;
    box-shadow:0 0 4px #aaaaaa;
    background-image:-webkit-linear-gradient(top,#298018,#32CD32);
    background-image:linear-gradient(to bottom,#298018,#32CD32);
}
/*--------------------------------------------------------------
    iframe
--------------------------------------------------------------*/
.iframe iframe {
    width: 100%;
    height: 700px;
}
/*****************************************
           Salon
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#salon h2 {
    padding: 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #5C4033;
    margin-bottom: 0px;
    text-shadow: 5px 5px 5px #6E6E6E;
}
#salon h3 {
    font-size: 16px;
    font-weight: bold;
    color: #5C4033;
    padding: 0 0 5px 0;
}
#salon img {
    width: 100%;
}
#salon .salon-inner{
    padding: 20px;
    border: solid 1px #D5CEC4;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #6E6E6E;
    background:url("image.php?id=4") repeat;
    margin: 20px 0 30px 0;
}

}



--------------------------------------------------------------*/
/* テーブル
--------------------------------------------------------------*/
#blog {
        width: 100%;
}
#blog #chapter_2 {
        display: table;
        width: 100%;
        box-sizing: border-box;
}
/* 記事
--------------------------------------------------------------*/
#blog #chapter_2 #block_1 {
        display: table-cell;
        width: 70%;
        vertical-align: top;
        padding: 0 40px 0 0;
}
#blog #chapter_2 #block_1 article {
        display: table;
        width: 100%;
        padding: 0 0 20px 0;
        box-sizing: border-box;
        border-bottom: solid 1px #D3D3D3;
}
#blog #chapter_2 #block_1 article:nth-of-type(n+2) {
        margin: 20px 0 0 0;
}
#blog #chapter_2 #block_1 article .parts_1 {
        display: table-cell;
        width: 70%;
        vertical-align: top;
        padding: 0 20px 0 0;
}
#blog #chapter_2 #block_1 article .parts_1 .type_1 p {
        color: #3a3a3a;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 2px;
        line-height: 20px;
}
#blog #chapter_2 #block_1 article .parts_1 .type_2 ul {
        list-style: none;
}
#blog #chapter_2 #block_1 article .parts_1 .type_2 ul:after {
        content: "";
        display: table;
        clear: both;
}
#blog #chapter_2 #block_1 article .parts_1 .type_2 ul li:nth-of-type(1) {
        float: left;
        width: 50px;
}
#blog #chapter_2 #block_1 article .parts_1 .type_2 ul li:nth-of-type(2) {
        float: left;
        width: auto;
        margin-left: 50px;
}
#blog #chapter_2 #block_1 article .parts_1 .type_2 ul li {
        color: #808080;
        font-size: 12px;
        margin: 5px 0 0 0;
}
#blog #chapter_2 #block_1 article .parts_1 .type_3 p {
        margin: 5px 0 0 0;
        color: #3a3a3a;
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 20px;
}
#blog #chapter_2 #block_1 article .parts_2 {
        display: table-cell;
        width: 30%;
        vertical-align: top;
}
#blog #chapter_2 #block_1 article .parts_2 .type_1 p img {
        display: block;
        width: 100%;
}

/* 最新記事一覧　カテゴリー別記事一覧　月別記事一覧
--------------------------------------------------------------*/
#blog #chapter_2 #block_2 {
        display: table-cell;
        width: 30%;
        vertical-align: top;
}
#blog #chapter_2 #block_2 .parts_1 .type_1 h3 {
        padding: 5px;
        background: #5C4033;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 2px;
        line-height: 20px;
}
#blog #chapter_2 #block_2 .parts_1 .type_2 {
        padding: 5px;
        border-color: #D3D3D3;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        background-color: #fff;
}
#blog #chapter_2 #block_2 .parts_1 .type_2 p {
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 20px;
}
#blog #chapter_2 #block_2 .parts_1 .type_2 p a {
        color: #3a3a3a;
        text-decoration: none;
}
#blog #chapter_2 #block_2 .parts_1 .type_2 p a:hover {
        text-decoration: underline;
}

#blog #chapter_2 #block_2 .parts_2 .type_1 h3 {
        margin: 20px 0 0 0;
        padding: 5px;
        background: #5C4033;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 2px;
        line-height: 20px;
}
#blog #chapter_2 #block_2 .parts_2 .type_2 {
        padding: 5px;
        border-color: #D3D3D3;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        background-color: #fff;
}
#blog #chapter_2 #block_2 .parts_2 .type_2 p {
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 20px;
}
#blog #chapter_2 #block_2 .parts_2 .type_2 p a {
        color: #3a3a3a;
        text-decoration: none;
}
#blog #chapter_2 #block_2 .parts_2 .type_2 p a:hover {
        text-decoration: underline;
}

#blog #chapter_2 #block_2 .parts_3 .type_1 h3 {
        margin: 20px 0 0 0;
        padding: 5px;
        background: #5C4033;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 2px;
        line-height: 20px;
}
#blog #chapter_2 #block_2 .parts_3 .type_2 {
        padding: 5px;
        border-color: #D3D3D3;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        background-color: #fff;
}
#blog #chapter_2 #block_2 .parts_3 .type_2 p {
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 20px;
}
#blog #chapter_2 #block_2 .parts_3 .type_2 p a {
        color: #3a3a3a;
        text-decoration: none;
}
#blog #chapter_2 #block_2 .parts_3 .type_2 p a:hover {
        text-decoration: underline;
}

@media screen and (max-width: 768px) {
--------------------------------------------------------------*/
/* テーブル
--------------------------------------------------------------*/
   #blog #chapter_2 {
        display: block;
        width: 100%;
        box-sizing: border-box;
   }
/* 記事
--------------------------------------------------------------*/
   #blog #chapter_2 #block_1 {
        display: block;
        width: 100%;
        padding: 0 0 0 0;
   }
/* 最新記事一覧　カテゴリー別記事一覧　月別記事一覧
--------------------------------------------------------------*/
   #blog #chapter_2 #block_2 {
        display: block;
        width: 100%;
        margin: 20px 0 0 0;
   }
}

@media screen and (max-width: 599px) {
   #blog #chapter_2 #block_1 article {
        display: block;
        width: 100%;
   }
   #blog #chapter_2 #block_1 article .parts_1 {
        display: block;
        width: 100%;
        padding: 0 0 0 0;
   }
   #blog #chapter_2 #block_1 article .parts_2 {
        display: block;
        width: 90%;
        margin: 20px auto 0;
   }

}