/*
Template:whitestudio
Theme Name:桂林堂薬局(White Studio 子テーマベース)
*/
body{
	background:url(images/allBg.png) repeat left top;
}
.clearfix::after{
	display:block;
	content:"";
	clear:both;
}
.table{
	display:table;
	width:100%;
}
.table .th,
.table .td{
	display:table-cell;
	vertical-align:middle;
}
.mgb5px{
	margin-bottom:5px;
}
.header-text{
	background-color:#655f2d;
}
#copyright{
	background-color:#655f2d;
	color:#fff;
}
#copyright a{
	color:#fff;
}
#header{
	background:url(images/headerBg.png) repeat-x left bottom;
}
#nav{
	background:none;
	border:none;
	margin-top:40px;
	margin-bottom:40px;
}
#nav a{
	color:#65392D;
	font-size:18px;
	font-weight:bold;
}
.nav-menu li{
	margin-right:45px;
}
.nav-menu li a{
	padding:0;
}
.nav-menu li a:hover{
	background:none;
	text-decoration:underline;
}
.nav-menu .current_page_item > a{
	background:none;
}
.contact{
	padding-top:5px;
}
.contact-tel{
	position:relative;
	color:#65392D;
}
.contact-tel::before{
	content:"";
}
#top-slide-max{
	width:100%;
	padding:0;
	margin:auto;
}
.cycle-slideshow{
	border:none;
}
#my-slick{
	margin-bottom:4em;
}
.my-slick a,
.my-slick a img{
	transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}
.my-slick img{
	width:100%;
	height:auto;
}
.my-slick a:hover img{
	opacity:0.65;
}
.my-slick h3{
	border:none;
	padding:0;
	color:#65392d;
	margin-top:0;
}
.my-slick h3::before{
	content:url(images/icon_square.png);
	display:inline-block;
	margin-right:10px;
}
.my-slick .th{
	min-width:31.746031%;
	width:auto;
	background:#655f2d;
	color:#fff;
	box-sizing: border-box;
    padding: 0 1em 0 2em;
    font-size:15px;
    line-height:1.6;
}
.widget-title {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-style: normal;
    margin: 0px 0px 20px 0px;
    padding: 13px 10px 10px 0px;
    border-bottom: 1px solid #333;
    border-top: 3px double #333;
}
.viewSideAccess{
	border:#e5e2cc 2px solid;
}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.widget.widget_media_image{
	margin-bottom:10px;
}
.widget.widget_media_image:last-child{
	margin-bottom:50px;
}
.sidebox-new{
	display:none;
}
.cats{
	padding:30px;
	background:url(images/secBg01.png) repeat left top;
}
.cats h3{
	padding:0;
	border:none;
	font-size:22px;
	margin:0;
	margin-bottom:1.5em;
	text-align:center;
	line-height:1.6;
}
.catList a.catEntry{
	display:block;
	float:left;
	color:#333;
	font-size:20px;
	width:30%;
	margin-right:5%;
	margin-bottom:1em;
	transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}
