@charset "UTF-8";
/* ***********************************************************************
    Yuzu Pharmacy - <Page>
*********************************************************************** */
/*
    0 : Common
    1 : About
    2 : All Stores
    3 : Wellness
    4 : Company
    5 : Link
	6 : Recruit
	7 : Privacy
	8 : News アンケート
	
*/
/* ***********************************************************************
    0 : Common
*********************************************************************** */
/**[ SP ]**/
main {
	padding-top: 80px;/** ヘッダー分の高さ**/
}
section {
	display    : block;
	width      : 100%;
	text-align : center;
	overflow   : hidden;
}
section:nth-child(odd) {	
	background : #fffde1;
}
section .secInner {
	width  : 90%;
	margin : 0 auto;
	padding: 40px 0 80px;
}
section .secInner .LeftColumn,
section .secInner .RightColumn {
	float: none;
	/*
	border: solid 1px red;*/
}
section .secInner p {
	margin-top : 1.0em;
	text-align : left;
	font-size  : 15px;
	line-height: 2.0em;
}
section .secInner p:first-child {
	margin-top: 0;
}
@media screen and (min-width:768px) {
/** [ TABLET ] **/
	section .secInner .LeftColumn {
		float: left;
	}
	section .secInner .RightColumn {
		float: right;
	}
	section .secInner p {
		font-size: 16px;
	}
}
@media screen and (min-width: 1080px) {
/**[ PC ]**/
	main {
		padding-top: 120px;/** ヘッダー分の高さ**/
	}
	section .secInner {
		max-width  : 1080px;
		width      : 100%;
		/*padding-top: 60px;*/
		padding: 60px 0 120px;
	}
	section .secInner p {
		font-size  : 17px;
		line-height: 2.4em;
	}
}


/*************************
　多用するクラス
*************************/
.box {/** H3とセット **/
	margin-top: 64px;
}
.inline {
	width       : 96%;
	margin-left : auto;
	margin-right: auto;
}
.whitebox {
	background: #fff;
}

.rightLink {
	display        : inline-block;
	background     : url(../images/arrow_right_orange.png) right center no-repeat;
	background-size: 8px auto;
	min-width      : 30px;
	min-height     : 16px;
	padding-right  : 15px;
	font-family    : "Jun 201", sans-serif;
	font-size      : 17px;
}


/*************************
　フロート
*************************/
#abo01 .RightColumn,
#abo02 .LeftColumn,
#abo04 .RightColumn,
#all01 .RightColumn,
#all02 .RightColumn,
#all03 .RightColumn
#com03 .RightColumn {
	margin-top: 24px;
}
#abo01 .LeftColumn img,
#abo02 .RightColumn img,
#abo04 .LeftColumn img,
#all01 .LeftColumn img,
#all02 .LeftColumn img,
#all03 .LeftColumn img,
#com03 .LeftColumn img {
	display: block;
	width  : 80%;
	height : auto;
	margin : 0 auto;
}
@media screen and (min-width:768px) {
/** [ TABLET ] **/
	#abo01 .LeftColumn,
	#abo02 .RightColumn,
	#abo04 .LeftColumn,
	#all01 .LeftColumn,
	#all02 .LeftColumn,
	#all03 .LeftColumn,
	#com03 .LeftColumn {
		width: 30%;
	}
	#abo01 .RightColumn,
	#abo02 .LeftColumn,
	#abo04 .RightColumn,
	#all01 .RightColumn,
	#all02 .RightColumn,
	#all03 .RightColumn,
	#com03 .RightColumn {
		width     : 66%;
		margin-top: 0;
	}
	#abo01 .LeftColumn img,
	#abo02 .RightColumn img,
	#abo04 .LeftColumn img,
	#all01 .LeftColumn img,
	#all02 .LeftColumn img,
	#all03 .LeftColumn img,
	#com03 .LeftColumn img {
		width: 100%;
	}
}





