@charset "utf-8";

/* mobile priority */

@media only screen and (max-width: 1400px ) {


}

@media only screen and (max-width: 1023px ) {
	.top_kv .top_kv_gallery div.cell .kv_font{
		top: 50%;
	}
	.top_kv .top_kv_gallery div.cell .kv_font > span{
		margin: 0 auto 20px auto;
	}

	.top_medicine_list ul{
		width: 100%;
		text-align: center;
	}
	.top_medicine_list ul li{
		margin:0 10px 10px 10px;
	}
	.top_banner_01 .cell{
		width: 80%;
	}
	.top_banner_01 .cell > img{
		width: 100%;
	}
	.top_hot_medicine{
		width: 100%;
	}
	.top_hot_medicine ul{
		margin-right: 0;
		padding: 0 20px;
	}
	.top_hot_medicine ul li{
		margin-right: 0;
		margin-bottom: 10px;
		width: 100%;

	}
	.top_hot_medicine ul li .img img{
		width: 100%;
	}
	.top_hot_medicine ul li .content{
		padding: 10px;
	}
	.top_hot_medicine ul li .content dl dt strong{
		font-size: 18px;
	}
	.top_hot_medicine ul li .content dl dt .count{
		font-size: 12px;
	}
	.top_banner_01 .flickity-prev-next-button{
		width: 30px;
		height: 30px;
	}

	.top_dr_intro .top_dr_slider{
		margin-bottom: 40px;
		width: 100%;
	}
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .img{
		display: block;
		width: 100%;
	}
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .img > img{
		width: 100%;
	}
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .content{
		padding: 20px 20px 40px;
		display: block;
		width: 100%;
	}


	.top_dr_intro .top_dr_slider .dr_slider_ctrl span.prev{
		left: 0;
	}
	.top_dr_intro .top_dr_slider .dr_slider_ctrl span.next{
		right: 0;
	}
	.top_dr_intro .top_dr_slider .dr_slider_ctrl{
		top: 0;
	}
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell{
		display: block;
	}
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .content{
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;

	}
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .content dl dt strong{
		font-size: 30px;
	}
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .content dl dt span{
		font-size: 18px;
	}
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .content dl dd strong{
		padding: 0 10px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
	}
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .content dl dd p{
		font-size: 14px;
	}
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .content .dr_detail_btn{
		font-size: 14px;
	}
	.top_dr_list{
		display: none;
	}
	.top_news_list ul li{
		width: 100%;
	}
	.top_news_list ul li.news_index{
		padding: 40px 0;
	}
	.top_hot_medicine ul li .content dl dd p{
		height: auto!important;
	}
	.top_news_list li img{

		width:100%;
		height:auto;
	}
	.top_news_list li.news_index img{
		width:194px;
	}
	/* sun  top*/
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .content dl dt strong .txt_jun{
		width: 57px;
		margin-top: -9px;
	}
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .content dl dt strong .txt_drName {
		height: 31px;
		margin-top: -9px;
	}
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .content dl dt strong .txt_drName_e {
		height: 34px;
		margin-top: -9px;
	}
}

@media only screen and (max-width: 767px) {
	#topIndex #gnavi{
	position:fixed;
	}
	.topIndex .sec_footer h3{
		margin-bottom:20px;
	}
	.topIndex .sec_footer h3 img{
		width:96px;
		height:auto;
	}
	.top_news_list li img{

		max-width:100%;
		height:auto;
	}

	.top_news_list li.news_index img{
		width:97px;
	}
	
	/* トップキャンペーン画像 */
	.top_kv .top_kv_gallery div.cell .kv_font .top_kv_img_02 img{
		display: none;
	}
	.top_kv .top_kv_gallery div.cell .kv_font .top_kv_img_02_sp img{
		width: 75%;
    display: block;
		margin-left: auto;
		margin-right: auto;
	}
	

	@keyframes slidedownani {
		0% {
		    transform: translateY(0px);
		}
		50% {
		    transform: translateY(5px);
		}
		100% {
		    transform: translateY(0px);
		}
	}
	.top_kv .kv_scroll{
	margin-left: -70px;
  	width: 140px;
    height: 58px;
 	background-size: 100% 100%;
	}
	.top_kv .top_kv_gallery .flickity-page-dots{
		right: 20px;
		bottom: 20px;
	}
	.top_kv .top_kv_gallery .flickity-page-dots .dot{
		width: 8px;
		height: 8px;
	}

	.top_kv .top_kv_gallery div.cell .kv_font strong{
		margin: 0 auto 15px auto;
		width: 90%;
	}
	.top_kv .top_kv_gallery div.cell .kv_font > span{
		margin: 0 auto 15px;
		width: 90%;
	}
	.top_news_list ul li.news_index{
		padding: 20px 0;
	}

	.top_hot_medicine h3 img{
		width:144px;
	}
	.top_dr_intro h3 img{
		width:95px;
	}
	/*sun*/
	.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .content dl dd p i{
	width: 70%;
	margin:-1.7em 0 0 90px;
	}
	/*.top_dr_intro .top_dr_slider .top_dr_intro_gallery .cell .content dl dd p span{
	width: 70%;*/
}