@charset "utf-8";

/* --------------------------------------
ページ個別指定
-------------------------------------- */


/* --------------------------------------
共通
-------------------------------------- */
.pcNon {
display:none;
}

html {
min-width: 980px;
height:auto;
}
body {
background:url(../img/back.png);
height:100%;
overflow: hidden;
}

a[href*="tel:"] {
pointer-events: none;
}

p {
/*font-size:1.5rem;*/
line-height:1.7em;
margin-bottom:1em;
    font-size: 120%;
}
.fontOrg {
color:#FF6600;
font-weight:bold;
margin:0 0.2em;
}
small {
font-size:80%;
line-height: 1.5em;
}
h4 {
line-height: 1.4em
}


/* 問合せボタン */
aside.toiawase {
margin:40px 0 60px;
}
aside.toiawase a {
display:block;
width:651px;
margin:0 auto;
}

/*申込ボタン下注釈 */
.staynote{
	display:block;
	margin:0 auto;
width: 650px;
color: red;}

/* 注釈 */
.kigenBox {
border:red solid 1px;
padding: 0.8em 1em 0.8em 2em;
}
.kigenBox li {
list-style-type: disc;
color:red;
font-size:0.9em;
line-height: 1.2em;
}
.kigenBox li:not(:last-child) {
margin-bottom:0.6em;
}


/* ページトップボタン */
#page-top {
position: fixed;
bottom: 5px;
right: 20px;
}
#page-top a {
text-decoration: none;
width: 64px;
height: 88px;
display: block;
border-radius: 40px;
background-image: url(../img/pagetop.png);
text-indent: -999999px;
}



/* --------------------------------------
ヘッダー＋キービジュアル＋メニュー
-------------------------------------- */
/* ヘッダー */
h1.padeTtl {
background:#FF7B00;
position: relative;
z-index: 10;
}
h1.padeTtl b {
display:block;
width:980px;
height:20px;
margin:0 auto;
font-size:12px;
color:#FFF;
line-height: 20px
}
#header {
background:#FFF;
margin-bottom:20px;
padding-top: 20px;
margin-top:-20px;
}
#header .inner {
width:980px;
margin:0 auto;
display:table;
}
#header .logo,
#header h2 {
display: table-cell;
vertical-align: top;
padding:8px 0 6px;
}
#header .logo {
width:30%;
}
#header h2 {
width:70%;
line-height:1em;
font-size:2.5rem;
padding-top:12px;
}
#header h2 small {
margin-left:0.5em;
}

/* キービジュアル */
.mvBg .keyV {
width:980px;
margin:0 auto 10px;
}

/* ページメニュー */
ul#navMenu {
display:table;
width:800px;
margin:0 auto 30px;
}
ul#navMenu li {
display:table-cell;
width:25%;
padding:0 20px;
box-sizing:border-box;
}
ul#navMenu li a {
display:block;
}
ul#navMenu li a img {
width:100%;
max-width:100%;
}


/* --------------------------------------
01 学生マンション体験宿泊って何？
-------------------------------------- */
.contentsColumn {
padding:60px 0 30px;
margin-bottom:30px;
}
.contentsColumn:first-of-type {
padding:20px 0 0;
}
.contentsColumn h3 span {
display:none;
}
.contentsColumn h3 {
height: 60px;
margin-bottom:30px;
}
.contentsColumn .inner {
width: 980px;
margin:0 auto;
box-sizing:border-box;
}

#con01 h3 {
background:url(../img/sub_t_about.png) no-repeat center top;
}
#con01 .aboutCon {
background:url(../img/about_img1.png) no-repeat right center;
min-height: 240px;
padding-right:280px;
}

/* 注釈 */
#con01 .aboutCon p.hosoku_red {
color:red;
font-weight:bold;
margin-top:0.5em;
}


/* --------------------------------------
02 学生マンション体験宿泊って何？
-------------------------------------- */
#con02 {
background:url(../img/line_2.png) repeat-x center top;
}
#con02 h3 {
background:url(../img/sub_t_point.png) no-repeat center top;
}
#con02 .pointCon ul li {
width:33.3333%;
float: left;
}
#con02 .pointCon ul li figure {
display:block;
text-align:center;
margin-bottom:12px;
}
#con02 .pointCon ul li figure img {
display:inline-block;
}
#con02 .pointCon ul li h4,
#con02 .pointCon ul li p {
padding:0 1em;
}
#con02 .pointCon ul li h4 {
color:#FF6600;
margin-bottom:0.5em;
font-size:1.5rem;
}