.catList a.catEntry:nth-child(3n){
	margin-right:0;
}
.catList a.catEntry .th{
	width:65px;
}
.catList a.catEntry .td{
	padding-left:0.8em;
	line-height:1.4;
	font-weight:bold;
}
.catList a.catEntry:hover{
	text-decoration:underline;
}
.catList a.catEntry:hover img{
	opacity:0.65;
}
.blog-title{
	font-size:18px;
	border:none;
	background:#655F2D;
	color:#fff;
	padding:15px 20px;
}
.head-img{
	margin-top:0;
}
.pagetitle{
	border:none;
	background:#655f2d;
	color:#fff;
	padding:13px 10px 10px 20px;
}
.sentry h1{
	position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	font-size:18px;
}
.sentry h1:after{
	position: absolute;
    top: .75em;
    left: .75em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1.5em);
    height: calc(100% - 1.5em);
    background-color: #3B579D;
    border-radius: 4px;
}
.sentry h2{
	font-size: 18px;
    margin-bottom: 1.5em;
    padding-left: 0.6em;
    border:none;
    border-left: #65392d 5px solid;
    line-height: 1.2;
    padding:0.5em 0.5em;
    background:#e5e2cc;
}
.sentry h3{
	position: relative;
	padding-bottom: 7px;
	border-bottom: 3px solid #e5e2cc;
	font-size:18px;
}
.sentry h3::after{
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #65392d;
}
.sentry h4{
	font-weight:bold;
	position: relative;
	padding: 0 .5em .5em 2em;
	margin-bottom:0;
}
.sentry h4::before,
.sentry h4::after{
	position: absolute;
	content: '';
	border-radius: 100%
}
.sentry h4::before{
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: #65392d ;
}
.sentry h4::after{
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: #c3be96;
}
.sentry h5{
	font-weight:bold;
}
.sentry td{
	background:#fff;
}
.sentry p::after,
.sentry ul::after,
.sentry ol::after,
.sentry table::after,
.sentry blockquote::after,
.sentry h1::after,
.sentry h2::after,
.sentry h3::after,
.sentry h4::after,
.sentry h5::after,
.sentry h6::after,
.sentry dl::after{
	display:block;
	content:"";
	clear:both;
}
.sentry dl{
	margin-bottom:1em;
}
.sentry dt{
	font-weight:500;
	margin-bottom:0.5em;
	position:relative;
	padding-left:38px;
	font-weight:bold;
}
.sentry dt::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -8px;
	width: 15px;
	height: 15px;
	border: 4px solid #ed6c00;
	border-radius: 100%;
	box-sizing:border-box;
}
.sentry dd{
	margin-left:0;
	padding-left:38px;
	margin-bottom:1.5em;
}
#contactArea{
	padding:30px;
	background:#e5e2cc;
	margin-top:4em;
	text-align:center;
}
#contactArea .table{
	table-layout:fixed;
}
#contactArea h3{
	padding: 0;
    border: none;
    font-size: 22px;
    margin: 0;
    margin-bottom: 1.5em;
    text-align: center;
    line-height: 1.6;
}
#footer{
	background:url(images/allBg2.png) repeat left top;
}
.footerbox .widget.widget_media_image{
	padding-bottom:0;
	margin-bottom:3em;
}
.footerbox .widget.widget_custom_html{
	padding-top:0;
}
.footerbox li{
	border-bottom:none;
	padding-left:15px;
	background:url(images/icon_list.png) no-repeat left center;
}
.textwidget, .textwidget p,
.footerbox li a{
	color:#65392D;
	font-size:16px;
}
.contact-tel{
	font-size:28px;
}
.contact-tel::before{
	content:url(images/icon_tel.png);
	display:inline-block;
	margin-right:10px;
}
/*---------------------------------------------------------
//	From Setting
---------------------------------------------------------*/
#contactform .contacts{
	padding:20px 0;
	border:#f0f0f0 2px solid;
	text-align:center;
	margin-bottom:40px;
	color:#333;
	font-weight:bold;
	line-height:1.2;
}
#contactform .contacts .top{
	font-size:18px;
	text-align:center;
	margin-bottom:0;
}
#contactform .contacts .top span{
	color:#0f6591;
	font-family:Century, serif;
	font-size:20px;
	font-size:2rem;
}
#contactform .contacts .bottom{
	font-size:48px;
	font-family:Century, serif;
	margin-bottom:0;
	display:inline-block;
	line-height:1;
	color:#0f6591;
}
#contactform .contacts .bottom::before{
	content:url(images/icon_freedial.png);
	display:inline-block;
	margin-right:8px;
}
#contactform p.headtxt {
	margin-bottom: 1em;
}

#contactform table {
	width: 100%;
	margin-bottom: 40px;
	background: none;
	border: none;
}
#contactform table tr{
	background:#fff;
}
#contactform table tr:nth-child(odd) {
	background: #eeeeee;
}

#contactform table tr:last-child {
	border-bottom: #d0d0d0 1px solid;
}

#contactform table th,
#contactform table td {
	background: none;
	border: none;
	padding: 20px 25px;
}

#contactform table th {
	text-align: left;
	width: 30%;
}

#contactform table th span {
	font-weight: normal;
	line-height: 1;
	padding: 3px 5px;
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
}
#event .sentry #eventform th{
	letter-spacing:-1px;
}
#event .sentry #eventform th span.req,
#event .sentry #eventform th span.any{
	display:block;
	width:40px;
}

#contactform table th span.req {
	background: #f16b7a;
}

#contactform table th span.any {
	background: #1c55b4;
}

