@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------

name: uniq.css

-------------------------------------------*/

/*========================
	mv
=========================*/
#mv{ background:url(../img/mv.jpg) top center no-repeat;}


/*========================
	パーティレポート一覧
=========================*/
#INDEX #container{ max-width:inherit;}

#reportIndex{ max-width:1100px; margin:0 auto;}
ul.reportList{ overflow:hidden;}
ul.reportList li{ width:31%; float:left; margin:0 1.16% 2.2%; line-height:140%; font-family: "游明朝", YuMincho; text-align:center;}
ul.reportList li div{ background:#f7f5f2; position:relative;}
ul.reportList li div .ph{ height:auto; position:relative; overflow:hidden;}
ul.reportList li div .ph::after{ content:""; display:block; padding-top:55%;}
ul.reportList li div .ph img{ position:absolute; display:block; left:0; top:0; width:100%; height:100%; object-fit:cover;}
ul.reportList li div .title{ color:#000; letter-spacing:-0.01em; font-weight:bold; padding:20px 4% 0 4%; font-size:14px;}
ul.reportList li div .txt{ font-size:95%; color:#999; padding:3px 3% 20px;}
ul.reportList li div .movie{ position:absolute; top:10px; right:10px; width:70px;}
ul.reportList li div a{ display:block; position:absolute; width:100%; height:100%; left:0; top:0;}
ul.reportList li div:hover .ph img{ opacity:0.8;}
ul.reportList li div:hover{}

/*口コミ*/
.btnReviews{ padding:50px 0 0 0;}
.btnReviews a{ font-size:20px; padding:28px 0;}




/*========================
	詳細
=========================*/
#DETAIL #container{ max-width:1200px; width:95%;}

#reportDetail{ float:left; width:75%; margin:0 0 50px;}
#reportDetail .infoBox{ border:1px solid #ddd; border-width:1px 0; padding:30px 0; text-align:center;}
#reportDetail .infoBox .title{ font-size:22px; color:#000; line-height:140%; font-weight:bold; font-family: "游明朝", YuMincho;}

/*エディタ*/
.ckArea{ padding:30px 0 50px;}
.ckArea p{ padding:10px 0;}
.ckArea iframe{ max-width:100%; margin:0 auto; padding:10px 0;}
.ckArea a{ text-decoration:underline;}
.ckArea a:hover{ text-decoration:none;}
.ckArea em{ font-style:italic !important;}
*html br { letter-spacing: 0;}

/*見出し*/
.ckArea .md{ margin:50px 0 20px; padding:8px 0; border-bottom:1px solid #ddd; overflow:hidden;}
.ckArea .md .title{ float:left; font-size:22px; color:#000; line-height:120%; font-weight:bold;}
.ckArea .md .sub{ float:right; font-size:85%; color:#999; font-family: "游明朝", YuMincho; font-style:italic;}

/*テーブル*/
table.template{ width:100%; margin:20px 0;}
table.template tr{ border-bottom:1px solid #ccc;}
table.template tr:first-child{ border-top:1px solid #ccc;}
table.template th{ width:20%; padding:20px; background:#f2f3f5;}
table.template td{ padding:20px;}


/*その他のお客様ページへの導線*/
#other{ float:right; width:20%;}
#other ul li{ margin:0 0 30px;}
#other ul li .ph{ margin:0 0 10px;}
#other ul li .title{ color:#777;}
#other ul li a{ display:block; text-decoration:none;}






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

	スマホ

===================================================*/
@media only screen and (max-width: 739px) {

/*========================
	パーティレポート一覧
=========================*/
#INDEX #container{}

#reportIndex{ max-width:90%;}
ul.reportList{ overflow:hidden;}
ul.reportList li{ width:auto; float:none; margin:0 0 15px;}
ul.reportList li div{}
ul.reportList li div .ph{}
ul.reportList li div .ph::after{}
ul.reportList li div .ph img{}
ul.reportList li div .title{ padding:15px 2% 0; font-size:13px;}
ul.reportList li div .txt{ font-size:95%; padding:3px 2% 15px;}
ul.reportList li div .movie{}
ul.reportList li div a{}
ul.reportList li div:hover .ph img{}
ul.reportList li div:hover{}

/*口コミ*/
.btnReviews{ padding:30px 5%;}
.btnReviews a{ font-size:15px; padding:18px 0;}




/*========================
	詳細
=========================*/
#reportDetail{ margin:0 0 30px;}
#reportDetail .infoBox{}
#reportDetail .infoBox h3.title{ font-size:120%;}

/*エディタ*/
.ckArea{ padding:20px 5%;}
.ckArea p{ padding:10px 0;}
.ckArea .movie{ text-align:center;}
.ckArea iframe{ width:100%; height:auto;}
.ckArea a{}
.ckArea a:hover{}
.ckArea em{}
*html br {}






/*========================
	詳細
=========================*/
#DETAIL #container{ width:auto;}

#reportDetail{ float:none; width:auto; padding:0 0 20px;}
#reportDetail .infoBox{ padding:20px 0; margin:0 4%;}
#reportDetail .infoBox .title{ font-size:16px;}

/*エディタ*/
.ckArea{ padding:20px 4%;}
.ckArea p{}
.ckArea iframe{ padding:5px 0;}
.ckArea a{}
.ckArea a:hover{}
.ckArea em{}
*html br {}

/*見出し*/
.ckArea .md{ margin:20px 0 10px; padding:8px 0;}
.ckArea .md .title{ float:none; font-size:15px;}
.ckArea .md .sub{ display:block; float:none; padding:0 0 5px;}

/*テーブル*/
table.template{ width:100%; margin:10px 0;}
table.template tr{ border-bottom:none;}
table.template tr:first-child{ border-top:none;}
table.template th{ font-weight:bold; font-size:90%;}
table.template td{}
table.template th,
table.template td{ display:block; width:auto; padding:6px;}


/*その他のお客様ページへの導線*/
#other{ float:none; width:auto; margin:0 1%; overflow:hidden;}
#other ul li{ float:left; width:48%; margin:0 1% 10px;}
#other ul li .ph{ margin:0 0 5px;}
#other ul li .title{}
#other ul li a{}



}