@charset "UTF-8";
/*
Theme Name:BEAUTYカスタマイズforコーチング学 モバイル機器用追加css　2020.03.01
Theme URI:
Description:WordPressテーマ「BEAUTY」
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Text Domain: tcd-w
Version:1.2.2
*/


/*基本*/
.top_info {
	border:solid 1px #ccc;
	width:248px;
	max-width:248px;
	float:left;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 8px;
	}
	
	
#link img {
	width:100%;
	}
	
#link h4 {
	margin-top:1em;
	}
	
/*電話番号消す*/
.p-contact__tel {
	display:none;
	}	
	
	
/*ipad pro12.9吋*/		
	
@media  ( max-width:1024px ) and (orientation: portrait) and (min-resolution: 2dppx) ,
( max-width:1024px ) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)  {
		
.top_info {
	width:178px;
	border:solid 0px;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 10px;
	}
	
.p-header-content {
	width:1024px;
	height:350px;
	margin:0;
	background:#ffffff;
	}
	
.p-header-slider__item   {
	background-position: top center;
	background-size:cover;
	height:330px;
		
	}
	
.p-global-nav__inner {
	width:100%;
background:#74228a;
	}
	
.p-global-nav .menu_font_size {
	font-size:0.6em;
	}
	
.p-global-nav .sub-title{
	font-size:0.8em;
	}
}


/*ipad pro10.5吋*/		
	
@media  ( max-width:834px ) and (orientation: portrait) and (min-resolution: 2dppx) ,
( max-width:834px ) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)  {
		
.top_info {
	width:240px;
	border:solid 0px;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 10px;
	}
	
.p-header-content {
	width:100%;
	height:276px;
	margin:0;
	background:#ffffff;
	}
	
.p-header-slider__item   {
	background-position: top center;
	background-size:cover;
	height:260px;
		
	}
}

/*ipad横*/		
@media  ( max-width:1024px ) and (max-height:768px )  and ( orientation: portrait ) and (min-resolution: 2dppx) ,
( min-width:1024px) and (max-height:768px )  and (orientation : landscape) and  (-webkit-min-device-pixel-ratio: 1)  {
		
.top_info {
	width:178px;
	border:solid 0px red;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 8px;
		
	}
	
.p-header-content {
	/*width:768px;*/
	width:100%;
	margin:0;
	margin-bottom:30px;
	background:#ffffff;
	}
	
.p-header-slider__item   {
	background-position: top center;
	background-size:contain;
	height:260px;
	}
	
.p-global-nav, .p-global-nav > ul > li  {
	/*width:auto;*/
width:100%;
	}

.menu_font_size {
	font-size:0.6em;
	}
}


/*ipad縦*/		
@media  ( max-width:768px ) and ( orientation: portrait ) and (min-resolution: 1dppx) ,
( max-width:768px ) and ( orientation: portrait) and  (-webkit-min-device-pixel-ratio: 1)  {
		
.top_info {
	width:220px;
	border:solid 0px red;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 8px;
		
	}
	
.p-header-content {
	width:768px;
	margin:0;
	background:#ffffff;
	}
	
.p-header-slider__item   {
	background-position: top center;
	background-size:contain;
	height:260px;
	}
	
	
}





/*iphone XR / XS-max縦*/		
@media  ( max-width:414px ) and (max-height:896px) and (min-resolution: 3dppx) ,
( max-width:414px ) and (max-height:896px) and (min-resolution: 2dppx) ,
( max-width:414px ) and (max-height:896px) and (-webkit-min-device-pixel-ratio: 3),
( max-width:414px ) and (max-height:896px) and (-webkit-min-device-pixel-ratio: 2) 		{
.top_info {
	width:179px;
	border:solid 0px;
	font-size:0.8em;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 16px;
	}
	
.top_info:nth-of-type(3) {
	margin:16px 0px 0px 0px;
	}
	
.p-header-content {
	width:414px;
	height:344px;
	padding:0;
	margin:0;
		
	}
	
.p-header-slider__item   {
	background-position: top center;
	background-size:contain;
	padding:0;
	margin:0;
	width:414px;
	height:321px;
	}
	
}

/*iphone XR / XS-max横*/		
@media  ( max-width:896px ) and (max-height:414px)  and (orientation : landscape) and (min-resolution: 3dppx) ,
( max-width:896px ) and (max-height:414px)  and (orientation : landscape) and (min-resolution: 2dppx) ,
( max-width:896px ) and (max-height:414px)  and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 3) ,
( max-width:896px ) and (max-height:414px)  and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) 	{
		
.top_info {
	width:258px;
	border:solid 0px;
	font-size:0.8em;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 20px;
	}
	
.top_info:nth-of-type(3) {
	margin:0px 0px 0px 20px;
	}
	
}



/*iphone6/7/8+*/		
@media  ( max-width:414px ) and  (min-resolution: 3dppx) ,
( max-width:414px ) and (max-height:736px ) and (-webkit-min-device-pixel-ratio: 3)  {
.top_info {
	width:178px;
	border:solid 0px;
	font-size:0.8em;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 16px;
	}
	
.top_info:nth-of-type(3) {
	margin:14px 0px 0px 0px;
	}
	
.p-header-content {
	width:414px;
	height:345px;
	padding:0;
	margin:0;
	}
	
.p-header-slider__item   {
	background-position: top center;
	background-size:contain;
	padding:0;
	margin:0;
	width:414px;
	height:321px;
	}
}

