@charset "Shift_JIS";




/* =========================================

default reset

========================================== */

html {
    height: 100%;
}





body, div, p, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, h7 {
	margin:0;
	padding:0;
	-webkit-text-size-adjust: none;

}

img {
	max-width: 100%;
    height: auto;
	margin:0;
	padding:0;
	border:0;
}

hr {
	clear:both;
	display:none;
}





/* =========================================

basic setting

========================================== */

body {
	font-size: 14px;
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif,verdana;
	line-height: 25px;
	color:#FFF;
}




/* =========================================

link

========================================== */

a:link {
color:#FFFFFF;

}

a:visited {
color:#FFFFFF;
text-decoration:none;
}

a:hover {
color:#FFFFFF;
text-decoration:none;
}

a:active {
color:#f4a7ab;
text-decoration:none;
}



/* =========================================

ハイライト

========================================== */

::selection {
    background: #fbc0c3;
    color: #fff;
}

//Firefox
::-moz-selection {
    background: #fbc0c3;
    color: #fff;
}



/* =========================================

float

========================================== */

.clearfloat{
	clear:both;
}

.image-left{
float:left;
}

.image-right{
float:right;
}


/* =========================================

main layout

========================================== */




#container {
	clear:both;
	width :auto;
	height :auto;
	background-image:url(../images/marii_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	margin : 0 0 0 0px;


}

#info_container {
	clear:both;
	width :auto;
	height :auto;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	margin : 0 0 0 0px;


}


#review_container {
	clear:both;
	width :auto;
	height :auto;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	margin : 0 0 0 0px;


}

#sp_container {
	clear:both;
	width :auto;
	height :auto;
	background-image:url(../images/sp_marii_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
	margin : 0 0 0 0px;


}


@media screen and (max-width: 480px) {
#container {
	clear:both;
	width :95%;
	margin : 0 0 0 0px;

}
}

#container-inner {
	width: 80%;
	height :100%;
	margin-top:10px;
	padding-top:20px;
	padding-right:60px;
}


#review-container-inner {
	width: 700px;
	height :100%;
	margin-top:0px;
}

#review-index-container-inner {
	width: 1100px;
	height :100%;
	margin-top:0px;
}


#sp_container-inner {
	width: 100%;
	margin-top:30px;
	padding-right:30px;
	padding-left:30px;
}

#sp_container-inner-slide {
	width: 100%;
	margin-top:30px;

}



@media screen and (max-width: 480px) {
#container-inner {
	width: 95%;

}
}

.soon {
	padding-top:30px;

}

.link img {
	margin-left:40px;
}


ul {
 	display: flex;
  　list-style: none;
}


li {
	display:inline; 


}


.lineoff {
  text-decoration:none; /* 元々の下線を消す */
  display:inline-block; /* リンクを文字列中に置くため */
     	padding: 20px;


}

.line {
  text-decoration:none; /* 元々の下線を消す */
  display:inline-block; /* リンクを文字列中に置くため */
  padding: 20px;
	margin-top: 5px;
}

/* 疑似要素を作る */
.line::before {
  content:"";
  display:block;
  position:relative;
  top:2em; /* 下線になるよう適当に位置調整 */
  left:0; /* テキストの左端に位置させる */
  width:0; /* アニメーションさせるため 0 にしておく */
  height:3px;
  background:#000; /* 下線の色になる */
  transition:0.3s; /* アニメーションの時間 */
}

.line:hover::before {
  width:100%; /* ホバー時にテキストの右端まで下線を伸ばす */
}



.about-link-3 {
	padding-right: 20px;
	padding-top: 30px;
}


.about-title {
	padding-top: 60px;
}

.txt-title-j {
	padding-top: 40px;
	text-align:center;
}

.txt-contents-j {
	text-align:center;
	padding-top: 5px;
}


.info-title-j {
	padding-top: 10px;
	text-align:left;
	color:#000;
	font-size: 22px;
	line-height: 30px;
}

.info-image {
	padding-top: 40px;

}


.review-image-title {
	padding-top: 35px;

}

.review-image-name {
	padding-top: 90px;

}

.review-image-photo {
	padding-top: 54px;

}



