/*--------------------------------------------------------------------------
TABLET
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	
/* common
-----------------------------------------------------------------*/
	.pc-mode-01 {
		display: none !important;
	}
	.pc-mode-02 {
		display: none !important;
	}
	.sp-mode-01 {
		display: block !important;
	}
	.sp-mode-02 {
		display: inline !important;
	}

	/* フォーマット設定*/
	#wrapper .medicallip{
		font-size: 3.6458vw;
	}
	#wrapper .medicallip .inner {
		width: 90%;
	}
#wrapper .medicallip .inner-01{
	width: 100%;
}
#wrapper .medicallip .inner-03{
	width: 94%;
}
	
	/* .ttl
	-----------------------------------------------------------------*/
	#wrapper .medicallip .ttl-01{
		font-size: 6.5104vw; /*50px*/
		margin-bottom: 9.5%;
	}
	
	/* .btn
	-----------------------------------------------------------------*/
	#wrapper .medicallip .btn-01 a,
	#wrapper .medicallip .btn-02 a{
		width: 100%;
		padding: 4.4% 0;
	border-radius: 5px;
	}
	#wrapper .medicallip .btn-01 a{
		background-color:#005bad;
		color: #fff;
	}
	#wrapper .medicallip .btn-01 a::after {
		content: "";
		background: url(/-/Media/com/medicallip/211018/ico_arw01.png) no-repeat center;
		background-size: 2vw;
		display: inline-block;
		width: 2vw;
		height: 5vw;
		margin-left: 2.6042vw;
		vertical-align: middle;
	}
	#wrapper .medicallip .btn-02 a{
		background-color: #ccc;
		color: #000;
	}
	#wrapper .medicallip .btn-02 a::after {
		content: "";
		background: url(/-/Media/com/medicallip/211018/ico_arw02.png) no-repeat center;
		background-size: 2vw;
		display: inline-block;
		width: 2vw;
		height: 5vw;
		margin-left: 2.6042vw;
		vertical-align: middle;
	}

#wrapper .medicallip .btn-11 a{
	font-size: 4.6875vw;
	border-radius: 5px;
	padding-top: 3.5%;
	padding-bottom: 3.5%;
}
#wrapper .medicallip .btn-11 a::after {
    content: "";
    background-size: 2vw;
    display: inline-block;
    width: 2vw;
    height: 5vw;
    margin-left: 2.6042vw;
    vertical-align: middle;
}
/*アコーディオン*/
#wrapper .medicallip .slide-clm {
	background: #e4efe3;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    display: none;
}

/*アコーディオン　ボタン(赤)*/
#wrapper .medicallip .btn-05 a .open,
#wrapper .medicallip .btn-05 a .close{
	padding-left: 1.111em;
	padding-right: 3.556em;
	padding-top: 1em;
    padding-bottom: 0.88em;
	font-size: 4.1667vw;
}
#wrapper .medicallip .btn-05 a .open{
    background: url(/-/Media/com/medicallip/211018/ico-open01.png) no-repeat right 1.111em center #005bad;
    background-size: 1.875em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#wrapper .medicallip .btn-05 a .close{
    background: url(/-/Media/com/medicallip/211018/ico-close01.png) no-repeat right 1.111em center #1ba673;
    background-size: 1.875em;
    -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/*アコーディオン　ボタン-商品詳細(SP)*/
.btn-toggle a>span{
	color: #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn-toggle a .open{
    background: url(/-/Media/com/medicallip/211018/ico-open03.png) no-repeat right 10% center #ccc;
    background-size: 2.65vw;
}
.btn-toggle a .close{
    background: url(/-/Media/com/medicallip/211018/ico-close03.png) no-repeat right 10% center #ccc;
    background-size: 2.65vw;
}
.btn-toggle a .close.active{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

/*-----------
テキスト(SP)
-----------*/
#wrapper .medicallip .txt-11{
	font-size: 7.8125vw;
}
#wrapper .medicallip .txt-12{
	font-size:5.7292vw;
}
#wrapper .medicallip .txt-13{
	font-size:2.7vw;
	letter-spacing: -0.1vw;
}
#wrapper .medicallip .txt-14{
	font-size:3.9063vw;
}
#wrapper .medicallip .txt-15{
	font-size:2.0833vw;
}
#wrapper .medicallip .txt-16{
	font-size:4.6875vw;
}
#wrapper .medicallip .txt-17{
	font-size:4.1667vw;
}
#wrapper .medicallip .txt-18{
	font-size:2.3438vw;
}
#wrapper .medicallip .txt-19{
	font-size:3.6458vw;
}
#wrapper .medicallip .txt-20{
	font-size:7.8125vw;
}
#wrapper .medicallip .txt-23{
	font-size: 3.9063vw; /*30px*/
}
#wrapper .medicallip .txt-26{
	font-size:4.9479vw;
}
#wrapper .medicallip .txt-25{
	font-size:3.6458vw;
}
	
	#wrapper .medicallip .txt-medcine{
		border-color: #ccc;
	}

