/* ---------------------- color */
/* メインカラー */
.txt_color1{color: #e5a6b1} 
.bg_color1{background-color: #FFC0CB}
.border_color1{border-color: #FFC0CB}
.hvr_txt_color1:hover{color: #e5a6b1} 
.hvr_bg_color1:hover{background-color: #FFC0CB} 
.hvr_border_color1:hover{border-color: #FFC0CB}
/* サブカラー */

/* アクセントカラー */

/* アクセントカラー2 */
.txt_color4{color: #faf9fd} 
.bg_color4{background-color: #faf9fd} 
.border_color4{border-color: #faf9fd}
.hvr_txt_color4:hover{color: #faf9fd} 
.hvr_bg_color4:hover{background-color: #faf9fd} 
.hvr_border_color4:hover{border-color: #faf9fd}


.txt_color3{color: #B6DEDE} 
.bg_color3{background-color: #B6DEDE} 
.border_color3{border-color: #B6DEDE}
.hvr_txt_color3:hover{color: #B6DEDE} 
.hvr_bg_color3:hover{background-color: #B6DEDE} 
.hvr_border_color3:hover{border-color: #B6DEDE}

.txt_color2{color: #bad2d5} 
.bg_color2{background-color: #bad2d5} 
.border_color2{border-color: #bad2d5}
.hvr_txt_color2:hover{color: #bad2d5} 
.hvr_bg_color2:hover{background-color: #bad2d5} 
.hvr_border_color2:hover{border-color: #bad2d5}


body,.txt_color_nomal{color: #434e6b;}

p::selection,
span::selection,
h2::selection,
h3::selection,
a::selection,
div::selection,
img::selection,
br::selection{
background:#FFC0CB;
color: #fff;
}

p::-moz-selection {
background:#FFC0CB;
color: #fff;
}
/* ---------------------- common */
body {
    font-family: 'Lora','Shippori Mincho B1',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}

#contact-banner{
    display: none;
}

/* --- automatic link --- */
.linkStyle{color: #e5a6b1}

.linkStyle:hover{
    text-decoration: underline;
}

/* ---------------------- header */

/* ---------------------- nav */
.top_nav ul li {
    border-left: 1px solid #fff;
}
.menu {
    padding: 18px 0px;
}
.menu .nav ul li {
    margin-left: 17px;
    border-color: #e5a6b1;
}
.menu .nav ul li a {
    padding-left: 20px;
}
.nav2 {
    opacity: 0.7;
}
.nav .logo {
    margin: 0 10px 0 20px;
}
/* ---------------------- footer */
footer {
    background-color: #B6DEDE;
}

footer svg {
    opacity: 0.25;
}
#dec9, #dec10, #dec11, #dec12, #dec13, #dec14, #dec15, #dec16 {
    color: rgba(0,0,0,0.3);
    color: #669ca1!important;
}
#footer .txt_white{color:#434f6c;}
#footer .grid_6 p,
.footer_cms {
    position: relative;
    z-index: 3;
}
footer .dec {
    width: 62px;
}
/* -------------------------- top ------------------------- */
.img-container:before {
    background: #bad2d5;
}
.t_cms_img2 .img-container:before {
    background: #bdd7ec;
}
#top_cms {
    background-image: url(./dup/img/hologram.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#contents .img-container_img {
    border-top-left-radius: 41% 44%;
    border-top-right-radius: 48% 36%;
    border-bottom-right-radius: 48% 63%;
    border-bottom-left-radius: 50% 58%;
}
#contents .img-container:before{
    border-top-left-radius: 41% 44%;
    border-top-right-radius: 48% 36%;
    border-bottom-right-radius: 48% 63%;
    border-bottom-left-radius: 50% 58%;
}
#contents .box:nth-child(odd) figure:after {
    right: 43%;
}
#contents .box figure:after {
    top: 0;
    bottom: -22%;
    width: 100%;
    height: 90%;
    border: 0px solid;
    opacity: 0.9;
    background: radial-gradient(#e5a6b1 30%, transparent 74%);
    padding: 30px;
    border-radius: 50px;
}
.top_cms_box:before {
    width: 60px;
    height: 5px;
    background: linear-gradient(90deg, #FFC0CB 0%, #ECD3F0 26%, #B6DEDE 45%, #BEFFF9 72%, #BDD7EC 100%);
}
#dec1, #dec3, #dec5, #dec7,
#dec2, #dec4, #dec6, #dec8 {
    color: #BDD7EC;
}
.t_cms_txt2,
.t_cms_txt5,
.t_cms_txt8{
    font-family: 'Dancing Script', cursive;
        font-size: 200%;
}
#top_link_box {
    display: flex;
    padding: 50px 20px 0;
    justify-content: center;
        margin: 50px 0;
}
.top_link_wrap {
    width: 400px;
    margin: 0 10px;
    
}

.top_link_wrap a img{
    transition: all 0.3s cubic-bezier(0.4, 0, 0.5, 1);
}

.top_link_wrap a:hover img{
    transform: translateY(-5px);
    filter: drop-shadow(0px 11px 4px rgba(0,0,0,0.08));
}

/* --- more --- */

/* -------------------------- sub ------------------------- */
main.all_page {
    background-image: url(./dup/img/hologram.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.cate_list {
    border-bottom: 2px solid #ffc0cb;
}
.cate_list li a {
    font-size: 90%;
}
.cate_list li a::before {
    transition: all 0.3s;
}
.cate_list li a:hover::before {
    color: #ffc0cb;
}
#title_img span {
    background-position: center 30%;
    background-size: 100% auto;
    height: 350px;
}
.page_title_box p.is-show > span > span {
    background-color: transparent;
    box-shadow: none;
}
.page_title_box p span {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    background-color: rgba(255,255,255,0.7);
    box-shadow: 1px 2px 8px rgba(67, 79, 108, 0.2);
}
/* ---------------------- cms1 */
#cms_1-a .box_txt1 {
    opacity: 1;
}
#cms_1-a .date {
    width: 150px;
    background-color: rgba(255,255,255,0.7);
    border: none;
    box-shadow: 1px 2px 8px rgba(67, 79, 108, 0.2);
}
/* ---------------------- cms2 */
/*#cms_2-a .cate_title {*/
/*    background-color: rgba(255,255,255,0.3);*/
/*}*/
/* ---------------------- cms3 */
/*#cms_3-c .cate_title {*/
/*    background-color: rgba(255,255,255,0.3);*/
/*}*/
/* ---------------------- cms4 */

/* ---------------------- cms5 */

/* ---------------------- info */
#page7 .box_item h3 {
    color: #e5a6b1;
}
#page7 .box_item p {
    color: #434e6b;
    font-weight: 400;
}
/* ---------------------- contact */
#contact_line a{
    background-color: #06c755;
    transition: 0.5s;
    text-align: center;
}
#contact_line a:hover{
    opacity: 0.7;
}
.nosales{
    color: #b30c29;
    font-size: 120%;
    margin-bottom: 10px;
}
/* ---------------------- privacy policy */

/* ---------------------- sitemap */


/* ----------------------------------------------------------------------------------------------------------------------------
IE
--------------------------------------------------------- */
@media all and (-ms-high-contrast: none){
/* ---------------------- common */

/* ---------------------- header */

/* ---------------------- nav */

/* ---------------------- footer */



/* -------------------------- top ------------------------- */
.top_cms_box .more_box .more div {
    padding-top: 0px;
}

/* --- more --- */

/* -------------------------- sub ------------------------- */

/* ---------------------- cms1 */

/* ---------------------- cms2 */

#cms_2-a .cate .cate_title {
    padding-top: 10px!important;
}

/* ---------------------- cms3 */

/* ---------------------- cms4 */

/* ---------------------- cms5 */

/* ---------------------- info */

/* ---------------------- contact */

/* ---------------------- privacy policy */
#page9 p a {
    padding-top: 5px;
}

/* ---------------------- sitemap */


}

/* ---------------------------------------------------------------------------------------------------------------------------- 
タブレット　
--------------------------------------------------------- */
@media screen and (max-width: 768px){
/* ---------------------- common */
 .linkStyle{
    text-decoration: underline;
}
 
 /* ---------------------- header */

/* ---------------------- nav */

/* ---------------------- footer */



/* -------------------------- top ------------------------- */
/* --- more --- */

/* -------------------------- sub ------------------------- */

/* ---------------------- cms1 */

/* ---------------------- cms2 */

/* ---------------------- cms3 */

/* ---------------------- cms4 */

/* ---------------------- cms5 */

/* ---------------------- info */

/* ---------------------- contact */
#tel_CONTACT{background-color: rgba(255,255,255,0.3);}
/* ---------------------- privacy policy */

/* ---------------------- sitemap */

 
}

/* ----------------------------------------------------------------------------------------------------------------------------
スマホ　
--------------------------------------------------------- */
@media screen and (max-width: 667px){
/* ---------------------- common */
#contact-banner{
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 240px;
    border: 2px solid;
    border-image: linear-gradient(90deg, #FFC0CB 0%, #ECD3F0 26%, #B6DEDE 45%, #BEFFF9 72%, #BDD7EC 100%);
    border-image-slice: 1;
    background-color: #fff;
    z-index: 9;
    padding: 15px 2px;
    text-align: center;
}
#contact-banner a{
    color: #434f6c;
    font-weight: 700;
}
/* ---------------------- header */
header .logo {
    width: 110px;
}
/* ---------------------- nav */

/* ---------------------- footer */



/* -------------------------- top ------------------------- */
#contents .box:nth-child(odd) figure:after {
    right: 46%;
    bottom: -9%;
    width: 87%;
}
#top_link_box {
    flex-wrap: wrap;
}
.top_link_wrap {
    width: 90%;
    max-width: 400px;
    margin: 10px 0px;
}
/* --- more --- */

/* -------------------------- sub ------------------------- */
.page_title_box p span {
    text-shadow: none;
    background-color: transparent;
    box-shadow: none;
}
/* ---------------------- cms1 */

/* ---------------------- cms2 */

/* ---------------------- cms3 */

/* ---------------------- cms4 */

/* ---------------------- cms5 */

/* ---------------------- info */

/* ---------------------- contact */

/* ---------------------- privacy policy */

/* ---------------------- sitemap */

	
}