@charset "UTF-8";

a:hover {
text-decoration:none !important;
}
#sp_nav {
background-image:url(//youkosorenjouji.com/wp-content/themes/otera/assets/img/common/sp_btn.png);
background-size:44px 44px;
width:44px;
height:44px;
position:fixed;
top:0;right:0;
z-index:1000;
}
.sp_nav_list {
display:none;
position:fixed;
z-index:999;
top:0px;
left:0;
width:100%;
padding-top:44px;
}
.sp_nav_list li {
text-align:center;
width:100%;
color:#ffffff;
border-bottom:#ffffff solid 1px;
}
.sp_nav_list li:last-child {
border-bottom:none;
}
.sp_nav_list li a {
display:block;
padding:15px 0;
width:100%;
color:#ffffff;
text-decoration:none;
z-index:1000;
}
.wrap {
width:100%;
margin:0 auto;
padding-bottom:50px;
}
.common_ttl {
padding-top:40px;
padding-bottom:50px;
font-size:2em;
}
.common_ttl span {
padding:13px 0;
}
header {
display:none;
}
#main {
margin:0px 0 0 0;
min-height:370px;
width:100%;
}
#main h1 {
margin:0 5%;
}
#main h1 {
padding:0px 0 20px 0;
font-size:3em;
letter-spacing:0.1em;
text-align:center;
color:#ffffff;
font-weight: 200;
margin:0 2%;
}
#main h2 {
padding:140px 0 20px 0;
font-size:1.35em;
text-align:center;
color:#ffffff;
font-weight: 300;
}
#main h2 span {
padding:20px;
}
#main h3 {
padding:20px 0 0 0;
font-size:0.9em;
text-align:center;
color:#ffffff;
line-height:1.6;
font-weight: 300;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#main h3 span {
display:block;
}
#pages_profile {
width:86%;
margin:0 7%
}
#pages_profile .left {
float:none;
margin-bottom:15px;
}
#pages_profile .left h4 {
text-align:center;
}
#pages_profile .left img  {
width:100px;
height:auto;
margin:20px auto 0 auto;
display:block;
}
#pages_profile .right {
float:none;
width:100%;
margin:0 auto 0px auto;
}
#pages_profile .right img {
width:100%;
height:auto;
}
#pages_profile h3 {
margin-top:15px;
font-size:1.6em;
}
#pages_profile h4 {
line-height:1.2;
font-size:1.1em;
margin:10px 0 0 0;
}
#pages_profile p {
font-size:1em;
margin:30px 0 0 0;
}
#pages_profile .main_img {
width: 100%;
}
#pages_profile .profile_info img {
margin-top: 20px;
}
#pages_blog li {
float:none;
margin:0 0% 0px 0%;
width:100%;
font-weight: 300;
}
#pages_blog li img {
width:100%;
height:auto;
}
#pages_blog li h4 {
font-size:1.4em;
line-height:1.4;
font-weight: 200;
margin:15px 0 0 0;
}
#pages_blog li p {
font-weight: 200;
margin:15px 0 0 0;
line-height:2;
}
#pages_blog li p.date {
font-size:0.8em;
font-weight: 400;
margin:5px 0 0 0;
}
#pages_blog .readmore {
text-decoration:underline;
}
#pages_blog li a:hover {
text-decoration:none;
}
#pages_photo ul {
margin:0 auto;
}
#pages_photo li {
float:left;
width:40%;
margin:0 2% 5% 8% ;
}
#pages_photo li:nth-child(even) {
margin:0px 5% 5% 2%;
}
#pages_photo li img {
width:100%;
height:auto;
}
#pages_social ul {
list-style: none outside none;
display: flex;
justify-content: center;
}
#pages_social ul li {
float: left;
margin-bottom:25px;
position: relative;
color:#ffffff;
}
#pages_social ul li + li {
margin-left: 25px;
}
#pages_contact .wrap {
width:86%;
margin:0 7%;
}
#pages_contact input {
width:90%;
padding:10px 5%;
border-radius:5px;
margin-bottom:15px;
}
#pages_history p {
line-height:2;
width:100%;
margin:0 auto;
}
#pages_access .wrap, #pages_blog .wrap, #pages_profile .wrap, #pages_history .wrap, #pages_shisetsusetsubi .wrap ,#pages_takaramono .wrap ,#pages_gyojigokuyo .wrap,#pages_bochi .wrap {
width:86%;
margin:0 7%;
}
#pages_profile h3 {
}
#pages_shisetsusetsubi img {
width:100%;
height:auto;
}
#first_takaramono {
width:96%;
margin:0 2%;
}
#first_takaramono img {
width:100%;
height:auto;
}
#second_takaramono li,#second_setsubi li ,#pages_gyojigokuyo li {
width:48%;
float:left;
margin-right:4%;
}
#second_takaramono li img ,#second_setsubi li img ,#pages_gyojigokuyo li img {
width:100%;
height:auto;
}
#first_takaramono h5,#first_setsubi h5 ,#second_takaramono li h5,#second_setsubi li h5 ,#pages_gyojigokuyo li h5 {
font-size:1.3em;
line-height:1.5;
padding:6px 0;
}
#first_takaramono p ,#first_setsubi p ,#second_takaramono li p,#second_setsubi li p ,#pages_gyojigokuyo li p {
line-height:1.8;
padding-bottom:25px;
}
#second_takaramono li:nth-child(even),#second_setsubi li:nth-child(even) ,#pages_gyojigokuyo li:nth-child(even) {
margin-right:0;
}
#pages_access {
text-align:center;
}
#pages_access p {
text-align:center;
line-height:1.8;
padding:0 0 30px 0;
}
.gmap {
padding-bottom:15px;
}
#pages_access h3 {
font-size:1.5em;
margin-bottom:15px;
}
#pages_access h3 span {
margin-top:10px;
display:block;
font-size:123%;
}
#pages_access .wrap {
padding-bottom:20px;
}
.mappdf {
margin:0px auto 30px auto;
padding:0 2%;
text-align:center;
}
.mappdf a,#sp_tel a {
padding:15px 0px !important;
width:100%;
display:block;
}
.mappdf a:hover {
text-decoration:none;
}
.howtogo {
text-align:left !important;
}
.fax {
display:block;
}
#pages_links .wrap {
padding-bottom:0px;
}
#pages_links ul {
display: flex;
justify-content: center;
align-items: center;
margin:50px auto 50px auto;
}
#pages_links li {
padding:0 5%;
}
#pages_links li img {
width:100%;
height:auto;
}