﻿/* ----------　all　---------- */
.linkStyle{
	color:#;
}
.linkStyle:hover{
	color:#;
	opacity: 0.7;
	transition: all 0.5s;
}

#page_title .page_title_box .wrap {
    filter: drop-shadow(0px 0px 10px white) drop-shadow(0px 0px 10px white);
}



/* ----------　TOP　---------- */

#main{
    position: relative;
}

#main:before{
       content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 45%;
    background-image: url(./Dup/img/nana.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: cover;
    pointer-events: none;
    z-index: 0;
}

#main:after{
    content: "";
    display: block;
    width: 90%;
    height: 70%;
    position: absolute;
    top: 40%;
    left: 50%;
    background-image: url(./Dup/img/send.svg);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 0;
}

#catch{
        background-image: url(./Dup/img/hito.png);
    background-size: 450px;
    background-repeat: no-repeat;
    background-position: 20% 150px;
}

#loading_bg{
        background-color: #363a40 !important;
}

#loader.load_bg{
            background-color: #363a40 !important;
}

#page_title {
    background-position: center;
    background-attachment: inherit;
}

#mail_CONTACT{
    display: none;
}

#main .main_box {
    left: 10%;
}

.catch_txt h2{
    font-size: -webkit-calc(1rem + 14px);
    font-size: calc(1rem + 14px);
}

#main .main_box h2 {
    color: white;
}

.no{
    
    color: #4acbff;
}

.more a {
    background-color: cyan;
    color: black;
}

.catch_txt {
    background-color: rgba(25,25,25,0.45) !important;
}

/* ----------　下層ページ　---------- */


#page_title:after {
    background-color: rgba(210,210,210,0.2);
}


/* 会社情報 */
/* お問い合わせ */

#tel_contact p a{
        color: #39d3ff;
    border-bottom: 1px solid #39d3ff;
}

.dec{

    display: block;
    font-size: 14px;

}



/* プライバシーポリシー */
/* サイトマップ */

/*-------------------------------------------------------
			            IE
-------------------------------------------------------*/

@media all and (-ms-high-contrast: none){
  .sample{

  }
}

/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    #main:after {
    width: 90%;
    height: 70%;
    top: 40%;
    left: 50%;
    background-size: 30%;
    pointer-events: none;
    z-index: 0;
    filter: drop-shadow(2px 2px 20px black);
}

#main .main_box {
    left: 10%;
    top: 65%;
    filter: drop-shadow(2px 2px 40px black);
}

.catch_txt h2 {
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
    margin: 50px auto;
}

.shop_info h2{
        font-size: -webkit-calc(1rem + 12px);
    font-size: calc(1rem + 12px);
        letter-spacing: 0.01em;
}

.shop_info .info, .shop_info .contact {
    padding: 100px 0;
}

.page_title p.font_30up{
    font-size: -webkit-calc(1rem + 12px);
    font-size: calc(1rem + 12px);
    
}

#main .main_box h2{
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}

}