body{
background-color:#fdfcfa;
background-color:#FFFAF0;
}

::selection {
    /*background: #ffbe57;*/
background:#00A968;
    color: #fff;
}

.bg_color1 {
    /*background-color: #FF3366;*/
background: #ff3366; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ff3366 0%, #ffbe57 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ff3366 0%,#ffbe57 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ff3366 0%,#ffbe57 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3366', endColorstr='#ffbe57',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.border_color1 {
    border-color: #8B4513;
}

.bg_color4 {
    background-color: #9e7456;
/*background-color: #8B4513;*/
}

.hvr_bg_color1:hover {
    background-color: #9e7456;
}

h1,logo{
width:70%;
}

#footer_menu ul li a {
    color: white;
}

header{
    background-image: url(./Dup/img/back.png), url(./Dup/img/back2.png);
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: top left, top right;
border-top:none !important;
}

#contents .box:nth-of-type(2){
background-image: url(./Dup/img/moon.png);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: right 90px;
}

#side_contact h2 span{
background-color:#FFFAF0;
}

#page_title{
    background-image: url(./Dup/img/page_title.jpg);
    background-size: cover;
}

.hamburger__icon.bg_color1{
background:#FF3366 !important;
}

.hamburger__icon:after, .hamburger__icon:before {
  background-color:#FF3366 !important;
}

.hamburger.active .hamburger__icon {
    background-color: transparent !important;
}

.hamburger {
    z-index: 9997;
}

.footer_box{
background-color:transparent !important;
}

.mail_bt a{
background: #ffbe57 !important;
}

.more a{
    background-color: #ff5b61;
    color: white;
}



/*----------------20200619------------------*/

.header_wrap{
max-width:1500px;
}

/*----------------20200619------------------*/


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#side_info h2.logo{
width:40% !important;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#side_info h2.logo{
width:60% !important;
}

#contents .box:nth-of-type(2) {
    background-size: 100px;
}

}