/* CSS Document */
/*Webフォント*/
@font-face {
  font-family: 'hannari';
  src: url("../font/hannari.eot") format('embedded-opentype');
  src: url("../font/hannari.otf") format('opentype'); 
}
@font-face {
  font-family: 'PALSCRI';
  src: url("../font/PALSCRI.TTF") format('truetype'); 
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: local('Amatic SC'), local('AmaticSC-Regular'), url(https://fonts.gstatic.com/s/amaticsc/v8/DPPfSFKxRTXvae2bKDzp5LO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v5/sKd0EMYPAh5PYCRKSryvW7O3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v5/32nyIRHyCu6iqEka_hbKsqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}

@import url('https://fonts.googleapis.com/css?family=Pinyon+Script');

body {
    font-family: "hannari";
    background-color: #ffffff !important;
    }
header {
    margin-top: 35px;
    height: 950px
    }
h1.headtext{
    margin:0;
    padding:0;
    font-size:11px;
    font-weight: normal;
    width:100%;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 999;
    height: 20px;
}  
ol, ul {
    list-style: none
    }
h1, h2, h3, h4, p, div, ul, li, ol, body, table, tbody, tr, th, td {
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box
    }
a {
    text-decoration: none;
    color: #333
    }
a:hover {
    filter: alpha(opacity=80);
    opacity: 0.8
    }
.Amatic {
    font-family: "Amatic SC", cursive
    }
.Quicksand {
    font-family: "Quicksand", sans-serif
    }
.PALSCRI {
    font-family: "PALSCRI", 'Pinyon Script', cursive
    }
.hannari {
    font-family: "hannari", serif;
    color: #333;
    font-size: 18px;
    margin-top: 10px;
    }
.bold {
    font-weight: bold
    }
.center {
    margin: 0 auto
    }
.right {
    float: right
    }
.left {
    float: left
    }
/* .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
    } */
/**reset**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
 
/* remember to define focus styles! */
:focus {
  outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
 
/* tables still need 'cellspacing=0' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/**index**/
.center {
    text-align:center;
    }
.logo {
    width:100px;
    margin-left: 30px;
    }
.logo a img {
  width: 100%;
}
.contact {
    width:20%;
    margin-right:30px;
    }
.contact p {
    text-align:center;
    }
.contact img {
    display:block;
    margin:0 auto;
    }
.contactTextEg {
    font-size:32px;
    margin-bottom:3px;
    }
.contactTextJp {
    font-size:14px;
    margin-bottom:5px;
    }
.contactPhone {
    font-size:24px;
    }
.contactMail {
    font-size:20px;
    }
.headerMenu {
    width: 70%;
    margin-left: auto;
    text-align: right;
    margin-right: 1%;
}
.headerMenu li {
    display: inline-block;
    text-align: center;
    font-family: 'Amatic SC', cursive;
    font-size: 28px;
    height: 23px;
    margin-right: 20px;
    }
.headerMenu li img {
    width: auto !important;
    height: 23px !important;
    }
.menuText  {
    font-size:14px;
    }
.menu:hover {
    filter:alpha(opacity=80);
    opacity:0.8;
    }
.last-child {
    margin-right:91px !important;
    }
.icon {
    margin-right:10px !important;
    }
.headerMain {
    position:relative;
    margin-top: 100px;
    }
.headerMain img,.top01 img,imageTop02 img,imageTop03 img,imageTop04 img,.aboutStudioBg {
    z-index:-3;
    }
.newsBlog {
    position:relative;
    z-index:1;
    width: 70px;
    height: 73px;
    float: left;
    margin-left: 100px;
    }
.news {
    position:absolute;
    font-size:10px;
    top:22px;
    left:19px;
    z-index:2;
    }
.blog {
    position:absolute;
    font-size:10px;
    top:37px;
    left:20px;
    z-index:2;
}
.topic {
    position: relative;
    z-index: 100;
    width: 960px;
    height: 66px;
    float: right;
    }
.topic a{
    display:block;
    width:870px;
    background-color:#FFFFFF;
    border-radius:5px;
    padding:25px;
    text-decoration: none;
}
.topic a:hover{
    opacity:1;
}
.topic a:hover p{
    opacity:0.7;
}

.topic p {
    display:inline-block;
    margin-right:35px;
}

.banners {
    width: 763px;
    margin: 0 auto;
    clear: both;
    padding-top: 30px;
    }
.banners li {
    position:relative;
    display:inline-block;
    margin-right:59px;
    z-index: 35;
    }
.banners li:last-of-type {
    margin-right: 0;
    }
.nameRicco {
    position:absolute;
    font-size:32px;
    top:60px;
    left:60px;
}

.nameCollet {
    position:absolute;
    font-size:32px;
    top:50px;
    left:40px;
}
.nameCollet2 {
    position:absolute;
    font-size:32px;
    top:80px;
    left:40px;
}


.explainRicco {
    position:absolute;
    font-size:12px;
    top:100px;
    left:30px;
}
.explainCollet {
    position:absolute;
    font-size:12px;
    top:120px;
    left:30px;
}

.nameRequest1 {
    position:absolute;
    font-size:20px;
    top:70px;
    left:55px;
}

.nameRequest2 {
    position:absolute;
    font-size:20px;
    top:110px;
    left:60px;
}

.explainRequest {
    position:absolute;
    font-size:12px;
    top:120px;
    left:50px;
}

.top01,.top02,.top03,.top04, .top04_2, .top05, .top06, .instagram{
    position: relative;
    margin-bottom:50px;
}

.aboutStudio{
    position: relative;
}

.top01 {
    height: 850px;
    position: relative;
    overflow: hidden;
    }
div[onclick] .top01 {
    height: auto;
    }
.top01 p.bk_img {
    position: absolute;
    top: 0;
    z-index: -1;
    padding-top: 250px;
    }
div[onclick] .top01 p.bk_img {
    position: relative;
    padding-top: 100px;
    height: 650px;
    overflow: hidden;
    z-index: 1;
    }
.top01TextAll {
  width: 800px;
  height: 683px;
  margin: 0 auto;
  background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/top_con01.png) top center no-repeat;
  background-size: contain;
  position: relative;
    }
.top01Textbox {
  position: absolute;
  left: 240px;
  top: 90px;
}
.topTitleNumber {
  font-family: 'Amatic SC', cursive;
  font-size: 32px;
  padding-top: 51px;
  padding-bottom: 8px;
    }
p.topTitleText {
    font-size: 26px;
    }
.top03 {
    position: relative;
    width: 100%;
    height: 900px;
    overflow: hidden;
    }
.top03TextTitleAll {
    /*position: absolute;
    right: 0;
    left: 0;
    top: 75px;*/
    }
.top03 a {
    display: block;
    width: 240px;
    height: 180px;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/top_con03.png) center center no-repeat;
    margin: 0 auto;
    float: left;
    }
.top03 a:nth-of-type(2n) {
    margin-top: 50px;
    }
.top03 .box {
    width: 880px;
    margin: 70px auto 0;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
.top03 .box:after {
    content: "";
    display: block;
    clear: both;
    }
.top03 .bk_img {
    position: absolute;
    top: 0;
    z-index: -1;
    }
div[onclick] .top03 {
    height: auto;
    }
div[onclick] .top03 .bk_img {
    position: relative;
    z-index: 1;
    }
p.topText.center {
    line-height: 33px;
    margin-top: 10px;
    width: 330px;
}

img.top02Icon {
    position: absolute;
    right: 366px;
    top: 100px;
    }
.top02TextAll {
    width:1046px;
    margin:0px auto;
    }
.top02TextAll:after {
    content: "";
    display: block;
    clear: both;
    }
.top02TextContainer {
    /*width: 1046px;
    height: auto !important;*/
    margin: 80px auto;
    }
.top02TextContainer:after {
    content: "";
    display: block;
    clear: both;
    }
.top02TextContainer .con_02 {
    width: 291px;
    /*float: left;*/
    display: inline-block;
    margin-right: 44px;
    }
.top02TextContainer .con_02:not(:target) {
    display: block\9;
    float: left\9;
    }
@media all and (-ms-high-contrast:none){
  .top02TextContainer .con_02 {
    display: block;
    float: left;
  }
}
/*IE11だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .top02TextContainer .con_02 {
    display: block;
    float: left;
  }
}
@supports (-ms-accelerator:true) {
    .top02TextContainer .con_02 {
    display: block;
    float: left;
    }
}
.top02TextContainer .con_02:last-of-type {
    margin-right: 0;
    }
ul.top02Link {
    width: 480px;
    margin: 0 auto;
    font-size: 15px;
    }
ul.top02Link li {
    margin-right:40px;
    }
ul.top02Link li:last-child {
    margin-right:0px;
    }
.top03TextBox01, .top03TextBox02, .top03TextBox03, .top03TextBox04,
.top03TextBox05, .top03TextBox06, .top03TextBox07, .top03TextBox08 {
    padding-top: 10px;
    }
/*.top03TextBox01, .top03TextBox02, .top03TextBox03, .top03TextBox04,
.top03TextBox05, .top03TextBox06, .top03TextBox07, .top03TextBox08 {
    position:absolute;
    width:180px;
    height:180px;
}

.top03TextBox01 {
    top:232px;
    left:180px;
}

.top03TextBox02 {
    top:472px;
    left:180px;
}

.top03TextBox03 {
    top:292px;
    left:400px;
}

.top03TextBox04 {
    top:532px;
    left:400px;
}

.top03TextBox05 {
    top:232px;
    left:620px;
}

.top03TextBox06 {
    top:472px;
    left:620px;
}

.top03TextBox07 {
    top:292px;
    left:840px;
}

.top03TextBox08 {
    top:532px;
    left:840px;
}
*/
.top03TextEg {
    text-align:center;
    margin-top:50px;
    margin-bottom:5px;
    font-family:'Amatic SC', cursive;
    font-size:36px;
}

.top03TextJp {
    font-size:12px;
    text-align:center;
}

.top04TextAll {
    position:absolute;
    top:100px;
    left:0px;
    right:0px;
}

.top04TextAll p {
    text-align:center;
    line-height:44px;
    font-size:24px;
}

.top04ImagesContainer {
    width:970px;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
}

.top04ImagesContainer li {
    width:260px;
    margin:20px auto 0;
    }

.top04ImagesContainer li a span.img {
    width: 260px;
    height: auto;
    display: block;
    overflow: hidden;
    }
/* .top04ImagesContainer li:nth-of-type(1) a span.img , .top04ImagesContainer li:nth-of-type(3) a span.img {
    transform: rotate(-3deg);
    }
.top04ImagesContainer li:nth-of-type(2) a span.img {
    transform: rotate(4deg);
    } */
.top04ButtonContainer {
    position:absolute;
    top:290px;
    width:510px;
    left:345px;
}

.top04ButtonLeft, .top04ButtonRight {
    float:left;
    position:relative;
    width:240px;
    height:48px;
}

.top04ButtonLeft {
    margin-right:30px;
}

.top04ButtonLeft p, .top04ButtonRight p {
    position: absolute;
    left: 0px;
    width: 240px;
    text-align: center;
    top: 0;
    line-height: 305%;
}

.top04CommentImg {
    position:absolute;
    top:380px;
    left:0px;
    right:0px;
    text-align:center;
}

.top04Comment {
    position:absolute;
    top:515px;
    left:0px;
    right:0px;
    text-align:center;
    font-size:24px;
}

.top04CommentTel {
    position:absolute;
    top:560px;
    display:inline;
    left:480px;
    font-size:24px;
    border-bottom:3px solid #000000;
    font-weight: bold;
    letter-spacing: 3px;
    }
.top04_2 {
    width: 1200px;
    margin: 0 auto 50px;
    }
.top04_2 .backli {
  position: relative;
  z-index: -10;
}   
.fb-page {
    width: 460px;
    float: left;
}
.top05 {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-bottom: 80px;
    }

.top05SampleContainer {
    width:840px;
    margin: 70px auto 0;
    }
.top05SampleContainer:after {
    content: "";
    display: block;
    clear: both;
    }
.top05Sample01, .top05Sample02 {
    width:180px;
    margin-right:40px;
}
.top05SampleContainer .left:last-of-type {
    margin-right: 0;
    }
.top05Sample02 {
    margin-top:60px;
}

.top05Sample01 img, .top05Sample02 img {
    margin-bottom:30px;
}

.top05Sample01 h3, .top05Sample02 h3 {
    font-size:14px;
    border-bottom:1px solid #000000;
    display:inline;
    margin:0 auto;
    }
.top05Sample01 p, .top05Sample02 p {
    font-size:14px;
    padding-top: 5px;
    }
.top05Text {
    text-align:center;
    font-size:18px;
    margin: 70px 0 30px;
    }
.top05WorksContainer {
    overflow:auto;
    width:700px;
    height:175px;
    padding:20px;
    background-color:white;
    margin: 0 auto;
}

.top05WorksContainer p {
    border-bottom:1px solid #d0ceaf;
    padding-bottom:10px;
    margin-bottom:5px;
    font-size:12px;
}
.top05 .bk_img {
    position: absolute;
    top: 0;
    z-index: -1;
    height: 100%;
    }
.footerBannar {
    width:1000px;
    margin:0 auto;
    padding-top: 30px;
}

.footerBannar li {
    width: 23.5%;
    margin-right: 19px;
}

.footerBannar li:last-child {
    margin:0px;
}
.top02txt_01All .main_img , .top02txt_02All .main_img , .top02txt_03All .main_img {
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/top_con02.png) top left no-repeat;
    background-size: contain;
    width: 270px;
    }
.top02txt_01All .main_img span.img , .top02txt_02All .main_img span.img , .top02txt_03All .main_img span.img {
    width: 260px;
    height: 260px;
    display: block;
    overflow: hidden;
    padding: 11px;
    box-sizing: border-box;
    }
.top02txt_01All {
    width:291px;
    /*margin-right:44px;*/
    text-align:center;
    }
.top02txt_02All {
    width:291px;
    /*margin-right:44px;*/
    text-align:center;
    }
.top02txt_03All {
    width:291px;
    text-align:center;
    }
.top02txt_01All p, .top02txt_03All p{
    transform:rotate(-3deg);
}
.top02txt_01All .main_img , .top02txt_03All .main_img {
    transform:rotate(4deg);
    }
.top02txt_02All p {
    transform:rotate(4deg);
}
.top02txt_02All .main_img {
    transform:rotate(-3deg);
    }
span.PALSCRI {
    font-size: 43px;
}

/*.top04txt_01All.center {
    position: absolute;
    bottom: 0;
    left: 227px;
}

.top04txt_02All.center {
    position: absolute;
    bottom: 0;
    left: 546px;
}

.top04txt_03All.center {
    position: absolute;
    bottom: 0;
    right: 172px;
}
*/
.top04 {
    padding-bottom: 50px;
    }
p.top04txt01_01.Amatic , .top04txt01_02 , .top04txt01_03 {
    font-size: 20px;
    letter-spacing: 2px;
    padding-top: 10px;
    }
.top06TextTitleAll,.top04TitleTextAll {
    margin-bottom: 60px;
    }
.fbSpace.left {
    width: 488px;
    height: 300px;
    background-color: #e6e6e6;
    }
.top06TextAll.clearfix {
    width: 1000px;
    margin: 0 auto;
    }
li.blogText.clearfix {
    margin: 0 0 27px 0;
    }
p.blogDay.Quicksand {
    font-size: 13px;
    }
.blogLeft.left {
    padding-top: 13px;
    padding-left: 19px;
    }
.viewAll {
    border-bottom:2px solid #000000;
    display:inline;
    }
.blogSpace.right {
    width: 468px;
    }
/*p.blogIconText01 {
    position: absolute;
    top: 166px;
    right: 514px;
    }
p.blogIconText02 {
    position: absolute;
    top: 264px;
    right: 514px;
    }
p.blogIconText03 {
    position: absolute;
    top:359px;
    right: 514px;
    }*/
p.blogIconText {
    font-size: 13px;
    font-weight: bold;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/_imagenewsblog.9c9394e53d21e53b89215322b600f3dd.png) center center no-repeat;
    width: 70px;
    height: 70px;
    text-align: center;
    padding-top: 20px;
    }
