@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(https://fonts.googleapis.com/css?family=Rock+Salt);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
/* ---------------------------------------------------------------------------------
Copyright © 2015 Attract All Rights Reserved.

HTML CSS Selectors common 

$Revision: 1.0 $
--------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------
初期設定
--------------------------------------------------------------------------------- */
html,body{
	/*height: 100%;*/
}

body {
	font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #000;
	line-height: 1.8;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}


h1,h2,h3,h4,h5,h6,
ul,ol,dl,
p,li,dt,dd,th,td {
	margin: 0px;
	padding: 0px;
	border: 0;
	vertical-align: baseline;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th,td {
	text-align: left;
	vertical-align: top;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
	margin: 0px;
	padding: 0px;
}

img {
   vertical-align: middle;
}


a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #000;
	text-decoration: none;
}
a:hover {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

ul {
	list-style-type: none;
}
 
.clear {
	clear: both;
	height: 0;
}

.clearfix:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	/*overflow:hidden;*/
}

.none {
	display: none !important;
}
.radius {
	position: relative;
}

/*---------------------------------------------------------------------------------
drawer
--------------------------------------------------------------------------------- */
#side_reserve_member {
	position: fixed;
	top: 50% !important;
	right: 0;
	margin-top: -110px;
	z-index: 1130;
	display: block;
	width: 120px;
	height: 110px;
}
.drawer-right.drawer-open #side_reserve_member {
    -webkit-transform: translateX(-250px) translateY(0px);
    -ms-transform: translateX(-250px) translateY(0px);
    -o-transform: translateX(-250px) translateY(0px);
    transform: translateX(-250px) translateY(0px);
}

.drawer-hamberger {
	position: fixed;
	top: 50% !important;
	margin-top: 6px;
	z-index: 1130;
	display: block;
	width: 120px;
	height: 110px;
	padding: 0px;
	background-color: transparent;
	border: 0;
	outline: 0;
	background-image: url(../img/common/btn_reserve_beginner.png) !important;
	background-repeat: no-repeat;
	background-position: left top !important;
}
.drawer-hamberger:hover {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.drawer-right.drawer-open .drawer-hamberger {
	background-position: left bottom !important;
}

.drawer-default {
	background-color: #8D9EBA;
}

.drawer-main .drawer-brand h1 {
	text-align: center;
	padding-top: 20px;
	height: 100px;
}

.drawer-main .drawer-contents {
}

.drawer-main .drawer-contents .reserve-txt {
	text-align: center;
	padding-top: 23px;
	padding-bottom: 28px;
	background-image: url(../img/common/icon_color.png);
	background-repeat: no-repeat;
	background-position: center top;
	color: #FFFFFF;
	font-size: 14px;
}

.drawer-main .drawer-contents .staff {
}
.drawer-main .drawer-contents .staff li {
	padding-bottom: 8px;
	padding-left: 40px;
	overflow:hidden;
}
.drawer-main .drawer-contents .staff li a {
	display: block;
	color: #FFFFFF;
}
.drawer-main .drawer-contents .staff li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.drawer-main .drawer-contents .staff li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


.drawer-main .drawer-contents .staff .photo {
	height: 76px;
	width: 60px;
	display: block;
	float: left;
	position: relative;
	overflow:hidden;
}
.drawer-main .drawer-contents .staff .photo:after {
	display: block;
	height: 76px;
	width: 60px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/common/side_mask.png);
	background-repeat: no-repeat;
	content:"";
}
.drawer-main .drawer-contents .staff .name {
	float: left;
	font-size: 14px;
	padding-top: 7px;
	padding-left: 16px;
}
.drawer-main .drawer-contents .staff .job {
	display: block;
}


.drawer-overlay {
	width: 100%;
	/*overflow: hidden;*/
}

/*---------------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------------- */
#header-wrapper {
	width: 100%;
	/*min-width: 1120px;*/
	min-width: 1000px;
	height: 132px;
	border-top: 6px solid #9C1618;
	background-color: rgba(255,255,255,0.90);
}
#header-wrapper header {
	width: 1000px;
	height: 132px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#header-wrapper h1 {
	width: 130px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -65px
}
#header-wrapper .tel {
	position: absolute;
	top: 26px;
	right: 235px;
}
#header-wrapper .sns {
	position: absolute;
	top: 26px;
	right: 0px;
}
#header-wrapper .sns a {
	display: inline-block;
	padding-left: 10px;
}
#header-wrapper nav {
	padding-top: 85px;
}
#header-wrapper nav ul {
	padding-left: 35px;
	overflow:hidden;
}
#header-wrapper nav li {
	float: left;
	padding-right: 40px;
}
#header-wrapper nav li:nth-of-type(3) {
	padding-right: 220px;
}
#header-wrapper nav li:last-child {
	padding-right: 0;
}

/*fix*/
#header-wrapper.fixed {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 100px;
	z-index: 100;
}
#header-wrapper.fixed header {
	height: 100px;
}
#header-wrapper.fixed h1 {
	top: -200px;
	left: 0px;
}
#header-wrapper.fixed .tel {
	position: absolute;
	top: 51px;
	right: 65px;
}
#header-wrapper.fixed .sns {
	position: absolute;
	top: 14px;
	right: 0px;
}

