@import url('https://fonts.googleapis.com/css2?family=Meow+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500&display=swap');
.font1,
.nav .nav2,
.t_cms_txt2,.t_cms_txt5,.t_cms_txt8,
.cms_title .font_2up,
.more > div,
.other .box_title2,
.page_title_box .font_25{
    font-family: 'Meow Script', cursive;
}
.font2,
.nav .nav1,
.t_cms_txt3,.t_cms_txt6,.t_cms_txt9,
.cms_title .font_12up,
.other .box_title,
.page_title_box .font_45{
    font-family: 'Zen Kaku Gothic Antique', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.linkStyle{
    color:#bc8f8f;
}
.linkStyle:hover{
    transition:all 0.3s;
    text-decoration:underline;
}




/*--all page---------------------------
-------------------------------------*/
#body{
    overflow:hidden;
}
#wrap{
    width:100%;
    margin:0;
    margin-top:0;
}

#loading_logo{
    max-width:300px;
}
.nav ul{
    padding-right:7%;
}
.nav .nav1{
    font-weight:normal;
}
.nav .nav2{
    font-size:1.2rem;
}
.menu .nav ul li a:hover{
    color: #bc8f8f;
}
.bottom_menu li a:hover{
    color:#bc8f8f;
}


/*--top page---------------------------
-------------------------------------*/
.main_img_wrap{
    width:100%;
}
.catch{
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:40%;
}
.catch_p{
    font-size:3rem;
    letter-spacing: 5px;
}

.top_nav{
    display:none;
}
.vegas-overlay{
    opacity:0.3!important;
}

.camera{
    top:-200px;
    right:-100px;
    width:22vw;
    height:40vh;
    background-image:url(./Dup/img/camera.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:right center;
    z-index:2;
}

#contents .box{
    margin-bottom:150px;
}
#contents .box_wrap div .box:nth-child(3){
    margin-bottom:250px;
}
#contents .box .txt_wrap{
    z-index:2;
}
#contents .box figure:after{
    display:none;
}
.t_cms_txt2,.t_cms_txt5,.t_cms_txt8{
    font-size:4rem;
    transform: rotate(-3deg)!important;
    margin-bottom: 20px;
    margin-left: -20px;
}
.t_cms_txt3,.t_cms_txt6,.t_cms_txt9{
    font-size:1.5rem;
    font-weight:500;
}
.t_cms_txt4,.t_cms_txt7,.t_cms_txt10{
    line-height:2;
}
.img-container{
    border: 10px solid white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.t_cms_img1 .img-container{
    transform: rotate(2deg);
}
.t_cms_img2 .img-container{
    transform: rotate(-2deg);
}
.t_cms_img3 .img-container{
    transform: rotate(1deg);
}

.img-container:before,
.t_cms_img2 .img-container:before{
    background-color: #ffdab9;
}
/*
.t_cms_img2 .img-container:before{
    background-color:#d5b0b0;
}
*/
.con2_img{
    z-index: 2;
    width: 25vw;
    bottom: -200px;
    left: -150px;
    border: 7px solid white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    transform: rotate(10deg);
}
.girl{
    z-index:2;
    bottom:-50px;
    right:-20px;
    width:17vw;
}

.svg_box{
    display:none;
}
#top_cms .line{
    display:none;
}
#top_cms .cms_title .font_12up{
    font-weight:500;
}
#top_cms .cms_title .font_2up{
    font-size:2rem;
    transform-origin: left;
    transform: rotate(-8deg);
    margin-left:-20px;
}
#top_cms .more{
    font-size:2rem;
}
.top_cms_box .more_box .more div{
    font-weight:normal;
}
.other .box figure{
    opacity:0.3;
}
.other .box_title{
    font-weight:500;
}
.other .box_title2{
    font-size:2rem;
}
/*下からフェードイン*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}
.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

/*--under page---------------------------
-------------------------------------*/
.all_page{
    background-color: #ffdab9;
}
.all_page .img-container_img{
    border:0;
    box-shadow:none;
}
.all_page .img-container:before{
    background-color: #bc8f8f;
}
#title_img{
    border:0;
    box-shadow:none;
}
.page_title_box .font_45{
    font-weight:500;
    text-shadow:2px 2px white;
}

.page_title_box .font_25{
    font-weight:bold;
    text-shadow:2px 2px white;
}
.cate_list{
    border-bottom:1px solid #444;
}
.page10 .more_box .more > div{
    font-family: 'Zen Kaku Gothic Antique', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.cms_wrap_box,
.page7 .box_wrap,
#page8 .box_wrap,
.page9_box_wrap,
.page10_box_wrap{
    width: 80%;
    margin-left: auto;
}
/*photo frame*/
#cms_1-c figure{
    border:7px solid white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
#cms_2-c figure,
#cms_3-c figure,
#cms_4-a figure{
    border:10px solid white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* ---------- responshive ---------- */
@media screen and (max-width: 1000px){
#contents{
    padding-top:100px;
}
.con2_img{
    bottom:-100px;
}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header .logo{
    width:25%;
}
.all_header .logo{
    width:15%;
    padding-top:10px;
    padding-bottom:5px;
}
.catch{
    width:100%;
}
.catch_p{
    font-size:2rem;
}
#contents{
    padding-top:50px;
}
#contents .box_wrap div .box:nth-child(3) {
    margin-bottom: 100px;
}
#contents .box {
    margin-bottom: 100px;
}
#contents .box .txt_wrap {
    width: 90%;
    padding-right: 0;
}
#contents .box figure{
    width:65%;
}
.t_cms_img1{
    margin-top:100px;
}
.t_cms_img2{
    margin-bottom:100px;
    margin-right:50px;
    margin-left:auto;
}
.con2_img{
    width:32vw;
    bottom:-30px;
    left:-150px;
}
.t_cms_img3{
    margin-top:50px;
}
.girl{
    right:-50px;
    width:25vw;
}
.cms_wrap_box, .page7 .box_wrap, #page8 .box_wrap, .page9_box_wrap, .page10_box_wrap{
    max-width: 80%;
    margin-right: 0;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header .logo {
    width: 30%;
}
.catch_p {
    font-size: 1.5rem;
}
.t_cms_txt2, .t_cms_txt5, .t_cms_txt8{
    font-size:3rem;
    margin-bottom:0;
}
#contents .box figure {
    width: 85%;
    margin-top:70px;
}
.camera{
    top:-150px;
    right:-50px;
    width:35vw;
}
.con2_img{
    width:52vw;
    bottom:-120px;
    left:auto;
    right:-40px;
}
.girl{
    width:48vw;
}
.all_header .logo {
    width: 25%;
}
#page_title .img-container::after{
    background-color: rgba(185,185,185,0.3);
}
.page_title_box .font_45,
.page_title_box .font_25{
    text-shadow:none;
}
.page_title_box .font_45{
    font-size:22px;
}
.page_title_box .font_25{
    font-size:1.5rem;
}
#cms_1-c{
    margin-left:0;
}
.all_page:before {
    width: 87%;
}
.cms_wrap_box, .page7 .box_wrap, #page8 .box_wrap, .page9_box_wrap, .page10_box_wrap{
    margin-right:10px;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#top_cms .more{
    padding-bottom:10px;
}
#contact_tel a{
    padding-top:35px;
}
.page10 .more_box .more div{
    padding-top:0;
}
}