/*iphone6/7/8+横*/		
@media  ( max-width:736px ) and ( max-height:414px)  and (orientation : landscape) and  (min-resolution: 3dppx) ,
( max-width:736px ) and ( max-height:414px)  and (orientation : landscape) and  (-webkit-min-device-pixel-ratio: 3)  {
.top_info {
	width:222px;
	border:solid 0px;
	font-size:0.8em;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 12px;
	}
	
.top_info:nth-of-type(3) {
	margin:0px 0px 0px 12px;
	}
	
.p-header-content {
	width:736px;
	height:354px;
	margin-bottom:24px;
	background-color:#fbfbfb;
	}
	
.p-header-slider__item {
	background-position: top center;
	background-size:contain;
	width:456px;
	height:354px;
	}
}


/*iphoneX / XS縦*/	
@media  ( max-width:375px ) and (max-height:812px) and (min-resolution: 3dppx) ,
( max-width:375px ) and (max-height:812px) and (-webkit-min-device-pixel-ratio: 3)  {
.top_info {
	width:158px;
	border:solid 0px;
	font-size:0.8em;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 16px;
	}
	
.top_info:nth-of-type(3) {
	margin:12px 0px 0px 0px;
	}
	
.p-header-content {
	width:375px;
	height:315px;
	padding:0;
	margin:0;
	}
	
.p-header-slider__item   {
	background-position: top center;
	background-size:contain;
	padding:0;
	margin:0;
	width:375px;
	height:291px;
	}
}

/*iphoneX / XS 横*/		
@media  ( max-width:812px ) and (max-height:375px) and (orientation : landscape) and (min-resolution: 3dppx) ,
( max-width:812px ) and (max-height:375px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 3)  {
.top_info {
	width:233px;
	border:solid 0px;
	font-size:0.8em;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 11px;
	}
	
.top_info:nth-of-type(3) {
	margin:0px 0px 0px 11px;
	}
	
.p-header-content {
	width:812px;
	height:315px;
	margin-bottom:24px;
	background-color:#fbfbfb;
	}
	
.p-header-slider__item {
	background-position: top center;
	background-size:contain;
	width:406px;
	height:315px;
	}
}


/*iphone6/7/8*/		
@media  ( max-width:375px ) and (max-height:667px) and (min-resolution: 2dppx) ,
( max-width:375px ) and (max-height:667px) and (-webkit-min-device-pixel-ratio: 2)  {
.top_info {
	width:160px;
	border:solid 0px;
	font-size:0.8em;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 14px;
	}
	
.top_info:nth-of-type(3) {
	margin:12px 0px 0px 0px;
	}
	
.p-header-content {
	width:375px;
	height:315px;
	padding:0;
	margin:0;
	}
	
.p-header-slider__item   {
	background-position: top center;
	background-size:contain;
	padding:0;
	margin:0;
	width:375px;
	height:291px;
	}
	
}

/*iphone6/7/8横*/		
@media  ( max-width:667px ) and (max-height:375px) and (orientation : landscape) and  (min-resolution: 2dppx) ,
( max-width:667px ) and (max-height:375px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2)  {
.top_info {
	width:202px;
	border:solid 0px;
	font-size:0.8em;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 10px;
	}
	
.top_info:nth-of-type(3) {
	margin:0px 0px 0px 10px;
	}
	
.p-header-content {
	width:667px;
	margin-bottom:24px;
	background-color:#fbfbfb;
	}
	
.p-header-slider__item   {
	background-position: top center;
	background-size:contain;
	width:413px;
	height:320px;
	}
	
}


/*iphone4s/5 縦*/		
@media  ( max-width:320px ) and (min-resolution: 2dppx) ,
( max-width:320px ) and (-webkit-min-device-pixel-ratio: 2)  {
.top_info {
	width:132px;
	border:solid 0px;
	font-size:0.8em;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 16px;
	}
	
.top_info:nth-of-type(3) {
	margin:16px 0px 0px 0px;
	}
	
.p-header-content {
	width:320px;
	height:270px;
	margin:0;
	}
	
.p-header-slider__item   {
		
	background-position: top center;
	background-size:contain;
	padding:0;
	margin:0;
		
	}
	
}

/*iphone5横*/		
@media  ( max-width:568px ) and ( max-height:320px) and (orientation : landscape)  and (min-resolution: 2dppx) ,
( max-width:568px ) and ( max-height:320px ) and (orientation : landscape)  and (-webkit-min-device-pixel-ratio: 2)  {
.top_info {
	width:166px;
	border:solid 0px;
	font-size:0.8em;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 12px;
	}
	
.top_info:nth-of-type(3) {
	margin:0px 0px 0px 12px;
	}
	
.p-header-content {
	width:568px;
	height:260px;
	margin-bottom:24px;
	}
	
.p-header-slider__item {
	background-position: top center;
	background-size:contain;
	width:335px;
	height:260px;
		
	}
	
}


/*iphone4s横*/		
@media  ( max-width:480px ) and ( max-height:320px) and (orientation : landscape)  and (min-resolution: 2dppx) ,
( max-width:480px ) and ( max-height:320px) and (orientation : landscape)  and  (-webkit-min-device-pixel-ratio: 2)  {
		
.top_info {
	width:210px;
	border:solid 0px;
	font-size:0.8em;
	}
	
.top_info + .top_info {
	margin:0px 0px 0px 18px;
	}
	
.top_info:nth-of-type(3) {
	margin:16px 0px 0px 0px;
	}
	
.p-header-content {
	width:480px;
	height:260px;
	margin-bottom:24px;
	}
	
.p-header-slider__item {
	background-position: top center;
	background-size:contain;
	width:335px;
	height:260px;
		
	}
}