p.blogIconText span.news_t {
    display: block;
    padding-bottom: 3px;
    }
ul.instagramList {
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0px;
}
ul.instagramList li {
    float: left;
    width: 239px;
    height: 239px;
    overflow: hidden;
    margin-right: 14px;
    }
ul.instagramList li:last-of-type {
    margin-right: 0;
    }
.instagram.clearfix {
    margin: 50px 0 150px 0;
}

img.iastagramPhoto {
    margin-right: 14px;
}

.aboutStudioTextAll {
    width: 480px;
    height: 730px;
    text-align: center;
    margin: 0 auto 0;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/footer_img01.png) center 250px no-repeat;
    padding-top: 310px;
    }
div[onclick] .aboutStudioTextAll {
    padding-top: 50px;
    height: 500px;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/footer_img01.png) center 0px no-repeat;
    }
.aboutStudioTextAll p.hot_b {
    width: 230px;
    padding-top: 20px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
.aboutStudioTextAll p.hot_b img {
    width: 100% !important;
    height: auto !important;
    }
    
.aboutStudioTextAll p.hot_b a{
height:96px;
}


ul.footiconAll {
  display: flex;
    margin: 0 auto;
    width: 150px;
    position: relative;
    z-index: 1;
}

ul.footiconAll li {
  width: 40%;
  margin: auto;
}

ul.footiconAll li a img {
  width: 100%;
}

p.footlogo.Amatic {
    font-size: 55px;
    font-weight: 800;
    padding: 5px 0;
}

p.aboutStudioTitle {
    font-size: 29px;
    padding-bottom: 5px;
}

p.studioInfo.Amatic {
    border-bottom: solid 3px;
    width: 94px;
    margin: 21px auto;
    font-size: 23px;
    letter-spacing: 2px;
}

.footlinkAll {
    position: absolute;
    /* bottom: -53px; */
    width: 975px;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-size: 13px;
    top: 218px;
    text-align: left;
    line-height: 33px;
    display:inline;
}

.footlinkLeft, .footlinkRight {
    font-size:13px;
    line-height:33px;
    text-align:left;
}

.footlinkLeft {
    position:absolute;
    top:30px;
    left:0px;
    /*float: left;*/
    }
.footlinkRight {
    position:absolute;
    top:30px;
    right:0;
    /*float: right;*/
    }
.footer_list {
    width: 1000px;
    height: 135px;
    margin: -200px auto 50px;
    position: relative;
    }
.footer_list:after {
    content: "";
    display: block;
    clear: both;
    }
.footlinkLeft li, .footlinkRight li {
    margin-right:15px;
}

.footlinkLeft li:last-child, .footlinkRight li:first-child {
    margin-right:0px;
}
footer {
    position: relative;
    }
footer p.bk_img {
    position: absolute;
    top: 0;
    z-index: -1;
    height: 500px;
    overflow: hidden;
    }
div[onclick] footer p.bk_img {
    position: relative;
    height: auto;
    }
p.copyright.center.Quicksand {
    font-size: 13px;
    font-weight: bold;
    margin: 9px 0;
}


.facebook {
     width:460px;
     height:355px;
     border:none;
     overflow:hidden;
     background-color:transparent;
}
/**album**/
.header_01 {
    height: 100px;
    width: 100%;
    margin: 15px auto 0;
    position: fixed;
    z-index: 999;
    top: 0;
    background: #fff;
    }
.albumButton {
    position:relative;
    width:240px;
    height:48px;
    margin:0 auto;
    }
.albumButton p {
    position:absolute;
    top:0px;
    left:0px;
    width:240px;
    padding:12px;
    text-align:center;
    }
.album01 {
    position:relative;
    margin-top:50px;
    }
.album01 p {
    position:absolute;
    top:148px;
    right:110px;
    font-size:48px;
    }
.album01 span {
    font-size:18px;
    margin-right:27px;
    }
.album02 {
    margin-top:50px;
    text-align:center;
    }
.album02 h2 {
    margin-bottom:70px;
    font-size:26px;
    }
.album02 p {
    line-height:39px;
    font-size:16px;
    }
.album03 {
    margin-top:50px;
    text-align:center;
    }
.firstText {
    width:600px;
    margin:0 auto;
    background:linear-gradient(transparent 50%, #b2e4ff 50%);
    font-size:26px;
    line-height:30px;
    }
.secondText {
    width:255px;
    margin:0 auto;
    background:linear-gradient(transparent 50%, #b2e4ff 50%);
    font-size:26px;
    line-height:30px;
    }
.album03 ul {
    width: 980px;
    margin: 0 auto;
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.album03 li {
    width:290px;
    margin-right:48px;
    float:left;
}


.album03 li:nth-child(2) div{
    transform:rotate(-3deg);
}

.album03 li:last-child {
    margin-right:0px;
}

.step div {
    width:280px;
    height:280px;
    transform:rotate(3deg);
   /*  background-color:#fff; */
    overflow: hidden;
}
.step div img {
    width: 100%;
    height: auto;
    }
.step h2 {
    font-size:20px;
    margin:20px 0px;
}

.step p {
    font-size:14px;
}

.album04 {
    width:980px;
    margin:0 auto;
    margin-top:50px;
    text-align:center;
}

.album04 h2 {
    font-size:26px;
}

.album04 ul h2 {
    padding-top:25px;
    padding-bottom:10px;
    font-size:20px;
}

.album04 p {
    font-size:14px;
}

.album04 li {
    width:460px;
    margin-top:50px;
}

.album04 li:nth-child(2n) {
    float:right;
}

.album04 li:nth-child(2n-1) {
    float:left;
}

.albumTextContainer {
    margin-bottom:35px;
}

.album05 {
    width:980px;
    margin:0 auto;
    margin-top:50px;
    text-align:center;
}

.album05 h2 {
    font-size:26px;
    margin-bottom:80px;
}

.album05 p {
    font-size:14px;
}

.album06 {
    width:980px;
    margin:0 auto;
    margin-top:50px;
    text-align:center;
}

.album06 h2 {
    font-size:26px;
    margin-bottom:80px;
}

.album06 p {
    width:980px;
    margin:0px auto;
    margin-top:50px;
    font-size:14px;
    border-bottom:1px solid #c1c1c1;
    padding:3px 0px 10px;
    text-align:left;
}

.album06 span {
    float:right;
    font-size:20px;
}

.album07 {
    width:980px;
    margin:0 auto;
    margin-top:50px;
    text-align:center;
}

.albumCircle, .albumCircleLast{
    float:left;
    position:relative;
    width:285px;
    height:285px;
    margin-top:50px;
    margin-right:62px;
    margin-bottom: 130px;
}

.albumCircleLast {
    margin-right:0px;
}

.albumCircle img {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
}

.textAll {
    width:100%;
    position:absolute;
    top:60px;
    line-height: 150%;
    }
.textAll h2 {
    font-size:51.8px;
    padding-bottom: 20px;
    }
.textAll h3 {
    font-size:17.27px;
}

.textAll p {
    font-size:13px;
}
/**bridal**/
.bridal01All.ceter {
    background-color:#d9c5c5;
    padding: 16px 0;
    text-align: center;
    margin: 30px 0 0 0;
}
.bridal01 {
    border-top: dotted 2px;
    border-bottom: dotted 2px;
    padding: 50px 0 30px 0;
}
p.bridal01-01.Amatic {
    font-size: 47px;
}
.bridal02,.bridal01All,.photoFlame,.bridal04 {
    position: relative;
}

.bridal02 .main_txt {
    width: 800px;
    position: absolute !important;
    top: 70px;
    right: 0;
    left: 0;
    z-index: 1;
    margin: 0 auto;
    padding: 60px 0;
    background-image: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/08bridal_left_img.png) , url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/08bridal_img_right.png);
    background-position: top left , bottom right;
    background-repeat: no-repeat;
    }
.bridal02 .main_txt p {
    line-height: 29px;
    }
.bridal02 .main_img {
    width: 1200px;
    margin: 0 auto;
    }
.bridal03,.bridal04,.bridal05 {
    padding: 45px 0 45px 0;
}
p.bridalTitle {
    font-size: 20px;
    padding-bottom: 50px;
}
.bridal03Contents.clearfix {
    width: 1000px;
    margin: 0 auto;
}
.bridal03ContentsRight.right {
    width: 680px;
    text-align: left;
}
p.bridal03Text01.left {
    font-size: 19px;
    margin: 15px 0 30px 0;
}
p.bridal03Text02.left {
    font-size: 13px;
    line-height: 25px;
}
.bridal03 h2 {
    font-size: 69px;
    letter-spacing: 4px;
}
ul.bridal03PhotoAll.clearfix {
    width: 1000px;
    margin: 0 auto;
}
li.bridal04Photo01,li.bridal04Photo02,li.bridal04Photo03,li.bridal04Photo04 {
    width: 328px;
    padding: 13px;
    }
p.photo01-01,p.photo02-01,p.photo03-01,p.photo04-01 {
    padding: 8px 0 10px 0px;
    font-size: 18px;
    }
p.photo01-02,p.photo02-02,p.photo03-02,p.photo04-02 {
    width: 305px;
    text-align: left;
    font-size: 13px;
    line-height: 24px;
}
li.bridal04Photo04 {
    position: absolute;
    top: 374px;
    right: 0;
    left: 0;
}
ul.bridal04PhotoAll.clearfix {
    width: 984px;
    margin: 0 auto;
    position: absolute;
    top: 129px;
    right: 0;
    left: 0;
}
.bridal05 {
    margin: 0 auto;
}
ul.bridal05PhotoAll.clearfix {
    width: 1200px;
    margin: 0 auto 30px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
li.bridal05Photo01,li.bridal05Photo02,li.bridal05Photo03 {
    padding-right: 33px;
}
li.bridal05Photolist {
    width: 215px;
    margin-right: 45px;
    margin-bottom: 45px;
}
li.bridal05Photolist img {
  width: 100% !important;
  height: AUTO !important;
}
li.bridal05Photolist:nth-of-type(4n+4) {
    margin-right: 0px;
}
a.bridal05Text01 {
    padding: 23px 0;
    text-align: right;
    width: 1000px;
    display: block;
    margin: 0 auto;
}
a.bridal05Text02 {
    border: dotted 2px;
    width: 260px;
    margin: 0 auto 50px auto;
    border-radius: 4px;
    padding: 10px 0;
    display: block;
}
/**ceremony**/
.ceremony01All.ceter {
    background-color: #d9c5c5;
    padding: 16px 0;
    text-align: center;
    margin: 30px 0 0 0;
}
.ceremony01 {
    border-top: dotted 2px;
    border-bottom: dotted 2px;
    padding: 50px 0 30px 0;
}
p.ceremony01-01.Amatic {
    font-size: 47px;
}
.ceremony02,.ceremony01All,.photoFlame,.ceremony04 {
    position: relative;
}
.ceremony02 .main_img {
  position: relative;
  z-index: 1;
}

.ceremony02 {
    width: 1200px;
    margin: 0 auto;
    }
.ceremony02 .main_txt {
    width: 800px;
    position: absolute;
    top: 65px;
    right: 0;
    left: 0;
    z-index: 2;
    margin: 0 auto;
    padding-top: 65px;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/10ceremony_top.png) top center no-repeat;
    display: block;
    }
.ceremony02 p {
    line-height: 29px;
}
.ceremony03,.ceremony04,.ceremony05 {
    padding: 45px 0 45px 0;
}
p.ceremonyTitle {
    font-size: 20px;
    padding-bottom: 40px;
}
.ceremony03 h2 {
    font-size: 69px;
    letter-spacing: 4px;
}
ul.ceremony03PhotoAll.clearfix {
    width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
li.ceremony03Photo01,li.ceremony03Photo02 {
    padding-right: 63px;
}
li.ceremony04Photo01,li.ceremony04Photo02,li.ceremony04Photo03,li.ceremony04Photo04 {
    width: 328px;
    padding: 13px;
    }
p.photo01-01,p.photo02-01,p.photo03-01,p.photo04-01 {
    padding: 8px 0;
    font-size: 18px;
    }
p.photo01-02,p.photo02-02,p.photo03-02,p.photo04-02 {
    width: 305px;
    text-align: left;
    font-size: 13px;
    line-height: 24px;
}
li.ceremony04Photo04 {
    position: absolute;
    top: 374px;
    right: 0;
    left: 0;
}

ul.ceremony04PhotoAll.clearfix {
    width: 984px;
    margin: 0 auto;
    position: absolute;
    top: 118px;
    right: 0;
    left: 0;
}

.ceremony05 {
    margin: 0 auto;
}

a.ceremony05Text01 {
    padding: 23px 0;
}

ul.ceremony05PhotoAll.clearfix {
    width: 1000px;
    margin: 0 auto 30px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

li.ceremony05Photo01,li.ceremony05Photo02,li.ceremony05Photo03 {
    padding-right: 46px;
}

a.ceremony05Text01 {
    text-align: right;
    display:block;
    width: 1000px;
    margin: 0 auto;
}

a.ceremony05Text02 {
    border: dotted 2px;
    width: 252px;
    margin: 0 auto 50px auto;
    border-radius: 4px;
    padding: 10px 0;
    display:block;
    }
/**contace**/
.contact01 {
    position:relative;
    margin-top:50px;
}
.contact01 p {
    position:absolute;
    top:148px;
    right:110px;
    font-size:48px;
}
.contact01 span {
    font-size:18px;
    margin-right:27px;
}
.contact02 {
    margin-top:50px;
    text-align:center;
}
.contact02 h2 {
    font-size:26px;
    margin-bottom:60px;
}
.contact02 p {
    font-size:16px;
}
.contact03 {
    position:relative;
    width:802px;
    height:253px;
    text-align:center;
    margin:0 auto;
    margin-top:50px;
}
.contact03 img {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
}
.contactTextAll {
    position:absolute;
    top:35px;
    left:0px;
    right:0px;
}
.contact03 h2 {
    font-size:20px;
}
.contact03 p {
    font-size:14px;
    line-height:39px;
}
.contact04 {
    width:980px;
    margin:0 auto;
    margin-top:50px;
}
.contact04 h2 {
    font-size:20px;
    margin-bottom:50px;
}
.contact04 form div.clearfix {
    border-bottom:2px solid #cccccc;
    margin-top:15px;
    padding:5px 0px;
}
p.otoi {
  padding: 0 0 70px 0;
}

.title {
    width:265px;
    padding:5px 0px;
    padding-right:35px;
    font-size:16px;
    float:left;
}
.goyoya {
  padding: 16px 0 16px 0;
}
.contentEx>div {
  display: inline-block;
}
.contact04 form dl.clearfix {
    border-bottom:2px solid #cccccc;
    margin-top:15px;
    padding:5px 0px;
}
.content {
    width:680px;
    margin-top:0px !important;
    border-bottom:none !important;
    padding:5px 0px;
    float:left;
}
.addressText>div {
  display: inline-block;
}
.content>div {
  display: inline-block;
}
.contact04 form {
    padding-bottom: 130px;
    }
.contact04 form span {
    color:#FF0000;
}
.contact04 form input {
    width: 200px;
    height: 24px;
    margin-right: 20px;
    border: none;
}
.contact04 form input.year {
    width: 135px;
    margin-right: 5px;
    }
.address {
    margin-top:0px;
    float:left;
}
.address p {
    margin-bottom:10px;
}
.address a{
    text-decoration:underline;
}
.addressText {
    width:715px;
}
.addressText ,.automation {
    margin-bottom:10px;
}
.addressText select{
    width:300px;
    font-size:14px;
}
.automation {
    text-align: center;
    width: 135px !important;
    border: 2px solid #cccccc;
    border-radius: 3px;
    margin-top: 25px;
    padding: 3px 0;
}
.year, .month, .day {
    width:135px;
    text-align:center;
    height:24px;
    font-size:14px;
}
.titleEx {
    width:265px;
    padding:5px 0px;
    padding-right:35px !important;
    border-bottom:none !important;
    float:left;
}
.titleEx01 {
    width:265px;
    padding:5px 0px;
    padding-right:35px !important;
    margin-top:0px !important;
    border-bottom:none !important;
    float:left;
}
.contentEx {
    width:680px;
    margin-top:0px !important;
    margin-bottom:10px;
    border-bottom:none !important;
    float:left;
}
.explain {
    font-size:14px;
}
.booking {
    width:655px;
    height:130px;
    border:groove;
}
.checkMenu li {
    width:220px;
    margin:5px 0px;
    float:left;
}
.checkMenu li:nth-child(3n+1) {
    clear:both;
}
.checkMenu input {
    width:15px !important;
    height:15px !important;
    margin-right:10px !important;
    float: left;
}
.other {
    width:655px;
    height:265px;
    border:groove;
}
.buttonContainer {
    width:260px;
    margin:0 auto;
    border-bottom:none !important;
}
.formButton {
    background-color:#FFFFFF;
    width:120px;
    height:35px;
    border:2px solid #cccccc;
    border-radius:4px;
    float:left;
    margin-right:10px;
}
.formButton input,.formButton button {
    width:110px !important;
    height:25px !important;
    background-color:#FFFFFF;
    border: none;
}

/**costume**/
.costume01All.ceter {
    background-color: #d9c5c5;
    padding: 16px 0;
    text-align: center;
    margin: 30px 0 0 0;
}
.costume01 {
    border-top: dotted 2px;
    border-bottom: dotted 2px;
    padding: 50px 0 30px 0;
}
p.costume01-01.Amatic {
    font-size: 47px;
}
.costume02,.costume01All,.photoFlame,.costume04 {
    position: relative;
    }
.costume02 {
    width: 1200px;
    margin: 0 auto;
    }
.costume02 .main_txt {
    width: 920px;
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 30px 60px 0;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/11costume.png) top center no-repeat;
    }
.costume02 p {
    line-height: 29px;
}
.costume03,.costume04,.costume05 {
    padding: 80px 0 45px 0;
}
p.costumeTitle {
    font-size: 20px;
    padding-bottom: 40px;
}
.costume03 h2 {
    font-size: 69px;
    letter-spacing: 4px;
}
ul.costume03PhotoAll.clearfix {
    width: 1000px;
    margin: 0 auto;
}
li.costume03Photo01,li.costume03Photo02 {
    padding-right: 63px;
}
li.costume04Photo01,li.costume04Photo02,li.costume04Photo03,li.costume04Photo04 {
    width: 328px;
    padding: 13px;
    }
p.photo01-01,p.photo02-01,p.photo03-01,p.photo04-01 {
    padding: 8px 0;
    font-size: 18px;
}
p.photo01-02,p.photo02-02,p.photo03-02,p.photo04-02 {
    width: 305px;
    text-align: left;
    font-size: 13px;
    line-height: 24px;
}
li.costume04Photo04 {
    position: absolute;
    top: 374px;
    right: 0;
    left: 0;
}
ul.costume04PhotoAll.clearfix {
    width: 984px;
    margin: 0 auto;
    position: absolute;
    top: 154px;
    right: 0;
    left: 0;
}
.costume05 {
    margin: 0 auto 90px auto;
}
a.costume05Text01 {
    padding: 23px 0;
}
ul.costume05PhotoAll.clearfix {
    width: 1000px;
    margin: 0 auto 30px auto;
}
ul.costume05PhotoAll.clearfix {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
li.costume05Photo01,li.costume05Photo02,li.costume05Photo03 {
  padding-right: 35px;
  padding-bottom: 35px;
}
a.costume05Text01 {
    text-align: right;
    width: 1000px;
    display:block;
    margin: 0 auto;
}
a.costume05Text02 {
    border: dotted 2px;
    width: 252px;
    margin: 0 auto 50px auto;
    border-radius: 4px;
    padding: 10px 0;
    display:block;
}
/**delivery**/
.delivery01All.ceter {
    background-color: #d9c5c5;
    padding: 16px 0;
    text-align: center;
    margin: 30px 0 0 0;
}
.delivery01 {
    border-top: dotted 2px;
    border-bottom: dotted 2px;
    padding: 50px 0 30px 0;
}
p.delivery01-01.Amatic {
    font-size: 47px;
}
.delivery02,.delivery01All,.photoFlame,.delivery04,.delivery05 {
    position: relative;
}
.delivery02 {
    width: 1200px;
    margin: 0 auto;
    }
.delivery02 .main_txt {
    width: 800px;
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding-top: 110px;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/13deriver_top.png) top center no-repeat;
    }
.delivery02 p {
    line-height: 29px;
    }
.delivery03,.delivery04 {
    padding: 80px 0 45px 0;
}
.delivery05 {
    padding: 0 0 100px 0;
    width: 1200px;
    margin: 0 auto;
}
p.deliveryTitle {
    font-size: 20px;
    padding-bottom: 40px;
}
.delivery03 h2 {
    font-size: 69px;
    letter-spacing: 4px;
}
ul.delivery03PhotoAll.clearfix {
    width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.delivery03PhotoAll.clearfix li span.img {
    width: 226px;
    height: 226px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    overflow: hidden;
    display: block;
    }
ul.delivery03PhotoAll.clearfix li img {
    }
.delivery03Photo01 p,.delivery03Photo02 p,.delivery03Photo03 p,.delivery03Photo04 p {
    padding-top: 10px;
}
li.delivery03Photo01,li.delivery03Photo02,li.delivery03Photo03 {
    padding-right: 24px;
}
li.delivery04Photo01,li.delivery04Photo02,li.delivery04Photo03,li.delivery04Photo04 {
    width: 328px;
    padding: 13px;
    }
p.photo01-01,p.photo02-01,p.photo03-01,p.photo04-01 {
    padding: 8px 0;
    font-size: 18px;
}
p.photo01-02,p.photo02-02,p.photo03-02,p.photo04-02 {
    width: 305px;
    text-align: left;
    font-size: 13px;
    line-height: 24px;
}
li.delivery04Photo04 {
    position: absolute;
    top: 374px;
    right: 0;
    left: 0;
}
ul.delivery04PhotoAll.clearfix {
    width: 984px;
    margin: 0 auto;
    position: absolute;
    top: 154px;
    right: 0;
    left: 0;
}
a.delivery04PriceText {
    border: dotted 2px;
    width: 252px;
    margin: 80px auto 50px auto;
    border-radius: 4px;
    padding: 10px 0;
    display:block;
}
.delivery05ButtonLeft p, .delivery05ButtonRight p {
    position:absolute;
    top:0px;
    left:0px;
    width:240px;
    padding:12px;
    text-align:center;
}
.delivery05TextAll {
    position: absolute;
    top: 150px;
    right: 0;
    left: 0;
    width: 600px;
    margin: 0 auto;
    font-size: 23px;
    line-height: 44px;
}
a.delivery05FormImg {
    margin: 35px 0 10px 0;
    display:block;
}
p.delivery05CommentTel {
    font-size: 24px;
    border-bottom: 3px solid #000000;
    font-weight: bold;
    letter-spacing: 3px;
    width: 259px;
    margin: 0 auto;
}
/**gallery**/
.gallery01 {
    position:relative;
    margin-top:50px;
}
.gallery01 p {
    position:absolute;
    top:148px;
    right:110px;
    font-size:48px;
}
.gallery01 span {
    font-size:18px;
    margin-right:27px;
}
.gallery02 {
    margin-top:50px;
    text-align:center;
}
.gallery02 h2 {
    margin-bottom:70px;
    font-size:26px;
}
.gallery02 p {
    line-height:39px;
    font-size:16px;
}
.gallery03 {
    box-sizing:content-box;
    width:980px;
    height:24px;
    margin:0 auto;
    margin-top:50px;
    border-top:1px solid #c1c1c1;
    border-bottom:1px solid #c1c1c1;
    padding:29px 0px;
    text-align:center;
}
.gallery03 ul {
    /*display:inline-block;*/
    text-align:center;
    }
.gallery03 li {
    /*float:left;*/
    display: inline-block;
    padding-right:18px;
    padding-bottom: 15px;
}
.gallery04 {
    margin-top: 50px;
    text-align: center;
    width: 980px;
    margin: 0px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.gallery04 ul {
    }
.gallery04 ul:after {
    content: "";
    display: block;
    clear: both;
    }
.gallery04 li {
    position:relative;
    float:left;
    width:294px;
    height:407px;
    margin-right:49px;
    margin-top:30px;
    overflow: hidden;
    }
.gallery04 li span.main_img {
    width: 294px;
    height: 407px;
    display: block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    }
.gallery04 li:nth-child(3n) {
    margin-right:0px;
}
/*.gallery04 li:nth-child(3n+1) {
    clear:both;
}*/
.firstPic {
    position:absolute;
    top:85px;
    left:0px;
    right:0px;
}
.thirdPic {
    position:absolute;
    top:120px;
    left:0px;
    right:0px;
}
/**kids**/
.kids01All.ceter {
    background-color: #d9c5c5;
    padding: 16px 0;
    text-align: center;
    margin: 30px 0 0 0;
}
.kids01 {
    border-top: dotted 2px;
    border-bottom: dotted 2px;
    padding: 50px 0 30px 0;
}
p.kids01-01.Amatic {
    font-size: 47px;
}
.kids02,.kids01All,.photoFlame,.kids04 {
    position: relative;
}
.kids02 {
    width: 1200px;
    margin: 0 auto;
    }
.kids02 .main_txt {
    width: 800px;
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding-top: 80px;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/09kids_img_top.png) top center no-repeat;
    z-index: 1;
    }
.kids02 p {
    line-height: 29px;
}
.kids03,.kids04,.kids05 {
    padding: 45px 0 45px 0;
}
p.kidsTitle {
    font-size: 20px;
    padding-bottom: 50px;
}
.kids03 h2 {
    font-size: 69px;
    letter-spacing: 4px;
}
ul.kids03PhotoAll.clearfix {
    width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
li.kids03Photo01,li.kids03Photo02 {
    padding-right: 63px;
}
.kids03Photo01 {
    margin-top:5px;
}
li.kids04Photo01,li.kids04Photo02,li.kids04Photo03,li.kids04Photo04 {
    width: 328px;
    padding: 13px;
    }
p.photo01-01,p.photo02-01,p.photo03-01,p.photo04-01 {
    padding: 8px 0 10px 0;
    font-size: 18px;
}
p.photo01-02,p.photo02-02,p.photo03-02,p.photo04-02 {
    width: 305px;
    text-align: left;
    font-size: 13px;
    line-height: 24px;
}
li.kids04Photo04 {
    position: absolute;
    top: 374px;
    right: 0;
    left: 0;
}
ul.kids04PhotoAll.clearfix {
    width: 984px;
    margin: 0 auto;
    position: absolute;
    top: 130px;
    right: 0;
    left: 0;
}
.kids05 {
    margin: 0 auto;
}
a.kids05Text01 {
    padding: 23px 0;
}
ul.kids05PhotoAll.clearfix {
    width: 1000px;
    margin: 0 auto 30px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
li.kids05Photo01,li.kids05Photo02,li.kids05Photo03 {
    padding-right: 46px;
}
a.kids05Text01 {
    text-align: right;
    display:block;
    width: 1000px;
    margin: 0 auto;
}
a.kids05Text02 {
    border: dotted 2px;
    width: 252px;
    margin: 0 auto 50px auto;
    border-radius: 4px;
    padding: 10px 0;
    display:block;
}
/**news_blog**/
.news01 {
    position:relative;
    margin-top:50px;
}
.news01 p {
    position:absolute;
    top:148px;
    right:110px;
    font-size:48px;
}
.news01 span {
    font-size:18px;
    margin-right:27px;
}
.news02 {
    width:980px;
    margin:0 auto;
    margin-top:50px;
    margin-bottom: 80px;
}

.topics span.main_img:after {
    padding-top: 58%;
    display: block;
    content: "";
}
.topics img {
    vertical-align: bottom;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}
.topics span.main_img {
    width: 300px;
    overflow: hidden;
    display: block;
    position: relative;
    }
.topics ul.clearfix {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-grow: initial;
    }
.topics li .text {
    height: 32px;
    overflow: hidden;
    }
.topics li .text br , .topics li .text img {
    display: none;
    }
.date {
    color:#FFFFFF;
    background-color:#000000;
    padding:0px 10px 5px;
    display:inline-block;
}
.topics h2 {
    padding:30px 0px;
    font-size:16px;
}
.text {
    font-size:14px;
}
.topics {
    width:610px;
    float:left;
}
.topics:after {
    content: "";
    display: block;
    clear: both;
    }
.topics li {
    width:300px;
    margin-right:10px;
    float:left;
    margin-top:50px;
}
.topics li:nth-child(1), .topics li:nth-child(2) {
    margin-top:0px;
}
.topics li:nth-child(2n) {
    margin-right:0px;
}

.topics li:nth-child(2n+1) {
    clear:both;
}
.link {
    float:right;
    text-decoration:underline;
}
.sideContent {
    width:310px;
    padding:3px;
    margin-left:50px;
    float:left;
    border:2px dotted #cccccc;
}
.sideTitle {
    text-align:left;
    font-weight:bold;
    font-size:36px;
}
.sideTitle span {
    float:right;
    font-weight:initial;
    vertical-align:middle;
    padding:10px 0px;
    margin-bottom:30px;
    font-size:18px;
}
.category, .article {
    padding:5px;
}
.article {
    margin-top:50px;
}
.categoryList, .articleList {
    padding-left:30px;
}
.categoryList li, .articleList li{
    padding:3px 0px;
}
.green {
    color:#56d78d;
}
/**news_blog_detail**/
.news01 {
    position:relative;
    margin-top:50px;
}
.news01 p {
    position:absolute;
    top:148px;
    right:110px;
    font-size:48px;
}
.news01 span {
    font-size:18px;
    margin-right:27px;
}
.news02 {
    width:980px;
    margin:0 auto;
    margin-top:50px;
}
.blogContent {
    float:left;
    width:615px;
}
.blogContent img {
    vertical-align:bottom;
}
.blogContent span.thum_img {
    width: 613px;
    height: auto;
    display: block;
    overflow: hidden;
    }
.blogContent span.thum_img img {
    width: 100% !important;
    height: auto !important;
    }
.blogContent h2 {
    padding:30px 0px;
    padding-left:45px;
    font-size:18px;
}
.newsContentArea img {
    max-width: 100% !important;
    height: auto !important;
    }
.newsContentArea p{
    font-size:14px;
    line-height:32px;
}
.newsCategory {
    text-align:right;
}
.newsCategory dt {
    display: inline-block;
    width: 43px;
}
.newsCategory:after {
  clear: both;
  content: "";
  display: block;
}
.newsCategory dd {
  float: right;
  padding-top: 10px;
  font-size: 14px;
  line-height: 32px;
  text-align: right;
  margin: 0 auto;
  padding-left: 10px;
}
.newsButton {
    margin-top:30px;
}
.leftButton, .rightButton {
    width:287px;
    font-size:22.15px;
    color:#FFFFFF;
    background-color:#000000;
}
.leftButton {
    text-align:left;
    padding-left:20px;
}
.rightButton {
    text-align:right;
    padding-right:20px;
}
.newsBack {
    font-size:18px;
    margin-top:38px;
}
.sideContent {
    width:310px;
    padding:3px;
    float:right;
    border:2px dotted #cccccc;
}
.sideTitle {
    text-align:left;
    font-weight:bold;
    font-size:36px;
}
.sideTitle span {
    float:right;
    font-weight:initial;
    vertical-align:middle;
    padding:10px 0px;
    margin-bottom:30px;
    font-size:18px;
}
.category, .article {
    padding:5px;
}
.article {
    margin-top:50px;
}
.categoryList, .articleList {
    padding-left:30px;
    padding-bottom: 30px;
    }
.categoryList li, .articleList li{
    padding:3px 0px;
}
/**onside**/
.onside01All.ceter {
    background-color: #d9c5c5;
    padding: 16px 0;
    text-align: center;
    margin: 30px 0 0 0;
}
.onside01 {
    border-top: dotted 2px;
    border-bottom: dotted 2px;
    padding: 50px 0 30px 0;
}
p.onside01-01.Amatic {
    font-size: 47px;
}
.onside02,.onside01All,.photoFlame,.onside04 {
    position: relative;
    }
.onside02 {
    width: 1200px;
    margin: 0 auto;
    }
.onside02 .main_txt {
    width: 800px;
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding-top: 110px;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/12onsite_top.png) top center no-repeat;
    z-index: 1;
    }
.onside02 p {
    line-height: 29px;
}
.onside03,.onside04,.onside05 {
    padding: 80px 0 45px 0;
}
p.onsideTitle {
    font-size: 20px;
    padding-bottom: 50px;
}
.onside03 h2 {
    font-size: 69px;
    letter-spacing: 4px;
}
.onside03Photo01 p,.onside03Photo02 p,.onside03Photo03 p,.onside03Photo04 p {
    padding-top: 10px;
}
ul.onside03PhotoAll.clearfix {
    width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.onside03PhotoAll.clearfix li span.img {
    width: 226px;
    height: 226px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: block;
    }
li.onside03Photo01,li.onside03Photo02,li.onside03Photo03 {
    padding-right: 24px;
}
li.onside04Photo01,li.onside04Photo02,li.onside04Photo03,li.onside04Photo04 {
    width: 328px;
    padding: 13px;
    }
p.photo01-01,p.photo02-01,p.photo03-01,p.photo04-01 {
    padding: 8px 0;
    font-size: 18px;
}
p.photo01-02,p.photo02-02,p.photo03-02,p.photo04-02 {
    width: 305px;
    text-align: left;
    font-size: 13px;
    line-height: 24px;
}
li.onside04Photo04 {
    position: absolute;
    top: 374px;
    right: 0;
    left: 0;
}
ul.onside04PhotoAll.clearfix {
    width: 984px;
    margin: 0 auto;
    position: absolute;
    top: 164px;
    right: 0;
    left: 0;
}
.onside05 {
    margin: 0 auto;
    width: 980px;
}
a.onside05Text01 {
    padding: 23px 0;
}
ul.onside05PhotoAll.clearfix {
    width: 980px;
    margin: 0 auto;
}
li.onside05Photo01,li.onside05Photo02,li.onside05Photo03,li.onside05Photo06,li.onside05Photo07,li.onside05Photo08,li.onside05Photo10,li.onside05Photo11,li.onside05Photo12,li.onside05Photo14,li.onside05Photo15,li.onside05Photo16 {
    padding-right: 7px;
    padding-bottom: 7px;
}
a.onside05Text01 {
    text-align: right;
    display:block;
}
a.onside05Text02 {
    border: dotted 2px;
    width: 252px;
    margin: 0 auto 50px auto;
    border-radius: 4px;
    padding: 10px 0;
    display:block;
    
}
li.onside05Photo05.left {
    padding-bottom: 3px;
}
/**price**/
.price01 {
    position: relative;
    margin-top: 50px;
}
.price01 p {
    position: absolute;
    top: 148px;
    right: 110px;
    font-size: 48px;
}
.price01 span {
    font-size: 18px;
    margin-right: 27px;
}
.price02 {
    margin-bottom: 50px;
}
.priceContents01All,.priceContents02All,.priceContents03All,.priceContents04All {
    border: solid;
    border-bottom: none;
    position: relative;
    padding: 50px 0 0 0;
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 80px;
    z-index: 1;
}

.priceContents01All .con_02 , .priceContents02All .con_02 , .priceContents03All .con_02 , .priceContents04All .con_02 {
    margin-right: 0;
    }
.frame01{
    position: absolute;
    border-style: solid;
    border-width: 3px 0px;
    border-color: #000;
    width: 150px;
    height: 150px;
    top: 29px;
    left: 29px;
    transform: rotate(135deg);
    border-top: none;
    z-index: 2;
}
.frame01:after{
content: "";
position: absolute; top: -8px;
display: block;
width: 0px;
height: 100%;
border: solid 8px transparent;
}
.frame02{
    position: absolute;
    border-width: 3px 0px;
    border-color: #000;
    width: 110px;
    height: 110px;
    top: -6px;
    left: -6px;
    border-top: none;
    z-index: -2;
    background-color: #ffffff;
}
.text01Cost,.text02Cost,.text03Cost,.text04Cost {
    margin-top: 12px;
    padding-bottom: 43px;
}
.price02 h2 {
    margin-bottom: 49px;
    font-size: 26px;
    margin-top: 70px;
}
.textList01 h2,.textList02 h2,.textList03 h2,.textList04 h2 {
    font-size: 26px;
    margin-bottom: 20px;
}
.text01Cost h2,.text02Cost h2,.text03Cost h2,.text04Cost h2 {
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    width: 62px;
    margin: 0 auto;
    height: 26px;
    line-height: 26px;
    }
.text01Cost p,.text02Cost p,.text03Cost p,.text04Cost p {
    width: 940px;
    margin: 0px auto;
    margin-top: 50px;
    font-size: 15px;
    border-bottom: 1px solid #c1c1c1;
    padding: 0px 0px 8px 0;
    text-align: left;
}
.text01Cost span,.text02Cost span,.text03Cost span,.text04Cost span,.priceContents05 span {
    float: right;
    font-size: 20px;
    vertical-align: super!important;
}
.priceContents05 h2{
    font-size: 24px;
    text-align: center;
    margin-bottom: 27px;
}
.priceContents05 p {
    margin-top: 50px;
    font-size: 14px;
    border-bottom: 1px solid #c1c1c1;
    padding: 10px 0px;
    text-align: left;
    margin-top: 23px;
    margin-bottom: 26px;
}
.priceContents05All {
    width: 900px;
    margin: 0 auto;
    margin-bottom: 100px;
    margin-top: 100px;
}
.priceContents05 {
    background-color: rgba(102, 204, 255,0.2);
    padding: 38px 23px;
}
.price02 p,.textList01 p,.textList02 p,.textList03 p,.textList04 p {
    line-height: 37px;
    margin-bottom: 34px;
}
/**studio_info**/
.studioInfo01 {
    position:relative;
    margin-top:50px;
}

.studioInfo01 p {
    position:absolute;
    top:148px;
    right:110px;
    font-size:48px;
}

.studioInfo01 span {
    font-size:18px;
    margin-right:27px;
}

.studioInfo02 {
    margin-top:65px;
}

.studioInfo02 h2 {
    font-size:26px;
    text-align:center;
    margin-bottom:50px;
}

.studioInfo02 dl {
    width: 980px;
    font-size: 16px;
    margin: 0 auto;
    border-top: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
}
.studioInfo02 dl:last-of-type {
    border-bottom: 1px solid #bbbbbb;
}

.studioInfo02 dt, .studioInfo02 dd {
    margin:0px;
    padding:5px 0px;
    padding-left:45px;
}

.studioInfo02 dt {
    clear:left;
    float:left;
    width:26.5%;
}

.studioInfo02 dd {
    border-left:1px solid #bbbbbb;
    width:73.5%;
    margin-left:22%;
}

.studioInfo03 {
    text-align:center;
    margin-top:110px;
    position:relative;
    background: #E5F2E8;
    }
.studioInfo03 h2 {
    position:absolute;
    top:25px;
    left:0px;
    right:0px;
    font-size:26px;
}

.studioInfo03TextAll {
    position:absolute;
    top:125px;
    left:0px;
    right:0px;
}

.studioInfo03 p {
    font-size:14px;
    padding:16px 0px;
}

.access {
    text-align:center;
    margin-top:110px;
    margin-bottom:110px;
}

.access h2 {
    font-size:26px;
    margin-bottom:80px;
}

.access p {
    font-size:16px;
    margin-bottom:60px;
}
.mapContainer {
    width:888px;
    margin:0 auto;
}
.map {
    padding:12px;
}
iframe.map-like-box{
  border: 0;
  background-color: transparent;
  overflow: hidden;
    width: 400px;
    height: 312px;
}
/**********TOP+*************/
p.bk_img {
    width: 100%;
    }
p.bk_img img {
    width: 100% !important;
    height: auto !important;
    }
header .top_main {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    }
.top_slide_main .top_slide_upimg {
    width: 100%;
    height: 778px;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/top_slide_up.png) top center no-repeat;
    position: absolute;
    top: 0;
    z-index: 30;
    }

.main_slide_img {
    padding-top: 45px;
    overflow: hidden;
    }
.main_slide_img .bx-window {
    overflow: visible !important;
    }
.main_slide_img .bx-wrapper {
    height: 700px;
    }
.slide_uptxt {
    width: 1200px;
    margin: -200px auto 0;
    }
/*****title_un*****/
.title02 {
    width: 1200px;
    height: 210px;
    margin: 50px auto 0;
    overflow: hidden;
    position: relative;
    background: #e4dfbc;
    opacity: 1 !important;
    }
.title02 .title_un_deco {
    width: 1200px;
    height: 210px;
    display: block;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/title02.png) top center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1 !important;
    }

.p_g {
    text-align: center;
    padding: 50px 0 130px;
    }
.p_g li {
    display: inline-block;
    width: auto !important;
    height: auto !important;
    float: none !important;
    margin: 0 10px;
    padding: 0 5px;
    }
.p_g li.prev a , .p_g li.next a {
    background: #333;
    color: #fff;
    padding: 5px 10px;
    }
.border_box {
    width: 984px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-grow: initial;
    justify-content: center;
    }
.border_box .box {
    width: 328px;
    border: 1px solid #333;
    border-top: 0;
    display: inline-block;
    position: relative;
    }
.border_box .box:nth-of-type(-n+3) {
    border-top: 1px solid #333;
    }

.border_box .box dl {
    width: 328px;
    padding-top: 30px;
    }
.border_box .box dl dt {
    padding: 0 20px 8px;
    }
.border_box .box dl dd {
    padding: 0 13px 35px;
    text-align: left;
    }
.border_box .box span.b_top {
    width: 328px;
    position: absolute;
    top: -1px;
    left: -1px;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/border_box.png) top center no-repeat;
    display: block;
    height: 13px;
    }
.border_box .box span.b_bottom {
    width: 328px;
    position: absolute;
    bottom: -1px;
    left: -1px;
    background: url(/import/tenant_2/ricco-photostudio.com/akamon_setsalon_ricco/static/page/photo-studio/images/border_box.png) top center no-repeat;
    display: block;
    height: 13px;
    }
.border_box .box dl dd span.b_title {
    display: block;
    padding: 0 0 8px;
    font-size: 18px;
    text-align: center;
    }
.form_p {
    padding-bottom: 130px;
    line-height: 150%;
    }

/*--------bxスライダー--------------*/
#slider_wrapper {
    width: 3640px;
    height: auto;
    padding: 0 0 20px 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#slider_wrapper div.slide {
    width: 1200px !important;
}

.tori-isogi {
  display: none !important;
  }
  
  
  
/* 2022.08.09 */

.top03TextBox06 a{
  margin-top: 20px;
}

.weddprace01{
  padding: 0.5em 0em;
  border-bottom: 1px solid;
  list-style: none;
  width: 95%;
  margin: auto;
}

.weddprace02{
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}

.weddprace03{
  width: 70%;
  margin: 1% 0;
  text-align-last: left;
}

.weddprace04{
  float: none !important;
  display: block;
  margin-bottom: 10px;
}

.weddprace05{
  font-size: 14px !important;
  float: none !important;
}

/*2022/08/12*/
.head202208 {
  display: flex;
  align-items: flex-end;
}

.weddimg01 img{
  height: 280px !important;
	width: 377px !important;
	object-fit: cover;
}

.navi05{
  margin: auto;
}

.navisns{
  display: flex;
  justify-content: space-between;
}

.headnavi{
  align-items: center;
}

.g-box {
  margin-bottom: 50px;
}
.h3m {
  margin-bottom: 20px;
  font-size: 18px;
}

/*test.css*/
article {
  background: #f5f5f5;
}

#loopslide , #seavice , #photoplan , #studio {
  padding: 80px 0;
}

#message01 , #menu , #access {
  background: #fff;
  padding: 80px 0;
}

