@charset "UTF-8";
/* クラブミラノ */
.milano {}

/* ==================================================================== */
/* SMARTPHONE
======================================================================= */
@media screen and (max-width: 768px) {
	
	.profile--inner {
		margin: auto;
	}
	
	.profile--main {
		position: relative;
		display: flex;
		flex-flow: column;
		margin-bottom: 50px;
	}
	.profile--main::after {
		display: block;
		content: '';
		clear: both;
	}
	
	.profile--header {
		margin-bottom: 20px;
		background-color: #FFF;
	}
	.profile--header-b1 {
		position: relative;
		text-align: center;
		margin-bottom: 10px;
		padding: 20px 8px 10px;
		background-color: #e9f0f6;
	}
	.profile--header h2 {
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1;
		color: #1a205c;
		margin-bottom: 6px;
	}
	.profile--header h2 .age {
		font-size: 1.3rem;
		font-weight: 400;
		color: #2d2d2d;
		display: inline-block;
		margin-left: 6px;
	}
	.profile--header-3size {
		font-size: 1.4rem;
		margin-bottom: 6px;
	}
	.profile--header-copy {
		font-size: 1.6rem;
		color: #c62e8b;
		padding: 0 10px;
		background-color: #FFF;
	}
	
	.profile--header-type {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: 1fr;
		grid-column-gap: 5px;
		grid-row-gap: 0px; 
		width: 92%;
		margin: auto
	}
	.profile--header-type li {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 24px;
		text-align: center;
		font-size: 1.1rem;
		color: #1a205c;
		line-height: 1;
		border: 1px solid #1a205c;
		background-color: #f4feff;
		margin-bottom: 2px;
	}
	.profile--header-icon {
		position: absolute;
		top: 5px;
		right: 5px;
		display: flex;
	}
	.profile--header-icon > div {
		width: 32px;
	}
	.profile--header-icon > div + div {
		margin-left: 3px;
	}
	
	
	.profile--question {
		margin-bottom: 20px;
		order: 3;
	}
	.profile--question dl {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.profile--question dt {
		font-weight: 700;
		color: #c62e8b;
		width: 34%;
		padding: 10px;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
	}
	.profile--question dt:nth-of-type(1) {
		border-top: 1px solid #999;
	}
	.profile--question dd {
		width: 66%;
		padding: 10px;
		border-bottom: 1px solid #999;
	}
	.profile--question dd:nth-of-type(1) {
		border-top: 1px solid #999;
	}
	
	.profile--option {
		border: 3px solid #28bdd8;
		border-radius: 10px;
		margin-bottom: 10px;
		padding: 12px;
		order: 4;
	}
	
	.profile--shopcomment {
		margin-bottom: 20px;
		order: 5;
	}
	
	.profile--girlcomment {
		margin-bottom: 30px;
		order: 6;
	}
	
	.profile--outlink {
		width: 100%;
		padding: 0 3%;
		margin-bottom: 30px;
		order: 7;
	}
	.profile--outlink > div {
		text-align: center;
		margin-bottom: 10px
	}
	.profile--outlink > div a {
		position: relative;
		display: block;
		padding: 10px;
		color: #fff;
		border: 2px solid #fff;
		border-radius: 8px;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
		box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	}
	.profile--outlink-blog a {
		background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
		background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
		background-image: linear-gradient(to right, #fa709a 0%, #fe9040 100%);
	}
	.profile--outlink-gravure a {
		background-image: -webkit-gradient(linear, left top, right top, from(#f670fa), to(#bbd6ff));
		background-image: -webkit-linear-gradient(left, #f670fa 0%, #bbd6ff 100%);
		background-image: linear-gradient(to right, #f670fa 0%, #bbd6ff 100%);
	}
	.profile--outlink-movie a {
		background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
		background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
		background-image: linear-gradient(to right, #868686 0%, #ccc 100%);
	}
	.profile--outlink-etc a {
		background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
		background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
		background-image: linear-gradient(to right, #47d980 0%, #ffcd36 100%);
	}
	.profile--outlink > div a::before {
		font-family: 'Material Icons';
		content: "\e89e";
		position: absolute;
		top:  50%;
		right: 10px;
		transform: translateY(-50%);
	}
	.profile--outlink > div a::after {
		font-family: 'Material Icons';
		position: absolute;
		font-size: 2rem;
		top:  50%;
		left: 10px;
		transform: translateY(-50%);
	}
	.profile--outlink-blog a:after {
		content: "\e873";
	}
	.profile--outlink-gravure a:after {
		content: "\e412";
	}
	.profile--outlink-movie a:after {
		content: "\e41b";
	}
	.profile--outlink-etc a:after {
		content: "\e838";
	}
	.profile--outlink > div a:hover {
		-webkit-transform: translate(0, -2px);
		transform: translate(0, -2px);
		color: #fff;
		-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
		box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
	}
	
	.profile--schedule {
		order: 8;
	}
	.profile--schedule-wrap {
		padding: 1px 1px 0;
		background-color: #1a205c;
	}
	.profile--schedule-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
	.profile--schedule-list dt {
		width: 40%;
		margin-bottom: 1px;
		padding: 10px;
		background-color: #FFF;
		color: #2e5dbc;
		line-height: 1;
		text-align: center;
	}
	.profile--schedule-list dd {
		width: calc(60% - 1px);
		margin-bottom: 1px;
		padding: 10px;
		background-color: #FFF;
		line-height: 1;
		text-align: center;
	}
	
	.profile--shame {
		position: relative;
		margin: 0 auto 60px;
	}
	.profile--shame-wrap {
		position: relative;
		z-index: 5;
	}
	.profile--shame-wrap iframe {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 0.52;
	}
	
	
	/* Girl Photo */
	.profile--girlphoto {
		margin-bottom: 30px;
		order: 2;
	}
	.profile--gpSlider-wrap {
		width: 90%;
		margin: auto;
	}
	.gpSlider {
		margin-bottom: 15px;
	}
	.gpSliderThum .slick-track {
		transform: unset !important;
		width: 100% !important;
	}
	.gpSliderThum .slider-content {
    width: 24% !important;
		margin: 0 1% 1% 0 !important;
		background-color: #FFF;
	}
	.gpSliderThum .slider-content img {
		opacity: .6;
		transition: opacity .3s linear;
	}
	.gpSliderThum .slider-content:nth-child(5n) {
		margin: 0 0 1% 0 !important;
	}
	.gpSliderThum .slick-current img {
		opacity: 1;
	}
	.gpSlider .slick-next,
	.gpSlider .slick-prev {
		width: 36px;
		height: 43px;
		background-size: cover;
		z-index: 10;
	}
	.gpSlider .slick-next::before,
	.gpSlider .slick-prev::before {
		opacity: 1;
		content: '';
		display: block;
	}
	.gpSlider .slick-prev:hover,
	.gpSlider .slick-prev:focus {
		background-image: url(../img/slider_arrow_prev.png);
		background-size: cover;
		opacity: .8;
	}
	.gpSlider .slick-next:hover,
	.gpSlider .slick-next:focus {
		background-image: url(../img/slider_arrow_next.png);
		background-size: cover;
		opacity: .8;
	}
	.gpSlider .slick-next {
		background-image: url(../img/slider_arrow_next.png);
		right: -15px;
	}
	.gpSlider .slick-prev {
		background-image: url(../img/slider_arrow_prev.png);
		left: -15px;
	}

}

/* ==================================================================== */
/* DESKTOP
======================================================================= */
@media screen and (min-width: 768px), print {
	
	.profile--inner {
		width: 1170px;
		margin: auto;
	}
	
	.profile--main {
		position: relative;
		margin-bottom: 50px;
	}
	.profile--main::after {
		display: block;
		content: '';
		clear: both;
	}
	
	.profile--header {
		width: 710px;
		float: right;
		margin-bottom: 20px;
		padding: 12px;
		background-color: #FFF;
	}
	.profile--header-b1 {
		position: relative;
		text-align: center;
		margin-bottom: 10px;
		padding: 8px;
		background-color: #e9f0f6;
	}
	.profile--header h2 {
		font-size: 3.6rem;
		font-weight: 700;
		line-height: 1;
		color: #1a205c;
		margin-bottom: 5px;
	}
	.profile--header h2 .age {
		font-size: 1.8rem;
		font-weight: 400;
		color: #2d2d2d;
		display: inline-block;
		margin-left: 6px;
	}
	.profile--header-3size {
		font-size: 1.8rem;
	}
	.profile--header-copy {
		font-size: 2.1rem;
		color: #c62e8b;
		padding: 0 10px;
		background-color: #FFF;
	}
	
	.profile--header-b2 {
		display: flex;
		justify-content: space-between;
		margin-bottom: 10px;
	}
	.profile--header-type {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: 1fr;
		grid-column-gap: 5px;
		grid-row-gap: 0px; 
		width: 428px;
	}
	.profile--header-type li {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 24px;
		text-align: center;
		font-size: 1.3rem;
		color: #1a205c;
		line-height: 1;
		border: 1px solid #1a205c;
		background-color: #f4feff;
		margin-bottom: 2px;
	}
	
	
	.profile--question {
		width: 710px;
		float: right;
		clear: right;
		margin-bottom: 20px;
	}
	.profile--question dl {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.profile--question dt {
		font-weight: 400;
		color: #c62e8b;
		width: 34%;
		padding: 10px;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
	}
	.profile--question dt:nth-of-type(1) {
		border-top: 1px solid #999;
	}
	.profile--question dd {
		width: 66%;
		padding: 10px;
		border-bottom: 1px solid #999;
	}
	.profile--question dd:nth-of-type(1) {
		border-top: 1px solid #999;
	}
	
	.profile--shopcomment {
		width: 710px;
		float: right;
		clear: right;
		margin-bottom: 20px;
	}
	
	.profile--girlcomment {
		width: 710px;
		float: right;
		clear: right;
		margin-bottom: 20px;
	}
	
	.profile--outlink {
		width: 440px;
		padding: 0 3%;
		margin-bottom: 50px;
	}
	.profile--outlink > div {
		text-align: center;
		margin-bottom: 10px
	}
	.profile--outlink > div a {
		position: relative;
		display: block;
		padding: 10px;
		color: #fff;
		border: 2px solid #fff;
		border-radius: 8px;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
		box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	}
	.profile--outlink-blog a {
		background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
		background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
		background-image: linear-gradient(to right, #fa709a 0%, #fe9040 100%);
	}
	.profile--outlink-gravure a {
		background-image: -webkit-gradient(linear, left top, right top, from(#f670fa), to(#bbd6ff));
		background-image: -webkit-linear-gradient(left, #f670fa 0%, #bbd6ff 100%);
		background-image: linear-gradient(to right, #f670fa 0%, #bbd6ff 100%);
	}
	.profile--outlink-movie a {
		background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
		background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
		background-image: linear-gradient(to right, #868686 0%, #ccc 100%);
	}
	.profile--outlink-etc a {
		background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
		background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
		background-image: linear-gradient(to right, #47d980 0%, #ffcd36 100%);
	}
	.profile--outlink > div a::before {
		font-family: 'Material Icons';
		content: "\e89e";
		position: absolute;
		top:  50%;
		right: 10px;
		transform: translateY(-50%);
	}
	.profile--outlink > div a::after {
		font-family: 'Material Icons';
		position: absolute;
		font-size: 2rem;
		top:  50%;
		left: 10px;
		transform: translateY(-50%);
	}
	.profile--outlink-blog a:after {
		content: "\e873";
	}
	.profile--outlink-gravure a:after {
		content: "\e412";
	}
	.profile--outlink-movie a:after {
		content: "\e41b";
	}
	.profile--outlink-etc a:after {
		content: "\e87d";
	}
	.profile--outlink > div a:hover {
		-webkit-transform: translate(0, -2px);
		transform: translate(0, -2px);
		color: #fff;
		-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
		box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
	}
	
	.profile--schedule {
		width: 440px;
	}
	.profile--schedule-wrap {
		padding: 1px 1px 0;
		background-color: #1a205c;
	}
	.profile--schedule-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
	.profile--schedule-list dt {
		width: 40%;
		margin-bottom: 1px;
		padding: 10px;
		background-color: #FFF;
		color: #2e5dbc;
		line-height: 1;
		text-align: center;
	}
	.profile--schedule-list dd {
		width: calc(60% - 1px);
		margin-bottom: 1px;
		padding: 10px;
		background-color: #FFF;
		line-height: 1;
		text-align: center;
	}
	
	
	.profile--sub {
		display: flex;
		justify-content: space-between;
	}
	
	.profile--shame {
		position: relative;
		width: 820px;
	}
	.profile--shame-wrap {
		position: relative;
		z-index: 5;
	}
	.profile--shame-wrap iframe {
		position: relative;
		height: 380px;
	}
	
	.profile--review {
		width: 330px;
	}
	.profile--review-wrap iframe {
		width: 100%;
	}
	
	
	/* Girl Photo */
	.profile--girlphoto {
		width: 440px;
		margin-bottom: 50px;
		padding: 10px 0;
		background-color: #FFF;
	}
	.profile--gpSlider-wrap {
		width: 420px;
		margin: auto;
	}
	.gpSlider {
		margin-bottom: 15px;
	}
	.gpSliderThum .slick-track {
		transform: unset !important;
		width: 480px !important;
	}
	.gpSliderThum .slider-content {
    width: 116px !important;
		margin: 0 5px 5px 0 !important;
		background-color: #FFF;
	}
	.gpSliderThum .slider-content img {
		opacity: .6;
		transition: opacity .3s linear;
	}
	.gpSliderThum .slider-content:nth-child(4n) {
		margin: 0 0 5px 0 !important;
	}
	.gpSliderThum .slick-current img {
		opacity: 1;
	}
	.gpSlider .slick-next,
	.gpSlider .slick-prev {
		width: 36px;
		height: 43px;
		background-size: cover;
		z-index: 10;
	}
	.gpSlider .slick-next::before,
	.gpSlider .slick-prev::before {
		opacity: 1;
		content: '';
		display: block;
	}
	.gpSlider .slick-prev:hover,
	.gpSlider .slick-prev:focus {
		background-image: url(../img/slider_arrow_prev.png);
		background-size: cover;
		opacity: .8;
	}
	.gpSlider .slick-next:hover,
	.gpSlider .slick-next:focus {
		background-image: url(../img/slider_arrow_next.png);
		background-size: cover;
		opacity: .8;
	}
	.gpSlider .slick-next {
		background-image: url(../img/slider_arrow_next.png);
		right: -15px;
	}
	.gpSlider .slick-prev {
		background-image: url(../img/slider_arrow_prev.png);
		left: -15px;
	}
	
}