@charset "UTF-8";
html{
height:100%;
overflow-y:scroll;
}
body {
font: 16px/1.231 'Lato', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
font-weight: 500;
font-feature-settings: "palt";
line-height:1.7;
//letter-spacing: .08em;
*font-size: small;
*font: x-small;
color:#000;
line-height:2;
-webkit-font-smoothing: antialiased;
padding-top: 60px;
min-width: 980px;
}
body.home{ padding-top:0px; }
@media all and (-ms-high-contrast:none){
body{
}
}
*,
*:after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul,ol {list-style: none;}
small {font-size: 86%;}
a,a img {
color: #000;
text-decoration: none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
a:hover,a:hover img,a .section_ttl:hover {
opacity:.5;
}
iframe {
vertical-align: bottom;
}
img {
vertical-align: bottom;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
@media (max-width: 768px) {
img {
max-width: 100%;
height: auto;
}
}
.mgn-btm8 {  margin-bottom: 8px;}
.mgn-btm16 {  margin-bottom: 16px;}
.mgn-btm24 {  margin-bottom: 24px;}
.mgn-btm32 {  margin-bottom: 32px;}
.mgn-btm40 {  margin-bottom: 40px;}
.mgn-btm48 {  margin-bottom: 48px;}
.mgn-btm56 {  margin-bottom: 56px;}
.mgn-btm64 {  margin-bottom: 64px;}
.mgn-btm72 {  margin-bottom: 72px;}
.mgn-btm80 {  margin-bottom: 80px;}
.mgn-btm100 {  margin-bottom: 100px;}
.flt-rgt { float: right;}
.flt-lft { float: left; }
.txt-ctr { text-align: center;}
.txt-rgt { text-align: right;}
.Clr{ clear: both; display: block; }
.meiryo { font-family: "メイリオ",Meiryo,'Lato', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック' ,sans-serif; }
.a1 { font-family: A1明朝; font-size:240%; line-height:1; letter-spacing: .1em; }
.a1 span { font-family: A1明朝; font-size:70%; padding:0 5px; }
.page-hinaningyou .container .a1,
.page-gogatsuningyou .container .a1{ font-size:190%; }
.page-hinaningyou .container .a1.big,
.page-gogatsuningyou .container .a1.big{ font-size:220%; line-height:1.5; }
.page-hinaningyou .container .a1.big:first-letter{ font-size:140%; color:#eb4d6c; }
.page-gogatsuningyou .container .a1.big:first-letter{ font-size:140%; color:#4b3eb5; }
@media (min-width: 768px) {
@-moz-document url-prefix() {
*{ font-feature-settings: "palt";}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
*{ font-feature-settings: "palt";}
}
}
@keyframes fadeIn-top {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@-webkit-keyframes fadeIn-top {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
t-webkit-ransform: translateY(0px);
}
}
@-moz-keyframes fadeIn-top {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0px);
}
}
.anime{
opacity:0;
}
.anime.active{
animation: fadeIn-top 1s cubic-bezier(.25,0,.75,1) 0s 1 forwards;
-webkit-animation: fadeIn-top 1s cubic-bezier(.25,0,.75,1) 0s 1 forwards;
-moz-animation: fadeIn-top 1s cubic-bezier(.25,0,.75,1) 0s 1 forwards;
}   .inner {
width: 980px;
margin: 0 auto;
}
.inner-sm {
width: 800px;
} .section_pdg {
padding: 80px 0;
}
@media (min-width: 768px) {
} .page_ttl {
background: #eee;
padding: 42px 0 3px;
text-align: center;
overflow: hidden;
background: url(/wp/wp-content/themes/original_theme/images/etc/subvisual04.jpg) no-repeat top center / cover;
}
.page-hinaningyou .page_ttl,
.page-hinaningyou-gallery .page_ttl { background: url(/wp/wp-content/themes/original_theme/images/hina/subvisual01.jpg) no-repeat top center / cover; }
.page-gogatsuningyou .page_ttl,
.page-gogatsuningyou-gallery .page_ttl { background: url(/wp/wp-content/themes/original_theme/images/gogatsu/subvisual02.jpg) no-repeat top center / cover; }
.page-company .page_ttl { background: url(/wp/wp-content/themes/original_theme/images/etc/subvisual03.jpg) no-repeat top center / cover; }
.page_ttl h3 {
font-family: A1明朝;
font-weight: bold;
font-size: 270%;
color: #fff;
background: url(/wp/wp-content/themes/original_theme/images/home/ttl_bg01.png) no-repeat center center;
width: 450px;
height: 200px;
line-height: 190px;
padding: 0;
letter-spacing: 2px;
position: relative;
}
.page-gogatsuningyou .page_ttl h3 ,.page-gogatsuningyou-gallery .page_ttl h3  { background: url(/wp/wp-content/themes/original_theme/images/gogatsu/tt_mayl_bg01.png) no-repeat center center; }
.page-company .page_ttl h3 { background: url(/wp/wp-content/themes/original_theme/images/etc/ttl_bg01.png) no-repeat center center; }
.page_ttl h3::before{
content: url(/wp/wp-content/themes/original_theme/images/hina/sub_hina_img01.png) ;
display: block;
width: 381px;
height: 101px;
position: absolute;
bottom: 120px;
left: -500px;
}
.page_ttl h3::after{
content: url(/wp/wp-content/themes/original_theme/images/hina/sub_hina_img02.png) ;
display: block;
width: 258px;
height: 187px;
position: absolute;
bottom: -80px;
right: -270px;
}
.page-gogatsuningyou .page_ttl h3::before,
.page-gogatsuningyou-gallery .page_ttl h3::before,
.page-news .page_ttl h3::before{
content: url(/wp/wp-content/themes/original_theme/images/gogatsu/sub_may_img01.png) ;
display: block;
width: 381px;
height: 101px;
position: absolute;
bottom: 170px;
left: -450px;
}
.page-gogatsuningyou .page_ttl h3::after,
.page-gogatsuningyou-gallery .page_ttl h3::after,
.page-company .page_ttl h3::after{
content: url(/wp/wp-content/themes/original_theme/images/gogatsu/sub_may_img02.png) ;
display: block;
width: 258px;
height: 187px;
position: absolute;
bottom: 40px;
right: -180px;
}
.section_ttl {
font-family: A1明朝;
font-weight: bold;
font-size: 150%;
letter-spacing: 2px;
line-height: 1.5;
}
.section_ttl:first-letter {
color:#EC4C6C;
font-size: 140%;
}
@media (min-width: 768px) {
} .home .header,
#sp-gnav .header--logo{
position: absolute;
top: 0;
left: 0;
width: 100%;
min-width: 980px;
padding:15px 40px;
}
.home .header .header--logo{
float: left;
}
.home .header .header--logo h1,
#sp-gnav .header--logo h1{
padding-top:35px;
}
.home .header .header--logo h2,
#sp-gnav .header--logo h2{
position: absolute;
top:15px;
left:73px;
}
.home .header .header--tel{
float: right;
}
.home .header .header--tel a{
float: left;
display: inline-block;
height: 32px;
//text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
//text-shadow: 1px 0px 10px #fff, 0px 1px 10px #fff, -1px 0px 10px #fff, 0px -1px 10px #fff
}
.home .header .header--tel .tel{
font-size: 190%;
font-weight: bold;
padding: 0 20px 0 40px;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/icon_tel.png) left center no-repeat ;
line-height: 1.1;
}
.home .header .header--tel p{
text-align: center;
font-size: 90%;
margin-top: 41px;
padding: 4px 0;
border-top: 1px solid #000;l
clear: left;
//background: rgba(255,255,255,.7);
//text-shadow: 1px 0px 10px #fff, 0px 1px 10px #fff, -1px 0px 10px #fff, 0px -1px 10px #fff;
font-weight: bold;
} .fx_header {
position: fixed;
z-index: 9997;
width: 100%;
background: #fff;
border-bottom: 1px solid #EC4C6C;
height: 60px;
top: 0px;
}
.fx_header .inner{
overflow: hidden;
position: relative;
}
.fx_header .header--logo{
float: left;
}
.fx_header .header--logo h1 {
padding-top: 20px;
width: 150px;
}
.fx_header .header--logo h1 img {
width: 150px;
}
.fx_header .header--logo h2{
position: absolute;
top: 1px;
left: 10px;
font-size: 70%;
}
.fx_header .header--logo a:hover{
opacity: 1;
}
.fx_header .header--tel{
float: left;
margin: 15px 0 0 15px;
}
.fx_header .header--tel p{
display: inline-block;
margin: 15px auto 0;
font-size: 120%;
font-weight: bold;
padding: 0 0 0 28px;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/icon_tel.png) no-repeat left center / 20px auto;
line-height: 1.1;
height: 20px;
}
.fx_header .gnav {
width: 620px;
height: 59px;
margin: 0px;
float: right;
}
.fx_header nav.header--nav li a{
padding: 15px 0 10px 40px;
//font-weight: bold;
}
.fx_header nav.header--nav li a.icon_hina{ background-size: 40px auto; }
.fx_header nav.header--nav li a.icon_kabuto{ background-size: 40px auto; }
.fx_header nav.header--nav li a.icon_company{ background-size: 23px auto; }
.fx_header nav.header--nav li a.icon_mail{ background-size: 37px auto; }
.fx_header nav.header--nav a p{
font-size: 90%;
} .gnav--list {
width: 100%;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: flex-end;
-webkit-align-items: flex-end;
position: relative;
}
.gnav--list li:nth-child(2) span:not(.gnav-s_btn) {
position: relative;
display: block;
}
.gnav--list li:nth-child(2) a.gnav--link {
pointer-events: none;
position: relative;
}
.gnav--list li:nth-child(2) span:not(.gnav-s_btn):hover::before, 
.gnav--link:hover:before, .gnav--link.current:before {
width: 100%;
}
.gnav_btn,
.gnav_btn span {
display: inline-block;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.gnav_btn {
position: fixed;
cursor: pointer;
width: 40px;
height: 40px;
top: 16px;
right: 16px;
z-index: 9999;
display: none;
}
.gnav_btn span {
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 32px;
height: 2px;
background: #000;
}
.gnav_btn span:nth-of-type(1) {
top: 0;
}
.gnav_btn span:nth-of-type(2) {
top: 12px;
}
.gnav_btn span:nth-of-type(3) {
top: 24px;
}
.gnav_btn.active span:nth-of-type(1) {
-webkit-transform: translateY(12px) rotate(-135deg);
transform: translateY(12px) rotate(-135deg);
}
.gnav_btn.active span:nth-of-type(2) {
width: 0;
}
.gnav_btn.active span:nth-of-type(3) {
-webkit-transform: translateY(-12px) rotate(135deg);
transform: translateY(-12px) rotate(135deg);
}
.gnav_btn.active span {
background: #EC4C6C;
}
.gnav_btn.active small {
color: #fff;
}
.gnav_btn.active .gnav--menu {
display: none;
}
.gnav_btn.active .gnav--close {
display: block;
left: 0;
}
@media (max-width: 768px) {
.gnav_btn {
display: block;
}
.gnav--item {
position: relative;
}
.gnav--item:nth-child(2) a{
margin-top:50px;
}
.gnav--list {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: url(/wp/wp-content/themes/original_theme/images/home/pt_list02.jpg) repeat;
padding: 64px 0 0;
overflow-y: auto;
z-index: 9998;
}
.gnav--link {
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/icon_btn_arrow@2x.png) no-repeat 95% center #EC4C6C / 8px auto;
text-align: center;
padding: 15px 0;
font-size: 105%;
display: inline-block;
width: 90%;
margin:10px 5%;
font-weight: bold;
}
.gnav--link:hover:before, .gnav--link.current:before {
width: 0;
}
.gnav--list li:nth-child(2) a.gnav--link {
pointer-events: auto;
}
.gnav--list li:nth-child(2) span:not(.gnav-s_btn) {
position: static;
}
.gnav--list li:nth-child(2) span::before {
display: none;
}
} .breadcrumb {
padding: 15px 0;
background: #fff;
font-size: 95%;
}
.breadcrumb a {
color:#EC4C6C;
font-weight: bold;
display: inline-block;
}
.breadcrumb span span {
padding: 0 .8em;
}
.breadcrumb .inner > span:first-child { margin-left:-1em; }
.breadcrumb a:hover { opacity:.5; } .footer {
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/footer_bg01.png) no-repeat top center / cover;
height: 585px;
margin-top: -160px;
padding-top: 20px;
}
.footer--nav{
background: none!important;
border: none!important;
float: left;
overflow: hidden;
margin-left: 50px;
}
.footer--nav ul li{
float: left;
margin-right: 60px;
}
.pagetop {
float: right;
margin-right: 50px;
}
.footer--contact{
color: #fff;
padding-top: 40px;
font-size: 90%;
line-height: 1.6;
}
.footer--contact .box1{
border-top: solid 1px #fff;
padding: 25px 0 35px;
margin-top: 50px;
margin-right: 40px;
position: relative;
}
.footer--contact .box1 .name{
font-size: 125%;
font-weight: bold;
margin-bottom: 8px;
}
.footer--contact .box1 .name strong{
font-size: 150%;
}
.footer--contact .box1 .tel{
font-size: 200%;
font-weight: bold;
margin: 8px 0;
}
.footer--contact .box1 .tel a{
color: #fff;
}
.footer--contact .box1 img{
position: absolute;
top: 26px;
right: 0;
}
.footer--contact .box3{
border-top: solid 1px #fff;
padding:15px 0 10px;
overflow: hidden;
}
.footer--copyright {
float: left;
width: 50%;
}
.pbl {
float: right;
width: 50%;
opacity: 0.7;
text-align: right;
}
.pbl img{
width: 160px;
vertical-align: top;
} #contact{
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/contact_bg02.jpg) bottom right no-repeat;
padding-bottom: 300px;
text-align: center;
}
#contact .box{
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/contact_bgtel01.jpg) top center no-repeat;
font-size: 120%;
height: 141px;
padding: 27px 0 0;
margin: 45px 0 60px;
} #formy_form table {
width:100%;
}
#formy_form th,
#formy_form td {
padding: 16px;
vertical-align: middle;
border-bottom: solid 1px #eee;
text-align: left;
}
#formy_form th {
font-weight:normal;
white-space: nowrap;
text-align:left;
width:34%;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form table textarea {
width:100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align:bottom;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form select,
#formy_form textarea {
margin: 0;
padding: 5px 15px;
border: 1px solid #ccc;
font: inherit;
font-size:100%;
}
#formy_form textarea {
height: 100px;
}
#formy_form select {
height: 40px;
}
#formy_form ul {
list-style: none;
margin: 0;
padding: 0;
}
#formy_form input:hover { opacity:0.7; }
#formy_form textarea:hover { opacity:0.7; }
#formy_form input:focus {  background-color: #fff;}
#formy_form .parsley-validated {  background-color: #eee;}
#formy_form .parsley-error {  background-color: #fee;}
#formy_form .parsley-success {  background-color: #fff;}
.help_text {
font-size: 85%;
color: #999;
}
.hidden_help {  display: none;}
.formy_privacy div {
overflow-y: scroll;
height: 140px;
border: solid 1px #ccc;
font-size: 85%;
padding: 8px 16px;
}
.requiredIcon {
background: #EC4C6C;
color: #fff;
margin: 0 0 0 1em;
font-size: 70%;
padding: 2px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
float: right;
}
#formy_btn {
padding-top: 32px;
text-align:center;
}
#formy_btn input {
font-size: inherit;
border: none;
cursor: pointer;
color: #fff;
border-radius: 3px;
padding: 16px 32px;
-webkit-appearance: none;
appearance: none;
}
#formy_form ul li {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
#formy_form ul li input[type="radio"],
#formy_form ul li input[type="checkbox"]{
display: none !important;
}
#formy_form ul li label {
height: 40px;
line-height: 40px;
display: inline-block;
vertical-align: top;
position: relative;
padding: 0px 8px 0px 40px;
cursor: pointer;
}
#formy_form ul li label:hover {
opacity: 0.7;
}
#formy_form ul li label::before{
content: "";
position: absolute;
width: 16px;
height: 16px;
border: 2px solid #788b93;
left: 16px;
top: 12px;
}
#formy_form ul li input[type="radio"] + label::before {
border-radius: 10px;
}
#formy_form ul li input[type="radio"]:checked + label,
#formy_form ul li input[type="checkbox"]:checked + label {
color:#e75f5f;
font-weight: bold;
}
#formy_form ul li input[type="radio"]:checked + label::before,
#formy_form ul li input[type="checkbox"]:checked + label::before {
border-color: #e75f5f;
}
#formy_form ul li input[type="radio"]:checked + label::after,
#formy_form ul li input[type="checkbox"]:checked + label::after {
content: "";
width: 10px;
height: 18px;
top: 4px;
left: 20px;
border-right: 2px solid #e75f5f;
border-bottom: 2px solid #e75f5f;
display: block;
position: absolute;
z-index: 10;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.formy_confirm {
background-color: #EC4C6C;
}
.formy_submit_disabled {
background-color: #ccc;
}
#formy_btn .formy_submit_disabled:hover {
opacity:1;
cursor: default;
}
.autoConfirmBack {
background-color: #aaa;
}
.formy_send {
background-color: #EC4C6C;
}
#total_required {
padding: 16px;
color: #f55555;
text-align: center;
}
#contact .pbf{ text-align: center; }
@media (max-width: 768px) {
#formy_form th,
#formy_form td {
display: block;
width: auto;
padding-left: 0;
padding-right: 0;
}
#formy_form th {
border-bottom:none;
padding-bottom: 0;
white-space: normal;
font-weight: bold;
}
#formy_form td {
padding-top: 0;
}
#formy_btn {
padding-top: 8px;
}
#formy_btn input {
width: 100%;
background-size: contain;
background-position: center;
}
}  .mainvisual {
width: 100%;
height: 880px;
//background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/mainvisual_bg.jpg) no-repeat top center / cover;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
text-align: center;
padding-top: 150px;
}
.mainvisual .pc-only{
display: inline-block;
background: rgba(255,255,255,.5);
padding: 35px 30px;
margin-top: -35px;
//box-shadow: 0 0 10px #fff;
} #sp-gnav{
display: none;
}
.home #sp-gnav .gnav_btn::after{
content: "";
display: block;
width: 51px;
height: 48px;
background: rgba(255,255,255,.8);
//border: solid 1px #F390A4;
//border-right: none;
position: absolute;
top: -11px;
right: -5px;
z-index: -1;
border-radius: 3px 0 0 3px;
}
.home #sp-gnav .gnav_btn.active::after{
display: none;
}
nav.header--nav .inner{
overflow: hidden;
background: #fff;
}
nav.header--nav li{
display: block;
width: 25%;
float: left;
line-height: 1.35;
text-align: center;
letter-spacing: .08em;
}
nav.header--nav li a{
display: inline-block;
background-position: center left;
background-repeat: no-repeat;
padding: 25px 0 25px 50px;
}
nav.header--nav li a.icon_hina{ background-image: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/icon_hina.svg) }
nav.header--nav li a.icon_kabuto{ background-image: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/icon_kabuto.svg) }
nav.header--nav li a.icon_company{ background-image: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/icon_company.svg); padding-left: 33px; }
nav.header--nav li a.icon_mail{ background-image: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/icon_mail.svg) }
nav.header--nav a p{
margin-left: 8px;
display: inline-block;
text-align: left;
}
nav.header--nav a p span{
font-size: 80%;
display: block;
font-family: 'Open Sans', sans-serif;
} .home .container{
overflow: hidden;
}
.home .container .content01{
overflow: hidden;
}
.home .container .content01 a{
display: block;
float: left;
width: 50%;
height: 450px;
padding: 0 40px;
overflow: hidden;  background-size: 100% auto;
}
.home .container .content01 a.hina{ background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/bg_hina_doll.jpg) no-repeat top right / cover; text-align: right; }
.home .container .content01 a.gogatsu{ background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/bg_gogatsu_doll.jpg) no-repeat top left / cover; text-align: left; } .home .container .content02{
overflow: hidden;
}
.home .container .content02 > div{
height: 720px;
}
.home .container .content02 div.hina{
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/momo_bg01.jpg) no-repeat right center;
background-size: 100% auto;
margin-top: 80px;
padding-top: 60px;
}
.home .container .content02 div.gogatsu{
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/may_bg01.png) no-repeat left center;
background-size: 100% auto;
margin-top: -25px;
margin-bottom: 100px;
padding-top: 150px;
}
.home .container .content02 div .inner{
position: relative;
}
.home .container .content02 div .inner .box{
width: 500px;
height: 500px;
border-radius: 50%;
background: #fff;
background: rgba(255,255,255,.8);
padding: 55px 90px 0;
text-align: center;
border:solid 1px #000;
}
.home .container .content02 div.hina .inner .box{ border-color: #F390A4; float: left; margin-left:-20px;}
.home .container .content02 div.gogatsu .inner .box{ padding-top:80px; border-color: #78739D; float: right; margin-right:-20px; }
.home .container .content02 div .inner h4{
letter-spacing: 0.05em;
line-height: 1.2;
}
.home .container .content02 div .inner .image{
display: inline-block;
position: absolute;
z-index: 10;
}
.home .container .content02 div.hina .inner .image{ top: 20px; right:-20px; }
.home .container .content02 div.gogatsu .inner .image{ top: 100px; left:-20px; }
.home .container .content02 div .inner .box p{
line-height: 1.8;
margin: 35px 0 25px;
text-align: center;
letter-spacing: .05em;
font-size: 130%;
}
.home .container .content02 div.hina .inner .box p span{ color: #EC4C6C; }
.home .container .content02 div.gogatsu .inner .box p span{ color: #2D246D; }
.home .container .content02 div .inner .box a.link{
width: 300px;
padding: 10px;
letter-spacing: .2em;
}
.home .container .content02 div.gogatsu .inner .box a.link{ background-color: #2D246D; }
.ornament{ position: absolute; display: inline-block; }
.home .container .content02 div .ornament1{ top: 3px; left: -93px; }
.home .container .content02 div .ornament2{ top: -70px; right: 500px; }
.home .container .content02 div .ornament3{ top: -100px; right: 50px; }
.home .container .content02 div .ornament4{ top: -240px; right: -170px; }
.home .container .content02 div .ornament5{ bottom: -26px; left: -125px; }
.home .container .content02 div .ornament6{ bottom: -123px; left: 230px; }
.home .container .content02 div .ornament7{ bottom: -150px; right: -30px; z-index: 15; }
.home .container .content02 div .ornament8{ top: -114px; left: -40px; z-index: 5; }
.home .container .content02 div .ornament9{ top: -180px; right: 210px; }
.home .container .content02 div .ornament10{ bottom: 22px; left: -207px; }
.home .container .content02 div .ornament11{ bottom: 0px; right: -140px; }
.home .container .content02 div .ttl{ top: -270px; left: 50%; margin-left: -87px; z-index: 50; } .home .container .content025{
background: url(/wp/wp-content/themes/original_theme/images/home/pt_list02.jpg);
margin: -10px auto 130px;
padding: 20px 0;
}
.home .container .content025 div div{
margin: 10px 30px 0 0;
position: relative;
width: 550px;
text-align: right;
}
.home .container .content025 div div .a1{
line-height: 1.1;
}
.home .container .content025 p{
margin-top: 30px;
letter-spacing: .05em;
}
.home .container .content025 .inner > img{
width: 250px;
margin-left: 15px;
}
.home .container .content025 div .ornament1{ top: -110px; left: -110px; } .home .container .content03,
.page-hinaningyou .container .content05,
.page-gogatsuningyou .container .content05{
text-align: center;
}
.home .container .content03 .box,
.page-hinaningyou .container .content05 .box,
.page-gogatsuningyou .container .content05 .box{
width: 811px;
height: 166px;
margin: 0 auto 30px;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/cta_bg01.png) no-repeat left center;
padding: 35px 40px 0;
position: relative;
}
.home .container .content03 .box .link,
.page-hinaningyou .container .content05 .box .link,
.page-gogatsuningyou .container .content05 .box .link{
width: 305px;
height: 70px;
line-height: 45px;
margin: 10px 0 0;
float: left;
}
.home .container .content03 .box .tel,
.page-hinaningyou .container .content05 .box .tel,
.page-gogatsuningyou .container .content05 .box .tel{
padding: 2px 0 10px;
margin-left: 30px;
padding-left: 30px;
border-left: 1px solid #000;
float: left;
width: 382px;
}
.home .container .content03 .box .tel span,#contact .tel span,
.page-hinaningyou .container .content05 .box .tel span,
.page-gogatsuningyou .container .content05 .box .tel span{
display: block;
font-size:100%;
line-height: 1.5;
margin-top: 5px;
margin-bottom: 0!important;
font-weight: bold;
}
.home .container .content03 .box .tel p,#contact .tel p,
.page-hinaningyou .container .content05 .box .tel p,
.page-gogatsuningyou .container .content05 .box .tel p{
display: inline-block;
margin: 15px auto 0;
font-size: 210%;
font-weight: bold;
padding: 0 0px 0 40px;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/icon_tel.png) left top no-repeat ;
line-height: 1;
}
.home .container .content03 div .ornament1,
.page-hinaningyou .container .content05 div .ornament1,
.page-gogatsuningyou .container .content05 div .ornament1{ top: -50px; left: -140px; }
.home .container .content03 div .ornament2,
.page-hinaningyou .container .content05 div .ornament2,
.page-gogatsuningyou .container .content05 div .ornament2{ bottom: 30px; right: -190px; } .home .container .content-ec{
background: url(/wp/wp-content/themes/original_theme/images/home/pt_back01.jpg);
margin: 130px auto;
padding: 20px 10px;
}
.home .container .content-ec .a1{
margin-bottom: 16px;
}
.home .container .content-ec a.link {
background-color: #2D246D;
} .home .container .content04{
margin: 150px 0 20px;
}
.home .container .content04 h3{
text-align: center;
margin-bottom: 50px;
}
.home .container .content04 .inner {
text-align: center;
}
.simply-scroll-container { position:relative; }
.simply-scroll-clip { position:relative; overflow:hidden; }
.simply-scroll-list { margin:0; padding:0; overflow:hidden; }
.simply-scroll-list li { float:left; width:334px; margin:0; padding:0 7px; list-style:none; position: relative;}
.simply-scroll-list a { 
display: block;
width: 320px;
height: 320px;
margin: 0 auto;
background-size: cover;
background-position: center;
}
.simply-scroll-list li p{
position: absolute;
bottom: 3px;
left:3px;
color: #fff;
font-size: 120%;
}
.simply-scroll-list li p i{
padding:0 7px 0 17px;
} .home .container .content05{
height: 1100px;
text-align: center;
position: relative;
overflow: hidden;
padding-bottom: 50px;
}
.home .container .content05:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 80%;
margin: 2% -10% 0;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/pt_list01.jpg);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
z-index: -1;
}
.home .container .content05 .inner{
background :url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/list_bg01.png) center top no-repeat;
width: 1018px;
height: 566px;
padding: 70px 95px 0;
margin: 260px auto 0;
position: relative;
}
.home .container .content05 .inner h3::before{
display: inline-block;
position: relative;
top:9px;
right:40px;
content:url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/list_icon01.png);
}
.home .container .content05 .inner h3::after{
display: inline-block;
position: relative;
top:11px;
left:40px;
content:url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/list_icon02.png);
}
.home .container .content05 .inner .box{
overflow: hidden;
margin: 30px 0;
}
.home .container .content05 .inner .box > img{
float: left;
width: 223px;
margin-top: 30px;
}
.home .container .content05 .inner .box p{
float: right;
width: 555px;
margin-left: 50px;
text-align: left;
margin-top: 20px;
}
.home .container .content05 .inner .box p span{
font-size: 140%;
padding-bottom: 5px;
}
.home .container .content05 div .ornament1{ top:-100px; left:-190px; z-index: -1; }
.home .container .content05 div .ornament2{ top:50%; right:-330px; z-index: -1; }
.home .container .content05 div .ornament3{ bottom:-230px; left:-300px; z-index: -1; }
.container a.link{
display: inline-block;
width: 480px;
max-width: 100%;
padding: 12px;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/icon_btn_arrow.png) 95% center no-repeat #EC4C6C;
color: #fff;
font-size: 110%;
font-weight: bold;
text-align: center;
margin:10px auto;
letter-spacing: .1em;
}
.page-gogatsuningyou .container a.link{
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/icon_btn_arrow.png) 95% center no-repeat #2D246D;
} .home .container .content06{
height: 644px;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/news_bg01.jpg) no-repeat top center / cover;
padding-top: 170px;
margin-bottom: 50px;
text-align: center;
}
.home .container .content06 .inner{
width: 980px;
background: #fff;
padding: 20px 120px 50px;
position: relative;
}
.home .container .content06 .inner h3::before{
display: inline-block;
position: relative;
top:40px;
right:50px;
content:url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/line_flag_left.png);
}
.home .container .content06 .inner h3::after{
display: inline-block;
position: relative;
top:40px;
left:50px;
content:url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/line_flag_right.png);
}
.home .container .content06 .inner .post{
margin: 60px 0 0;
overflow: hidden;
text-align: left;
}
.home .container .content06 .inner .post .post-info{
float: left;
width: 25%;
font-weight:bold;
}
.home .container .content06 .inner .post a{
float: left;
display: block;
width: 75%;
}
.home .container .content06 .inner .post a p:first-child{
font-weight: bold;
font-size: 110%;
letter-spacing: .1em;
}
.home .container .content06 a.link{
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/icon_btn_arrow2.png) 95% center no-repeat #fff;
border: solid 1px #EC4C6C;
color: #EC4C6C;
margin-top: 40px;
}
.home .container .content06 div .ornament1{ top: -260px; right: -40px; }
.home .container .content06 div .ornament2{ bottom: -140px; left: -70px; }  .subpage article.section_pdg ,.subpage .topic{
position: relative;
overflow: hidden;
min-height:1200px;
margin: 0px 0 -50px;
padding: 50px 0 220px;
//background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/news_bg02.jpg) no-repeat top center / 100% auto;
}
.subpage article.section_pdg::before ,.subpage .topic::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 80%;
margin: 2% -10% 0;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/news_bg02.jpg);
background-size: 100% auto;
background-repeat: no-repeat;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
z-index: -1;
}
.subpage .post-list{
margin-bottom: 30px;
padding: 15px 30px 30px;
background: #fff;
border: solid 1px #f5b8b9;
}
.single .section_ttl {
font-size: 190%;
line-height: 1.4;
margin-bottom: 15px;
}
.single .section_ttl:first-letter {
font-size: 140%;
}
.post .day ,.post .category{
text-align: right;
font-size: 95%;
}
.post-list .category{
margin: 10px 0 0px;
}
.single .category{
margin-bottom:20px;
}
.post .category li{
display: inline-block;
padding-left:10px;
padding-bottom:10px;
text-decoration: underline;
}
.post .category li.day{
text-decoration: none;
font-weight: bold;
font-size: 102%;
}
.single img{
display: block;
max-width: 100%;
margin: 0 auto 25px;
}
.post-list{
position: relative;
}
.post-list .post-info{
display: block;
overflow: hidden;
}
.post-list .post-info img{
display: inline;
float: left;
margin-right: 20px;
}
.post-list .post-info p{
font-size: 95%;
line-height: 1.8;
}
.post-list .post-info p br{
display: none;
}
.post-list span.link{
padding: 0px 18px 0px 5px;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/icon_btn_arrow2.png) 93% center no-repeat #fff / 5px auto;
color: #EC4C6C;
//border-bottom: solid 1px #EC4C6C;
font-size: 85%;
display: inline-block;
position: absolute;
right: 23px;
bottom: 29px;
}  .main-column {
float: left;
width: 715px;
position: relative;
}
.single.main-column {
padding: 20px 30px 110px;
background: #fff;
border: solid 1px #f5b8b9;
}
.main-column .ornament2{ bottom: -160px; left: -100px; z-index:999; }
.main-column .ornament3{ bottom: -210px; left: -130px; z-index:999; } .side-column {
float: right;
width: 250px;
padding: 30px 25px 0px;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/list_bg02.png) no-repeat left center / cover ;
position: relative;
}
.side-section {
border-bottom: solid #dcca54 1px;
padding: 0 10px 20px;
margin-bottom: 20px;
}
.side-section:last-of-type {
margin-bottom: 15px;
border-bottom: none;
}
.side-section .side-ttl{
font-family: A1明朝;
font-weight: bold;
font-size: 110%;
letter-spacing: 2px;
color: #ccb100;
}
.side-section ul{
font-size: 95%;
}
.side-section ul li{
line-height: 1.7;
margin-top: 5px;
//margin-left: .5em;
}
.side-column .ornament1{ top: -120px; right: -70px; z-index:999; }
.side-column .ornament4{ bottom: -230px; right: 0px; z-index:-1; } .wp-pagenavi {
text-align: center;
padding: 40px 0 0;
}
.page-hinaningyou-gallery .wp-pagenavi,
.page-gogatsuningyou-gallery .wp-pagenavi{
padding: 20px 0 50px;
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi a,
.wp-pagenavi .current {
padding: 0px 20px;
display: inline-block;
background: #EC4C6C;
margin: 0 3px;
text-decoration: none;
font-weight: bold;
color: #fff;
border: 1px solid #EC4C6C;
}
.wp-pagenavi .extend {
color: #EC4C6C;
margin: 0 8px;
}
.wp-pagenavi .current {
background: transparent;
color: #EC4C6C;
background: #fff!important;
}
.page-gogatsuningyou-gallery .wp-pagenavi a, .page-gogatsuningyou-gallery .wp-pagenavi .current { background:#4b3eb5; border-color:#4b3eb5; }
.page-gogatsuningyou-gallery .wp-pagenavi .extend ,.page-gogatsuningyou-gallery .wp-pagenavi .current { color:#4b3eb5; }
@media (max-width: 640px) {
#mainContent .home .container-mini .wp-pagenavi a {
display: block;
margin: 2px;
line-height: 1.2;
padding: 8px 15px;
}
}  .wysiwyg {
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph;
}
.wysiwyg ul,
.wysiwyg ol {
margin: 1em 0;
} 
.wysiwyg ul li,
.wysiwyg ol li {
position: relative;
margin: 0;
border-bottom: none;
padding: 0;
margin-left: 2em;
padding-top: 8px;
line-height: 1.65;
}
.wysiwyg ul li {
margin: 0;
padding-left: 2em;
}
.wysiwyg ul li:before {
content: "\f185";
position: absolute;
left: 14px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
padding-top: 6px;
font-weight: normal;
}
.wysiwyg ol li {
list-style-type: decimal;
}
.wysiwyg img {
margin: 20px 0;
max-width: 100%;
height: auto;
}
.wysiwyg hr {
border-top: 3px double #ccc;
background: transparent;
}
.wysiwyg .alignleft {
float: left;
clear: left;
margin: 0 30px 30px 0;
}
.wysiwyg .alignright {
float: right;
clear: right;
margin: 0 0 30px 30px;
}
.wysiwyg .aligncenter {
display: block;
margin: 30px auto;
}
.wysiwyg table {
border: 2px solid #ccc;
max-width: 100%;
margin: 20px 0;
line-height: 1.6;
}
.wysiwyg a,
.text-link {
text-decoration: underline;
color: #d00a23;
}
.wysiwyg table th,
.wysiwyg table td {
padding: 8px 16px;
border: 1px solid #ccc;
font-size: 93%;
vertical-align: middle;
}
.wysiwyg table th {
white-space: nowrap;
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5 {
font-weight: normal;
border-left: 5px solid;
padding-left: 10px;
line-height: 1;
margin-bottom: 20px;
}
.wysiwyg h1 { font-size: 172%; }
.wysiwyg h2 { font-size: 158%; }
.wysiwyg h3 { font-size: 143%; }
.wysiwyg h4 { font-size: 129%; }
.wysiwyg h5 { font-size: 115%; }
.wysiwyg p {
margin-bottom: 1em;
//letter-spacing: 0.1em;
}
.wysiwyg blockquote{
margin: 1em 0;
padding: 15px 40px;
border-radius: 3px;
position: relative;
display: inline-block;
font-style: oblique;
color: #666;
}
.wysiwyg blockquote p {margin-bottom: 0;}
.wysiwyg blockquote:before,
.wysiwyg blockquote:after {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
font-size: 100%;
position: absolute;
width: 1em;
height: 1em;
}
.wysiwyg blockquote:before {
content: "\f10d";
top: 13px;
left: 10px;
}
.wysiwyg blockquote:after {
content: "\f10e";
bottom: 13px;
right: 10px;
}
@media (max-width: 768px) {
.wysiwyg {
font-size: 100%;
}
.wysiwyg .alignright,
.wysiwyg .alignleft  {
float: none;
margin: 20px auto;
display: block;
}
.wysiwyg blockquote {
padding: 15px;
}
.wysiwyg blockquote:before {
top: 0;
left: 0;
}
.wysiwyg blockquote:after {
bottom: 0;
right: 0;
}
.wysiwyg ul li,
.wysiwyg ol li {
margin-left: 1em;
}
.wysiwyg ul li {
padding-left: 0;
}
.wysiwyg ul li:before {
left: -14px;
padding-top: 6px;
font-size: 12px;
}
div.box-graybg,
div.box-line {
padding: 25px;
}
} #pageNav {
text-align: center;
position: relative;
}
#pageNav li {
display: inline-block;
vertical-align: top;
position: absolute;
bottom: -110px;
}
#pageNav li:first-child { left: -30px; }
#pageNav li:last-child { right: -30px; }
#pageNav a {
display: inline-block;
background: #EC4C6C;
color: #fff;
padding: 10px 5px;
font-weight: bold;
position: relative;
}
#pageNav a span{
display: inline-block;
width: 200px;
color: #EC4C6C;
font-weight: normal;
font-size: 14px;
position: absolute;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
top: 10px;
}
#pageNav li:first-child a span { left: 35px; text-align: left; }
#pageNav li:last-child a span { right: 35px; text-align: right; }
@media (max-width: 768px) {
#pageNav li {
display: block;
}
#pageNav a {
display: block;
}
} .flt-rgt { float: right;}
.flt-lft { float: left; } .wth35 { width: 35%;}
.wth40 { width: 40%;}
.wth45 { width: 45%;}
.wth50 { width: 50%;}
.wth60 { width: 60%;}
.wth70 { width: 70%;}
.wth75 { width: 75%;}
.wth80 { width: 80%;}
.page-hinaningyou .container,
.page-gogatsuningyou .container{
overflow: hidden;
font-size: 105%;
}
.page-hinaningyou .container h4,
.page-gogatsuningyou .container h4{
margin-bottom: 60px;
}
.page-hinaningyou .container p span{
color: #eb4d6c;
font-weight: bold;
}
.page-gogatsuningyou .container p span{
color: #4b3eb5;
font-weight: bold;
}
.page-gogatsuningyou .breadcrumb a,
.page-gogatsuningyou-gallery .breadcrumb a{
color: #4b3eb5;
}
.page-hinaningyou .container > div,
.page-gogatsuningyou .container > div{
position: relative;
}
.page-hinaningyou .container > div .inner,
.page-gogatsuningyou .container > div .inner{
overflow: hidden;
}
.page-hinaningyou .container .content01,
.page-gogatsuningyou .container .content01{
padding-bottom: 70px;
}
.page-hinaningyou .container .content01 h4,
.page-gogatsuningyou .container .content01 .wth60 h4{
width: 450px;
padding-top:80px;
background: url(/wp/wp-content/themes/original_theme/images/hina/ttl_line_flag.png) no-repeat top right;
}
.page-hinaningyou .container .content01 > img{
position: absolute;
left:55%;
bottom: 20px;
z-index: -1;
}
.page-gogatsuningyou .container .content01 > img.image1{
position: absolute;
left:55%;
top: 150px;
z-index: -1;
}
.page-gogatsuningyou .container .content01 > img.image2{
position: absolute;
left: 78%;
bottom: 30px;
z-index: -1;
}
.page-gogatsuningyou .container .content01 .wth80{
margin-top: 110px;
}
.page-hinaningyou .container .content02{
background: url(/wp/wp-content/themes/original_theme/images/hina/hinamatsuri_bg01.png) no-repeat top right;
background-size: 100% auto;
padding: 280px 0 50px;
}
.page-gogatsuningyou .container .content02{
background: url(/wp/wp-content/themes/original_theme/images/gogatsu/tango_bg01.png) no-repeat top right;
background-size: 100% auto;
padding-top:280px;
}
.page-hinaningyou .container .content02 > img{
position: absolute;
top:190px;
right: 66%;
z-index: 0;
}
.page-gogatsuningyou .container .content02 > img{
position: absolute;
top: 100px;
right: 60%;
z-index: 0;
}
.page-hinaningyou .container .content02 .inner > img,
.page-gogatsuningyou .container .content02 .inner > img{
position: absolute;
top: 100px;
right: 51%;
z-index: 10;
}
.page-hinaningyou .container .content02 .ornament1{ top:auto; bottom: -10px; right: 1200px; }
.page-hinaningyou .container .content03{
background: url(/wp/wp-content/themes/original_theme/images/hina/hinamatsuri_bg02.png) no-repeat top left;
background-size: 100% auto;
padding: 180px 0 130px;
}
.page-gogatsuningyou .container .content03{
background: url(/wp/wp-content/themes/original_theme/images/gogatsu/tangoi_bg02.png) no-repeat top left;
background-size: 100% auto;
padding: 150px 0 200px;
}
.page-hinaningyou .container .content03 > img{
position: absolute;
left: 61%;
top: 145px;
z-index: 0;
}
.page-gogatsuningyou .container .content03 > img{
position: absolute;
left: 61%;
top: 130px;
z-index: 0;
}
.page-hinaningyou .container .content03 .ornament1{ bottom:30px; left:58%; }
.page-hinaningyou .container .content04{
background: url(/wp/wp-content/themes/original_theme/images/hina/hinamatsuri_bg03.png) no-repeat top right;
background-size: 100% auto;
height: 721px;
padding-top: 60px;
margin-bottom: 30px;
}
.page-hinaningyou .container .content04 > img{
position: absolute;
top: 50px;
right: 53%;
z-index: 0;
}
.page-hinaningyou .container > div.content05{
position: static;
margin: 0px 0 150px;
}
.page-gogatsuningyou .container > div.content05{
position: static;
margin: 120px 0 150px;
}
.page-hinaningyou .container > div.content05 .inner,
.page-gogatsuningyou .container > div.content05 .inner{
overflow: visible;
}
.page-hinaningyou .container .content06 img,
.page-gogatsuningyou .container .content06 img{
max-width: 380px;
}
.page-hinaningyou .container .content06 .line,
.page-gogatsuningyou .container .content06 .line{
background: url(/wp/wp-content/themes/original_theme/images/hina/ningyo_line01.png) repeat-x;
width: 100%;
height: 24px;
}
.page-hinaningyou .container .content06 .inner div span.ttl,
.page-gogatsuningyou .container .content06 .inner div span.ttl{
display: block;
margin-bottom: 10px;
font-weight: bold;
font-size: 120%;
}
.page-hinaningyou .container .content06 a.link,
.page-gogatsuningyou .container .content06 a.link{
display: block;
margin: 50px auto 0;
}
.page-hinaningyou .container .content06,
.page-gogatsuningyou .container .content06{
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/pt_back01.jpg) repeat;
padding: 15px 0 80px;
margin-bottom: 50px;
}
.page-hinaningyou .container .content06 h4,
.page-gogatsuningyou .container .content06 h4{
text-align: center;
margin: 50px 0 40px;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/hina/present_ttl01.png) no-repeat center center;
}
.page-hinaningyou .container .content06 h4 span,
.page-gogatsuningyou .container .content06 h4 span{
display: block;
}
.page-hinaningyou .container .content06 .inner > div,
.page-gogatsuningyou .container .content06 .inner > div{
margin-bottom: 30px;
overflow: hidden;
}
.page-hinaningyou .container .content06 .inner > div p,
.page-gogatsuningyou .container .content06 .inner > div p{
margin-top: 60px;
}
.page-hinaningyou .container .content06 .inner > div:first-of-type p,
.page-gogatsuningyou .container .content06 .inner > div:first-of-type p{
margin-top: 100px
}
.page-hinaningyou .container .content06 .inner > div:nth-of-type(2){
margin-bottom: 50px
}
.page-gogatsuningyou .container .content06 .inner > div:nth-of-type(2){
margin-bottom: 80px
}
.page-hinaningyou .container .content06 .inner div:last-of-type,
.page-gogatsuningyou .container .content06 .inner div:last-of-type{
margin: 60px 0 70px;
}
.page-gogatsuningyou .container .content06 .inner div:last-of-type{
margin-top: 90px;
}
.page-hinaningyou .container .content06 .inner div:last-of-type span.ttl,
.page-gogatsuningyou .container .content06 .inner div:last-of-type span.ttl{
color: #eb4d6c;
text-align: center;
margin-bottom: 20px;
}
.page-gogatsuningyou .container .content06 .inner div:last-of-type span.ttl{
color: #4b3eb5;
}
.page-hinaningyou .container .content06 .inner div:last-of-type ul li,
.page-gogatsuningyou .container .content06 .inner div:last-of-type ul li{
float: left;
width: 20%;
text-align: center;
}
}
.page-gogatsuningyou .container .content06 .inner div:last-of-type ul li img{
width: 80%;
}
.page-hinaningyou .container .content06 .inner div:last-of-type ul li p,
.page-gogatsuningyou .container .content06 .inner div:last-of-type ul li p{
margin-top: 15px;
} .gallery{
overflow: hidden;
background: #eee;
padding: 55px 0 25px;
}
.gallery .thumb{
float: left;
width: 47%;
margin: 0 0 60px;
}
.gallery .thumb:nth-child(odd) {
clear: both;
margin: 0 6% 60px 0;
}
.gallery .thumb div{
position: relative;
}
.gallery .thumb img{
width: 100%;
height: auto;
}
.gallery .thumb .fa{
font-size: 25px;
height: auto;
position: absolute;
top: auto;
left: auto;
right: 10px;
bottom: 10px;
color: rgba(255,255,255,.9)!important;
}
.page-hinaningyou-gallery .gallery .thumb .fa{ color: rgba(236, 76, 108, 0.8); }
.page-gogatsuningyou-gallery .gallery .thumb .fa{ color: rgba(75, 62, 181, 0.8); }
.gallery .thumb p{
text-align: center;
margin-top: 5px;
}
.page-hinaningyou-gallery .gallery{
background:
url(/wp/wp-content/themes/original_theme/images/hina/hinamatsuri_bg02.png) no-repeat bottom left,
url(/wp/wp-content/themes/original_theme/images/home/momo_bg01.jpg) no-repeat top right;
background-size: 100% auto;
}
.page-gogatsuningyou-gallery .gallery{
background:
url(/wp/wp-content/themes/original_theme/images/home/may_bg01.png) no-repeat bottom left,
url(/wp/wp-content/themes/original_theme/images/gogatsu/tangoi_bg02.png) no-repeat top left;
background-size: 100% auto;
}
#cboxLoadedContent {
background: none!important;
padding: 0px!important;
} .page-company .container {
overflow: hidden;
font-size: 105%;
text-align: center;
}
.page-company .container h4{
color: #EC4C6C;
font-weight: bold;
font-size: 220%;
line-height: 1.7;
margin:50px 0 30px;
}
.page-company .container .box1{
background:
url(/wp/wp-content/themes/original_theme/images/hina/hinamatsuri_bg01.png) no-repeat top right,
url(/wp/wp-content/themes/original_theme/images/hina/hinamatsuri_bg02.png) no-repeat bottom left;
background-size: 100% auto;
font-size: 110%;
}
.page-company .container .box1 p{
line-height: 2.5;
}
.page-company .container .box2{
background:url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/pt_list01.jpg) left top repeat;
position: relative;
}
.page-company .container .box2 .inner{
margin: 80px auto 50px;
padding: 80px 0;
position: relative;
z-index: 10;
}
.page-company .container table{
width: 900px;
margin:0 auto;
text-align: left;
background: #fff;
font-size: 90%;
}
.page-company .container table th,
.page-company .container table td{
padding: 15px 20px;
border-bottom: solid 1px #c4c7c0;
}
.page-company .container table tr:last-child th,
.page-company .container table tr:last-child td{
border-bottom: none;
}
.page-company .container table th,.page-company .container .access p.th{
font-weight: bold;
}
.page-company .container .access p.th{
font-size: 105%;
margin: 0 0 10px;
}
.page-company .container .access p.th+img{
margin: 0 60px 50px 0;
}
.page-company .container .access{
width: 900px;
padding: 20px;
margin: 30px auto 0;
background: #fff;
}
.page-company .container .access p{
margin: 20px 0 5px;
}
.page-company .container div .ornament1{ top:-75px; left:-360px; }
.page-company .container div .ornament2{ top:50%; right:-330px; }
.page-company .container div .ornament3{ bottom:-50px; left:-350px; } .page-thanks .page_ttl h3 {
font-size: 170%;
}
.page-thanks .page_ttl h3::before ,
.page-404 .page_ttl h3::before {
left: -600px;
}
.page-thanks article.section_pdg {
position: relative;
min-height: auto;
margin: 0px 0 0px;
padding: 50px 0;
background: none!important;
}
.page-thanks article.section_pdg::before {
display: none;
}
.page-thanks article.section_pdg p:first-of-type{
color: #EC4C6C;
font-size: 160%;
line-height: 1.6;
}
.page-404 .inner{
padding: 0 10px;
}
.page-404 .header .inner{
padding: 0;
}
.page-404 .inner .link{
color: #EC4C6C;
text-decoration: underline;
}
.page-404 .section_pdg{
padding: 20px 0;
}
@media screen and (max-width: 768px) {
.page-thanks article.section_pdg {
padding-bottom: 0!important;
margin-bottom: -50px!important;
}
}
@media screen and (max-width: 560px) {
.page-thanks .page_ttl h3 {
line-height: 1.7;
padding-top: 65px;
font-size: 120%;
letter-spacing: 0;
}
.page-404 .page_ttl h3::after,
.page-thanks .page_ttl h3::after {
display: none;
}
}