/* ***********************************************************************
    1 : About
*********************************************************************** */
/**[ SP ]**/
/*****************************************
　#abo01, #abo02（コンセプト、ごあいさつ）
******************************************/
#abo01 .RightColumn dl {
	background   : #fff;
	width        : 100%;
	margin       : 0 auto 24px;
	padding      : 8px 0 0;
	text-align   : center;
	border-radius: 8px;
}
#abo01 .RightColumn dl dt {
	color      : #552e00;
	font-family: "Jun 501", sans-serif;
	font-size  : 13px;
}
#abo01 .RightColumn dl dd {
	color      : #007641;
	font-family: "Jun 501", sans-serif;
	font-size  : 19px;
	line-height: 2.0em;
}
#abo01 .RightColumn .greenJun {
	text-align    : center;
	font-size     : 16px;
	line-height   : 2.0em;
	letter-spacing: -1px;
	white-space: nowrap;
}
#caption_name {
	text-align : center!important;
	font-family: "Jun 201", sans-serif;
	font-size  : 20px;
}
@media screen and (min-width:768px) {
/** [ TABLET ] **/
	#abo01 .RightColumn dl {
		width : 100%;
		margin: 0 0 16px;
	}
	#abo01 .RightColumn dl dt {
		font-size  : 16px;
		padding-top: 4px;
	}
	#abo01 .RightColumn dl dd {
		font-size  : 28px;
		line-height: 2.0em;
	}
	#abo01 .RightColumn .greenJun {
		font-size: 18px;
	}
}
@media screen and (min-width: 1080px) {
/**[ PC ]**/
	#abo01 .RightColumn dl {
		margin: 0 0 20px;
	}
	#abo01 .RightColumn .greenJun {
		font-size     : 22px;
		letter-spacing: 0.01em;
	}
}

/*****************************************
　#abo04（ゆず薬局のプラスα）
******************************************/
#abo04 .LeftColumn .mark,
#wel01 .secInner .whitebox .LeftColumn .mark {
	display: block;
	width  : 50%;
	height : auto;
	margin : 40px auto 32px;
}
#abo04 .moreBtnBig img {
	display       : inline-block;
	height        : 18px;
	width         : auto;
	margin-left   : 4px;
	vertical-align: middle;
}

/**************************
　characterBox, kohzaBox
***************************/
#abo04 .characterBox,
#wel02 .kohzaBox {
	background   : #fffde1;
	width        : 90%;
	padding      : 16px 5% 24px;
	margin       : 16px auto 0;
	text-align   : center;
	border-radius: 10px;
}
#abo04 .characterBox:first-child,
#wel02 .kohzaBox:first-child {
	margin-top: 0;
}
#abo04 .characterBox img {
	width : 30%;
	height: auto;
	margin: 0 auto;
}
#abo04 .characterBox .RightColumn,
#wel02 .kohzaBox .RightColumn {
	padding: 0 2%;
	width  : 96%;
}
#abo04 .characterBox .characterName,
#wel02 .kohzaBox .teacherName {
	background     : url(../../about/images/dottedline.png) left bottom repeat-x;
	background-size: auto 4px;
	width          : 100%;
	margin-top     : 18px;
	padding-bottom : 24px; 
	text-align     : center;
	color          : #007641;
	font-family    : "Jun 501", sans-serif;
	font-size      : 18px;
	line-height    : 1.0em;
}
@media screen and (min-width:768px) {
/** [ TABLET ] **/
	#abo04 .LeftColumn .mark,
	#wel01 .secInner .whitebox .LeftColumn .mark {
		width : 80%;
		margin: 24px auto 0;
	}
	/**************************
	　characterBox, kohzaBox
	***************************/
	#abo04 .characterBox {
		width  : 90%;
		padding: 24px 3.5% 32px;
	}
	#abo04 .characterBox img {
		width : 70%;
		margin: 16px auto 0;
	}
	#abo04 .characterBox .RightColumn,
	#wel02 .kohzaBox .RightColumn {
		padding: 0;
		width  : 66%;
	}
	#abo04 .characterBox .characterName {
		background-size: auto 8px;
		margin-top     : 0;
		font-size      : 24px;
	}
}
@media screen and (min-width: 1080px) {
/**[ PC ]**/
	#abo04 .LeftColumn .mark,
	#wel01 .secInner .whitebox .LeftColumn .mark {
		width : 60%;
		margin: 32px auto 0;
	}
	/**************************
	　characterBox, kohzaBox
	***************************/
	#abo04 .characterBox,
	#wel02 .kohzaBox {
		margin-top: 24px;
		padding   : 24px 3% 32px;
	}
	#abo04 .characterBox img {
		width: 56%;
		margin: 0 auto;
	}
	#abo04 .characterBox:last-child img {
		margin-top: 32px;
	}
	#abo04 .characterBox .characterName,
	#wel02 .kohzaBox .teacherName {
		font-size: 32px;
	}
}