.blog {
  top: 32px;
}

/*header*/
.contact {
  width: 15%;
}

.contact p {
  padding: 20px 0;
  background: #dad9c0;
}

.contact p a {
  color: #fff;
  font-weight: bold;
}

.headerMenu li img {
  height: 30px !important;
}

/*roop slider*/
.loop_wrap {
  display: flex;
  width: 100vw;
  height: auto;
  overflow: hidden;
}

.loop_wrap ul {
  width: 100%;
  display: flex;
}

.loop_wrap ul li {
  width: calc(100vw / 6);
  padding: 1%;
  height: auto;
　align-items: flex-start;
}

.loop_wrap img {
  width: 100%;
}

@keyframes loop {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(-200%);
  }
  to {
    transform: translateX(0);
  }
}

.loop_wrap ul:first-child {
  animation: loop 60s -30s linear infinite;
}

.loop_wrap ul:last-child {
  animation: loop2 60s linear infinite;
}


@media (max-width: 1024px){
 .loop_wrap {
   height: 100px;
 }
 .loop_wrap ul li {
   width: calc(100vw / 2);
 }
}

/*main*/
.topTitleText {
  font-size: 38px;
  margin-bottom: 30px;
}

.top04 {
  padding-bottom: 0;
}

.fs18 {
  font-size: 18px;
}