#contactform table td input[type=text],
#contactform table td input[type=email],
#contactform table td textarea,
#contactform table td select {
	padding: 5px 10px;
	border: #aaa 1px solid;
	display: inline-block;
	background: #fff;
	box-sizing: border-box;
	border-radius: 0;
	width:100%;
}

#contactform table tr.postal td input:first-child {
	width: 10%;
}

#contactform table tr.postal td input:last-child {
	width: 15%;
}

#contactform table tr.name td input,
#contactform table tr.kana td input,
#contactform table tr.company td input
#contactform table tr.address td input,
#contactform table tr.email td input {
	width: 100%;
}

#contactform table tr.email td input:first-child {
	margin-bottom: 3px;
}

#contactform table tr.tel td input {
	width: 15%;
}

#contactform table textarea {
	width: 100%;
	height: 200px;
}

#contactform table tr.email th,
#contactform table tr.email td,
#contactform table tr.message th,
#contactform table tr.message td {
	vertical-align: top;
}

#contactform .pref select {
	padding: 5px 40px 5px 10px;
	border: #aaa 1px solid;
	display: inline-block;
	background: #fff;
	box-sizing: border-box;
	border-radius: 0;
}

#contactform .pref .wrap {
	position: relative;
	display: inline-block;
}

#contactform .pref .wrap::after {
	font-family: fontawesome;
	content: "\f107";
	font-size: 12px;
	position: absolute;
	right: 0;
	display: inline-block;
	top: 7px;
	right: 10px;
}

#contactform table tr.photo img {
	max-width: 50%;
	height: auto;
}
#contactform .member input[type=text],
#contactform .day input[type=text],
#contactform .time input[type=text]{
	width:100px;
}
.termslink {
	color: #1c55b3;
	text-align: center !important;
	margin-bottom: 40px;
}
.termslink a {
	color: #1c55b3;
	text-decoration: underline;
}
.termslink i {
	margin-left: 10px;
}
.submitbtn {
	text-align: center;
	margin-bottom: 50px;
	position: relative;
}
.submitbtn span {
	display: inline-block;
	position: relative;
}

.submitbtn input {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 3px;
	color: #fff;
}
.submitbtn input[type=submit].confirm {
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 0;
	cursor: pointer;
	margin: 0 10px;
	background: #ED6C00;
	border:none;
}
#moresearch .submitbtn input[type=submit].confirm,
#shop #search .submitbtn input[type=submit].confirm,
#shopDetail #search .submitbtn input[type=submit].confirm{
	background: #FED781;
}
.submitbtn input[type=submit].backBtn {
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 0;
	cursor: pointer;
	margin: 0 10px;
	background: #666;
	border:none;
}

.checkbox01-input {
	display: none;
}

.mwform-checkbox-field-text {
	padding-left: 35px;
	position: relative;
	margin-right: 20px;
	padding-top: 5px;
}

.mwform-checkbox-field-text::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
	background: #fff;
}

.checkbox01-input:checked + .mwform-checkbox-field-text {
	width: 24px;
	height: 24px;
}

.checkbox01-input:checked + .mwform-checkbox-field-text::after {
	content: "";
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	background: #333333;
	border-radius: 3px;
	left: 5px;
	top: 5px;
}