/*注意書き(SP)*/
#wrapper .medicallip .txt-chuui,
#wrapper .medicallip .chuui {
    font-size: 2.6042vw;
}
#wrapper .medicallip .chuui dd {
    padding-left: 1.75em;
    padding-top: 0;
	line-height: 1.25em;
}
#wrapper .medicallip .chuui dt {
    line-height: 1.25em;
    margin-right: 0;
}
	
	/* main nav
	-----------------------------------------------------------------*/
	.medicallip .section_KV_bg{
		background: none;
		min-width: unset;
	}
	.medicallip .section_KV{
	background: url(/-/Media/com/medicallip/211018/img-vi01-sp.jpg)no-repeat top center;
	background-size: cover;
	width: 100%;
}
.medicallip .section_KV .sec-KV-ttl{
	width: 100%;
	height: 114.5833vw;
}
.medicallip .section_KV .sec-KV-ttl .KV-ttl-01{
 font-size: 5.9896vw;
 left: unset;
 right: 3vw;
 top: 47.5vw;
}
.medicallip .section_KV .sec-KV-ttl .KV-ttl-02{
	font-size: 5.7292vw;
	left: 3.1250vw;
	top: 60vw;
}
.medicallip .section_KV .sec-KV-ttl .KV-ttl-03{
	font-size: 12.2396vw;
	left: 3.1250vw;
	top: 66vw;
}
.medicallip .section_KV .prd-img-01{
	position: unset;
	width: 64.8438vw;
	margin-bottom: 2.25vw;
}
.medicallip .section_KV .sec-prd-name{
	top: 83.5938vw;
	left: 3.1250vw;
}
.medicallip .section_KV .sec-prd-name .prd-logo{
	width: 25.7813vw;
	margin-top: 2vw;
}
.medicallip .section_KV .sec-prd-name .txt-cnt{
	margin-left: 3.1250vw;
}
.medicallip .section_KV .sec-prd-name .prd-name{
	font-size: 3.6458vw;
	margin-bottom: -0.5vw;
}
.medicallip .section_NAV .section_NAV-bg{
	background-color: #0b234f;
}
.medicallip .section_NAV .list-lnv li{
	width: 50%;
	float: left;
	text-align: center;
	padding: 20px 0;
}
	#wrapper .medicallip .section_NAV .inner{
		width: 100%;
	}
	.medicallip .section_NAV .list-lnv li{
		width: 50%;
		float: left;
		text-align: center;
		padding: 1.9531vw 0;
	}
	.medicallip .section_NAV .list-lnv li a{
		font-size: 3.9063vw;
		padding: 4.2083vw 0;
		display: block;
		border-right: 1px solid #aaa;
	}
	.medicallip .section_NAV .list-lnv li a::after{
		content: "";
		background: url(/-/Media/com/pansiron/55/ico_arw01.png) no-repeat center left;
		background-size: auto;
		background-size: 2vw;
		display: inline-block;
		width: 2vw;
		height: 5vw;
		margin-left: 2.6042vw;
		vertical-align: middle;
	}

	/* section01
	-----------------------------------------------------------------*/
	.medicallip .section_01_bg{
		padding-top:18%;
		padding-bottom:17%; 
	}
.medicallip .section_01 .clm-list{
 width: 100%;
 height: 115.7552vw;
}
.medicallip .section_01 .clm-list .symptom-img{
 width: 100%;
}
.medicallip .section_01 .clm-list .symptom-list{
	font-size: 3.9063vw;
}
.medicallip .section_01 .clm-list .symptom-list-01{
 top: 15.6250vw;
 right: 2.5vw;
}
.medicallip .section_01 .clm-list .symptom-list-02{
 top: 40.1042vw;
 left: unset;
 right: 2.5vw;
}
.medicallip .section_01 .clm-list .symptom-list-03{
 top: 79.1667vw;
 left: 2.5vw;
 font-size: 3.8vw;
 letter-spacing: -1px;
}
.medicallip .section_01 .clm-list .symptom-list-04{
 top: 91vw;
 left: 2.5vw;
 font-size: 3.9063vw;
}

