﻿.bg_color1 {background-color: #BBBBBB;}
.bg_color3 {background-color: #dd0076;}
.border_color2 {border-color: #dd0076;}
.border_color3 {border-color: #d10080;}
.border_color4 {border-color: #bbbbbb;}
.txt_color2 {color: #d10080;}
/* ----------　all　---------- */
.linkStyle{
	color:#dd0076;
}
.linkStyle:hover{
	color:#dd0076;
	opacity: 0.7;
	transition: all 0.5s;
}
.banner_box{
    margin-top: 50px;
}
.banner{
    width: 40%;
    margin: 0 2%;
    max-width: 300px;
}

footer,#left_bar #menu_bt,#left_bar #scroll,#top_return.retop{
    background-color: #d10080!important;
}
header,.cate_list li a{
    background-color: #241816;
}
header h1 {
    max-width: 400px;
}
.top #top_header h1 {
    max-width: 500px;
}
/* ----------　top　---------- */
.top #main_right header{
    background-color: #BBBBBB;
padding-right: 0px;
    padding-top: 50px;
}
#pc_tel {
display:none;
}
#pc_intro{
    background-image: url(Dup/back.png);
}

.links_bt {
background-image: url(Dup/check_back1.png);
    background-position: 0 0;
    -webkit-animation: bgroop 1.5s linear infinite;
    animation: bgroop 1.5s linear infinite;
    background-size: contain;

}
#top_link .links_bt {
    width: 40%!important;
    max-width: 350px;
}
@-webkit-keyframes bgroop {
  0%,100% {
background-image: url(Dup/check_back1.png);
  }

  50% {
background-image: none;
  }
}
.links_bt img{
background-image: url(Dup/check_back2.png);
    background-position: 0 0;
    -webkit-animation: bgroop 1.5s linear infinite;
    animation: bgroop2 1.5s linear infinite;
    background-size: contain;
}
@-webkit-keyframes bgroop2 {
  0%,100% {
background-image: none;

  }

  50% {
background-image: url(Dup/check_back2.png);

  }
}


#pc_intro h3{
    width: 55%!important;
max-width: 450px;
}
#pc_intro figure{
    width: 80%!important;
}
#contents h3{
font-weight: bold;
}
/* ----------　下層ページ　---------- */
#main_left #left_link {
    width: 50%!important;
}
#main_right header{
padding-right: 0px;
}
#top_header{
    background-color: transparent!important;
}
#page_title{
border-bottom: 5px solid #d10080;
background-image: url(Dup/back.png);
padding-right:5%;
}
#page_title h2 span{
color: #241816;
    font-weight: bold;
    text-shadow: none;
}
#cms_1-f .retop{
display:none;
}
#cms_3-f .box_txt1 {
color: #d10080;
}
#cms_2-c .box_txt1{
    color: #d10080;
}
#cms_6-b .cate_box, #cms_6-b .cate_box .box_txt1, #cms_6-b .cate_box .box_txt2 {
    border-color: #bbbbbb;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
  .sample{

  }
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
.top #main_right header {
    background-color: transparent;
padding-top: 0px;
}
#top_header {
    background-color: rgba(36, 24, 22, 0.9)!important;
}
#intro .overflow {
    top: 2%;
}
#intro h2 img {
    width: 220px;
}
#contents {
    padding: 0vh 0!important;
}
#contents h3{
    margin-bottom: 5vh!important;
    font-size: 34px;
    letter-spacing: 5px;
}
#main_menu img{
    padding: 4px;
    width: 95%;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
.banner {
    width: 80%;
    margin: 0 2% 25px;
    max-width: 300px;
}
#intro h2 img {
    width: 170px;
}
#intro #intro_wrap {
    margin: 10px auto;
}
header #top_link .links_bt {
    top: 35%!important;
    left: 55%!important;
width: 50%!important;
}
#contents h3 {
    font-size: 21px;
    letter-spacing: 3px;
}
}