@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500&display=swap');
.font1{font-family: 'Shippori Mincho B1', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho","serif";}
body{font-family: "hiragino_min", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
@font-face {
    font-family: 'hiragino_min';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/hiragino_min_r.woff') format('woff'),
        url('../Dup/img/hiragino_min_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'hiragino_min';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/img/hiragino_min_b.woff') format('woff'),
        url('../Dup/img/hiragino_min_b.eot')  format('eot');
    font-display: swap;
}
.linkStyle{color:#0f38cc;}


/*-all page---------------------------------------------------------------------------*/
.trans_logo img{max-width:170px;}
#footer .footer_bottom,#footer .footer_nav,.pager li a {background-color: #f7f4ed;}





/*-top page---------------------------------------------------------------------------*/
.t_header{
    background-image: url(./Dup/img/frame1.png),url(./Dup/img/frame4.png);
    background-repeat: no-repeat,no-repeat;
    background-position: top left,bottom right;
    background-size: 35%,35%;
}
#logo img{max-width: 250px;}

#main_img{position:relative;}
/*
#main_img::before{
    content:'';
    position:absolute;
    display:block;
    width:27vw;
    height:12vh;
    background-repeat:no-repeat;
    background-size:contain;
    z-index:2;
    background-image:url(./Dup/img/catch.png);
    background-position:top right;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
*/
.catch{
    z-index:2;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


.main_filter{z-index:3;}
.contents_bg{background:url(./Dup/img/con3_bg2.png) #22479c repeat-y top right;}
#contents1 .con1_right{padding:10% 10% 15%;}

#contents1 .con1_item img,#contents3 .con3_item img{width:auto;}
#contents2 .con2_wrap,#contents3 .con3_wrap{padding:10%;}
#contents2 .con2_right{position:relative;}
#contents2 .con2_right::before{
    content:'';
    position:absolute;
    display:block;
    width:270px;
    height:260px;
    background-image:url(./Dup/img/item3.png);
    background-repeat:no-repeat;
    bottom:-50px;
    right:-50px;
    z-index:1;
}
#contents3 .con3_wrap{background:url(./Dup/img/con3_item.png) no-repeat top 20px right;}
.top_cms_bg{background:url(./Dup/img/cms.png) #f7f4ed repeat-y top left;}
.cms_title{padding-left:150px;}
#top_cms .top_cms_bg{background-color: #f7f4ed;}

#top_cms .cms_wrap,#top_cms .cms_title .border_so1-t{border-top:0;}
/*---cms_3-c---*/
.cms_3-c .cate{padding: 1% 0;}
.cms_3-c .box_item1{
    height: 200px;
    overflow: hidden;
}
.cms_3-c .box_item2{
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.cms_3-c .box_filter{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  
}

/*マウスホバーで、イメージ画像にゆっくりズームアップ*/
.zoomup img {
	vertical-align: top;
	-webkit-transition: all 3s ease-out;
	transition: all 3s ease-out;
}
.zoomup .square_img img{
	position: absolute;
	top: 0;
	left: 0;
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
.zoomup:hover img{
	-webkit-transform: scale(1.2);
	transform:translate(-50%,-50%) scale(1.2);
	
}



/*-uneder page---------------------------------------------------------------------------*/
.under_page #logo img{width:250px;}
.cate_list{
    border-bottom:0;
    background-image: url(./Dup/img/con3_bg.png);
    background-repeat: repeat-x;
    background-position: bottom;
}








/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.contents_wrap .contents_bg{width:100%;}
#contents3 .con3_wrap{background-size: 100%;}
.cms_title{padding-left:50px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#contents2 .con2_right::before{display:none;}
.cms_title{padding-left:20px;}
.cms_3-c .box_item2{
    width:100%;
    text-align:center;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.bnr_box a{padding-top:20px;}
}