@charset "UTF-8";
/* CSS Document */
/*====================
PCを基本設計にする
 - 1280px〜：大型PC
 - 960px〜1279px：小型PC
 - 600px〜959px：タブレット
 - 480px〜599px：スマートフォン横
 - 〜479px：スマートフォン縦
====================*/

/* 〜479px：スマートフォン縦
------------------------------ */
@media screen and (max-width: 480px){    
    .header{height: auto;}
    .header-wrap h1{position: inherit; margin: 3% auto;}
    .header-wrap nav ul{margin: 0 0 13px 0;
    display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;}
    .header-wrap nav ul li{font-size: 16px;
    font-weight: bold;}
    .bg-slider__title{font-size: 1rem;}
    .bg-slider__title::before{font-size: 2.5rem;padding: 0 3%;}
    
    #main1 ul, #main1 ul li{display: block;}
    #main1 ul li{width: 100%}
    main .wrap_t, main .t_wrap, main .e_wrap, main .h_wrap, main .wrap2, main .item-wrap{width: 95%}
    main .wrap_t{padding: 10% 0}
    
    main .circle{display: block; margin: 10% auto}
    .circle .text{margin: 40% auto; font-size: 1.25rem}
    main .title{font-size: 0.812rem}
    .flot_rigth{display: block; }
    
    /* 店舗案内 */
    .mikn_box .mikn_l, .mikn_box .mikn_r{float: none; width: 95%; margin: 0 auto}
    .mikn_box .mikn_r{margin-bottom: 5%}
    .mikn_r span, .mikn_r .icon_no{font-size: 0.625rem}
	
	/* tableレスポンシブ対応 */
	main table{font-size: 0.875rem;}
	main table thead {display:none;}
	main table tbody th,main table tbody td {display:block;}
	main table tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;}
	main table tbody td p {padding-left:6em;}
	table.table01{font-size: 0.875rem; width: 95%}
	table.table01 thead {display:none;}
    table.table01 tbody th {display:block;}
    table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;}
    table.table01 tbody td p {padding-left:6em;}
    
    /* お薬について */
    main .wrap-s{display: block}
    .wrap-s_l, .wrap-s_r{margin: 5% auto}
    .wrap-s_l img, .wrap-s_r img{width: 130px}
    
    .under{padding-bottom: 20%;}
	
	/* 404 */
	.media-txt{
		font-size: 1.5rem !important;
	}
	
	/* footer */
	footer li{width: 25%}
	
	
	.p_lineBox {
		width: 100%;
		background: #fff;
		border: 1px solid #ccc;
		margin: 0 auto 2rem;
	}
	.p_lineBoxTtl {
		font-size: 1.3rem;
	}	
	.p_lineBoxQr {
		    width: 85%;
		background: #fff;
		border: 1px solid #ccc;
		text-align: center;
		margin: 0rem auto 2rem;
	}
	.p_lineBoxQr .qr {
		display: none;
	}
	.p_lineBox2 {
		display: block;
		margin: 0 auto;
		width: 100%;
		justify-content: space-around;
	}
	.p_lineChui {
		display: block;
		margin: 0 auto 1rem;
		width:  90%;
	}
	
}

/* 480px〜599px：スマートフォン横
------------------------------ */
@media screen and (min-width:480px) and (max-width:599px){
    
}

/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:959px){
	main .title{font-size: 1rem}
    main .wrap_t{width: 90%; padding-top: 5%; font-size: 0.89rem}
    main .wrap_t dl{font-size: 0.687rem;  padding: 0px 5px}
    main .wrap_t dt{float: none; font-size: 0.562rem; margin-right: 0; height: 12px}
	.placement{margin: 2% auto}
}

/* 960px〜1279px：小型PC
------------------------------ */
@media screen and (min-width:960px) and (max-width:1279px){
    main .wrap_t{width: 90%; padding-top: 5%}
    main .wrap_t dl{font-size: 0.687rem;  padding: 0px 5px}
    main .wrap_t dt{float: none; font-size: 0.562rem; margin-right: 0; height: 12px}
}
/* 1280px〜：大型PC
------------------------------ */
@media screen and (min-width:1280px){
    
}