.info-contents-j {
	text-align:left;
		color:#000;
	padding-top: 30px;
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.info-contents-j a {
	color:#000;
}

.info-day {
	text-align:right;
		color:#000;
	padding-top: 40px;
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


.review-contents-j {
	text-align:left;
		color:#000;
	padding-top: 20px;
font-size: 16px;
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif,verdana;
	line-height: 27px;

}

.review-contents01-j {
	text-align:left;
		color:#000;
	padding-top: 50px;
font-size: 16px;
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif,verdana;
	line-height: 35px;

}

.review-single-contents-j {
	text-align:center;
		color:#000;
	padding-top: 50px;
font-size: 16px;
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif,verdana;
	line-height: 35px;

}

.review-single-left-contents-j {
	text-align:left;
		color:#000;
	padding-top: 50px;
font-size: 16px;
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif,verdana;
	line-height: 35px;

}

.review-contents-pop-j {
		padding: 15px;
		margin-top:50px;
}

.review-contents-j a {
	color:#000;
}


.review-contents-title-j {
	text-align:center;
		color:#000;
	padding-top: 80px;
font-size: 20px;
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif,verdana;
	line-height: 27px;

}


.review-contents-title-pop-j {
	text-align:center;
		color:#000;
font-size: 20px;
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif,verdana;
	line-height: 27px;

}

.caps {
	text-align:right;
		color:#000;
font-size: 14px;
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif,verdana;
	line-height: 27px;

}

p.box {
   border-bottom: 1px solid #CCC;
}

.review-contents-profile-j {
	text-align:left;
		color:#000;
	padding: 20px;
font-size: 14px;
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 22px;
	background-color:#f4f2f2;
	margin-top:60px;

}

.review-contents-profile-j a {
	color:#000;
}


.back_top {
	text-align:center;
	color:#000;
	padding-top: 100px;
}


.back_top a {
	text-align:center;
	color:#000;
	padding-top: 100px;
}








/* =========================================

footer

========================================== */

#footnavi {
	text-align:center;
	border-top: #CCCCCC 1px solid;
}

#footnavi ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 20px 0px 0 0;
}

#footnavi li {
	display:inline;
	padding: 0px;
}


#copyright{
	padding-bottom: 10px;
	text-align:center;
}


/* =========================================

モダール

========================================== */




#container-inner-about {
	width: 100%;
	display: inline-block;

}

#container-inner-about-text {
	width: 70%;
	padding-right:15%;
		padding-left:15%;

}

#container-inner-about-info {
	width: 700px;
	text-align:center;


}

#modal-content {
	width: 55%;
	height:100%;
	padding-top:100px;
	background-color: rgba(255,0,0,0.0);
	position: fixed ;
	z-index: 2 ;
	display: none ;


}

#modal-content-innar {
	width: 95%;
	height:75%;
	padding:0px;
overflow-y: scroll;
}



#modal-overlay {
z-index: 1;
display: none ;
position: fixed ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 120% ;
background-color: rgba( 0,0,0, 0.75 ) ;

}

/* =========================================

スクロール

========================================== */

div::-webkit-scrollbar{
  width: 8px;
}
div::-webkit-scrollbar-track{
background-color: rgba(255,0,0,0.0);
  border: none;
  border-radius: 10px;
  box-shadow: none; 
}
div::-webkit-scrollbar-thumb{
  background: #555;
  border-radius: 10px;
  box-shadow: none;
}



/* =========================================

contact

========================================== */


.lock {
	overflow:hidden;
}



.modal-content {
	width: 55%;
	height:100%;
	padding-top:100px;
	background-color: rgba(255,0,0,0.0);
	position: fixed ;
	z-index: 2 ;
	display: none ;

}




#info-content {
	width: 80%;
	height:100%;
	padding-top:30px;
	padding-left:60px;
}


.modal-content p {
	margin:0;
	padding:0;
}

.modal-overlay {
z-index: 1;
display: none ;
position: fixed ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 120% ;
background-color: rgba( 0,0,0, 0.75 ) ;
}

.modal-wrap {
	z-index:2;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
}




.txt-title-contact {
	padding-top: 150px;
	text-align:center;
	font-size: 20px;
	line-height: 25px;
	color:#FFF;
}

.txt-contact-j {
	text-align:center;
	padding-top: 30px;
	font-size: 17px;
	line-height: 29px;
	color:#FFF;
}

.insta {
	padding-top: 5px;

}

.menu_g {
		width:700px;
	text-align:center;
	display: inline-block;
	margin-top:70px;
	margin-bottom:50px;
}

table.menu {
	margin-top:50px;
	margin-bottom:100px;
	border-collapse: separate;
	border-spacing: 0px 50px;
}

.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.e-italic {
	font-style: italic;

}