@charset "UTF-8";

#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:90px;
}
header {
display:none;
}
#header_inner {
width:100%;
margin:0 auto;
}
header#mainheader nav {
width:100%;
margin:0 auto;
}
#main {
margin-top:0px;
}
#main h1 {
margin:0 5%;
}
#main h1 {
padding:0px 0 20px 0;
font-size:5em;
letter-spacing:0.1em;
text-align:center;
color:#ffffff;
font-weight: 200;
margin:0 5%;
max-width:1000px;
}
#main h2 {
padding:270px 0 20px 0;
font-size:1.85em;
text-align:center;
color:#ffffff;
font-weight: 300;
}
#main h2 span {
padding:20px;
}
#main h3 {
padding:40px 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;
}
#pages_profile {
width:100%;
}
#pages_profile .left {
width:34%;
float:left;
margin-left:5%;
}
#pages_profile .left img {
width:50%;
height:auto;
margin-top:3%;
}
#pages_profile .right {
width:53%;
float:right;
margin-left:0%;
margin-right:5%;
}
#pages_profile .right img {
width:100%;
}
#pages_profile .profile_info {
padding: 0 5%;
}
#pages_blog li:nth-child(even) {
float:left;
margin-bottom:5%;
width:48%;
font-weight: 300;
}
#pages_blog li:nth-child(odd) {
float:left;
margin-bottom:5%;
margin-right:4%;
width:48%;
font-weight: 300;
}
#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;
width:100%;
line-height:2;
}
#pages_blog li img {
width:100%;
height:auto;
}
#pages_blog li p.date {
ont-size:0.8em;
font-weight: 400;
margin:5px 0 0 0;
}
#pages_blog li p .readmore {
display:block;
text-align:right;
}
#pages_blog .readmore {
text-decoration:underline;
}
#pages_blog li a:hover {
text-decoration:none;
}
#pages_photo li:nth-child(odd) {
float:left;
width:40%;
margin-left:7%;
margin-right:3%;
margin-bottom:5%;
}
#pages_photo li:nth-child(even) {
float:left;
width:40%;
margin-left:3%;
margin-right:7%;
margin-bottom:5%;
}
#pages_photo li img {
width:100%;
height:auto;
}
#pages_social ul {
display: flex;
justify-content: center;
list-style: none outside none;
padding: 0;
position: relative;
}
#pages_social ul li {
margin-right: 34px;
padding: 5px;
position: relative;
color:#ffffff;
}
#pages_social li:last-child {
margin-right:0px;
}
#pages_contact .wrap {
width:410px;
margin:0 auto;
}
#pages_history p {
line-height:2;
width:94%;
margin:0 auto 100px auto;
}
#pages_profile .wrap, #pages_blog .wrap, #pages_history .wrap, #pages_shisetsusetsubi .wrap ,#pages_takaramono .wrap ,#pages_gyojigokuyo .wrap,#pages_bochi .wrap {
width:90%;
margin:0 5%;
}
#pages_shisetsusetsubi img {
width:100%;
height:auto;
}
#first_takaramono {
width:387px;
margin:0 auto;
}
#second_takaramono li,#second_setsubi li ,#pages_gyojigokuyo li {
width:48%;
float:left;
margin-right:4%;
}
#pages_profile h3 {
width:90%;
margin:0 5%;
margin-bottom:20px;
}
#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:30px 0;
}
#pages_access h3 {
font-size:1.5em;
}
#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 20px;
width:450px;
text-align:center;
}
.mappdf a,#sp_tel a {
padding:15px 40px !important;
width:320px;
display:inline-block;
display:none;
}
.mappdf a:hover {
text-decoration:none;
}
#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 {
width:150px;
padding:0 25px;
}
#pages_links li img {
width:100%;
height:auto;
}