﻿.bg_color1 {background-color: #ff8c49;}
.bg_color2 {background-color: #fdfcf2;}
.txt_color1 {color: #ff8c49;}
.txt_color2 {color: #ff8c49;}
.border_color1 {border-color: #ff8c49;}
.border_color2 {border-color: #ffc451;}
.border_color3 {border-color: #ff8c49;}
.hvr_txt_color1:hover {color: #ff8c49;}
h1, h2, h3, h4, h5, h6 {color: #ff9559;}
/* ----------　all　---------- */
.linkStyle{
	color:#f26477;
}
.linkStyle:hover{
	color:#f26477;
	opacity: 0.7;
	transition: all 0.5s;
}
.banner {
    width: 80%;
    max-width: 300px;
    margin-top: 20px;
}
#loader {
    background-color: #fdfcf2;
}
#loader::after {
    background-color: #ff8c49;
}
body,.txt_color_nomal{
        color: #926228;
}
body,#wrap,.font_serif{font-family: 'Kosugi Maru', sans-serif;}
figure,figure img,#contents2 .box > div{
    border-radius: 20px;
}
#top_cms .top_cms_box .more a,.item1::before, .item2::before, .item3::before {
    border-radius: 50%;
}
.item1::before, .item2::before, .item3::before {
    background-color:#fef7e7!important;
}
#top_cms .top_cms_box .top_cms_title p {
    color: #ffc451;
}
#footer .logo{
    opacity:0 ;
}
footer #footer #footer_cms > div {
    background-color: rgba(255,255,255,0.9);
    border-radius: 20px;
}
#footer_txt h3{
        color: #ffffff;
}
/* ----------　TOP　---------- */
header h1 {
    max-width: 150px;
    top: 55px;
    background-color: #ffffff!important;
    border-radius: 50%;
    text-align: center;
    padding: 30px;
}
#main_img {
    height: auto;
}
#contents1 .item2::before, #contents1 .item3::before {
    background-color: #f26477!important;
    border-radius: 20px;
    height: 70%;
    width: 80%;
    top: 20%;
    left: 15%;
    transform: translateY(0%);
}
#top_cms .top_cms_box .more a, .item1::before, .item2::before, .item3::before {
    color: #f26477;
}
#top_cms .top_cms_box .more a:hover{
        background-color: #f26477;
    color: white!important;
}
#top_cms .cms_4-c figure{    
    border-radius: 0px;
    
}

/* ----------　下層ページ　---------- */
#page_title .item1::before, #page_title .item2::before {
    background-color: #fff!important;
    
}
.item2 span {
    color: #ffc451; 
}
.cate_list{
        margin-bottom: 0px;
}
.cate_list li{
    margin-bottom: 40px;
}
.cate_list li a {
    background-color: #ff8c49;
    color: #fff;
    padding: 15px 10px;
    border-radius: 50px;
    opacity: 1;
}
.cate_list li a:hover{
    background-color: #f26477;
}
#cms_4-c .cate_box figure{
        border-radius: 50%;
}
.cms_5-b .cate_box .open_bt .box_title1::before,#cms_5-b .cate_box .open_bt .box_title1::before {
    color: #f26477!important;
}
#cms_3-b .cate_box{
    border-radius: 20px;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
  .sample{

  }
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
header h1 {
    max-width: 130px;
    top: 55px;
    left: 30px;
    top: 20px;
    z-index: 2;
}
#menu_bt {
    border-radius: 50%;
}    
#menu_bt.active div > span:nth-of-type(2) {
    transform: translate(3px,0px) rotate(45deg);
}
#menu_bt.active div > span:nth-of-type(3) {
    transform: translate(3px,-12px) rotate(-45deg);
}
#footer .logo {
    display: none;
}
#page-top{
    right: 20px;
    border-radius: 50%;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
header h1 {
    padding: 0px;
    top: 10px;
    width: 25%;
}   
#menu_bt div > span:nth-of-type(1) {
    width: 25px;
    margin-bottom: 5px;
}
#menu_bt div > span:nth-of-type(2), #menu_bt:hover div > span:nth-of-type(2) {
    width: 20px;
    margin-bottom: 5px;
}
#menu_bt div > span:nth-of-type(3), #menu_bt:hover div > span:nth-of-type(3) {
    width: 15px;
}
#menu_bt.active div > span:nth-of-type(2) {
    transform: translate(2px,0px) rotate(45deg)!important;
        width: 26px;
}
#menu_bt.active div > span:nth-of-type(3) {
    transform: translate(3px,-8px) rotate(-45deg)!important;
        width:26px;
}
#main_menu {
    padding-top: 100px;
}
#main_menu ul{
    margin-bottom: 0px;
}
.cate_list li {
    margin-right: 0px;
}

.cate_list li a {
    text-align: center;
}
}