/*
Theme Name:ego for welcart child
Theme URI:
Description:WordPressテーマ「EGO for welcart」の自作子テーマです。
Template:ego_welcart_tcd079
Author:mc
Author URI:https://design-plus1.com/tcd-w/
Version:1.2.1
*/

.p-header-content__catch.p-header-content__align--type2{
	background-image:url(https://mc-demo.xyz/o-ba/wp-content/uploads/2020/12/supa_ic_logo1.png);
	background-repeat: no-repeat;
    background-size: cover;	
	width: 500px;
    margin: 0 auto;
    height: 300px;
}
/* カートページ */
.p-wc td input[type="number"] {
    padding-right: 2px!important;
}
/* カートページここまで*/

/************************************
** 会員登録
************************************/
@media (max-width: 767px){
	

.p-wc .p-wc-customer_form tr.inp1 input {
    width: -webkit-calc(100% - 0.1em);
    width: calc(100% - 0.1em)!important;
	margin-left: 0!important;
}

.p-wc input[type="text"], .p-wc input[type="email"], .p-wc input[type="url"], .p-wc input[type="password"], .p-wc td input[type="number"] {
    padding: 5px!important;
}
}

/************************************
** 会員登録の入力ここまで
************************************/


/*media Queries スマートフォンとタブレットサイズ（991px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 991px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～991px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 991px) {
.p-header-content__catch.p-header-content__align--type2{
	width: 400px;
    height: 240px;
}

	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（992px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 992px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {
.p-header-content__catch.p-header-content__align--type2{
	width: 280px;
    height: 168px;
}
	
	/*-- ここまで --*/
}