@charset "UTF-8";
body {background: url('../images/bg.gif'); color: #63564a;}
a { color: #63564a;}
a:hover{color: #807162;}
.info-th{background-color: #63564a; color:#fff7eb;}
.info-th.th2{color:#63564a; background-color: #fff7eb;}
.info-th.th3{color: #fff7eb; border: 1px solid #fff7eb;}
header { background-color:rgba(156,139,124,0.9); color: #fff7eb;}
.header-icon{ border: 1px solid #fff; box-shadow: 0 0 0 2px #63564a;}
h1 {color: #fff7eb;}
h1 a {color: #fff7eb;}
h1 a:hover { color: #dbc7a8 }
nav { background-color:rgba(255,255,255,0.8); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);}
nav li .nav-inner{border-left:1px solid #cdc3ba;}
nav li:last-child .nav-inner{border-right:1px solid #cdc3ba;}
nav a{color: #63564a;}
nav a:hover{color: #8d7966;}
nav a small{color: #d8c4b1;}
nav a small:hover{color: #e3d1bf;}
nav .dropdown-menu li a{border-bottom: 1px solid #cdc3ba;}
.dropdown-menu > li > a{color: #63564a}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #8d7966;}
.item{box-shadow: 0 0 5px rgba(170, 138, 101, 0.5);}

.gonow{background-color: #fff; border: 1px solid #63564a;}
.gonow-left td{color: #ffe671;}
.gonow-right{color: #ffa654;}

.main-2 .balloon-left{background: #63564a;}
.main-2 th img{border: 1px solid #63564a;}
.point-block{background-color:#63564a; color:#fff;}

.main-3-inner{ background-image: linear-gradient(to top, #fff, #f8f2eb);}

.main-draw td{border-bottom: 1px solid #d7c2af;}

.main-cast a{color: #63564a;}

.main-4-inner a{background-color: #f8f2eb;}
.main-4-inner a:nth-child(even){background-color: #fff;}

.main-5-inner a{border:2px solid #d7c2af;}
.main-5-inner .main-5-img{border-right: 1px solid #d7c2af;}

.side-foot{background-color: #f8f2eb;}
.side-2-image{background-color: #f8f2eb;}
.side-5 canvas{background-color: #000;}

footer { background-color: #a59587; }
.footmenu a{color: #fff7eb}
.footmenu a:hover{color: #dbc7a8}
.foot-move{color:#fff7eb; background-color:#a59587;}
.foot-move:hover{background-color: #b09c8b; color:#fff7eb;}
.footinfo{background-color: #f8f3ed;}
.info-title{border-bottom: 1px solid #d7c2af;}
.copyright {background-color: #f8f3ed; }

.totop img { background: #15adb3 }
.totop img:hover { background: #14c0c5 }

table.table-form th,table.table-form td{border-bottom:1px dashed #d7c2af;}
table.table-form th{background-color: #fdf9f4;}
input[type="text"]{border: 1px solid #d7c2af;}
textarea{border: 1px solid #d7c2af;}
.text-required {background-color: #9e5f19; color: #fff; }
input.sample::-webkit-input-placeholder {    color: #bea996;}
input.sample:-ms-input-placeholder {    color: #bea996;}
input.sample::-moz-placeholder {   color: #bea996;}
.form-control::-moz-placeholder{color: #bea996;}

.main-border{border: 1px solid #d7c2af !important;}
.main-border2{border: 1px solid #d7c2af; border-top: none;}
.top-border{border-top: 1px solid #d7c2af !important;}

.icon{color: #fff; background-color: #ffa755; }
.icon-cast{color: #fff; background-color: #63564a; border: 1px solid #a28469; box-shadow: 0 0 0 2px #0c0000;}

.text-main{color: #ffa755; }
.text-normal{color: #63564a;}
.color-main{color: #ffa755;}
.main-title{background-color: #cfaf92; color: #fff; border-bottom: 2px solid #685b50;}
.main-title2{ color: #cfaf92;border: 1px solid #cfaf92;}
.title-border{border-bottom: 1px dashed #d7c2af;}
.side-title{background-color: #cfaf92; color: #fff;}

/*背景パターン*/
.bgpt-1{background:#63564a url('../images/bgpt-001.png') !important; color: #fff7eb;}
.bgpt-2{background:#63564a url('../images/bgpt-002.png') !important; color: #fff7eb;}
.bgpt-3{background:#63564a url('../images/bgpt-003.png') !important; color: #fff7eb;}
.bgpt-2-2{background:url('../images/bgpt-002.png') !important;}
.bgpt-3-2{background:#b6a79a url('../images/bgpt-003.png') !important;}

/*背景グラデーション*/
.bggd-1{ background-image: linear-gradient(to top, #fff, #f8f2eb);}

/*背景色*/
.bgc-1{background-color: #ffa755 !important;}
.bgc-2{background-color: #f8f2eb !important;}

.border-main{box-shadow: 0 0 0 2px #d7c2af;}
.border-main:hover{box-shadow: 0 0 0 2px #ffa755;}
.w-border{ border: 1px solid #fff; box-shadow: 0 0 0 2px #d7c2af;}

table.table-1{border-top:1px dashed #d7c2af;}
table.table-1 th,table.table-1 td{border-bottom:1px dashed #d7c2af;}
table.table-1 th{background-color: #fdf9f4;}

.btn-1{background-image: linear-gradient(to top, #ff8211, #ffc095);
    border: 1px solid #ff8211;
    box-shadow: 0 0 0 1px #ffbb79;
    color: #fff;
    text-shadow: 0 1px 3px #c5650e;}
.btn-1:hover{background-image: linear-gradient(to top, #ffab5c, #ffd0ae); color: #fff;}

.btn-2{background-image: linear-gradient(to top, #f8c698, #ffeedf);
    border: 1px solid #ffe6ce;
    box-shadow: 0 0 0 1px #d69e6b;
    color: #9c6a3b;
    text-shadow: 0 1px 3px #f9e4d0;}
.btn-2:hover{background-image: linear-gradient(to top, #ffdab8, #fff5ec); color: #9c6a3b}

.btn-3{background-image: linear-gradient(to top, #f8ecdd, #fffcf8);
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #e1cab0;
    color: #b78b62;
    text-shadow: 0 1px 3px #f9e4d0;}
.btn-3:hover{background-image: linear-gradient(to top, #fffcf8, #f8ecdd); color: #b78b62}

/* balloon-2 left */
.balloon-left {color: #fff7eb;}
.balloon-left:after {border-color: transparent #63564a transparent transparent;}

/* balloon-1 */
.balloon-1{color: #19283C;	background: #fff;border: 1px solid #d7c2af;}
.balloon-right2{border: none; color: #fff;}
.balloon-right:before {border-color: transparent transparent transparent #fff;}
.balloon-right:after {border-color: transparent transparent transparent #d7c2af;}
.balloon-right2:before {border-color: transparent transparent transparent #ffa755;}
.balloon-right2:after {border-color: transparent transparent transparent #ffa755;}
.balloon-left:before {border-color: transparent #fff transparent transparent;}
.balloon-left:after {border-color: transparent #d7c2af transparent transparent;}
.balloon-color-2:after {border-color: transparent #63564a transparent transparent;}

.pagination > li > a, .pagination > li > span{color: #63564a}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #d7c2af; border-color:#d7c2af;}
.pagination > li > a, .pagination > li > span{border-color:#d7c2af;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #d7c2af;
    border-color: #d7c2af;
    color: #fff;
}

.title-page{background-color: #685b50; border-bottom: 3px solid #392a1d; color: #fff7eb;}
.main2-title{color: #cdad91; border: 1px solid #cdad91;}

.cast-select{background-color: #f8f2eb;}
.cast-prof{background-color: #fff;}
.bodycast .cast-prof td, .cast-prof th{border-top: dashed 1px #d7c2af;}
.block-shop_blog .main-draw{border-bottom: 1px solid #d7c2af;}
.bloglist .list-blog a{border-bottom: 1px dashed #d7c2af;}
.head-blog{border-bottom: 1px solid #d7c2af;}
.old-blog{border-top: 1px solid #d7c2af;}

.text-block{background-color: #fff;}
.color-inner{background-color: #f8f2eb;}
.color-item .color-inner:nth-child(even){background-color: #fff;}

.menu-item {border-bottom: 1px solid #d7c2af;}
.coupon-inner{ border: 2px solid #ffbb7b;}
.coupon-head{background-color: #fdf9f4; border-bottom: 1px dashed #d7c2af;}
.coupon-type{background-color: #f8f2eb;}
.coupon-icon{border-color: #ffa755 transparent transparent transparent;}

.job-select{background-color: #f8f2eb;}
.jobphoto-bottom{background-color: #f8f2eb;}

.job-find i{color: #ffa755;}
.qa-item{border-bottom:1px solid #d7c2af;}

.icon-q{background-color: #63564a; color: #fff7eb;}
.icon-a{border:1px solid #63564a; color: #63564a;}


@media screen and (max-width:767px) {
	nav { background-color:rgba(255,255,255,0.95);}
	nav li{ border-bottom: 1px solid #cdc3ba;}
	#nav-btn{color: #fff7eb;border-left:1px solid #b8a89a; box-shadow: 0 -2px 0 1px #927e6d;}
	.item-sm{box-shadow: 0 0 5px rgba(170, 138, 101, 0.5);}
	.footmenu li{border-top: 1px solid #b8a89a; box-shadow: 0 -2px 0 0 #927e6d;}
	.footmenu ul{border-bottom: 2px solid #927e6d;}
	.footmenu hr{border-color:#b8a89a;}
	.footmenu a:hover{color: #dbc7a8}
	.menu-fix{background-color: rgba(99,86,74,0.9); border-top: 1px solid #927c69;}
	.menu-fix a{color: #fff7eb;box-shadow: 1px 0 0 0 #927c69;}

}