@charset "utf-8";

body {
    min-width: max-content;
}

.compensate-for-scrollbar {
    margin-right: 0 !important;
}


#main {
	display: flex;
    width: 860px;
    margin: 20px auto;
    flex-flow: row;
}

#contents {
    flex: 1;
}

.contents-list {
	
}

.sidebar {
	width: 250px;
    margin-left: 10px;
    position: sticky;
}


.sp_contents_header {
	width: 100%;
}

.sp_contents_header .cover {
	width: 100%;
}

.pickupgirl_header h1 {
	margin: 0;
}

.realshot_scene_point {
    margin: 30px 20px 20px;
    padding: 15px;
}





.backnumber_lists li {
	list-style: none;
	padding: 0;
}

.backnumber_lists li a {
	padding: 5px 0;
	transition: background-color .2s;
}

.backnumber_lists li a:hover {
	background-color: rgba(255,153,0,0.1);
}

.backnumber_lists .backnumber_list .bkinfo {
	line-height: 1.2;
	padding: 0 0 0 5px;
	color: #666;
}

.backnumber_lists .backnumber_list .bkinfo .shop_name {
	display: inline;
	padding: 0;
}

.backnumber_lists .backnumber_list .bkinfo .course_name {
	font-size: 13px;
	display: inline;
	padding: 0;
}

.backnumber_lists .backnumber_list .bkinfo .course_text {
	font-size: 11px;
	display: none;
}


.contents-list .backnumber_lists {
	display: flex;
    flex-wrap: wrap;
}

.contents-list .backnumber_lists li {
	width: 50%;
}

.contents-list .backnumber_lists li a {
	padding: 10px;
}

.contents-list .backnumber_lists .backnumber_list .bkinfo .shop_name {
    display: block;
    padding: 0;
    color: #666;
    font-weight: 300;
    font-size: 12px;
}

.contents-list .backnumber_lists .backnumber_list .bkinfo .course_name {
    font-size: 14px;
    display: block;
    padding: 5px 0;
    color: #333;
}

.contents-list .backnumber_lists .backnumber_list .bkinfo .course_text {
    font-size: 13px;
    display: block;
    color: #666;
}

.contents-list h1 {
    margin-bottom: 0;
    margin-top: 0;
    color: #006;
    padding: 8px 10px 5px 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}




.photo_type1 {
}

.photo_type1 .pickup_photo:nth-child(1)  {
	width: calc( 100% / 3);
}

.photo_type1 .pickup_photo:nth-child(2)  {
	width: calc( 100% / 3 * 2);
	float: right;
}

.photo_type1 .pickup_photo:nth-child(3)  {
	width: calc( 100% / 3);
}

.photo_type1 .pickup_photo:nth-child(4)  {
	width: calc( 100% / 3 * 2);
}

.photo_type1 .pickup_photo:nth-child(5)  {
	width: calc( 100% / 3);
}

.photo_type1 .pickup_photo:nth-child(6)  {
	width: calc( 100% / 3);
}

.photo_type1 .pickup_photo:nth-child(7)  {
	width: calc( 100% / 3 * 2);
	float: right;
}

.photo_type1 .pickup_photo:nth-child(8)  {
	width: calc( 100% / 3);
}

.photo_type1 .pickup_photo:nth-child(9)  {
}

.photo_type1 .pickup_photo:nth-child(10)  {
	width: calc( 100% / 3 * 2 );
	float: left;
}

.photo_type1 .pickup_photo:nth-child(13)  {
	clear: left;
}


.photo_type1 .toptherapist_photo:nth-child(1)  {
	width: calc( 100% / 2 );
}

.photo_type1 .toptherapist_photo:nth-child(2)  {
	width: calc( 100% / 2 );
}

.photo_type1 .toptherapist_photo:nth-child(3)  {
	width: calc( 100% / 3 * 2 );
	float: right;
}

.photo_type1 .toptherapist_photo:nth-child(4)  {
	width: calc( 100% / 3);
}

.photo_type1 .toptherapist_photo:nth-child(5)  {
	width: calc( 100% / 3 );
}

.photo_type1 .toptherapist_photo:nth-child(6)  {
	width: calc( 100% / 3 * 2 );
}

.photo_type1 .toptherapist_photo:nth-child(7)  {
	width: calc( 100% / 3 );
}

.photo_type1 .toptherapist_photo:nth-child(8)  {
	width: calc( 100% / 3 );
}



table.profile_main_table {
    border-collapse: initial;
}

table.profile_main_table th,
table.profile_main_table td {
    border: none;
}


table.pickup_qa {
    border-collapse: initial;
}

table.pickup_qa th,
table.pickup_qa td {
    border: none;
    display: table-cell;
    width: auto;
    border-bottom: 1px solid #edc8c8;
}

table.pickup_qa th {
	padding: 5px 0;
	text-align: right;
	width: 35%;
	vertical-align: text-top;
}








.areaList {
	margin-bottom: 10px;
    padding: 5px;
}

.areaList .shopBox2 {
    max-width: 500px;
    margin: 0 auto 20px;
    padding: 10px 15px;
    border: none;
    box-shadow: 0 0 0 1px hsl(200deg 20% 40% / 10%), 0 0 3px 0 hsl(200deg 20% 40% / 10%), 0 8px 10px -10px hsl(200deg 20% 40%);
}

.areaList .shopBox2 h3 {
    margin-left: 0;
    margin-right: 0;
    padding: 0 45px 0 0;
    border: none;
    line-height: 1.3;
}

.areaList .shopBox2 .keep {
    right: 3px;
    top: 5px;
}

.areaList .shopBox2 .data {
    width: calc(100% - 25px - 5px);
}