/* ***********************************************************************
    2 : All Stores
*********************************************************************** */
/**[ SP ]**/
#allstores main h2 {
	line-height: 1.0em;
}
#allstores main h2 .smallest {
	font-size  : 15px;
	line-height: 1.0em;
	font-family: "Jun 201", sans-serif;
}
#allstores main .rightLink {
	margin-top: 32px;
}
#allstores main #all03 img {
	display: inline-block;
	margin-bottom: 24px;
}
@media screen and (min-width:768px) {
/** [ TABLET ] **/
	#allstores main p:first-child {
		margin-top: -0.5em;
	}
}
@media screen and (min-width: 1080px) {
/**[ PC ]**/
	#allstores main h2 .smallest {
		font-size: 17px;
	}
}


/**************************
　店舗詳細ページ
***************************/
#asa01 img,
#tsu01 img,
#nis01 img {
	width : 50%;
}

/** 表 **/
#asakura .normalTable .title,
#tsunatori .normalTable .title,
#nishiguchi .normalTable .title {
	padding: 4px 0;
}

#asakura .normalTable .rightLink,
#tsunatori .normalTable .rightLink,
#nishiguchi .normalTable .rightLink {
	margin-top   : 8px;
	margin-bottom: 12px;
	font-size    : 14px;
	line-height  : 1.0em;
}
.normalTable p.openTimeComments {
	margin-top    : 16px;
	font-size     : 14px;
	line-height   : 2.0em;
}

/** table #openTime **/
#openTime {
	min-width    : 0;
	width        : 100%;
	margin-top   : 4px;
	border       : none;
	border-bottom: solid 1px #007346;
}
#openTime th,
#openTime td {
	max-height : 30px;
	padding    : 8px 0;
	font-size  : 14px;
	line-height: 14px;
	text-align : center;
}
#openTime th.time_dayweek,
#openTime th.dayweek {
	background: #e5f1e8;
	max-width : 16%;
	width     : auto;
	color     : #000;
}
#openTime td {
	background     : url(../images/v_dottedline.gif) left top repeat-y;
	background-size: 1px 3px;
	min-width: 12%;
	width    : 12%;
}
#openTime th.dayweek {
	background: url(../images/v_dottedline.gif) #e5f1e8 left top repeat-y;
}
#openTime td.holiday {
	background      : url(../images/v_dottedline.gif) left top repeat-y;
	background-color: #feece5;
	padding-top: 1px;
}

/** #telTable **/
#telTable tr {
	background-color: #fff;
	max-width: 100%;
}
#telTable th {
	width        : 14%!important;
	padding-left : 0;
	padding-right: 0;	
}
#telTable td a {
	display      : inline-block;
	padding-right: 3px;
	padding-left : 3px;
}
#telTable td {
	background-color: #fff;
	max-width    : 35%!important;
	width        : auto;
	padding-left : 0.5%;
	padding-right: 0.5%;
	white-space  : nowrap;
	overflow     : visible;	
}

@media screen and (min-width:768px) {
/** [ TABLET ] **/
	/** 表 **/
	#asakura .normalTable .title,
	#tsunatori .normalTable .title,
	#nishiguchi .normalTable .title {
		padding: 2px 0;
	}
	#asakura .normalTable .rightLink,
	#tsunatori .normalTable .rightLink,
	#nishiguchi .normalTable .rightLink {
		margin-top   : 4px;
		margin-bottom: 8px;
	}
	
	/** table #openTime **/
	#openTime th,
	#openTime td {
		max-height : auto;
		font-size  : 16px;
		line-height: 16px;
		vertical-align: middle;
	}
	#openTime th.time_dayweek,
	#openTime th.dayweek {
		background: #e5f1e8;
		max-width : 16%;
		width     : auto;
		color     : #000;
		font-size : 14px;
	}
	#openTime th.dayweek {
		background: url(../images/v_dottedline.gif) #e5f1e8 left top repeat-y;
	}
	#openTime th.time_dayweek .pcImg {
		font-size  : 12px;
		white-space: nowrap;
	}
	/**/
	.normalTable  p.openTimeComments {
		font-size: 16px;
	}
	.normalTable iframe {
		margin-top: 8px;
	}
	
	/** #telTable **/
	#telTable th {
		width: 25%!important;
	}
	#telTable td {
		max-width: 25%!important;
	}
}
@media screen and (min-width: 1080px) {
/**[ PC ]**/
	.imgBox {
		width : 95%;
		margin: 0 auto;
	}
	/*#asa01 img,
	#tsu01 img,
	#nis01 img {
		width : 25%;
	}*/
	/** 表 **
	.openTime dl { 
		max-height: auto;
	}
	.openTime dl dt.time_dayweek,
	.openTime dl dt.dayweek,
	.openTime dl dd,
	.openTime dl dd.holiday {
		height: auto;
	}
	.openTime dl dt.time_dayweek .pcImg {
		display    : inline-block;
		font-size  : 12px;
		line-height: 1.0em;
	}*/
}




