@charset "utf-8";

/*----------------------------------------
  review sp
----------------------------------------*/



/*共通 見出し類*/


.h2-titles span {
    padding-left: 0px !important;
    font-size: 5.0vw;
    text-align: center;
    display: block;
}


h3.area_title {
    font-size: 4.2vw;
    display: block;
	margin-left: 10px;
}





/*セクション毎のマージン*/


.section_mb{
	margin-bottom: 40px	
}


/*元々入っていた細い白い線を消す*/
.inner {
     margin-top: 0px;
     border-top: none!important;
}

/*---------------------- メインビジュアル ---------------------- */



main#review{
	background: url(/review/img/bg_review_sp.jpg) top center no-repeat;
}


.review_top_bg {
	background: none;
	padding: 0;
}

.review_top_bg .review_mv{
	height: 100%;
    min-height: 500px;
    padding: 10px;
    width: 100%;
}

.review_top h1 {
	margin: 0px auto 10px auto;
	font-size: 6.93vw
}

.review_mv .copy{
	font-size: 4.0vw;
}

.review_mv .main_img{
	margin: 30px auto;
}

.review_mv .main_img dt img{
	width: 85%;
}

.review_mv .main_img dd img{
	top: -10px;
    right: 22%;
	position: absolute;
	width: 20%;
}

.review_mv .main_txt{
	font-size: 4.53vw;
}





/*個別ページへのリンクの上スペース調整*/
.data_inside .linkBox.inBox.right_fl {
	margin-top: -20px;
	font-size: 4vw;	
}

/*個別ページへのリンクのフォントサイズ調整*/
.data_inside .linkBox a {
    font-size: 4.2vw;
}



/*---------------------- 個別のレビュー ---------------------- */


.data_inside table.spec_all td.img {
    padding: 10px;
    width: 30%;
}


.data_inside table.spec_all td{
	font-size: 1.4rem;
	padding-top: 20px;
    width: 60%
}

.data_inside table.spec_all td.img img.person {
    width: 95%;
	margin-left: 10px;
}


.data_inside div.sp img.data{
    margin: 10px auto 0;
}



.data_inside table.spec_all tr.sp_img {
}


.data_inside .spec_all .display_flex {
    display: block;
}

.data_inside .spec_all dl.spec {
    font-size: 3.8vw;
	justify-content: flex-start;
	margin-left: 20px;
}


.data_inside .spec_all dl.spec dt {
    padding: 4px 5px;
    width: 25vw;
    text-align: center;
	margin-bottom: 12px;
}


.personal_data .inside{
	width: 98%;
	margin: 0 auto;
	
}



/*--------------続きを読む--------------*/

.tb_inner .readnext {
    margin: 20px auto 0px;
    height: 34px;
    font-size: 3.73vw;
    padding: 5px 10px 10px 30px
}


.tb_inner .readnext::after {
    width: 25px;
    height: 25px;
	background: url(/review/img/arrow.png) no-repeat 5px 6px / 20px; 	
}



/*--　個別ボックス --*/	


ul.data_list {
    padding-left: 0px;
}


ul.data_list li{
	margin: 20px auto;
}


.data_inside .date {
        font-size: 3.73vw;
        position: absolute;
        top: 20px;
        right: 20px;
		left: auto;
}

.data_inside .more_content {
    font-size: 4.27vw;
    padding: 0px 5px;
	line-height: 2.0;
}
	
.data_inside .tb_inner {
    width: 92%;
	padding: 40px 10px 30px 10px;
}



/* iPhone 12Pro */
@media (min-width: 376px) and (max-width: 450px) {	
}

/* iPhone 14Pro MAX */
@media (min-width: 391px) and (max-width: 430px) {	
}



/* iPhone 小さいサイズ*/
@media screen and (max-width:299px) {
	
}


/* iPhone SE*/
@media (min-width: 300px) and (max-width: 340px) {
	
}

/* iPhone plus XR*/
@media (min-width: 412px) and (max-width: 414px) {
}


/* iPhone */
@media (min-width: 375px) and (max-width: 375px) {
	
}


/* iPhone SE*/
@media (min-width: 320px) and (max-width: 320px) {
	
}