@charset "UTF-8";
/* max-width: 1850px */

 @media screen and (max-width: 1850px) {
	
/*-----------------------------------------------
 layout
-------------------------------------------------- */
body {
	padding-bottom: 0px;

}
#main_top,#news,#main_top2{
	width: 90%;
}
#side,#mainL {
	width: 100%;
}

.row {
	margin-bottom: 1em;
	text-align: left;
}

.res_txtc {
	text-align:center;
}


[class*="col-"] {
  float: none;
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
}
.hidden-mobile {
    display: none;
  }
p {
  line-height: 1.5em;
  margin-bottom: 1.42em;
}
.fl {
	float: none;
}
.fr {
	float: none;
}
.imgleft {
	float: none;
	margin: 0 0 20px 0;
	text-align: center;
}
.imgright {
  float: none;
  margin: 0 0 20px 0;
  	text-align: center;
}
.img80{width:80%; margin:auto}

.icon_leaf{
	background-image: url(../common_img/icon_leaf.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 0px;
	padding-top: 40px;
}


/*---header--*/



/* toggle-panel */
#panel-btn {
	display: inline-block;
	position: fixed;
	width: 40px;
	height: 40px;
	margin: 20px 0 10px;
	border-radius: 50%;
	top:5px;
	right: 10px;
	background-color: #EB7755;
}
#panel-btn:hover {
	background-color: #F6B89F;
}
#panel-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	margin: -1px 0 0 -7px;
	transition: .2s;
	background-color: #fff;
}
#panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin-left: -7px; background: #fff; transition: .3s; }
#panel-btn-icon:before { margin-top: -6px; }
#panel-btn-icon:after { margin-top: 4px; }

#panel-btn .close { background: transparent; }
#panel-btn .close:before, #panel-btn .close:after { margin-top: 0; }
#panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

#panel {
	display: none;
	width: 100%;
	height:auto;
	margin: 0;
	text-align: center;
	background-color: #F5B399;
	z-index: 1;
	position: fixed;
	top: 105px;
}

/* -----------------------------------------------
 global nav
-------------------------------------------------- */

ul#globalNav{
	width: 100%;
  }
ul#globalNav li{
	width: 50%;
	text-align: center;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	display: inline-block;
}
ul#globalNav li+ li {
  border-left: 0;
  border-right: 1px solid #FFF;
}

ul#globalNav li a {
	display: block;
    width: 100%;
	height:auto;
    background-image: none;
    text-decoration: none;
	text-indent: 0;
	color: #FFF;
		padding:15px;

}
ul#globalNav li a:hover {
	background-color: #EB7755;
}
  ul#globalNav li#gnItem00 a, ul#globalNav li#gnItem01 a, ul#globalNav li#gnItem02 a, ul#globalNav li#gnItem04 a, ul#globalNav li#gnItem05 a, ul#globalNav li#gnItem06 a{
   display: block;
   width: 100%;
  }
#header #header_inner #panel #globalNav #gnItem03{
   display: none;
  }

/* -----------------------------------------------
 index
-------------------------------------------------- */
/*---cover---*/
#cover{
	margin-bottom: 2em;
	height: 444px;
	}
#catch_ttl{
  top:10%;
  left: 0;
  right: 0;
  margin:0 auto;
  width:40%;
  height:auto;
  position:absolute;
}
#catch_txt{
  position:absolute;
  top:50%;
  left: 0;
  right: 0;
  margin:0 auto;
  width:50%;
  height:auto;
  z-index:5
}

/*---news/pickup---*/



#contact{
	position: relative
}
#contact #left_con_top,#contact #left_con,#contact #left_con2{
	height:auto;
	background-image: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5CCB8;
  }
#left_con_top img,#contact #left_con img,#contact #left_con2 img{padding-top: 0; }
#top #wrapper #main_top #main_top2 #news #contact .col-8 ul li{text-align:center}
 
 
/* -----------------------------------------------
 common
--------------------------------------------------*/ 

#cover2{
	margin-bottom: 160px;
	background-position: left;
	}
#cover2.nomenu{
	margin-bottom:1em;
	}	
#cover2 #inner{
    width:100%;
	}
#cover2 #inner img{
	margin-top: 60px;
	}
#cover2 #inner img.pharmacy{
	margin-top: 35px;
	}	
#cover2 #inner #sabmenu{
	width:100%;
	position:absolute;
	top: 170px;
	}
#cover2 #inner #sabmenu ul li{
	display:block;
	text-align: center;
	margin-bottom: 2px;
	margin-right:5px;
	}
#cover2 #inner #sabmenu ul li a{
	display:block;
	width:90%;
		margin-right: auto;
	margin-left: auto;

}


/*---prodac-tmenu---*/
#cover2 #inner #sabmenu2{
	top: 170px;
	background-color: none;
	padding: 0;

	}
#cover2 #inner #sabmenu2 ul li{
	display:block;
	background-color: #F29575;
	width:100%;
	margin: 0;
	padding: 5px 0 5px 0;
	display:block;
	text-align: center;
	border-bottom: 1px solid #FFF;
	border-left-style: none;
	}