/* ***********************************************************************
    3 : Wellness
*********************************************************************** */
/**[ SP ]**/
#wel01 .secInner .whitebox .RightColumn {
	width         : 92%;
	padding-bottom: 40px;
	margin-left   : auto;
	margin-right  : auto;
}
/**************************
　#wel02 .kohzaBox
***************************/
#wel02 .kohzaBox {
	background-color: #d7e6e1;
}
#wel02 .kohzaBox .teacherName {
	background    : none;
	padding-bottom: 30px;
	margin-bottom : 16px;
	color         : #007346;/*#967350_茶,#007641_緑,#2b7159_h3系の緑*/
	font-size     : 22px;
	line-height   : 1.0em;
	border-bottom : solid 4px #fff;
}
#wel02 .kohzaBox img {
	width : 98%;
	height: auto;
	margin: 0 auto;
}
#wel02 .kohzaBox th {
	width: 30%;
}
/***/
#wel03 img {
	display: inline-block;
	width  : 100%;
	height : auto;
}
#wel03 hr {
	height : 0;
	margin : 0;
	padding: 8px 0 0;
	border : solid 1px #fffde1;
}
/**************************
　#wel04 .flowStyle
***************************/
/*
#wel04 .flowStyle {
	width: 100%;
	margin-top: 24px;
}
#wel04 .flowStyle:first-child {
	margin-top: 0;
}
#wel04 .flowStyle dt {
	position  : relative;
	background: #007346;
}
#wel04 .flowStyle .number {
	position: absolute;
	top     : 0;
	right   : 0;
	bottom  : 0;
	left    : 0;
	margin  : auto 0;
	display    : block;
	width      : 20%;
	height     : 32px;
	line-height: 1.0em;
	text-align : center;
	color      : #fff;
	font-size  : 32px;
}
#wel04 .flowStyle h4 {
	background    : #f2f0e9;
	width         : 78%;
	min-height    : 26px;
	margin-left   : 20%;
	padding-left  : 2%;
	padding-top   : 12px!important;
	padding-bottom: 12px!important;
	color: #007346;
	font-size     : 21px!important;
	line-height   : 1.25em!important;
}
#wel04 .flowStyle dd {
	margin-top: 24px;
	font-size : 16px;
}
#wel04 .flowStyle #yoyakugamen .left {
	display   : block;
	width     : 100%;
	text-align: center;
}
#wel04 .flowStyle #yoyakugamen .left img {
	display: inline-block;
	width  : 75%;
	height : auto;
	margin : 0 auto;
	border : solid 1px #bdbdbd;
}
.h40 {
	height: 40px;
}
*/

/** 241007 **/
#wel04 p {
	text-align: center;
}
wel04 .yoyakuBtn {
	width     : 100%;
	height    : 60px;
	margin-top: 32px;
	text-align: center;
}
#wel04 .yoyakuBtn a {
	display: block;
	height : 60px;
	width  : 221px;
	margin : 32px auto 0;
}
#wel04 .yoyakuBtn img {
	height: 60px;
	width : auto;
}