.fwb {
  font-weight: bold;
}

/*20％OFF*/
#t-coupon {
  background: #fff;
  padding: 80px 0;
}

.f-coupon {
  width: 970px;
  margin: 0 auto;
}

.f-coupon .h2l {
  font-size: 36px;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 30px;
}

.f-txt {
  margin-bottom: 50px;
}

.t-bgg {
  width: 600px;
  margin: auto;
  padding: 10px;
  background: #ddd;
}

.t-bgg p {
  text-align: center;
  font-size: 32px;
  line-height: 1.2;
  border: 2px solid #fff;
  padding: 10%;
}

.t-bgg p span {
  font-size: 34px;
}

.n-reserve a{
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 220px;
    padding: 25px 35px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    font-size: 18px;
}
.n-reserve a::before {
  content: '';
  position: absolute;
  bottom: -7px;
  right: -7px;
  width: 100%;
  height: 2px;
  background-color: #bbbbbb;
  transition: 0.2s ease 0s;
}

.n-reserve a::after {
  content: '';
  position: absolute;
  top: 7px;
  right: -7px;
  width: 2px;
  height: 100%;
  background-color: #bbbbbb;
  transition: 0.2s ease 0.2s;
}

.n-reserve a:hover::before {
  width: 0%;
}

.n-reserve a:hover::after {
  height: 0%;
}

