/*
Theme Name: メンズエステ求人
Theme URI: https://xn--cckek2ed8eq6d2h7dtd7729b8h0d.com/info/
Description: メンズエステ求人アルバイトブログです。
Version: 1.0
Author: mens
Author URI: https://xn--cckek2ed8eq6d2h7dtd7729b8h0d.com/
*/

body {
	color:#47352E;
	padding-top:4rem;
}
a {
 transition: opacity .2s;
 -webkit-transition: opacity .2s;
 -moz-transition: opacity .2s;
 -o-transition: opacity .2s;
 -ms-transition: opacity .2s;
	cursor: pointer;
	outline: none;
	color: #333;
	word-break:break-all;
}
a:hover {
	opacity: .75;
	cursor: pointer;
	outline: none;
}
header nav a.nav-link {
	color:#000 !important;
}
header nav.navbar-toggler-icon {
	color:#000 !important;
}
/*header nav.bg-light {
	background-color: #fff !important;
}*/
nav .breadcrumb {
	background-color:#7dc6fa;
	font-size:0.9rem;
	border-radius:0;
	padding:5px 10px 6px;
}
li.breadcrumb-item a:hover { text-decoration:none !important;}

.breadcrumb-item.active {
	color: #fff;
}
.breadcrumb-item a:link, .breadcrumb-item a:hover, .breadcrumb-item a:visited {
	color:#fff;
}
 .breadcrumb-item + .breadcrumb-item::before {
 color: #fff;
}
.navbar-brand {
	text-decoration:none;
}
.navbar-brand img {
	width:95px;
}

.navbar-brand h1 {
	color:#382615;
	font-size:0.6rem !important;
	font-weight: normal;
	margin-bottom:0 !important;
	line-height:1.0 !important;
	margin-top:5px !important;
}

 @media screen and (min-width: 768px) {
	 .navbar-brand img {
	width:115px;
}

.navbar-brand h1 {
	font-size:0.7rem !important;
}
 }

.div_title {
	font-size:1.4rem; 
	border-bottom:1px solid #7dc6fa;
	color:#7dc6fa;
	padding-bottom:10px;
	font-weight:bold;
	margin-bottom:15px;
}

.div_title:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    left:8px;
    margin: 33px 0 0 0;
    background: #7dc6fa;
    border-radius: 100%;
}

#main_cont li.list-group-item, #side_bar li.list-group-item {
	border-bottom: 1px dotted rgba(0,0,0,.125);
	border-top: 1px dotted rgba(0,0,0,.125);
}

#main_cont li.list-group-item:first-child, #side_bar li.list-group-item:first-child {
	border-top: none !important;
}

#side_bar li.list-group-item a:link, #side_bar li.list-group-item a:hover, #side_bar li.list-group-item a:visited, footer .list-inline-item a:link, footer .list-inline-item a:hover, footer .list-inline-item a:visited, .page-link:link, .page-link:hover, .page-link:visited {
	color:#382615 !important;
	text-decoration:none;
}
footer .cp {
	color:#fff;
	background-color:#7dc6fa;
	margin-top:20px;
}
footer {
	background-color:#F5F7F4;
}
footer .list-inline {
	display:block !important;
	text-align: center;
}
footer .list-inline-item {
	font-size:0.9rem !important;
}
.page-item.active .page-link {
	background-color: #F5F7F4 !important;
	border-color: #F5F7F4!important;
}
.pagetop {
	float: right;
	text-align: center;
	z-index: 10;
	top: 0;
	right: 0;
	position: relative;
	margin: -39px 0 0 0;
}
.pagetop a {
	display: block;
	background: #F5F7F4;
	padding: 12px 30px;
	font-size: 11px;
	width: 290px;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	border-bottom: none;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}
.pagetop .btn-light:link, .pagetop .btn-light:hover, .pagetop .btn-light:visited {
	background: #F5F7F4;
	border:none;
}
 @media screen and (max-width: 768px) {
.pagetop a {
 display: block;
 background: #F5F7F4;
 padding: 12px 30px;
 font-size: 11px;
 width: 100%;
 border-top: none;
 border-left: none;
 border-right: none;
 border-bottom: none;
 border-top-right-radius: 2px;
 border-top-left-radius: 2px;
}
}
header .navbar-nav {
	font-size:0.8rem !important;
}
header li.nav-item a i, footer li.list-inline-item a i {
	display: inline-block;
	font-size: 90%;
	padding: 4px 4px 0 4px;
	vertical-align: text-top;
	color: #7dc6fa;
}
li.list-group-item a i {
	display: inline-block !important;
	position: absolute !important;
	right: 0;
	padding: 5px 0 0 0;
	color: #ccc;
}

#main_cont .post_title { font-size:1.3rem; font-weight:bold;}

@media only screen and (max-width: 758px) {
	#main_cont .post_title { font-size:1.1rem; font-weight:bold;}
}

.news .list-group-item img {display: inline;
width: 100%;
height: auto;}

/*ビジュアルエディタ　スタイル*/
.yellow_box {
    position: relative;
    background: #fffbeb;
    border: 1px solid #ededed;
    border-radius: 6px;
    margin: 0 auto;
    padding: 20px;
}

.pink_box {
    background: #fff5fe;
    margin: 20px 0;
    font-weight: bold !important;
    display: block;
    background: #fff5fe;
    padding: 20px;
    border-radius: 2px;
    font-size: 18px;
    color: #7dc6fa;
    border: 2px dashed #7dc6fa;
}

.bg_yellow {
    padding: 6px;
    background: #fffdbf;
    margin: 10px 0;
    font-weight: bold;
    display: inline-block;
}

/*小林 profile
**********************************************/
.profile {
    border: 1px solid #dedede;
    margin: 20px 0 0;
    padding: 20px 30px 30px;
}
.profile h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 10px auto 20px;
    text-align: center;
}
.profile_text {
    padding: 0 0 0 20px;
}
.profile p {
    font-size: 16px;
    line-height: 1.6;
    padding: 12px 0;
}
.profile img {
    display: block;
    margin: 0 auto;
    max-width: 230px;
    width: 100%;
}
.profile a {
    color: #e62786;
    display: inline-block;
    font-size: 16px;
    line-height: 1.6;
    padding: 0;
    text-decoration: underline;
}

/*footer btn
**********************************************/
#button_set_bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	background-color:#f7fcff;
	bottom: 0;

	display: none;
	padding: 8px 0 0;
	position: fixed;
	width:100%;
	z-index: 9999;
}

.button_set_bottom_in {
	max-width:640px;
	margin:0 auto;
	overflow:hidden;
}

#button_set_bottom .line_btn{
	width:40%;
}


#button_set_bottom a img {
	width:100%;
}
.p_img {display:block; float:left; width:10%;}

.button_set_bottom_in p.txt {
	display: inline-block;
		font-size:11px;
		padding:5px 5px 0  0;
		display:block; float:left;
		margin-left:1.0%;
	}
	
a.btn_p_a { display:block; float:left; width:40%;}
.button_set_bottom_in p.txt .bn_sp { display:block;}
	
@media only screen and (min-width: 641px) {
	a.btn_p_a { display:block; float:left; width:45%;}
	 .button_set_bottom_in p.txt .bn_sp { display: none;}
	.button_set_bottom_in p.txt {
		font-size:13px;
		padding:20px 0 0 0;
	}
	
	.huziwara_img {
	display:block;
	position:absolute;
	width: 68px;
top: -10px;
left: 30px;
}
}

iframe.wp-embedded-content {
  width: 100%;
}

.navbar {padding: 0rem 1rem !important;}