/*特長：５つの有効成分(SP)*/
.section_03 {
    padding-top: 12%;
}

#wrapper .medicallip .section_03 .ttl-01 {
    margin-bottom: 3.9063vw;
}

.ttl_strength_01_wrap {
    width: 100%;
    margin: 10.1563vw auto 7.8125vw;
    text-align: center;
}
.txt_strength_01 {
    width: 100%;
	margin: 0 auto 16.6667vw;
}
.txt_strength_02 {
    margin-bottom: 0.1vw;
	line-height: 1.25em;
}
.section_03 .wrapper-video {
    width: 100%;
    margin-bottom: 16.7969vw;
}
.cnt_strength_01 {
    width: 91%;
    margin: 0 auto 6.5104vw;
	display: flex;
}
.txt_highlight_01{
	font-size: 3.9063vw;
	width: 22vw;
	height: 22vw;
	margin-right: 2%;
	line-height: 1.25em;
}
	

.strength-cnt{
	height: 141.2760vw;
	margin: 5.2083vw auto 13.0208vw;
	width: 100%;
	overflow: hidden;
}
.strength-cnt .prd-img-02{
	width: 51.1719vw;
	left: 27.1302vw;
	top: 32.1615vw;
}
.strength-cnt .txt-strength{
	font-size: 4.1667vw;
}
.strength-cnt .txt-strength.txt-strength-01{
	width: 40.6250vw;
	height: 40.6250vw;
	left: 45.3125vw;
}
.strength-cnt .txt-strength.txt-strength-02{
	width: 52.0833vw;
	height: 52.0833vw;
	left: -1vw;
	top: 28.2552vw;
}
.strength-cnt .txt-strength.txt-strength-03{
	width: 48.0469vw;
	height: 48.0469vw;
	left: unset;
	top: 48.0469vw;
	right: -4vw;
}
.strength-cnt .txt-strength.txt-strength-04{
	width: 40.6250vw;
	height: 40.6250vw;
	left: -5vw;
	top: 90.7552vw;
}
.strength-cnt .txt-strength.txt-strength-05{
	width: 45.4427vw;
	height: 45.4427vw;
	left: 39.5833vw;
	top: 96.0938vw;
}
	
	
.section_02 .btn-11 {
    width: 86.9792vw;
	margin-bottom: 22%;
}
.list_strength_01 li {
    width: 46%;
    margin: 0 4% 11.7188vw 0;
    float: left;
}
.list_strength_01 {
    display: block;
    margin-right: -4%;
}
#wrapper .medicallip .cont-right {
    float: none;
    display: inline-block;
}
.ttl_strength_01 .txt-chuui{
    text-align: right;
    display: block;
}
.ttl_strength_01_wrap .txt-16{
	line-height: 1.25em;
}
.ttl_strength_01_wrap .txt-11{
	line-height: 1.5em;
}
.img_strength_01 img,
.img_strength_02 img {
    margin: 0 auto 2.6042vw;
}
.ttl_strength_02_wrap .txt-20 {
    letter-spacing: -0.05em;
}
.ttl_strength_02_wrap {
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 6.9010vw;
}
.ttl_strength_02 {
    line-height: 2.5em;
	margin-bottom: 0.75em;
}

/*FAQ(SP)*/
.section_04.section {
    padding-top: 14.1927vw;
    padding-bottom: 19.5313vw;
}
.section_data {
    margin-bottom: 3.6458vw;
}
#wrapper .medicallip .slide-clm {
    padding: 10.026vw 5.5866% 9.7656vw;
}
.list_faq_01,
.list_faq_02 {
    margin-right: 0;
}
.list_faq_01>li,
.list_faq_02>li{
    max-width: 100%;
    width: 100%;
    float: left;
    margin-right: 0;
    margin-bottom: 10.6771vw;
}
.list_faq_01>li:last-child,
.list_faq_02>li:last-child{
    margin-bottom: 0;
}
.clm_faq_01 {
    padding: 5.0781vw 4.7170% 2.2083vw;
}
.list_faq_03b,
.list_faq_03a,
.list_faq_03c,
.list_faq_03d{
    background-size: 13.0208vw;
}
.list_faq_03>li {
    padding-bottom: 2.3438vw;
    margin-bottom: 3.1250vw;
}
.txt_faq_01 {
    margin-bottom: 4.4271vw;
}
.ttl_faq_02 {
    margin-bottom: 4.4271vw;
}
.txt_faq_02,
.txt_faq_03 {
    margin-bottom: 4.9479vw;
}


	
	/* section05
	-----------------------------------------------------------------*/
	.medicallip .section_05_bg{
		margin-bottom: 20%;
		background: none;
	}
		#wrapper .medicallip .section_05_bg .inner{
		width: 100%;
	}
	