.n-reserve a:hover {
  text-decoration: none;
  background-color: #ccc;
}

@media (max-width: 1024px){
  .f-coupon {
    width: 90%;
  }
}

/*SERVICE*/
.seavice {
  width: 970px;
  margin: auto;
}

.se-box {
  position: relative;
  margin-bottom: 80px;
}

.se-box .se-img {
  width: 40%;
  margin-right: auto;
}

.se-box .se-img img {
  width: 100%;
}

.se-box p {
  position: absolute;
  right: 0;
  padding: 5%;
  background: rgb(237 241 242 / 70%);
  top: 75%;
}

.se-box.li2 .se-img {
  margin-left: auto;
  margin-right: initial;
}

.se-box.li2 p {
  left: 0;
  right: initial;
}

/*MESSAGE*/
.message {
  width: 970px;
  margin: auto;
  display: flex;
}

.m-img {
  width: 50%;
}

.message p {
  width: 45%;
  margin-left: 5%;
}

/*MENU*/
.top05 {
  width: 970px;
  margin: auto;
  padding-bottom: 0;
}

@media (max-width: 1024px){
  .top04ImagesContainer {
    width: 90%;
  }
  .message {
    width: 100%;
  }
  .top05 {
    width: 90%;
  }
}

.m-box {
  width: 100%;
  margin-bottom: 50px;
  padding: 30px 50px;
  background: #f5f5f5;
}