/*---footer---*/
#footer .inner .fbox1 {
	width: 100%;
	float: none;
	text-align: center;
}
#footer .inner .fbox2 {
	width: 100%;
	float: none;
	text-align: center;
}
#footer .inner .fbox2 li {
	width: 100%;
	float: none;
	text-align: center;
	vertical-align: middle;
}
.tel {
	padding-right:0px;
	padding-bottom:10px
	}
	



	
/* -----------------------------------------------
 styles
-------------------------------------------------- */	



/* dl list */

dl.list dt {
	float:none;
	width:100%;
	text-align: left;
	padding:10px;

}
dl.list dd {
	margin-left:0em;
	text-align: left;
	padding:10px;
	border-left-width: 0px;
}

.icon_leaf{
	background-image: none;
	padding-left: 0px;
}

}
 @media screen and (max-width: 1320px) {
#mainL {
	max-width:1280px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #4b4b4b;
	height:auto;
}
#side {
	max-width:1280px;
	margin-bottom: 10px;
	height:auto;
	padding-top:30px;
}

#side ul#bn{
	padding-top: 10px;
	padding-bottom: 5px;
	width:100%;
	text-align: center;
}  
#side ul#bn li{
	margin-bottom:20px;
	margin-right:10px;
	margin-left:10px;
	display: inline-block;
  /display: inline;
  /zoom: 1;
} 

 
 }
 @media screen and (max-width: 1024px) {
#cover{
	margin-bottom: 2em;
	height: 360px;
	}
#main_top .back{
	display:none;
}	
#main_top .back2{
	display:block;
}	
#menuList ul li a {
	font-size:13px;
}
#menuList ul.dropmenu li a{
    height: 50px;
}
#menuList ul.dropmenu li ul li{
	  width: 111%;
	  height: 50px;
	  border:none;
}
#menuList ul.dropmenu li ul li:last-child {
	  border:none;
	  height: 50px;
}
#menuList ul.dropmenu li ul li a{
	  font-size:12px;
	  padding: 14px 5px;
}
 /* ---- Forms ---- */

.hform label {
	width: 100%;
	margin-bottom: 5px;
	background-color: #EDEDED;
	padding: 5px;
}
.vform label, .hform label {font-size: 16px; line-height: 24px; vertical-align: middle; display: block; float: none; text-align: left; padding-right: 2em;}
.hform textarea, .hform input[type="text"], .hform input[type="password"], .hform input[type="datetime"], .hform input[type="datetime-local"], .hform input[type="date"], 
.hform input[type="month"], .hform input[type="time"], .hform input[type="week"], .hform input[type="number"], .hform input[type="email"], .hform input[type="url"], 
.hform input[type="tel"], .hform input[type="color"], .hform select {
	width: 100%;
}