@media screen and (min-width:768px) {
/** [ TABLET ] **/
	#wel01 .secInner .whitebox .LeftColumn,
	#wel02 .kohzaBox .LeftColumn {
		width: 30%;
	}
	#wel01 .secInner .whitebox .LeftColumn .mark {
		width: 70%;
		padding-left: 5%;
	}
	#wel01 .secInner .whitebox .RightColumn,
	#wel02 .kohzaBox .RightColumn {
		float       : right;
		width       : 66%;
		margin-left : 0;
		margin-right: 0;
	}
	#wel01 .secInner .whitebox .RightColumn {
		padding-right: 3%;
	}
	/**************************
	　#wel02 .kohzaBox
	***************************/
	#wel02 .kohzaBox {
		width  : 94%;
		padding: 28px 3% 32px;
	}
	#wel02 .kohzaBox img {
		margin: 16px auto;
	}
	#wel02 .kohzaBox .teacherName {
		margin-top    : 0;
		padding-bottom: 26px;
	}
	#wel02 .kohzaBox th {
		width: 27.5%;
	}
	/***/
	#wel03 img {
		display: inline;
		width  : 50%;
		height : auto;
	}
	/**************************
	　#wel04 .flowStyle
	***************************/
	#wel04 .yoyakuBtn a {
		background: #f4872f;
		width  : 480px;
	}
	/*
	#wel04 .flowStyle .number {
		width    : 8%;
		height   : 30px;
		font-size: 30px;
	}
	#wel04 .flowStyle h4 {
		width      : 90%;
		margin-left: 8%;
		padding-top   : 16px!important;
		padding-bottom: 16px!important;
	}
	#wel04 .flowStyle #yoyakugamen .left {
		float: left;
		width: 28%;
	}
	#wel04 .flowStyle #yoyakugamen .right {
		float: right;
		width: 69%;
	}*/
}
@media screen and (min-width: 1080px) {
/**[ PC ]**/
	/**************************
	　#wel02 .kohzaBox
	***************************/
	#wel02 .kohzaBox .teacherName {
		font-size: 26px;
	}

	/**************************
	　#wel04 .flowStyle
	*************************
	#wel04 .flowStyle {
		width       : 90%;
		margin-left : auto;
		margin-right: auto;
	}
	#wel04 .flowStyle .number {
		width    : 8%;
		height   : 30px;
		font-size: 30px;
	}
	#wel04 .flowStyle h4 {
		max-width  : 90%;
		margin-left: 8%;
		padding-top   : 20px!important;
		padding-bottom: 20px!important;
		font-size     : 22px!important;
	}
	
	#qr_forPC {
		background     : url(../../wellness/images/qr_cord.gif) left 16px top 0 no-repeat;
		background-size: 100px 100px;
		min-height     : 124px;
		padding-left   : 124px;
	}**/
	
	
	
}



/* ***********************************************************************
    4 : Company
*********************************************************************** */
/**[ SP ]**/
.kigyohrinen {
	text-align    : center!important;
	font-family   : "Jun 201", sans-serif;
	letter-spacing: 0.1em;
	color         : #000;
	/*font-family: "Sei Kaisho CB1", sans-serif;*/
}
h5.kigyohrinen {
	font-size     : 28px;
	letter-spacing: -1px!important;
	white-space   : nowrap;
}
p.kigyohrinen {
	margin-top    : 1.5em!important;
	font-size     : 17px!important;
	letter-spacing: -1px!important;
	white-space   : nowrap;
	word-spacing  : -4px;
}
#com03 .RightColumn {
	margin-top: 24px;
}
#com03 .RightColumn p {
	margin-bottom: 1.0em;
}
#com03 .RightColumn dl {
	display    : block;
	margin-top : 0.5em;
	text-align : left;
	line-height: 2.0em;
	font-size  : 15px;
}
#com03 .RightColumn dl dt { float: left; }
#com03 .RightColumn dl dd { float: right; }
#com03 .RightColumn dl.type01 dt { width: 22%; }
#com03 .RightColumn dl.type01 dd { width: 78%; }
#com03 .RightColumn dl.type02 dt { width: 32%; }
#com03 .RightColumn dl.type02 dd { width: 68%; }