.mb-img {
  width: 800px;
  height: 200px;
  margin: auto;
  position: relative;
}

.mb-img img {
  width: 100%;
  height: 100%;
  opacity: 0.6;
}

.mb-text {
  position: absolute;
  left: 35%;
  top: 45%;
  font-size: 34px;
  font-weight: bold;
}

.mb-text.le22 {
  left: 22%;
}

.mb-text.le37 {
  left: 37%;
}

.mb-text.le41 {
  left: 41%;
}


.mb-menu {
  width: 800px;
  margin: 30px auto 0;
}

.mb-menu .m-m {
  text-align: center;
  font-size: 22px;
  margin: 80px 0 20px;
}

.mb-menu ul {
  width: 100%;
  margin-bottom: 30px;
}

.mb-menu ul li {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px dotted #000;
  display: flex;
}

.mb-menu ul li .m-left {
  width: 80%;
  line-height: 1.2;
}

.mb-menu ul li .m-right {
  position: absolute;
  right: 0;
  width: 18%;
  margin-left: 2%;
  text-align: right;
  bottom: 20px;
}

#menu .n-reserve a {
  background: #fff;
}

@media (max-width: 1024px){
  .seavice {
    width: 90%;
  }
  .mb-img {
    width: 90%;
    height: auto;
  }
  .mb-menu {
    width: 90%;
  }
  .mb-text.le22 {
    left: 18%;
  }
}