.section_05{
		background: url(/-/Media/com/medicallip/211018/img-lineup01-sp.jpg) no-repeat top center;
		max-width: unset;
		margin: 0 auto;
		height: 91.1458vw;
		background-size: cover;
}
.section_05 .sec-05-txt{
	font-size: 5.65vw;
	padding-left: 54%;
	font-feature-settings: 'palt' 1;
	letter-spacing: 2px;
}
	/* section06
	-----------------------------------------------------------------*/
	.medicallip .section_06_clm .clm-list{
		display: block;
	}
	.medicallip .section_06_clm.clm_01,
	.medicallip .section_06_clm.clm_02{
		background:none;
		padding: 0 0 14vw;
	}
	#wrapper .medicallip .section_06_clm .inner{
		width:100%;
	}
	#wrapper .medicallip .inner.clm-detail{
	width: 87%;
	}
	#wrapper .medicallip .clm-detailpage{
	font-size: 3.61250vw;
	font-size: 3.41250vw;
	margin-top: 0;
	margin-bottom: 0;
	background: #fff;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}
	#brand .clm-detailpage .detailBox02 .product_tbl01 .list01 {
		display: block;
	}
	#brand .clm-detailpage .detailBox02 .product_tbl01 .list01 li{}
	#wrapper .medicallip .clm-detailpage .detailBox02 .product_tbl01 .list01 li{
		font-size: 1em;
		margin-bottom: 0.25em;
		width: 50%;
		float: left;
		margin: 0;
	}
	#wrapper .medicallip .clm-detailpage .detailBox02 .product_tbl01 .note{
		font-size: 0.825em;
		margin: 0;
	}
	#wrapper .medicallip .clm-detailpage .detailBox02 .product_tbl01 .list01 .ttl-strong{
		font-size: 1em;
		margin-bottom: 0.25em;		
	}
	#wrapper .medicallip .clm-detailpage .product_detailbox03 .h2_basic,
	#wrapper .medicallip .clm-detailpage .product_detailbox03 .textBox01{
	font-size: 1em;
}
	.medicallip .section_06_clm .clm-list .list-cnt:first-child{
		width:100%;
		margin-bottom: 10%;
	}
	.medicallip .section_06_clm.clm_01 .clm-list .list-cnt:first-child{
		background-color: #005bad;
		padding-top: 9%;
		padding-bottom: 5%;
	}
	.medicallip .section_06_clm.clm_02 .clm-list .list-cnt:first-child{
		background-color: #1ba673;
		padding-top: 4.5%;
		padding-bottom: 5%;
	}
	.medicallip .section_06_clm.clm_01 .clm-list .list-cnt .cnt-img{
		width: 62%;
		margin-bottom: 5.5%;
	}
	.medicallip .section_06_clm.clm_02 .clm-list .list-cnt .cnt-img{
		width: 42%;
		margin-bottom: 1%;
	}
	.medicallip .section_06_clm .clm-list .list-cnt .cnt-txt{
		width: 87%;
	}
	.medicallip .section_06_clm .clm-list .list-cnt:last-child{
		width: 87%;
		/* margin: 0 auto 26.0417vw; */
		margin: 0 auto;
	}
	.medicallip .section_06_clm.clm_01 .clm-list .list-cnt:last-child{
		color: #004d93;
	}
	.medicallip .section_06_clm.clm_02 .clm-list .list-cnt:last-child{
		color: #189265;
	}
	.medicallip .section_06_clm .clm-list .list-cnt-01{
		position: relative;
		display: block;
		margin-bottom:9%;
		margin-bottom: 4.6875vw;
	}

	.medicallip .section_06_clm .clm-list .cnt-ttl{
		font-size: 4vw;
		letter-spacing: -0.25px;
	}
	.medicallip .section_06_clm .clm-list .cnt-ttl .sub-txt{
		font-size: 6.5104vw; /*50px*/
	}
	.medicallip .section_06_clm .clm-list .cnt-ico{
		margin-right: -5%;
		background: none;
		color: #c86488;
		border: 0.5vw dotted #c86488;
		width: 22%;
		position: absolute;
		right: 3.3%;
		font-size: 3.1250vw;
		line-height: 1.4em;
	}
	.medicallip .section_06_clm.clm_01 .clm-list .cnt-ico{
		padding: 6.2% 0;
		width: 23.5%;
	}
	.medicallip .section_06_clm.clm_02 .clm-list .cnt-ico{
		line-height: 1.25em;
		padding-top: 38px;
		padding-bottom: 22px;
		padding: 7.2% 0 5.6%;
		width: 28%;
	}
	.medicallip .section_06_clm.clm_01 .clm-list .list-cnt .list-txt{
		line-height: 2em;
	}
	.medicallip .section_06_clm .clm-list .list-cnt .btn-list{
		display: block;
		margin-top: 12%;
		margin-top: 7.8125vw;
		margin-bottom: -4.5%;
	}
	.medicallip .section_06_clm .clm-list .list-cnt .btn-list li{
		margin-right: 0;
		margin-bottom: 4.5%;
		width: 100%;
	}
	#wrapper .medicallip .section_06_clm.clm_02 .clm-list .list-cnt .btn-list li.btn-01 a{
		background-color: #1ba673;
	}
	
	#wrapper .medicallip .section_06 .bnr-wrap.inner{
		width: 100%;
	}
	.medicallip .section_06 .cnt-bnr{
		width:93%;
		margin: 10.4% auto;
	}
	
	/* .popup
	-----------------------------------------------------------------*/
	.modalDetailContent {
		padding: 0;
	}
	.section-popup{
		padding: 8.6% 7%;
		width: 90%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.section-popup .popup-close{
		width: 5%;
		top: 3%;
		right: 3%;
	}
	.section-popup .popup-clm-01{
		margin-bottom: 8%;
	}
	.section-popup .popup-list{
		display: block;
	}
	.section-popup .popup-list .btn{
		width: 100%;
	}
	.section-popup .popup-list .btn a{
		padding: 7% 0;
		border-width: 1.5vw;
		margin-bottom: 3%;
	}
	.section-popup .popup-list .btn a img{
		height: 8.5vw;
	}
	.section-popup > section{
		margin-bottom: 20%;
	}
	
	/* .section-07
	-----------------------------------------------------------------*/
	.medicallip  .section_07_bg{
			padding-top: 14.5%;
			padding-bottom: 10%;
	}
	#wrapper .medicallip .section_07 .ttl-01{
		margin-bottom: 12%;
	}
	.medicallip  .section_07 .clm-01{
		display: block;
		margin-bottom: 11.5%;
	}
	.medicallip  .section_07 .clm-01 .clm-img{
		width: 93%;
		margin: 0 auto 5.7%;
	}
	.medicallip  .section_07 .clm-01 .clm-txt{
		width: 100%;
	}
	.medicallip  .section_07 .clm-01 .clm-txt-01{
		font-size:4.6875vw; /*36px*/
		margin-bottom: 4%;
	}
	.medicallip  .section_07 .clm-02 .clm-txt{
		font-size: 3.9063vw; /*30px*/
		margin-bottom: 2.8%;
	}
	.medicallip  .section_07 .clm-02 .tbl-01{
		margin-bottom:21.7%;
	}
	.medicallip  .section_07 .clm-02 .tbl-01 .tbl-cnt-01{
		width: 42%;
	}
	.medicallip  .section_07 .clm-02 .tbl-01 th,
	.medicallip  .section_07 .clm-02 .tbl-01 td{
		padding-top: 2.8%;
		padding-bottom: 2.8%;
	}
	
.medicallip .section_07 .clm-03{
	font-size: 7.8125vw;
	line-height: 1.5;
	letter-spacing: 3px;
}
.medicallip .section_07 .clm-03 .sub-ttl-01{
	font-size: 4.5vw;
	letter-spacing: 0;
	margin-right: -3vw;
}
.medicallip .section_07 .clm-03 .sub-ttl-02{
	padding: 2vw 2.5vw 1vw;
	margin-left: 0;
	display: inline-block;
}
	
	
/* -----------
H1 logo
----------- */
.brand-header-wrap {}
}


/*--------------------------------------------------------------------------
SP
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
/* -----------
H1 logo
----------- */
.brand-header-wrap {}
.brand-header-title {
	font-size: 1.6rem;
}

}