@media screen and (min-width: 768px) {
/** [ TABLET ] **/
	h5.kigyohrinen {
		font-size: 32px;
	}
	p.kigyohrinen {
		font-size: 20px!important;
	}
	#com03 .RightColumn {
		margin-top: 0;
	}
	#com03 .RightColumn dl {
		font-size: 16px;
	}
	#com03 .RightColumn dl dt,
	#com03 .RightColumn dl dd { width: 0; }
	#com03 .RightColumn dl.type01 dt { max-width: 15%; }
	#com03 .RightColumn dl.type01 dd { width: 85%; }
	#com03 .RightColumn dl.type02 dt { width: 20%; }
	#com03 .RightColumn dl.type02 dd { width: 80%; }
}
@media screen and (min-width: 1080px) {
/**[ PC ]**/
	#com03 .RightColumn dl {
		font-size: 17px;
	}
	#com03 .RightColumn dl.type01 dt { width: 13%; }
	#com03 .RightColumn dl.type01 dd { width: 87%; }
	#com03 .RightColumn dl.type02 dt { width: 18%; }
	#com03 .RightColumn dl.type02 dd { width: 82%; }
}



/* ***********************************************************************
    5 : Link
*********************************************************************** */
/**[ SP ]**/
#link .linkList {
	display        : block;
	width          : 94%;
	margin         : 1.0em auto 0;
	list-style-type: none;
	border-bottom  : dotted 1px #007641;
}
#link .linkList li {
	background     : url(../images/arrow_right.png) left 8px top 23px no-repeat;
	background-size: 7px auto;
	background-color: rgba(255,255,255,0.5);
	width          : 92%;
	height         : 56px;
	padding-left   : 8%;
	text-align     : left;
	font-size      : 16px;
	line-height    : 56px;
	word-wrap      : break-word;
	border-top     : dotted 1px #007641;
}
@media screen and (min-width: 768px) {
/** [ TABLET / PC ] **/
	#link .linkList {
		width        : 96%;
		border-bottom: none;
	}
	#link .linkList li {
		float          : left;
		display        : block;
		background-size: 8px auto;
		width          : 45%;
		padding-left   : 4%;
		margin-left    : 2%;
		border-bottom  : dotted 1px #007641;
	}
	#link .linkList li:nth-child(2n+1) {
		clear      : both;
		margin-left: 0;
	}
	#link .linkList li:nth-child(3),
	#link .linkList li:nth-child(4),
	#link .linkList li:nth-child(5),
	#link .linkList li:nth-child(6),
	#link .linkList li:nth-child(7),
	#link .linkList li:nth-child(8) {
		border-top: 0;
	}
}



/* ***********************************************************************
	6 : Recruit
*********************************************************************** */
/**[ SP ]**/
#recruit .jobNumber {
	text-align : center!important;
	margin     : 32px auto 0;
	font-family: "Jun 201", sans-serif;
	font-size  : 19px;
}
#recruit #btn_recruit {
	display      : block;
	background   : #F90;
	width        : 98%;
	height       : 64px;
	margin       : 16px auto 40px;
	color        : #fff;
	line-height  : 64px;
	font-family  : "Jun 201", sans-serif;
	font-size    : 22px;
	border-radius: 10px;
}
#recruit #btn_recruit:hover {
	text-decoration: none;
	opacity : 0.7;
	filter  : alpha(opacity=70);
}
#recruit .mgn_top_40 {
	margin-top: 40px!important;
}
#recruit .recTel {
	display       : block;
	background    : #fff;
	width         : 100%;
	min-height    : 25px;
	margin-top    : 16px;
	padding       : 16px 0;
	text-align    : center;
	font-family   : "Jun 201", sans-serif;
	font-size     : 20px;
	line-height   : 1.75em;
	letter-spacing: 1px;
	border-radius : 10px;
}
#recruit .recTel a {
	font-size: 22px;
}

@media screen and (min-width: 768px) {
/** [ TABLET / PC ] **/
	#recruit p {
		text-align: center!important;
	}
	#recruit p .br {
		display: block;
	}
	#recruit #btn_recruit {
		width: 75%;
	}
	#recruit .recTel .pcImg {
		display: inline;
	}
}
@media screen and (min-width:1080px) {
/** [ PC ] **/
	#recruit #btn_recruit {
		width: 60%;
	}
	#recruit .recTel {
		width       : 60%;
		padding     : 18px 0 19px;
		margin-left : auto;
		margin-right: auto;
	}
}


/* ***********************************************************************
	7 : Privacy
*********************************************************************** */
/**[ SP ]**/



/* ***********************************************************************
	8 : News アンケート
*********************************************************************** */
/**[ SP ]**/