﻿
div#footer_txt {
    padding-top: 20px;
    padding-bottom:20px;
}
span.d_inline_b.font_12_sp.pd_5px.pd_l-10px.pd_r-10px.bg_color1.txt_white.border_rad3.txt_vertical_sp {
    white-space: nowrap;
}
div#t_banner {
    max-width: 400px;
    margin: auto;
    transition: all 0.3s;
}
div#t_banner:hover{
    opacity:0.6;
}
.cate_list li a {
    opacity: 1;
}
.cate_list li a:hover {
    opacity: 0.4;
}
#menu_wrap ul.menu_nav li a{
   font-family: "HGP行書体" !important; 
   font-size: 20px;
}
a.linkStyle {
    color: #952d2a;
}
.box_title1{
    font-family: "HGP行書体" !important;
    font-size:28px;
}
.v_type2 h3{
    font-family: "HGP行書体" !important;
    font-size:28px;
}
#page10 .box p {
    display: none;
}
.cate_title {
    font-family: "HGP行書体" !important;
    border: 0;
    display: inline-block;
    position: relative;
    font-size: 28px;
    padding: 0;
    margin-left: 80px;
}
.cate_title:before {
   width: 45px;
    height: 35px;
    content: "";
    position: absolute;
    background: url(Dup/img/title_b.png) no-repeat;
    background-size: contain;
    left: -60px;
    top: 7px;
}
.cate_title:after {
      width: 45px;
    height: 35px;
    content: "";
    position: absolute;
    background: url(Dup/img/title_b.png) no-repeat;
    background-size: contain;
    right: -60px;
    top: 7px;
    transform: scale(-1,1);
}

.top_cms_title h3:after {
    width: 45px;
    height: 35px;
    content: "";
    position: absolute;
    background: url(Dup/img/title_b.png) no-repeat;
    background-size: contain;
    left: -60px;
    top: 0px;
}
.top_cms_title h3:before {
    width: 45px;
    height: 35px;
    content: "";
    position: absolute;
    background: url(Dup/img/title_b.png) no-repeat;
    background-size: contain;
    right: -60px;
    top: 0px;
    transform: scale(-1,1);
}
.top_cms_title h3{
    display:inline-block;
    positoin:relative;
}
.top_cms_title {
    text-align:center;
}

nav ul li a {
    font-family: "HGP行書体" !important;
    font-size: 20px;
}
#page_title h2 {
    font-family: "HGP行書体" !important;
}
#page_title p {
    display: none;
}
.bg_color1 {
    background-color: #952d2a;
}

.v_type2 .demo_box {padding-top: 70px}
.v_type2 {counter-reset: number 0;}
.v_type2 .cate_box {padding: 50px 50px 30px;}
.v_type2 .cate_box:before {
    counter-increment: number 1;
    content: "0" counter(number);
    display: inline-block;
    position: absolute;
    top: -43px;
    left: -5px;
    z-index: 1;
    font-size: 80px;
    font-weight: 100;
    font-style: italic;
    color: #952d2a;
    background-color: #fff;
    line-height: 1;
    padding: 0 25px 0 0;
}
@media screen and (max-width: 667px){
.v_type2 .cate_box{padding: 42px 25px 25px;}
.v_type2 .cate_box:before{top: -31px;font-size: 48px;}
}

.link_top {
    margin-bottom: 20px;
}
.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
	margin-bottom: 30px;
    color: #474521;
    font-weight: normal;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
}
.link_type1 .link_top a{
	padding-top: 80px;
    padding-bottom: 60px;
}
.link_type1 .link_top a:hover{
    background-color: #ededeb;
}
.link_type1 .link_top a:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);
    opacity:1;
}
.link_type1 .link_top .link_title {
    z-index: 3;
    color: #ffffff;
    font-family: "HGP行書体" !important;
    font-size: 26px;
}
.link_type1 .link_top a:before{
        width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: #00000080;
    z-index: 2;
    left: 0;
    top: 0;
}
span.link_img1.posi_center.width_100per.height100per.bg_size-cover.bg_posi_c-c.opacity02.d_block.motion1s{
    opacity:1;
}
@media screen and (max-width: 667px){
.link_type1 .link_top .link_title{
    font-size: 15px;
}
}

h1.mg_b-30px {
    padding: 20px;
}
div#main_b {
    width: 20vw;
    position: absolute;
    z-index: 2;
    right: 8%;
    top: 8%;
    max-width: 300px;
}
#intro h3{
    max-width: 420px;
    margin-bottom: 30px;
    width: 90%;
}
#contents1 h4{
    max-width: 450px;
    margin-bottom: 30px;
    width: 90%;
}
#contents2 h3 {
    max-width: 420px;
    padding-left: 0;
    margin-bottom: 20px;
}
#contents2 h3::after{
    display:none;
}
h3.en_font{
    font-family: "HGP行書体" !important;
    color: #212121;
    
}
#top_cms .top_cms_box .top_cms_title p {
    display: none;
}
#top_cms .top_cms_box .top_cms_title h3{
    font-size:38px;
}

/*-------------------------------------------タブレット--------------------------------*/
@media screen and (max-width:768px){
header h1 {
    max-width: 110px;
    margin-bottom: 0 !important;
    padding: 0 !important;
}
header h1 {
    max-width: 110px;
    margin-bottom: 0 !important;
    padding: 0 !important;
}
#contents2 > div {
    background: #952d2a;
}
.box_title1 {
    font-size: 20px;
}
div#main_b {
    width: 27vw;
}
}

/*-------------------------------------------スマホ--------------------------------*/
@media screen and (max-width:667px){
    .cate_title:before {
    width: 100%;
    height: 30px;
    content: "";
    position: absolute;
    background: url(Dup/img/title_b.png) no-repeat;
    background-size: contain;
    background-position: center;
    left: -5px;
    top: -28px;
}
    header h1 {
    max-width: 60px;
    }
   div#main_b {
    width: 24vw;
    position: absolute;
    z-index: 2;
    right: 10%;
    top: 11%;
    max-width: 380px;
}
#intro h3 {
    width: 80%;
}
#contents2 h3 {
    width: 80%;
}
.link_type1 .link_top .link_title {
    font-size: 20px;
}
.v_type2 h3 {
    font-size: 22px;
}
#cms_3-c .cate_title {
    margin-left: 80px;
}
.cate_title:after{
    display:none;
}

.cate_title {
    font-family: "HGP行書体" !important;
    border: 0;
    display: inline-block;
    position: relative;
    font-size: 24px;
    white-space:nowrap;
    padding: 0;
    margin-left: 0;
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
}
#cms_3-c .cate_title {
    margin-left: 0;
}
#top_cms .top_cms_box .top_cms_title h3 {
    font-size: 28px;
}
.top_cms_title h3:before {
   width: 40px;
    height: 30px;
    content: "";
    position: absolute;
    background: url(Dup/img/title_b.png) no-repeat;
    background-size: contain;
    right: -60px;
    top: 0px;
    background-position: center;
    transform:scale(-1,1);
}
.top_cms_title h3:after {
    width: 40px;
    height: 30px;
    content: "";
    position: absolute;
    background: url(Dup/img/title_b.png) no-repeat;
    background-size: contain;
    left: -60px;
    top: 0px;
    background-position: center;
}
}