@charset "utf-8";
@import url(swiper.css);@import url(drawerMenu.css);
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cantarell&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap');
@import url(https://use.fontawesome.com/releases/v5.0.6/css/all.css);

/**********************************************************************　テスト　*******************************************************************************/

section { text-align: justify ; text-justify: inter-ideograph ; /*background-color: #ff0;*/ }

/**********************************************************************　基本　*******************************************************************************/

html,body { height: 100%; margin: 0;padding: 0 }
body { text-align: center ; background-color: #fff; -webkit-font-smoothing: antialiased; }
body { font-family: "A1 Mincho", serif;
-moz-font-feature-settings: 'palt' 1; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; letter-spacing: .06em; }

body.org div#container { position:relative }

.oswald { font-family: 'Oswald', sans-serif;}

.recruit-box strong { font-family: 'Midashi Go MB31';}

a { color: #000; text-decoration: none; }

a:hover,
a i,
a.iro { color: hsla(0,100%,44%,1.00) }

footer a ,
.tt a ,
.exam a
{ color: #000 ; }

img { border: none }
ul , li { margin: 0 ; padding: 0 ; }
ul li { list-style: none}
ol { margin: 0 0 0 15px ; padding: 0 ; }

section,footer,header,article,main,div,p { position:relative } 
header#togglebox { z-index: 100 } 

article { ; }
main { ; }
address { font-style: normal }

img, div, p, figure{ margin: 0;padding: 0 }
img { border-style: none;vertical-align: bottom }

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.ensub { font-family: 'Titillium Web', sans-serif; }
.enaim {font-family: 'Cantarell', sans-serif;}
.smo { font-size: 0.8em; }

.rela { position: relative }
.fxt { position: fixed }
.abso { position: absolute ; z-index: 1 }
.clear-box { clear: both;float: none;margin: 0;padding: 0; }

.clearfix:after { content: '';display: block;clear: both; }
.clearfix { zoom: 1; /* for IE6/7 */ }

.wrap:after { content: '';display: block;clear: both; }
.wrap { zoom: 1; /* for IE6/7 */ }


hr {
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #bbb inset;
  margin: 30px 0;
}

input , textarea { border: solid 1px #ccc }

.recruit-box {  margin-bottom: 20px; background-color: hsla(0,0%,0%,.05) }


/**********************************************************************　タイポグラフィー　*************************************************************************/

.swiper-pagination { font-family: 'Oswald', sans-serif; letter-spacing: 0; }
.eng { font-family: 'Crimson Text', serif; }
.tt { font-family: 'Crimson Text', serif; text-transform: uppercase; text-align: left; position: absolute; z-index: 10 }
.aim { font-family: 'Cantarell', serif; text-transform: lowercase; }
.aim a { color: hsla(358,100%,45%,1.00)!important }
.aim.detailaim { text-align: center }
.aim.detailaim { width: 100%; font-size: .9em; line-height: .9em; margin-bottom: 50px!important }
.aim.detailaim img { width: 70px; height: auto; padding: 0 0 15px 0; }

h1, h2, h3, h4 { font-weight: normal }

.read { text-align: justify; }
.unbo { border-bottom: 1px dotted #ccc; display: inline-block; padding: 0 0 1px 5px }

/**********************************************************************　フォントサイズ　*************************************************************************/

.h1-box { text-align: center; }
.h1-box.boboth { border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin: 50px 0 50px 0; padding: 30px 0 30px 0!important;  }

body.detail h1 { text-align: center ; margin: 0 ; padding: 0 }
body.detail h2 { text-align: center ; padding: 10px 0 20px 0 ; margin: 0 0 20px 0 }
body#contact h2 { padding: 0 ; margin: 0 }
body#aim h2 { text-align: center ; padding: 0 ; margin: 50px 0 20px 0 }

.palette h4 { border: 1px solid #ccc ; margin: 0 0 10px ; padding: 0.8em 0 0 1em ; height: 1.5em }
h4.h4foot { margin: 20px 0 10px ; }
h4.pvc { border-bottom: 2px solid #000; display: inline-block; padding: 0 0 2px 0!important }

/**********************************************************************　デザイン　*******************************************************************************/


.imbox { width: 100%; }
.urll a { display: inline-block; border-bottom: #ccc 1px solid; margin: 8px 0; padding: 2px 0; font-family: Arial, Helvetica, "sans-serif"; }

a.sitelink { display: inline-block; border: #aaa 1px solid; padding: 3px 10px 3px; font-size: 0.8em; line-height: 0.8em; border-radius: 2px }
a.sitelink:hover { color: #000; background-color: #eee; }

.pt { padding-top: 20px }.pb { padding-bottom: 20px }
.mt { margin-top: 20px !important}.mb { margin-bottom: 20px !important}.mb10 { margin-bottom: 10px !important}

.swiper-slide .abso { left: 0; bottom: 0; width: 100% }

.exam { float: none; letter-spacing: .02em; border: #ddd 1px solid; background-color: #fff }
.phj img { width: 100%; height: auto; }
.thumbs img { width: 100% ; height: auto; padding-bottom: 5px }
.thumbs a:hover { opacity: .7; color: #000 }
.exam a { display: block ; }
.exam .faciname { display: block; position: absolute }

.ls { letter-spacing: .1em; }

.thumbs .palette-box { display: block; }
.thumbs .palette-box .palette { display: block; float: left; line-height: 1.4em }
.thumbs .palette-box .palette img { padding: 0 }

body#design .thumbps { padding-bottom: 30px }

/*サムネカレント表示*/

body#b-oneshotel div.thumbps p:nth-child(1),
body#b-nagasaki div.thumbps p:nth-child(2),
body#b-rojiura div.thumbps p:nth-child(3),
body#b-sb div.thumbps p:nth-child(4),
body#b-alpha div.thumbps p:nth-child(5),
body#b-passages div.thumbps p:nth-child(6),
body#b-hachinohe div.thumbps p:nth-child(7),
body#b-elcasa2001 div.thumbps p:nth-child(8),
body#b-elmont div.thumbps p:nth-child(9),

body#r-warakuen2025 div.thumbps p:nth-child(1),
body#r-seikai2025b div.thumbps p:nth-child(2),
body#r-seikai2025d div.thumbps p:nth-child(3),
body#r-ichifuji2025p div.thumbps p:nth-child(4),
body#r-ichifuji2025r div.thumbps p:nth-child(5),
body#r-matsubaya2025l div.thumbps p:nth-child(6),
body#r-taisenkaku2025 div.thumbps p:nth-child(7),
body#r-taisenkaku2025r div.thumbps p:nth-child(8),
body#r-mikawaya2025 div.thumbps p:nth-child(9),
body#r-hakuryusou2025 div.thumbps p:nth-child(10),
body#r-warakuen div.thumbps p:nth-child(11),
body#r-ritouen div.thumbps p:nth-child(12),
body#r-gahama div.thumbps p:nth-child(13),
body#r-seikai2023 div.thumbps p:nth-child(14),
body#r-onoue div.thumbps p:nth-child(15),
body#r-onouep div.thumbps p:nth-child(16),
body#r-fukusenka div.thumbps p:nth-child(17),
body#r-viewhotel div.thumbps p:nth-child(18),
body#r-taisenkakur div.thumbps p:nth-child(19),
body#r-taisenkaku div.thumbps p:nth-child(20),
body#r-roppokan div.thumbps p:nth-child(21),

body#r-shikimi2022 div.thumbps p:nth-child(22),
body#r-seikai2019 div.thumbps p:nth-child(23),
body#r-seikai2019r div.thumbps p:nth-child(24),
body#r-kowakuen2019 div.thumbps p:nth-child(25),
body#r-kowakuen2019r div.thumbps p:nth-child(26),
body#r-sansuikan2019 div.thumbps p:nth-child(27),
body#r-sansuikan2019r div.thumbps p:nth-child(28),
body#r-bansyoukaku2019 div.thumbps p:nth-child(29),
body#r-bansyoukaku2019r div.thumbps p:nth-child(30),
body#r-bansyoukaku2013 div.thumbps p:nth-child(31),
body#r-seikai2011 div.thumbps p:nth-child(32),
body#r-seikai2011r div.thumbps p:nth-child(33),
body#r-sansuikan2010 div.thumbps p:nth-child(34),
body#r-solage div.thumbps p:nth-child(35),
body#r-hanayoshi2009 div.thumbps p:nth-child(36),
body#r-hanayoshi2009r div.thumbps p:nth-child(37),
body#r-matsubaya2008 div.thumbps p:nth-child(38),
body#r-matsubaya2008r div.thumbps p:nth-child(39),
body#r-seikai2006 div.thumbps p:nth-child(40),
body#r-seikai2006r div.thumbps p:nth-child(41),
body#r-takenoi div.thumbps p:nth-child(42),
body#r-matsubaya2004 div.thumbps p:nth-child(43),

body#c-fairytakasago div.thumbps p:nth-child(1),
body#c-shalom div.thumbps p:nth-child(2),
body#c-prestige div.thumbps p:nth-child(3),
body#c-fairytakamiya div.thumbps p:nth-child(4),
body#c-salinas div.thumbps p:nth-child(5),

body#w-minamigaoka div.thumbps p:nth-child(1),
body#w-yugaen div.thumbps p:nth-child(2),
body#w-hakata div.thumbps p:nth-child(3),
body#w-futsukaichionsen div.thumbps p:nth-child(4),

body#o-takara div.thumbps p:nth-child(1),
body#o-Dee2 div.thumbps p:nth-child(2),
body#o-shalom div.thumbps p:nth-child(3),
body#o-fuyohome div.thumbps p:nth-child(4),

body.living div.thumbps p.living,
body.bedroom div.thumbps p.bedroom,
body.japaneseroom div.thumbps p.japaneseroom,
body.entrancehall div.thumbps p.entrancehall,
body.closet div.thumbps p.closet,
body.desk div.thumbps p.desk,
body.terrace div.thumbps p.terrace,
body.openairbath div.thumbps p.openairbath,
body.bathroom div.thumbps p.bathroom,
body.bathroomvanity div.thumbps p.bathroomvanity,
body.mizuya div.thumbps p.mizuya,
body.sauna div.thumbps p.sauna,
body.toilet div.thumbps p.toilet,
body.lobby div.thumbps p.lobby,
body.front div.thumbps p.front,
body.lounge div.thumbps p.lounge,
body.restaurant div.thumbps p.restaurant,
body.hotbath div.thumbps p.hotbath,
body.shop div.thumbps p.shop,
body.bar div.thumbps p.bar,
body.councilroom div.thumbps p.councilroom,
body.smokingroom div.thumbps p.smokingroom,
body.corridor div.thumbps p.corridor,
body.builtin div.thumbps p.builtin,
body.furniture div.thumbps p.furniture,

.exam:hover
{ border: 1px solid #ccc; background-color: #eee }


.detail-box { width: 100%; }
.detail-box img { width: 100%; height: auto }

.btbox { display: block; padding: 5px 0; text-align: center; border: #ccc 1px solid; margin: 5px 0 5px 0; clear: both }
a:hover .btbox { background-color: #ddd; transition-property: all; transition: 0.3s linear; color: #000 }
a:hover { color: #000 }
.btbox i { padding-right: 5px; color: hsla(358,100%,45%,1.00) }

.topthumb a { display: block  }

.rectrlike { font-size: .9em; background-color: #fff; border: #aaa solid; border-width: 1px 1px 0px 0px; box-sizing: border-box; }
.recthlike, .rectdlike  { text-align: left!important; border: #aaa solid; box-sizing: border-box; }
.recthlike { background-color: hsla(0,0%,0%,.15); }

/***********************************************************************　フッター　******************************************************************************/

footer{
display: block;
clear: both;
float: none;
}

.footer-box { background-color: #f1f1f1 }

/***********************************************************************　スワイパー　******************************************************************************/

.swiper-wrapper { position: relative; }
.swiper-container { overflow: hidden ; position: relative; }
.swiper-container { background-color: #eee ; }
.swiper-slide { width: 100%; vertical-align: top}
.swiper-slide img { width: 100%;height: auto; padding: 0 0 30px 0;vertical-align: top }

.swiper-slide {  }  

.swiper-pagination-bullet {
  display: inline-block;
  background: #fff;
  opacity: 1;
}
.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active {
  opacity: 0.3;
}

.pagination-num { position: absolute; z-index: 1; right: 0px }
.pagination-num p { line-height: 1em; text-align: center; float: left }


.swiper-slide {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-slide {
		-webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

/**********************************************************************　フォーム類　*******************************************************************************/

dl.toiawase { text-align: left }
dl.toiawase dd.submi { text-align: center; margin: 0 }
input {margin-right: 5px;margin-bottom: 5px; }
textarea {border: 1px solid #ddd; }

input {font-size: 100%;}
input, textarea {border: 1px solid #cccccc; }

/*******************************************    Mmailform    ****************************************************/

form { padding: 0; margin: 0 }
.yoko-line{margin: 50px 0; width: 100%; }

.hissu{ color: hsla(0,100%,44%,1.00); }
span.aki{ display: block; height:10px }

.submi input{ color: #ffffff; height: 40px!important; padding: 8px 30px 8px 30px; background-color: #707070; margin: 0px 10px 0 0px; border-radius: 4px; font-size: 1em;}

/**********************************************************************　リスト　*******************************************************************************/

article ul {
margin-top: 0px;
padding-top: 0px;
}

ul.maru {
padding-left: 1.1em;
margin: 0 0 0 0;
font-size: 0.9em;
line-height: 1.8em;
}

ul.maru li {
list-style: none  ;position: relative;
}

ul.maru li::after {
  display: block;
  content: '';
  position: absolute;
  top: .55em;
  left: -1em;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border: 2px solid rgba(0,0,0,0.3);
  border-radius: 100%;
}

ul.maru.excep li::after {
  top: .6em;
}

ul.maru li strong { display: inline; font-weight: 300 }

ul.act li a{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

ul.act li a:hover:before{
    animation: arrow .5s ease-out forwards;
}

@keyframes arrow {
 0% {
    left: 0px;
    }
 50% {
    left: 5px;
    }
 100% {
    left: 0;
    }
}


.tbl {  }
.thl, .tdl { display: block ; font-size: 1.0em }
.thl {  }

/**********************************************************************  パレット  *******************************************************************************/

#secondary section,
.post,
.palette
{ text-align: justify ; text-justify: inter-ideograph ; vertical-align: top }

.palette.nocont { opacity: 0 }

/**********************************************************************  コラム  *******************************************************************************/


/**********************************************************************　テーブル　*******************************************************************************/

table { width: 100%; }
th { text-align: left;font-weight: normal; }

table#formbox td ,table#formbox th { border-top: dotted 1px #aaa ; padding: 15px 3px }
table#formbox { border-bottom: dotted 1px #aaa ; }

table#formbox {}
.attent { display: block ; padding: 10px 0 }

table.specifi { border-top: #ddd 1px solid; border-left: #ddd 1px solid; }
table.specifi th, table.specifi td { border-bottom: #ddd 1px solid; border-right: #ddd 1px solid; padding-left: 5px }

.palenon { display: none!important; }
.reccontact { margin-top: 50px }
.reccontact h2 { text-align: left!important; font-size: 1.6em!important }

.thumb-box h2 { margin-bottom: 10px!important }
.thumb-box h2 a { display: block; border: #555 solid 1px; padding: 5px 0 5px; }
.thumb-box h3 a { background: url("../img/dot4.svg"); background-repeat: no-repeat; }
.thumb-box h3 a:hover { background: url("../img/dot4b.svg"); background-repeat: no-repeat; }

body#design .thumbs span { display: block; padding-top: 6px }

/************************************************animation************************************************/

.fadeInStay {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fadeInStay;
 animation-name: fadeInStay;
 visibility: visible !important;
}
@-webkit-keyframes fadeInStay {
 0% { opacity: 0; -webkit-transform: translateY(0); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInStay {
 0% { opacity: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.migen { background-color: #ff0; }