.mw_wp_form .vertical-item {
	position: relative;
}
#completed{
	padding:2em;
	background:#f8f8f8;
}
#completed p:last-child{
	margin-bottom:0;
}
span.error{
	font-weight:bold;
}
span.error::before{
	content:"*";
	margin-right:3px;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.video{
	margin-bottom:10px;
}
.youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.checkbox01-input{
	display: none;
}
.checkbox01-parts,
.mwform-checkbox-field-text{
	padding-left: 20px;
	position:relative;
	margin-right: 30px;
	color:#fff;
	top:-7px;
}
.checkbox01-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 15px;
	height: 15px;
	background:#fff;
}
.mwform-checkbox-field-text::before{
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 15px;
	height: 15px;
	background:#fff;
}
.checkbox01-input:checked + .checkbox01-parts,
.checkbox01-input:checked + .mwform-checkbox-field-text{
	width: 15px;
	height: 15px;
}
.checkbox01-input:checked + .checkbox01-parts::after,
.checkbox01-input:checked + .mwform-checkbox-field-text::after{
	content: "";
	display: block;
	position: absolute;
	width: 11px;
	height: 11px;
	background: #247f41;
	left:2px;
	top:6px;
}
/*---------------------------------------------------------
//	FAQ Setting
---------------------------------------------------------*/
.about_q{
	margin:0;
}
.about_q .qa_wrap, .e_learning_q .qa_wrap, .support_q .qa_wrap {
	margin:0;
    margin-bottom: 15px;
    list-style:none;
}
.about_q .q_btn, .e_learning_q .q_btn, .support_q .q_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background: #e5e2cc;
    border: none;
    outline: 0;
    position: relative;
    text-align: left;
    padding: 15px 0;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    padding: 0;
    height: 80px;
    max-width:inherit;
}
.about_q .q_btn:before, .e_learning_q .q_btn:before, .support_q .q_btn:before {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    background: #655f2d;
    width: 40px;
    height: 100%;
    display: block;
}
.about_q .q_btn:before, .e_learning_q .q_btn:before, .support_q .q_btn:before {
    width: 80px;
    height: 100%;
}
.about_q .q_btn .q, .e_learning_q .q_btn .q, .support_q .q_btn .q {
    font-size: 16px;
    letter-spacing: .05em;
    line-height: 1.6;
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 50px;
}
.about_q .q_btn .q:before, .e_learning_q .q_btn .q:before, .support_q .q_btn .q:before {
    content: 'Q.';
    color: #655f2d;
    font-weight: bold;
    font-size: 16px;
    margin-right: 20px;
    white-space: nowrap;
}
.about_q .q_btn:after, .e_learning_q .q_btn:after, .support_q .q_btn:after {
    position: absolute;
    top: 50%;
    right: 30px;
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.about_q .a, .e_learning_q .a, .support_q .a {
    width: 100%;
    padding: 30px 25px;
    border: 7px solid #d0d0d0;
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: .05em;
    display: none;
}
.about_q .qa_wrap.open .a, .e_learning_q .qa_wrap.open .a, .support_q .qa_wrap.open .a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-sizing:border-box;
    background:#fff;
}
.about_q .q_btn:hover, .e_learning_q .q_btn:hover, .support_q .q_btn:hover {
    background: #E5E2CC;
    cursor:pointer;
}
.about_q .qa_wrap.open .q_btn:after, .e_learning_q .qa_wrap.open .q_btn:after, .support_q .qa_wrap.open .q_btn:after {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
}
.about_q .q_btn:hover:after, .e_learning_q .q_btn:hover:after, .support_q .q_btn:hover:after {
    margin-top: 3px;
}
.widget.widget_recent_entries time{
	display:inline-block;
	margin-right:2em;
}
@media only screen and (max-width: 479px) and (min-width: 320px){
	#header{
		margin-bottom:10px;
	}
	.logo {
	    padding:0 0 10px 0;
	}
	.table,
	.table .th,
	.table .td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	.my-slick .th{
		padding:1em;
	}
	.my-slick .th br{
		display:none;
	}
	.catList a.catEntry .table{
		text-align:center;
	}
	.catList a.catEntry .th,
	.catList a.catEntry .td{
		width:100%;
		text-align:center;
		padding-left:0;
	}
	.catList a.catEntry .th{
		margin-bottom:5px;
	}
	.cats{
		padding:15px;
	}
	.cats h3{
		font-size:18px;
	}
	.cats h3 br{
		display:none;
	}
	.widget.widget_media_image{
		text-align:center;
	}
	.my-slick .table,
	.my-slick .th,
	.my-slick .td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	.my-slick .th{
		padding:1em;
	}
	.my-slick .th br{
		display:none;
	}
	.cats{
		padding:1em;
	}
	.cats h3{
		font-size:18px;
	}
	.cats h3 br{
		display:none;
	}
	.catList a.catEntry{
		
	}
	#nav{
		margin:0 auto;
	}
	.nav-menu li{
		margin-right:0;
		border-bottom:#65392D 1px solid;
	}
	.nav-menu li a{
		padding: 20px 10px;
		background:rgba(255,255,255,0.85);
	}
	.nav-menu li.current-menu-item a{
		background:#65392D;
		color:#fff !important;
	}
}

.toptitle01 {
 font-size:13px;
 margin-top:-25px
}
.toptitle02 {
 font-size:13px;
 margin-top:0px;
 font-weight: bold;
}