.pc-only{
display: block;
}
.sp-only{
display: none;
} @media screen and (max-width: 1000px) {
.breadcrumb .inner{
padding: 0 15px;
}
.fx_header{
padding:0 10px;
}
.home .container .content02 div.gogatsu .inner .image {
left: 10px;
}
.home .container .content02 div.hina .inner .image {
right: 10px;
}
.home .container .content02 div.hina .inner .box{
margin-left:auto;
}
.home .container .content02 div.gogatsu .inner .box{
margin-right:auto;
}
.page-gogatsuningyou .container .content01 > img.image2{
left: 83%;
}
.footer .inner,.page-news .inner,.home .container .content025 .inner{
width: 980px;
}
.footer--contact .box1{
margin-right: 20px;
}
} @media screen and (max-width: 768px) {
body{
min-width: 100%;
}
.inner{
width: 100%!important;
}
.pc-only{
display: none!important;;
}
.sp-only{
display: block;
}
img{
max-width: 100%;
}
.a1 {
font-size: 190%;
}
.page-hinaningyou .container .a1.big,
.page-gogatsuningyou .container .a1.big{
font-size:210%;
} .home .header,
#sp-gnav .header--logo{
min-width: auto;
width: auto;
text-align: center;
position: static;
padding: 0;
}
.home .header .header--logo,
#sp-gnav .header--logo{
position: relative;
}
.home .header .header--logo a,
#sp-gnav .header--logo a{
position: absolute;
top: 5px;
left: 50%;
margin-left:-100px;
padding: 15px 0px;
}
#sp-gnav{
display: block;
}
#sp-gnav .header--logo a{
top: -62px;
}
.home .header .header--logo{
float: none;
}
.home .header .header--logo h1, .home .header .header--logo h2,
#sp-gnav .header--logo h1, #sp-gnav .header--logo h2{
width: 200px;
left: 0;
}
.home .header .header--tel{
display: none;
}
nav.header--nav li a {
display: block;
}
nav.header--nav li {
display: block;
width: 50%;
text-align: left;
padding:0 15px;
//background: url(/wp/wp-content/themes/original_theme/images/home/arrow-right.png) no-repeat 94% 25px / 8px auto;
}
nav.header--nav li a {
padding: 15px 0 15px 50px;
}
nav.header--nav li:nth-of-type(2),nav.header--nav li:nth-of-type(4) {
border-left: solid 1px #888;
}
nav.header--nav li:nth-of-type(3),nav.header--nav li:nth-of-type(4) {
border-top: solid 1px #888;
}
.fx_header .gnav{
display: none;
}
.fx_header {
padding: 0;
}
.fx_header .header--logo h2 {
left: 25px;
}
.page_ttl{
background-size: 200% auto!important;
}
.page_ttl h3::before,.page-gogatsuningyou .page_ttl h3::after,
.page-gogatsuningyou-gallery .page_ttl h3::after,
.page-company .page_ttl h3::after{ display: none; }
.page_ttl h3::after{ left: 55%; bottom: 60px; right: auto; }
.page-gogatsuningyou .page_ttl h3::before,
.page-gogatsuningyou-gallery .page_ttl h3::before,
.page-company .page_ttl h3::before{
left: 75%; bottom: 130px; right: auto;
} .mainvisual{
width: 100%;
height: 500px;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/mainvisual_bg.jpg) no-repeat center / auto 500px;
text-align: center;
padding-top: 115px;
}
.mainvisual img{
width:120px;
}
.home #sp-gnav .gnav_btn{
right: 0
}
.home .container .content01 a {
float: none;
width: 100%;
height: 350px;
padding: 0 0px;
}
.home .container .content01 a h3 img{
width: 130px;
}
.home .container .content02 div .inner .image{
position: static;
width: 60%;
margin: 0 auto;
display: block;
}
.home .container .content02 div .inner .box{
float: none!important;
width: 90%;
height: auto;
border-radius: 10px;
margin: -30px auto 0;
padding: 40px 30px 20px;
}
.home .container .content02 div.gogatsu .inner .box {
padding-top: 50px;
}
.home .container .content02 div .inner .box p {
line-height: 1.8;
margin: 30px 0 15px;
}
.home .container .content02 div.hina{
height: auto;
padding-top: 0;
padding-bottom: 50px;
}
.home .container .content02 div.gogatsu {
height: auto;
background-position: left bottom;
padding-top: 60px;
padding-bottom: 50px;
margin-bottom: 100px;
}
.home .container .content02 div .ornament2 { top: -22px; right: auto; left: 15px; }
.home .container .content02 div .ornament5 { width: 150px; bottom: -35px; left: -50px; }
.home .container .content02 div .ornament7 { width: 120px; bottom: -60px; right: 0px; left:auto; }
.home .container .content02 div .ornament9 { width: 180px; top: 160px; right: auto; left: -60px; }
.home .container .content02 div .ornament11 { width: 100px; bottom: -30px; right: 10px; }
.home .container .content025{
padding: 40px 15px;
margin: -10px auto 70px;
}
.home .container .content025 h3{
text-align: center;
line-height: 1.5!important;
}
.home .container .content025 h3 span{
font-size: 100%;
}
.home .container .content025 .flt-lft{
float: none;
margin: 0;
}
.home .container .content025 div div {
width: auto;
}
.home .container .content025 .inner > img{
display: block;
margin: 15px auto 0;
}
.home .container .content025 p{
text-align: center;
}
.home .container .content025 div .ornament1{ top:-30px; left: auto; right:-30px; }
.page-hinaningyou .container .content03 > img,
.page-gogatsuningyou .container .content03 > img{
display: block;
margin: auto;
max-width: 75%;
}
.home .container .content03 .box,
.page-hinaningyou .container .content05 .box,
.page-gogatsuningyou .container .content05 .box{
width: 100%;
height: auto;
background: url(/wp/wp-content/themes/original_theme/images/home/pt_list02.jpg) repeat ;
background: none;
padding: 20px 20px 10px;
margin-bottom: 10px;
}
.home .container .content03 .box .link,
.home .container .content-ec .link,
.page-hinaningyou .container .content05 .box .link,
.page-gogatsuningyou .container .content05 .box .link{
width: 100%;
}
.home .container .content03 .box .tel,
.page-hinaningyou .container .content05 .box .tel,
.page-gogatsuningyou .container .content05 .box .tel{
margin-left: 0px;
border-left: none;
margin-top: 25px;
padding: 22px 15px 15px;
border: 1px dotted #000;
width: 100%;
text-align: center;
}
.home .container .content03 .box + p,
.page-hinaningyou .container .content05 .box + p,
.page-gogatsuningyou .container .content05 .box + p{
text-align: left;
padding:0 15px;
}
.home .container .content03 .box + p br,
.page-hinaningyou .container .content05 .box + p br,
.page-gogatsuningyou .container .content05 .box + p br{
display: none;
}
.home .container .content03 div .ornament1,
.page-hinaningyou .container .content05 div .ornament1,
.page-gogatsuningyou .container .content05 div .ornament1{ top: 10px; left: -97px; }
.home .container .content03 div .ornament2,
.page-hinaningyou .container .content05 div .ornament2,
.page-gogatsuningyou .container .content05 div .ornament2{ bottom: -40px; right: -80px; }
.home .container .content03 .box .tel img,
.page-hinaningyou .container .content05 .box .tel img,
.page-gogatsuningyou .container .content05 .box .tel img {
display: block;
margin: 0 auto;
}
.home .container .content03.sp-only .box{
margin-bottom:0;
padding: 10px;
}
.home .container .content03.sp-only .box .tel{
margin-top: 0;
padding: 12px 0px 5px;
border-right: none;
border-left: none;
}
.home .container .content03.sp-only .box .tel p{
font-size: 120%;
font-family: A1明朝;
letter-spacing: .15em;
margin-top: 0;
background-size: auto 20px;
background-position: left center;
padding-bottom: 5px;
padding-left: 25px;
}
.home .container .content03.sp-only .box .tel p.address{
background: none;
padding: 0 20px 0 0px;
letter-spacing: normal;
}
.home .container .content-ec {
margin: 70px auto;
}
.home .container .content04 {
margin: 120px 0 100px;
}
.home .container .content04 .inner {
width: 93% !important;
margin-inline: auto;
}
.home .container .content04 .inner .link {
width: 80%;
}
.home .container .content05 .inner {
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/list_bg02.png) no-repeat center top / cover;
width: 95%;
height: auto;
margin-top: 100px;
padding: 50px;
}
.home .container .content05 .inner h3{
line-height: 1.5;
}
.home .container .content05 .inner h3::before,.home .container .content05 .inner h3::after{
display: none;
}
.home .container .content05 .inner .box {
margin: 40px 0 30px;
}
.home .container .content05 .inner .box > img{
float: none;
width: auto;
margin-top: 0;
}
.home .container .content05 .inner .box p {
float: none;
width: auto;
margin-top: 30px;
margin-left: 0px;
}
.home .container .content05::before {
height: 75%;
}
.home .container .content06 {
margin-top: -200px;
}
.home .container .content06 .inner {
width: 93%!important;
padding: 45px 30px 20px;
}
.home .container .content06 .inner h3{
position: relative;
}
.home .container .content06 .inner h3::before{
position: absolute;
top:-45px;
left:-320px;
}
.home .container .content06 .inner h3::after{
position: absolute;
top:-45px;
right:-320px;
}
.home .container .content06 .inner .post {
margin: 30px 0 0;
}
.home .container .content06 .inner .post .post-info ,.home .container .content06 .inner .post a{
float: none;
width: 100%;
}
.home .container .content06 a.link {
margin-top: 20px;
}
.home .container .content06 div .ornament2 {
bottom: -130px;
left: -83px;
} .wth40,.wth45,.wth50,.wth60,.wth70,.wth75,.wth80 { width: 100%;}
.page-hinaningyou .container .content01 > img,
.page-gogatsuningyou .container .content01 > img.image1,
.page-gogatsuningyou .container .content01 > img.image2,
.page-hinaningyou .container .content02 > img,
.page-gogatsuningyou .container .content02 > img,
.page-hinaningyou .container .content03 > img,
.page-gogatsuningyou .container .content03 > img,
.page-hinaningyou .container .content04 > img,
.page-hinaningyou .container .content06 > img,
.page-gogatsuningyou .container .content06 > img{
position: static!important;
}
.page-hinaningyou .container .content04 .flt-rgt{
float: none;
}
.page-hinaningyou .container .content01,
.page-gogatsuningyou .container .content01 {
padding: 0 15px 70px;
}
.page-gogatsuningyou .container .content01 .wth80 {
margin-top: 70px;
}
.page-hinaningyou .container .content01 h4,
.page-gogatsuningyou .container .content01 .wth60 h4 {
width: auto;
padding-top: 0px;
background: none;
}
.page-gogatsuningyou .container .content01 > img{
margin-bottom: 40px;
}
.page-hinaningyou .container .content02{
padding: 20px 15px 0;
}
.page-hinaningyou .container .content02 > img,
.page-gogatsuningyou .container .content02 > img{
margin-left: -5px;
}
.page-gogatsuningyou .container .content02 {
padding: 0px 15px;
}
.page-hinaningyou .container .content02 .inner,
.page-gogatsuningyou .container .content02 .inner,
.page-hinaningyou .container .content03 .inner,
.page-gogatsuningyou .container .content03 .inner,
.page-hinaningyou .container .content04 .inner,
.page-gogatsuningyou .container .content04 .inner,
.page-gogatsuningyou .container .content09 .inner{
margin-top: 50px;
}
.page-hinaningyou .container .content03 {
padding: 90px 15px 100px;
}
.page-gogatsuningyou .container .content03 {
padding: 90px 15px 0px;
}
.page-hinaningyou .container .content04 {
height: auto;
padding: 0 15px 50px;
margin-bottom: 0px;
}
.page-hinaningyou .container > div.content05,
.page-gogatsuningyou .container > div.content05 {
margin-top: 50px;
}
.page-hinaningyou .container .content06,
.page-gogatsuningyou .container .content06{
//padding: 90px 15px 0;
}
.page-hinaningyou .container .content06 a.link,
.page-gogatsuningyou .container .content06 a.link{
display: block;
margin: -80px auto 0;
}
.page-hinaningyou .container .content06 .inner div:last-of-type ul li,
.page-gogatsuningyou .container .content06 .inner div:last-of-type ul li{
width: 50%;
}
.page-hinaningyou .container .content06 .inner > div img,
.page-gogatsuningyou .container .content06 .inner > div img{
float: none;
display: block;
max-width: 60%;
margin: auto;
}
.page-hinaningyou .container .content06 .inner > div p,
.page-gogatsuningyou .container .content06 .inner > div p{
margin: 40px auto 70px!important;
}
.page-hinaningyou .container .content06 .inner > div:last-of-type p,
.page-gogatsuningyou .container .content06 .inner > div:last-of-type p{
height: 70px;
line-height:1.5;
margin: 40px auto 30px!important;
}
.page-gogatsuningyou .container .content06 .inner > div:nth-of-type(2) {
margin-bottom: 50px;
}
.page-gogatsuningyou .container .content06 .inner > div:nth-last-of-type(2) img{
max-width: 100%;
} .gallery {
padding: 0px;
}
.gallery .thumb img.icon {
right: 7px;
bottom: 7px;
}
.page-gogatsuningyou-gallery .gallery {
background:  url(/wp/wp-content/themes/original_theme/images/gogatsu/tangoi_bg02.png) no-repeat top left,url(/wp/wp-content/themes/original_theme/images/home/may_bg01.png) no-repeat bottom left;
} .page-company .inner{
padding: 0 15px;
}
.page-company .container .box1{
font-size: 100%;
}
.page-company .container h4{
font-size: 180%;
}
.page-company .container .access p:last-of-type {
text-align: left;
}
.box1 p{
text-align: left;
}
.page-company .container .box1 p br{
display: none;
}
.page-company .container .box2 .inner {
padding: 60px 10px;
margin-top: 50px;
}
.page-company .container table ,.page-company .container .access {
width: 100%;
}
.page-company .container table th{
width: 7em;
padding-right: 0;
}
.page-company .container .access p.th+img{
margin: 0 0 25px;
} .topic .inner,
#contact .inner,
.subpage .inner{
padding: 0 15px;
}
.main-column {
float: none;
width: 100%;
}
.single.main-column{
padding: 10px 20px 100px;
}
.side-column {
float: none;
width: 100%;
background: url(/wp/wp-content/themes/original_theme/images/home/pt_list02.jpg) repeat top left;
padding:10px 15px;
margin-bottom: 10px;
border: solid #dcca54 1px;
}
.side-column > p{
text-align: center;
color: #EC4C6C;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 110%;
letter-spacing: 2px;
background: url(/wp/wp-content/themes/original_theme/images/home/icon_btn_arrow3.png) no-repeat right center / 12px auto;
}
.side-section ul li{
display: inline-block;
}
.side-section ul li:after{
content: "/";
padding: 0 5px;
}
.side-section ul li:last-child:after{
content:"";
}
.side-section {
padding: 10px 10px 0px;
margin-top: 10px;
border-top: solid #dcca54 1px;
border-bottom: none;
}
.side-section:last-of-type{
margin-bottom: 0;
padding-bottom: 0;
}
.subpage article.section_pdg, .subpage .topic {
padding: 20px 0 40px;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/news_bg02.jpg) repeat-y;
min-height: auto;
padding-bottom: 90px;
}
.subpage article.section_pdg::before, .subpage .topic::before {
display: none;
}
.subpage .post-list {
padding: 5px 20px 20px;
margin-bottom: 10px;
}
.post-list span.link {
bottom: 19px;
}
#pageNav li:first-child { bottom: -100px; left: -20px; }
#pageNav li:last-child { bottom: -100px; right: -20px; } #contact{
padding-top:120px;
}
.home #contact,
.page-company #contact {
padding-top: 20px;
}
.page-hinaningyou-gallery #contact,
.page-gogatsuningyou-gallery #contact{
padding-top: 70px;
}
#contact .box {
width: 95%;
margin: 45px auto 60px;
}
.footer{
background:url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/footer_bg01.png) bottom center no-repeat / auto;
height: auto;
}
.footer--nav {
margin-left: 30px;
}
.footer--nav ul li {
margin-right: 30px;
}
.footer--contact{
padding-top: 10px;
}
.footer--contact .box1 {
float: none;
width: 95%;
margin: 30px auto 0;
padding: 0 0px 25px;
border-top: none;
}
.footer--contact .box1 p.name{
border-top: solid 1px #fff;
padding-top: 15px;
}
.footer--contact .box1 img{
position: static;
display: block;
margin: 0 auto 30px;
}
.footer--contact .box3{
padding: 15px 10px;
}
} @media screen and (max-width: 640px) {
#contact .box {
border-right: #000 1px dotted;
border-left: #000 1px dotted;
}
} @media screen and (max-width: 560px) {
.mgn-btm100 {
margin-bottom: 60px;
}
.page-hinaningyou .container .a1.big,
.page-gogatsuningyou .container .a1.big{
font-size:170%;
}
.topic .inner, #contact .inner, .subpage .inner ,.home .footer .inner{
padding: 0 10px;
}
.page_ttl {
padding: 20px 0 0;
}
.page_ttl h3{
background-size: 300px auto!important;
height: 160px;
line-height: 160px;
font-size: 200%;
}
.page_ttl h3::after{ bottom: -80px; }
.page-gogatsuningyou .page_ttl h3::before, .page-gogatsuningyou-gallery .page_ttl h3::before, .page-company .page_ttl h3::before { left: 80%; bottom: 100px; }
.breadcrumb {
padding: 5px 0 15px;
}
.fx_header .header--tel{
display: none;
}
nav.header--nav li {
width: 100%;
border-top: solid 1px #888;
background-position: 96% 17px;
}
nav.header--nav li a{
padding-left: 42px!important;
background-size: 32px auto;
}
nav.header--nav li a.icon_company{
background-size: 22px auto;
background-position: 5px center;
}
nav.header--nav li:nth-of-type(2), nav.header--nav li:nth-of-type(4) {
border-left: none;
}
nav.header--nav a p span{
display: inline-block;
padding-left: 10px;
color:#888;
}
.gnav--item:nth-child(2) a {
margin-top: 30px;
}
.gnav--link {
padding: 10px 0;
margin: 5px 5%;
}
.home .header .header--logo a, #sp-gnav .header--logo a{
margin-left: -70px;
}
.home .header .header--logo h1{
padding-top: 18px;
width: 140px;
}
.home .header .header--logo h2{
top: 2px;
font-size: 70%;
width: 140px;
}
#sp-gnav .header--logo a{
margin-left: -85px;
}
#sp-gnav .header--logo h1{
padding-top: 40px;
width: 170px;
}
#sp-gnav .header--logo h2{
top: 12px;
font-size: 80%;
width: 170px;
}
.fx_header .inner{
padding: 0 7px;
}
.fx_header .header--logo h1{
padding-top: 18px;
width: 135px;
}
.fx_header .header--logo h1 img {
width: 135px;
}
.fx_header .header--logo h2 {
top: 3px;
left: 7px;
text-align: center;
font-size: 60%;
width: 135px;
}
body{
padding-top:53px;
font-weight: normal;
font-size: 14px;
}
.fx_header {
height: 53px;
}
.gnav_btn {
top: 13px;
right: 5px;
}
.gnav_btn span{
width: 30px;
}
.mainvisual {
height: 300px;
background-size: auto 300px;
padding-top: 60px;
}
.home .header .header--logo a,#sp-gnav .header--logo a{
padding: 0;
}
.mainvisual img {
width: 80px;
}
.home .container .content01 a {
height: 240px;
}
.home .container .content01 a h3 img {
width: 80px;
}
.home .container .content02 div .inner .image {
width: 80%;
}
.home .container .content02 div .inner .box {
width: 95%;
margin: -30px auto 0;
padding: 35px 18px 10px;
}
.home .container .content02 div.gogatsu .inner .box {
padding-top: 35px;
}
.home .container .content02 div .inner .box p {
line-height: 1.7;
margin: 20px 0 5px;
font-size: 110%
}
.home .container .content02 div.hina {
margin-top: 50px;
}
.home .container .content02 div.gogatsu {
margin-bottom: 80px;
}
.home .container .content02 div .ornament2{ width: 60px; }
.home .container .content02 div .ornament5 { width: 100px; bottom: -73px; left: 0px; }
.home .container .content02 div .ornament7 { width: 75px; }
.home .container .content02 div .ornament9 { width: 130px; top: 97px; left: -72px; }
.home .container .content02 div .ornament11 { width: 70px; right:0px; bottom:-70px; }
.home .container .content025 div .ornament1{ width:60px; }
.home .container .content03 .box,
.page-hinaningyou .container .content05 .box,
.page-gogatsuningyou .container .content05 .box {
padding: 0px 10px 10px;
}
.home .container .content03 div .ornament1,
.page-hinaningyou .container .content05 div .ornament1,
.page-gogatsuningyou .container .content05 div .ornament1 { width:90px; top: -45px; left: 0px; }
.home .container .content03 div .ornament2,
.page-hinaningyou .container .content05 div .ornament2,
.page-gogatsuningyou .container .content05 div .ornament2 { width:90px; bottom: -30px; right: -45px; }
.home .container .content03.sp-only .box{
}
.home .container .content03.sp-only .box .tel {
margin-top: 0;
padding: 5px 0px;
}
.home .container .content03.sp-only .box .tel p{
font-size: 90%;
background-size: auto 18px;
padding-top: 3px;
}
.home .container .content03.sp-only .box .tel p.address {
padding: 0 10px 0 0px;
}
.home .container .content04 {
margin: 70px 0 40px;
}
.home .container .content04 h3{
margin-bottom: 20px;
}
.home .container .content04 h3 img{
max-width: 60%;
}
.simply-scroll-list li {
width: 200px;
bottom: 0px;
left: 0px;
}
.simply-scroll-list li p{
font-size: 100%;
}
.home .container .content05 {
height: auto;
}
.home .container .content05::before{
display: none;
}
.home .container .content05 .inner{
margin-top: 50px;
padding: 60px 15px 35px;
background-size: 120% 120%;
}
.home .container .content05 .inner .box {
//margin: 20px 0 0;
}
.home .container .content05 div .ornament1{ top:-50px; }
.home .container .content05 div .ornament3 { bottom: -40px; left:70px; }
.home .container .content06 {
height: auto;
margin-top: 10px;
padding: 60px 0 30px;
background: url(//www.ningyou-hotta.com/wp/wp-content/themes/original_theme/images/home/news_bg01.jpg) no-repeat bottom right / cover;
}
.home .container .content06 .inner {
padding: 35px 20px 20px;
}
.home .container .content06 .inner .post {
margin: 30px 10px 0;
}
.home .container .content06 .inner .post section p:last-child{
font-size: 13px;
margin-top: 5px;
}
.home .container .content06 div .ornament1{ display: none; }
.home .container .content06 div .ornament2 { bottom: -79px; left: -39px; width:80px; }
.home .container .content06 .inner h3::before,
.home .container .content06 .inner h3::after{ top:-30px; }
.page-hinaningyou .container .a1,
.page-gogatsuningyou .container .a1 {
font-size: 150%;
line-height:1.5;
margin-bottom: 20px;
}
.page-hinaningyou .container .content02 .inner,
.page-gogatsuningyou .container .content02 .inner,
.page-hinaningyou .container .content03 .inner,
.page-gogatsuningyou .container .content03 .inner,
.page-hinaningyou .container .content04 .inner{
margin-top: 30px;
}
.page-hinaningyou .container .content06 .inner,
.page-gogatsuningyou .container .content06 .inner{
margin-top: 0px;
}
.page-hinaningyou .container .content01,
.page-gogatsuningyou .container .content01 {
padding: 0 5px 40px;
}
.page-hinaningyou .container .content02 {
padding: 20px 5px 0;
}
.page-gogatsuningyou .container .content02 {
padding: 0px 5px;
}
.page-hinaningyou .container .content03 {
padding: 80px 5px 90px;
}
.page-gogatsuningyou .container .content03 {
padding: 70px 5px 50px;
}
.page-hinaningyou .container .content04{
padding: 0 5px 50px;
background-position: bottom center;
}
.page-hinaningyou .container > div.content05,
.page-gogatsuningyou .container > div.content05 {
margin-bottom: 90px;
}
.page-hinaningyou .container > div.content05 .inner,
.page-gogatsuningyou .container > div.content05 .inner {
padding: 0;
}
.page-hinaningyou .container .content06,
.page-gogatsuningyou .container .content06{
padding: 40px 5px 60px;
margin-bottom: 0px;
}
.page-hinaningyou .container .content06 h4,
.page-gogatsuningyou .container .content06 h4{
margin: 5px 0 20px;
}
.page-hinaningyou .container .content06 .inner > div p,
.page-gogatsuningyou .container .content06 .inner > div p{
margin: 30px auto 30px!important;
}
.page-hinaningyou .container .content06 .inner div:last-of-type,
.page-gogatsuningyou .container .content06 .inner div:last-of-type{
margin: 0px 0 30px;
}
.page-hinaningyou .container .content06 .inner div:last-of-type ul li img,
.page-gogatsuningyou .container .content06 .inner div:last-of-type ul li img{
max-width: 80%;
}
.page-hinaningyou .container .content06 .inner div:last-of-type ul li p,
.page-gogatsuningyou .container .content06 .inner div:last-of-type ul li p{
margin: 15px auto 0px!important;
}
.page-hinaningyou .container .content06 a.link,
.page-gogatsuningyou .container .content06 a.link{
display: block;
margin: -30px auto 0;
}
.page-hinaningyou #contact,
.page-gogatsuningyou #contact{
padding-top: 90px;
}
.single .section_ttl {
font-size: 140%;
}
#pageNav a span {
display: none;
}
.home .container .content03 .box .tel, .page-hinaningyou .container .content05 .box .tel, .page-gogatsuningyou .container .content05 .box .tel {
padding: 12px 10px 5px;
}
#contact .box{
padding: 24px 10px 12px;
height: auto;
border-bottom: 1px dotted #000;
font-size: 16px;
}
.home .container .content03 .box .tel span,#contact .tel span,
.page-hinaningyou .container .content05 .box .tel span,
.page-gogatsuningyou .container .content05 .box .tel span{
margin-top: 0px;
font-size: 95%;
}
.home .container .content03 .box .tel p,
#contact .tel p,
.page-hinaningyou .container .content05 .box .tel p,
.page-gogatsuningyou .container .content05 .box .tel p {
font-size: 170%;
background-size: 24px auto;
padding-left:30px;
margin-top: 10px;
}
.gallery {
padding: 10px 0 40px;
}
.gallery .thumb {
width: 48.5%;
margin: 0 0 16px;
}
.gallery .thumb:nth-child(odd) {
margin: 0 3% 0 0;
}
.gallery .thumb .fa{
font-size: 20px;
right: 5px;
bottom: 5px;
}
.page-company .container .access img{
max-width: 200px;
width: 100%;
}
.subpage .post-list {
padding: 15px 20px 30px;
}
.post-list .category {
margin: 0px 0 15px;
}
.single.main-column {
padding: 15px 20px 60px;
}
.single .section_ttl {
margin-bottom: 5px;
}
#pageNav li:first-child { bottom: -60px; left: -20px; }
#pageNav li:last-child { bottom: -60px; right: -20px; }
#pageNav a {
padding: 0px 50px;
}
.footer--nav ,.pagetop{
margin: 0px;
}
.footer--nav ul li {
margin-right: 10px;
}
.footer--nav img,.pagetop img{
width: 70%;
}
.footer--contact .box1 p.name{
text-align: center;
}
.footer--contact .box1 p.name strong{
display: block;
}
.footer--contact .box1 .tel {
font-size: 150%;
}
.footer--contact .box1 .tel {
margin: 12px 0;
}
.footer--copyright ,.pbl{
float: none;
width: 100%;
text-align: center;
}
.pbl{
margin-top: 8px;
}
}
@media (max-width: 460px) {
.mainvisual {
height: 250px;
background-size: auto 250px;
padding-top: 60px;
}
.home .container .content01 a {
height: 200px;
}
}