/* --------------------------------------
03 どんな部屋に宿泊できるの？
-------------------------------------- */
#con03 {
background:url(../img/line_3.png) repeat-x center top;
}
#con03 h3 {
background:url(../img/sub_t_room.png) no-repeat center top;
}
#con03 .roomImg {
width:645px;
float:left;
}
#con03 .roomCon {
width:calc(100% - 660px);
float:right;
padding-top: 30px;
}
#con03 .roomCon h4 {
color:#FF6600;
margin-bottom:0.5em;
font-size:1.5rem;
}


/* --------------------------------------
04 お申込みの流れ？
-------------------------------------- */
#con04 {
background:url(../img/line_4.png) repeat-x center top;
}
#con04 h3 {
background:url(../img/sub_t_flow.png) no-repeat center top;
}
#con04 ol {
margin-bottom:20px;
}
#con04 ol li {
width:288px;
float:left;
box-sizing:border-box;
padding:120px 1em 20px 2em;
min-height:250px;
position:relative;
}
#con04 ol li:not(:first-child) {
margin-left:58px;
}
#con04 ol li:not(:first-child)::after {
content: '';
display:block;
width:30px;
height:30px;
background:url(../img/flow.png) no-repeat center center;
position:absolute;
left:-40px; top:50%;
}
#con04 ol li:nth-child(1) {
background:url(../img/flow1-1.png) no-repeat;
}
#con04 ol li:nth-child(2) {
background:url(../img/flow1-2.png) no-repeat;
}
#con04 ol li:nth-child(3) {
background:url(../img/flow1-3.png) no-repeat;
}
#con04 ol li p {
font-size:1.2rem;
display:table-cell;
vertical-align:middle;
}
#con04 ol li p b {
font-size:1.2rem;
}


/* --------------------------------------
05 宿泊当日の流れ
-------------------------------------- */
#con05 {
background:url(../img/line_5.png) repeat-x center top;
}
#con05 h3 {
background:url(../img/sub_t_flow2.png) no-repeat center top;
}

#con05 .flow2Con ol li {
width:30%;
float:left;
padding-top:250px;
font-size:0.9em;
}
#con05 .flow2Con ol li:not(:first-child) {
margin-left:5%;
position:relative;
}
#con05 .flow2Con ol li:not(:first-child)::after {
content:'';
display:block;
width:30px;
height:30px;
background:url(../img/flow.png) no-repeat center center;
position:absolute;
left:-40px; top:50%;
}
#con05 .flow2Con ol li:nth-child(1) {
background:url(../img/img07_2.png) no-repeat center top;
}
#con05 .flow2Con ol li:nth-child(2) {
background:url(../img/img09_2.png) no-repeat center top;
}
#con05 .flow2Con ol li:nth-child(3) {
background:url(../img/img10_2.png) no-repeat center top;
}

/* アメニティグッズを設置しました */
#con05 .flow2Con .amenity {
margin:40px auto 0;
background:url(../img/amenity_sample.png) no-repeat right 8px center #f7fafa;
padding:20px 330px 20px 30px;
border:#5fb7e0 solid 4px;
border-radius:20px;
}
#con05 .flow2Con .amenity h5 {
font-size:1.6em;
font-weight: bold;
color:#5fb7e0;
padding:0.5em 1em 1em;
}
#con05 .flow2Con .amenity h5 span {
background:linear-gradient(transparent 60%, #fff66a 60%);
padding-bottom: 0.1em;
}
#con05 .flow2Con .amenity p img {
max-width:100%;
}

/* お客様の声 */
#con05 .flow2Con .voice {
text-align:center;
padding-top:40px;
}
#con05 .flow2Con .voice img {
display:inline-block;
}



/* --------------------------------------
フッターコンテンツ
-------------------------------------- */
#footer .footWrap {
width:980px;
margin:0 auto 30px;
display:table;
}
#footer .footWrap .calBox {
display:table-cell;
width:50%;
box-sizing:border-box;
padding: 0 20px;
vertical-align:top;
}
#footer .footWrap .calBox p {
background:#FFF;
padding:1em;
font-size:14px;
margin:0;
min-height:162px;
}
#footer .footWrap .calBox p em {
font-style:normal;
font-weight:bold;
}
#footer .footWrap .calBox .uni {
background:url(../img/footer_l.png) no-repeat center 6px #F0F0F0;
padding:108px 10px 10px;
}
#footer .footWrap .calBox .kensaku {
background:url(../img/footer_r.png) no-repeat center 10px #F0F0F0;
padding:46px 10px 10px;
}
#footer .footWrap .calBox .kensaku .button {
margin:10px auto 6px 16px;
}