/*STUDIO*/
.studioInfo02 {
  margin-top: 0;
}

.studioInfo02 h2 {
  font-size: 38px;
}

/*ACCESS*/
.access {
  margin-top: 0;
}

.access h2 {
  font-size: 38px;
}

@media (max-width: 1024px){
  .studioInfo02 dl {
    width: 90%;
  }
  
  .studioInfo02 dt, .studioInfo02 dd {
    padding-left: 20px;
  }
  
  .mapContainer {
    width: 90%;
    display: flex;
  }
  
  .access .map {
  width: 50%;
  margin: auto;
  padding: 0;
}

.access .mapContainer img {
  width: 46%;
  margin: auto;
}

.access .mapContainer .map-like-box {
  width: 100%;
}
.footer_list {
  width: 95%;
  margin: -100px auto 50px;
}
}

@media (max-width: 1024px){
  header {
    height: 780px;
  }
  .topic {
    width: 500px;
    margin: 0;
    float: left;
  }
  .topic a {
    width: 500px;
  }
#slider_wrapper {
  width: 99%;
}
/*   .slide_uptxt {
width: 99%;
} */
  .title02 {
    width: 100%;
  }
  .bridal03Contents.clearfix {
    width: 100%;
  }
  .bridal03ContentsRight.right {
    width: 450px;
  }
  ul.bridal05PhotoAll.clearfix {
    width: 95%;
  }
  .priceContents01All,.priceContents02All,.priceContents03All,.priceContents04All {
    width: 95%;
  }
  .left {
    margin: auto;
  }
  .weddimg01 img {
    width: 217px !important;
    height: 165px !important;
  }
  .kids02 {
    width: 100%;
  }
  .album03 ul {
    width: 100%;
  }
  .album03 li {
    width: 28%;
    margin-right: 5%;
  }
  .step div {
    width: 100%;
    height: auto;
  }
  .album06 {
    width: 95%;
  }
  .album06 p {
    width: 100%;
  }
}