#header-wrapper.fixed nav {
	padding-top: 40px;
}
#header-wrapper.fixed nav li:nth-of-type(3) {
	padding-right: 48px;
}



/*---------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------- */
#contents-wrapper {
	padding: 0px 0px 130px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#contents-wrapper h2 {
	text-align: center;
	padding-top: 83px;
	color: #ACAB9E;
	font-size: 12px;
	line-height: 12px;
	background-image: url(../img/common/icon_title.png);
	background-repeat: no-repeat;
	background-position: center top;
}


.pagenation {
	text-align: center;
	padding-top: 22px;
	padding-bottom: 15px;
}
.pagenation a,
.pagenation span {
	display: inline-block;
	text-align: center;
	width: 42px;
	margin-right: 8px;
	margin-left: 8px;
	font-family: 'Rock Salt', cursive;
}
.pagenation span {
	font-size: 16px;
	line-height: 16px;
	color: #EB5F70;
	padding: 10px 0px 9px;
	background-image: url(../img/common/bg_pagenation.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}
.pagenation a {
	font-size: 12px;
	line-height: 12px;
	color: #CCCCCC;
	padding: 15px 0px;
}

.pagenation .ditto_previous_link,
.pagenation .ditto_next_link {
	margin-right: 34px;
	margin-left: 34px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.pagenation .ditto_previous_link {
	background-image: url(../img/common/btn_prev.png);
}
.pagenation .ditto_next_link {
	background-image: url(../img/common/btn_next.png);
}


.pagenation a:hover {
	-ms-filter: "alpha( opacity=50 )";
	opacity:0.5;
}

.list_style {
	padding-left: 48px;
}
.list_style li {
	width: 200px;
	padding-right: 34px;
	padding-bottom: 30px;
	position: relative;
	float: left;
}
.list_style li:nth-of-type(4n+1) {
	clear: left;
}
.list_style li a {
	display: block;
	height: 300px;
	width: 200px;
}
.list_style li a .thumb {
	height: 300px;
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.list_style li a img {
	display: block;
	height: 300px;
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.list_style li a:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


/*---------------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------------- */
#footer-wrapper {
}
#footer-wrapper nav {
	width: 972px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 95px;
}

#footer-wrapper nav .sns {
	text-align: center;
	padding-top: 27px;
	padding-bottom: 40px;
	background-image: url(../img/common/icon_color.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer-wrapper nav .sns img {
	padding-left: 8px;
	padding-right: 8px;
}

#footer-wrapper nav .navi {
	overflow:hidden;
}
#footer-wrapper nav .navi li {
	width: 300px;
	padding: 0 12px 10px;
	float: left;
}

#footer-wrapper footer {
	width: 100%;
	/*min-width: 1120px;*/
	min-width: 1000px;
	padding-top: 35px;
	padding-bottom: 15px;
	background-color: #F18D67;
}

#footer-inner {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#footer-inner #page-top {
	width: 64px;
	height: 58px;
	position: absolute;
	top: -68px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

#footer-inner h2 {
	text-align: center;
	padding-bottom: 20px;
}
#footer-inner p {
	text-align: center;
	color: #fff;
}
#footer-inner .add_en {
	padding-bottom: 25px;
}
#footer-inner .add_jp {
	line-height: 12px;
	padding-bottom: 10px;
}
#footer-inner .tel {
	padding-bottom: 28px;
}
#footer-inner .company {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}
#footer-inner .company a {
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

#footer-inner #group {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: left;
	padding-bottom: 0px;
}
#footer-inner #group a {
	display: inline-block;
	text-align: center;
	padding-right: 12px;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.2em;
	color: #fff;
}
#footer-inner #group a img {
	padding-bottom: 5px;
}

#footer-inner .copyright {
}



/*---------------------------------------------------------------------------------
Slider
--------------------------------------------------------------------------------- */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-prev, .slick-next {
	width: 16px;
	height: 26px;
	background-image: url(../img/common/btn_slide_nextprev.png);
	position: absolute;
	top: 50%;
	margin-top: -8px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
}
.slick-prev {
	left: -45px;
	background-position: left top;
}
.slick-next {
	right: -45px;
	background-position: right top;
}
.slick-prev:before, .slick-next:before {
	display: none !important;
}
.slick-prev:hover, .slick-next:hover {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;	
}


.slick-disabled {
	display:none !important;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    outline: none;
}

.slick-dots {
	text-align: center;
	padding-top: 26px;
	padding-bottom: 0px;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 28px;
    height: 24px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
	font-size: 0;
	line-height: 0;
	display: block;
	width: 28px;
    height: 24px;
	color: transparent;
    border: 0;
    outline: none;
    background: transparent;
	
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}

.slick-dots li button:before
{
	width: 28px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-image: url(../img/common/icon_slide.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:focus:before
{
	background-position: left bottom;
}