/* 特典 */
#footer .footWrap .calBox .kensaku .tokuten {
color:#FF7B00;
font-size:1.1em;
display:block;
margin-top:10px;
}



/* --------------------------------------
店舗情報
-------------------------------------- */
.storeArea {
background:#FFF;
padding:20px 0;
}
.storeArea h2{
font-size: 2.4rem;
    color: #e95b00; 
    text-align: center;
    margin-bottom: 20px;
    margin-top: 26px;
}
.storeArea .inner {
width:980px;
margin:0 auto;
    justify-content: flex-start;
}

.storeArea .mainStore {
position: relative;
padding: 30px 30px 20px;
border: 3px solid #ff7b00;
border-radius: 4px;
background-color: #fff;
}
.storeArea .mainStore h4 {
width:100%;
position:absolute;
top:-0.6em;
text-align:center;
}
.storeArea .mainStore h4 b {
background:#FFF;
padding:0 1em;
color:#ff7b00;
letter-spasing:0.1em;
}

/* インクルード領域 */
.storeArea .mainStore .img01 {
width:370px;
float:left;
}
.storeArea .mainStore p {
margin:0;
font-size:12px;
}
.storeArea .mainStore .txt {
width:calc(100% - 400px);
float:right;
}
.storeArea .mainStore .txt .name {
padding:0.5em 0;
}
.storeArea .mainStore .txt .name a {
text-decoration:none;
font-weight:bold;
color:#222;
font-size:1.3em;
}
.storeArea .mainStore .txt .co {
padding-left:1em;
font-size:12px;
}
.storeArea .mainStore .txt .nearest_station {
padding-top: 1.5%;
min-height: 31px;
height: auto !important;
background: url(/files/img/common/icon_nearest_station_01.png) no-repeat scroll 0px 3px transparent;
line-height: 1.4;
font-size: 100%;
font-weight: 700;
color: #f47600;
padding-left: 30px;
background-size: 24px;
}
.storeArea .mainStore .txt .tel {
padding-left: 52px;
height:32px;
background: url(/files/img/common/icon_tel_03.png) 0 50% no-repeat;
line-height: 32px;
font-size: 30px;
font-weight: 700;
color: #f8450b;
}
.storeArea .mainStore .txt .address {
margin:8px 0;
}

/* フッターリンク */
#footLinks {
background:#FF7B00;
color:#FFF;
padding:8px 0;
}
#footLinks .inner {
width:980px;
margin:0 auto;
}
#footLinks #footNav {
width:60%;
float:left;
}
#footLinks #footNav li {
display:inline-block;
padding:0 0.5em;
}
#footLinks #footNav li a {
color: #FFF;
font-size:12px;
}
#footLinks #footNav li a:hover {
text-decoration:none;
}
#footLinks #copyright {
width:30%;
float:right;
font-size:11px;
text-align:right;
height:1em;
}

/* MV下日付 */
.day {
	color: #FF6600;
    font-weight: bold;
    margin: 0 0.2em;
    font-size: 2em;
    text-align: center;
}
.notes {
  background: #fff;
  border: 2px dotted #f8450b;
  padding: 7px 0px 7px 8px;
    display: none;
}
.notes p {
  margin-bottom:5px;
  padding-left: 10px;
}
.notes ul{
  width: 95%;
  margin: 0 auto;
}
.notes li{
  font-size: 0.85em;
  line-height: 1.6em;
  padding-left: 10px;
  text-indent: -1em;
}



.comSide03.small .photo {
display: flex;
}

.comSide03.small .photo img{
height: max-content;
    width: 200px;
}
.comSide03 .txtBox {
    width: 54%;
}


.comContactUsBox ul {
    width: auto;
    line-height: normal;
}
.comSide03.small .inner {
    width: auto;
     display: block;
}

.comSide03.small .inner .subTxt {
    width: auto;
    display: block;
}

.comContactUsBox li a{
    line-height: 1.2;
    font-size: 1.5rem;
}

.red{
    text-decoration: underline!important;
    color: #ff0404!important;
}
.comment{
    margin-bottom: 30px;
    margin-top: 30px;
}
.comment a{
    text-decoration: underline!important;
    color: #ff0404!important;
}