.select1{width: 100%; float: none;}
.select1 p {
	width: 100%;
	float: left;
	line-height: 1;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.select1 input[type="text"]{width: 90%; float:left;}
.select1 span{float: left;}

.select2{width: 100%;float: none;}
.select2 select{width: 60%;float: left;}
.select2 input[type="text"]{width: 25%;float: left;}

.form_r{width: 100%;float: none;}
.select3{width: 100%;float: left;}
.select3 select{
	width: 80%;
}
.grid_4{
	display: inline;
	line-height:1.6;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom:15px;
	-moz-box-sizing: border-box;        /* Firefox */  
   -webkit-box-sizing: border-box;     /* Safari 3 */  
   -ms-box-sizing: border-box;         /* Internet Explorer 8 */  
   box-sizing: border-box;  
    width: 47%;
}	 
 }

 
  @media screen and (max-width: 800px) {
#cover{
	background-image: url(../index_img/cover_bg_sp.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 314px;
	-moz-background-size:cover;
	background-size:cover;
	margin-bottom: 2em;
	}
#catch_ttl{
 	top:10%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:40%;
	height:auto;
	position:absolute;
}
#catch_txt{
	position:absolute;
	top:50%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:50%;
	height:auto;
	z-index:5
}
.grid_4{
	display: inline;
	line-height:1.6;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom:15px;
	-moz-box-sizing: border-box;        /* Firefox */  
   -webkit-box-sizing: border-box;     /* Safari 3 */  
   -ms-box-sizing: border-box;         /* Internet Explorer 8 */  
   box-sizing: border-box;  
    width: 45%;
}	
#page-top {
   position: relative;
	width: 100%;
	background-color:#FFFFFF;
	cursor:pointer;
	height: 0;
	margin: 0 auto;
	z-index:9999;
	clear: both;
}
#page-top a {
	position:absolute;
	display: block;
	width: 75px;
	hegiht:52px;
	right:0%;
	clear: both;
}
h1{
	text-align:center;

}
ul#news_top li {
	padding-top:25px;
	padding-bottom:25px;
	padding-left: 1px;
	border-bottom:dotted 1px #c6c6c6;
}
ul#news_top li.new {
	padding-top:30px;
	padding-left: 1px;
	background: url(../common_img/new.jpg) no-repeat left 0px;

}
 }
   @media screen and (max-width: 736px) { 
#cover{
	background-image: url(../index_img/cover_bg_sp.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 301px;
	-moz-background-size:cover;
	background-size:cover;
	margin-bottom: 2em;
}
#catch_ttl{
 	top:10%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:40%;
	height:auto;
	position:absolute;
}
#catch_txt{
	position:absolute;
	top:50%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:50%;
	height:auto;
	z-index:5
}		 
 }
 
   @media screen and (max-width: 640px) {
#cover{
	background-image: url(../index_img/cover_bg_sp.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 262px;
	-moz-background-size:cover;
	background-size:cover;
	margin-bottom: 2em;
	}
#catch_ttl{
 	top:10%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:40%;
	height:auto;
	position:absolute;
}
#catch_txt{
	position:absolute;
	top:50%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:50%;
	height:auto;
	z-index:5
}
 }
 
    @media screen and (max-width: 544px) {
#cover{
	background-image: url(../index_img/cover_bg_sp.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 222px;
	-moz-background-size:cover;
	background-size:cover;
	margin-bottom: 2em;
	}
#catch_ttl{
 	top:10%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:40%;
	height:auto;
	position:absolute;
}
#catch_txt{
	position:absolute;
	top:50%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:50%;
	height:auto;
	z-index:5
}
.grid_4{
	display: inline;
	line-height:1.6;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom:15px;
	-moz-box-sizing: border-box;        /* Firefox */  
   -webkit-box-sizing: border-box;     /* Safari 3 */  
   -ms-box-sizing: border-box;         /* Internet Explorer 8 */  
   box-sizing: border-box;  
    width: 100%;
}		 
 }

    @media screen and (max-width: 480px) {
#cover{
	background-image: url(../index_img/cover_bg_sp.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 196px;
	-moz-background-size:cover;
	background-size:cover;
	margin-bottom: 2em;
	}
#catch_ttl{
 	top:10%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:40%;
	height:auto;
	position:absolute;
}
#catch_txt{
	position:absolute;
	top:50%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:50%;
	height:auto;
	z-index:5
}

}


    @media screen and (max-width: 438px) {
#cover{
	background-image: url(../index_img/cover_bg_sp.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 179px;
	-moz-background-size:cover;
	background-size:cover;
	margin-bottom: 2em;
	}
#catch_ttl{
 	top:10%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:40%;
	height:auto;
	position:absolute;
}
#catch_txt{
	position:absolute;
	top:50%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:50%;
	height:auto;
	z-index:5
}
 
 }
     @media screen and (max-width: 375px) {
#cover{
	background-image: url(../index_img/cover_bg_sp.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 153px;
	-moz-background-size:cover;
	background-size:cover;
	margin-bottom: 2em;
	}
#catch_ttl{
 	top:10%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:40%;
	height:auto;
	position:absolute;
}
#catch_txt{
	position:absolute;
	top:50%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:50%;
	height:auto;
	z-index:5
}
 
 }
 
@media screen and (max-width: 320px) {
#header{
	width:100%;
	background-color:#FFFFFF;
	height:3em;
	position: relative;
}

#header_top {
	width: 100%;
	height: 4px;
	z-index:100;
	background-color: #10a4cf;
}
#header #inner {
	width: 100%;
	margin-top:-10px;
}
#header #inner #logo {
	left: 50%;
	width:160px;
	height:30px;
	position:absolute;
	margin-left:-80px;
}
 #switchBtnArea #switchBtn {
        top: 0;
        left: 0;
        width: 48px;
        height: 48px;
        display: block;
        background: #11a4d0;
        position: absolute;
        z-index: 9998;
}
    #switchBtnArea #switchBtn span:nth-of-type(1) {top:14px;transform: rotate(0);}
    #switchBtnArea #switchBtn span:nth-of-type(2) {top:32px;transform: scale(1);}
    #switchBtnArea #switchBtn span:nth-of-type(3) {bottom:21px;transform: rotate(0);}
 
    #switchBtnArea #switchBtn.btnClose {background: #fff;}
    #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {top:15px;transform: rotate(-45deg);background: #11a4d0;}
    #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {transform: scale(0);}
    #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {bottom:28px;transform: rotate(45deg);background: #11a4d0;}

#cover{
	background-image: url(../index_img/cover_bg_sp.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 131px;
	-moz-background-size:cover;
	background-size:cover;
	margin-bottom: 2em;
	}
#catch_ttl{
 	top:10%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:40%;
	height:auto;
	position:absolute;
}
#catch_txt{
	position:absolute;
	top:50%;
	left: 0;
	right: 0;
	margin:0 auto;
	width:50%;
	height:auto;
	z-index:5
}

 
 }

/*** PRINT Module ***/
/* Print Resets */
@media print {
  
  * {
    color: #666 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  
  .wrapper {
    width: 100%;
}

  @page  {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  li {
    content: "ﾂｻ ";
  }

}