/******************************************/
/*##################################################################################################*/
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 10s linear 0s 1 normal both;  
}

//imgタグだと下に隙間ができるのでblockに。
.slide-img img{
  display: block;
}
@media (min-width:1200px) {
.top_mimg{
	margin:0;
	padding:0;
	width:100%;
	height:263px;
	text-align:center;
	font-size:36px;
	line-height:25px;
	font-weight:bold;
	color:#000;
        display:block;
        background:url(../img/index/top_sha2.png);
        background-repeat:no-repeat;
	background-position:top left;
	position: absolute;
	z-index:100;
	opacity:0.2;
}
.spmain_img{
	display:none;
}
.top_img{
width:100vw;
height:100vh;
	margin:0 -80px 0 0;
position:relative;
}


.top_img03{
width: 100%;
	height:100vh;
	display:block;
	margin:0 0 0 0;
	position:relative;
  overflow: hidden;

}

.top_img03 .top_logo{
	position:absolute;
	top:28%;
	left:38%;
	margin:0 auto;
	width:300px;
	height:331px;
	display:block;
	text-indent:-9999px;
    background:url(../img/index/top_txt.svg);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
    z-index:1000;
}

.swiper-container {
position: relative;
overflow: hidden;
width: calc(100% - 80px);
height: 100vh;
padding:0;
background-size: cover;
background-position: center center;
background-color:#ccc;
float:right;
}


.swiper-slide {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-position: center center;
}
.swiper-slide img {
display: inline;
width: 100%;
align-self: center;
}
.fitImg{
width: 100%;
}
.con01_box{
	width:100%;
	margin:-290px 0 0px 0;
	padding:280px 0 100px 0;
	overflow:hidden;
    background:url(../img/index/con01_bg_ppctop.png);
    background-repeat:no-repeat;
    background-position:top center;
    z-index: 12;
}
.con02_box{
	width:100%;
	margin:-330px 0 0 0;
	padding:630px 0 60px 0;
	overflow:hidden;
    background:url(../img/index/con02_bg_pctop.jpg);
    background-repeat:no-repeat,no-repeat;
    background-position:top center;
    background-color:#999;
}
.con03_box {
    width: 100%;
    margin: 100px 0 0 0;
    padding: 180px 0 120px 0;
    position: relative;
    z-index: 10;
}

.con03_box::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    transform: skewY(-7deg);
    z-index: -1;
}
.mtitle2{
	margin-top:0px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:44px;
	line-height:54px;
	font-weight:bold;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
}
.mtitle{
	margin-top:75px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:44px;
	line-height:54px;
	font-weight:bold;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
}
.sctxt{
	width:100%;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	font-family: "UD Shin Go Regular", Arial, sans-serif;
}
.ctxt{
	margin-top:15px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:36px;
	font-weight:normal;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
}
.ctxt2{
	margin:15px auto 0 auto;
	width:770px;
	display:block;
	text-align:left;
	color:#fff;
	font-size:18px;
	line-height:36px;
	font-weight:normal;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
}
.md_box{
	margin:0 auto 0 auto;
	width:1200px;
}
.md_box .title{
	text-align:left;
	color:#333;
	font-size:38px;
	line-height:55px;
	font-weight:bold;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
	float:left;
}
.md_box .title img{
	margin:-10px 15px 0 0;
	vertical-align:middle;
}
.md_box .stitle{
	margin-left:30px;
	text-align:left;
	color:#333;
	font-size:12px;
	line-height:55px;
	font-weight:normal;
	font-family: "UD Shin Go Regular", Arial, sans-serif;
	float:left;
}
.md_box .mbn a{
	width:136px;
	height:31px;
	margin:20px 0 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:31px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", Arial, sans-serif;
	border-radius: 5px;
	background-color:#333;
	float:right;
}
.md_box .title2{
	text-align:left;
	color:#fff;
	font-size:38px;
	line-height:55px;
	font-weight:bold;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
	float:left;
}
.md_box .stitle2{
	margin-left:30px;
	text-align:left;
	color:#fff;
	font-size:12px;
	line-height:55px;
	font-weight:normal;
	font-family: "UD Shin Go Regular", Arial, sans-serif;
	float:left;
}
.md_box .mbn2 a{
	width:136px;
	height:31px;
	margin:20px 0 0 0;
	display:block;
	text-align:center;
	color:#333;
	font-size:11px;
	line-height:31px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", Arial, sans-serif;
	border-radius: 5px;
	background-color:#fff;
	float:right;
}

.m_box{
	margin:50px auto 0 auto;
	width:1200px;
	overflow:hidden;
}

.m_box .img01_t{
	width:592px;
	height:260px;
	border:solid 2px #333;
	box-sizing: border-box;
	float:left;

}
.n_box{
	margin:60px auto 0 auto;
	width:1200px;
	overflow:hidden;
}
.n_box .spl{
}
.n_box .news_box01{
	width:291px;
	position: relative;
	float:left;
}
.n_box .news_box02{
	margin-left:12px;
	width:291px;
	position: relative;
	float:left;
}
.n_box .title01{
	width:160px;
	height:22px;
	margin:-12px auto 0 auto;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:22px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", Arial, sans-serif;
	background-color:#333;
position: absolute;
	left:65px;

}
.n_box .title02{
	width:160px;
	height:22px;
	margin:-12px auto 0 auto;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:22px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", Arial, sans-serif;
	background-color:#ff9900;
position: absolute;
	left:65px;

}
.n_box .news_box01 .img_box{
	width:100%;
	height:171px;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
}
.n_box .news_box01 .img_box .yoko{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;

}
.n_box .news_box01 .img_box .yoko44{
	height:171px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.n_box .news_box01 .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.n_box .news_box02 .img_box{
	width:100%;
	height:170px;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
}
.n_box .news_box02 .img_box .yoko{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;

}
.n_box .news_box02 .img_box .yoko44{
	height:170px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.n_box .news_box02 .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.n_box .txt a{
	width:100%;
	margin:20px auto 0 auto;
	display:block;
	text-align:left;
	color:#333;
	font-size:15px;
	line-height:24px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", sans-serif;
overflow:hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.n_box .date{
	width:100%;
	margin:5px auto 0 auto;
	display:block;
	text-align:left;
	color:#333;
	font-size:15px;
	line-height:20px;
	font-weight:normal;
	font-family: "UD Shin Go Regular", sans-serif;
}

.main_slimg{
	margin:-150px auto 0 auto;
	width:1200px;
	height:680px;
	display:block;
	overflow:hidden;
	z-index:100;
}
.main_slimg .img_box{
  width: 100%;
	height:680px;
	display:block;
	position: relative;
}
.main_slimg .img_box .yoko{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.m_box02{
	margin:50px auto 0 auto;
	width:900px;
	overflow:hidden;
	display:block;
	color:#000;
	font-size:26px;
	line-height:63px;
	text-align:center;
	font-weight:bold;
	font-family: "UDDigiKyokasho M", sans-serif;
}

.m_box03{
	margin:50px auto 0 auto;
	width:898px;
	display:flex;
	overflow:hidden;
}
.m_box03 .img01{
	width:422px;
	height:213px;
}
.m_box03 .img02{
	margin-left:50px;
	width:422px;
	height:213px;
}
.m_box04{
	margin:0px auto 0 auto;
	padding-left:370px;
	width:400px;
	height:100px;
	display:block;
	text-align:left;
	color:#fff;
	font-size:42px;
	line-height:60px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M", sans-serif;
}
.m_box04 p{
	text-align:left;
	color:#fff;
	font-size:18px;
	line-height:32px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M", sans-serif;
}

.m_box05{
	width:1597px;
	height:758px;
	display:block;
	margin:10px auto 380px auto;
}
.m_box05 .hide{
	display:none;
}
.m_box05 .lbox{
	width:1130px;
	height:758px;
	float:left;
}
.m_box05 .lbox img{
	width:1130px;
}
.m_box05 .rbox{
	margin:31px 0 0 0;
	width:467px;
	height:725px;
	display:block;
	float:left;
}
.m_box05 .rbox img{
	margin:0 0 -6.9px 0;
	padding:0;
	width:467px;
	height:145px;
	cursor: pointer;
}
/**
* スライダー
*/
.slider-wrapper {
  width:1594px;
  position: relative;
	margin:-30px auto 0px auto;
  height: 775px;
  overflow: hidden;

}
.catalog-slide li{
		padding-top:50px;
  height: 725px;
  position: relative;
}
.catalog-slide .lg{
	width:220px;
	height:242px;
  position: absolute;
  top: 17px;
  left: 95px;
	z-index:10000;
}
.catalog-slide-thumb{
	margin-top:50px;
}
.catalog-slide-thumb,
.catalog-slide-thumb .slick-track,
.catalog-slide-thumb .slick-list {
  height: 725px;
}

.catalog-slide-thumb,
.catalog-slide-thumb .slick-track {
  width: 467px !important;
  box-sizing: border-box;
}

.catalog-slide-thumb {
  position: absolute;
  top: 0;
  right: 0;
}

.catalog-slide-thumb .slick-track {
  transform: none !important;
  background: #faf9f5;
  overflow: hidden;
}

.catalog-slide-thumb .slick-slide {
  float: none;

  padding:0;
  width: auto !important;
  height: calc(100%/5);
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}



.catalog-slide-thumb .slick-track::before,
.catalog-slide-thumb .slick-track::after {
  content: none;
}

.catalog-slide-thumb .slick-cloned {
  display: none;
}

.catalog-slide-thumb .slick-slide:focus,
.catalog-slide-thumb .slick-current {
  box-sizing: border-box;
  /*border:solid 3px #f0c105 ;*/
}

.catalog-slide-thumb .slick-list {
  overflow: visible !important;
}



.work{
	margin-top:380px;
	width:100%;
}
.wbox{
	width:1200px;
	height:480px;
	display:block;
	margin:10px auto 0 auto;
}

.wbox .box{
	margin:6px;
	width:390px;
	height:480px;
	display:block;
	float:left;
}

.wbox .box .img_box{
	width:389px;
	height:269px;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
}
.wbox .box .img_box .icon{
	width:65px;
	height:65px;
	position: absolute;
	left:0;
	bottom:0;
}
.wbox .box .img_box .yoko{
	height:269px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.wbox .box .img_box .tate{
	width:389px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wbox .box .num{
	width:100%;
	height:70px;
	padding-left:20px;
	margin:0;
	text-align:left;
	color:#fff;
	font-size:62px;
	line-height:80px;
	font-weight:normal;
	font-family: "UDDigiKyokasho R";
	background:url(../img/index/num.png);
	background-repeat:no-repeat;
 	background-position:left bottom 10px;
	box-sizing: border-box;
	display:block;

}
.wbox .box .title{
	margin-top:15px;
	text-align:left;
	width:100%;
	height:14px;
	display:block;
}
.wbox .box .title .ty{
	height:14px;
}
.wbox .box .txt a{
	margin-top:10px;
	width:100%;
	display:block;
	text-align:left;
	color:#fff;
	font-size:20px;
	line-height:28px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.wbox .box .stxt{
	margin-top:10px;
	width:100%;
	text-align:left;
	color:#333;
	font-size:14px;
	line-height:21px;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.wbox .ml{
	margin-left:15px;
}
.m_box06{
	width:100%;
	display:block;
	margin:0;
	padding:60px 0 110px 0;
	background:#333;
	overflow:hidden;
}
.obox{
	width:1200px;
	height:360px;
	display:block;
	margin:20px auto 50px auto;
        position: relative;
}
.obox .box{
	margin:6px;
	width:390px;
	height:360px;
	display:block;
	float:left;
}
.obox .box .img_box{
	width:389px;
	height:269px;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
}

.obox .box .img_box .yoko{
	height:269px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.obox .box .img_box .tate{
	width:389px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.obox .box .title a{
	margin-top:10px;
	text-align:center;
	width:100%;
	display:block;
	color:#000;
	font-size:20px;
	line-height:28px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.obox .box .txt{
	margin-top:0px;
	width:100%;
	text-align:center;
	color:#000;
	font-size:13px;
	line-height:28px;
	font-weight:normal;
	font-family: "UD Shin Go Medium";
}
.obox .box .txt2{
	margin-top:15px;
	width:100%;
	text-align:center;
	color:#000;
	font-size:16px;
	line-height:28px;
	font-weight:normal;
	font-family: "UDDigiKyokasho M";
}

.obox .ml{
	margin-left:15px;
}
.ybox{
	width:1200px;
	height:320px;
	display:block;
	margin:20px auto 50px auto;
        position: relative;
}
.ybox .box{
	width:390px;
	height:320px;
	display:block;
	float:left;
}
.ybox .box .yt{
	width:390px;
	height:212px;
	display:block;
}
.ybox .box .txt2{
	margin-top:15px;
	width:100%;
	text-align:center;
	color:#000;
	font-size:16px;
	line-height:28px;
	font-weight:normal;
	font-family: "UDDigiKyokasho M";
}

.ybox .ml{
	margin-left:15px;
}

.lpbox{
	width:1200px;
	display:block;
	margin:40px auto 0px auto;
}
.lpbox .box{
	width:261px;
	height:290px;
	display:block;
	float:left;
}
.lpbox .box .img_box{
	width:260px;
	height:171px;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
	z-index:100;
}
.lpbox .box .img_box .ck{
	padding:0 15px;
	min-width:70px;
	height:28px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:27px;
	font-weight:bold;
	font-family: "UD Shin Go Bold";
	box-sizing: border-box;
	background-color:#808080;
	position: absolute;
	top:0;
	left:0;
	z-index:1000;

}
.lpbox .box .img_box .yoko{
	height:171px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.lpbox .box .img_box .tate{
	width:260px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.lpbox .box .img_box .sold{
	width:260px;
	height:171px;
 position: absolute;
  top:0;
  left:0;
 z-index:1010;
}
.lpbox .title a{
	margin-top:10px;
	text-align:center;
	width:100%;
	display:block;
	color:#fff;
	font-size:18px;
	line-height:28px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.lpbox .txt{
	margin-top:5px;
	width:100%;
	text-align:center;
	color:#ff9900;
	font-size:16px;
	line-height:28px;
	font-weight:normal;
	font-family: "UD Shin Go Regular";
}
.lpbox .ml{
	margin-left:52px;
}



.m_box08{
	width:100%;
	display:block;
	margin:0;
	padding:80px 0;
	background:#ededee;
	overflow:hidden;
}
.m_box08 .box01 a{
	width:1000px;
	display:block;
	margin:30px auto 0 auto;
	padding:10px 0;
	text-align:left;
	color:#333;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	font-family: "UDDigiKyokasho B";
	border-top:dotted 1px #999;
	border-bottom:dotted 1px #999;
}
.m_box08 .box02 a{
	width:1000px;
	display:block;
	margin:0 auto;
	padding:10px 0;
	text-align:left;
	color:#333;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	font-family: "UDDigiKyokasho B";
	border-bottom:dotted 1px #999;
}
.m_box08 span{
	margin-right:35px;
	text-align:left;
	color:#333;
	font-size:12px;
	line-height:30px;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.m_box09{
	width:100%;
	display:block;
	margin:0 0 -200px 0;
	padding:0;
	overflow:hidden;
}




#loopslider {
    margin: 15px auto 0 auto;
    width: 100%;
    height: 220px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 250px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 250px;
    height: 250px;
    text-align: left;
    float: left;
    display: inline;
    overflow: hidden;
    position:relative;
}
#loopslider ul li img{
    width: 250px;
    height: 250px;
object-fit: cover;

}
#loopslider ul li .mask {
    width: 220px;
    height: 220px;

	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}
#loopslider ul li .caption {
	font-size:		16px;
	text-align: 		center;
	padding:		0px 20px 0px 20px;
	color:			#fff;
	font-weight:bold;
	line-height:28px;

}
#loopslider ul li a:hover .mask {
	opacity:		1;	/* マスクを表示する */
}
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}
/*slick setting*/

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    display: block;
    padding: 0;
    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.responsive .slick-prev::before {
position: absolute;
top:33%;
left:-18px;
   content: url(../img/index/pref_bn.png);
   z-index:1000;
    opacity:1;
   cursor:pointer;
 }
.responsive .slick-next::before {
position: absolute;
top:33%;
right:-18px;
    content: url(../img/index/next_bn.png);
   z-index:1000;
    opacity:1;
   cursor:pointer;
}

.responsive2 .slick-prev::before {
position: absolute;
top:40%;
left:-18px;
   content: url(../img/index/pref_bn.png);
   z-index:1000;
    opacity:1;
   cursor:pointer;
 }
.responsive2 .slick-next::before {
position: absolute;
top:40%;
right:-18px;
    content: url(../img/index/next_bn.png);
   z-index:1000;
    opacity:1;
   cursor:pointer;
}


.model_box{
	width:1200px;
	display:block;
	margin:20px auto 0px auto;
}

.model_box .box a{
	margin-top:20px;
	width:390px;
	height:440px;
	display:block;
	background-color:#fff;
	float:left;
}
.model_box .box a:hover{
	background-color:#ff9900;
}
.model_box .box a .img_box{
	width:390px;
	height:250px;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
	z-index:100;
}

.model_box .box a .img_box .yoko{
	height:250px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.model_box .box a .img_box .tate{
	width:390px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.model_box .box a .kubun01{
	margin:10px auto 0px auto;
	text-align:left;
	width:88%;
	display:block;
	color:#333;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.model_box .box a .kubun01 img{
	margin-top:-2px;
	width:21px;
	vertical-align:middle;
}
.model_box .box a .kubun02{
	margin:10px auto 0px auto;
	text-align:left;
	width:88%;
	display:block;
	color:#333;
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.model_box .box a .kubun02 img{
	margin-top:-2px;
	height:18px;
	vertical-align:middle;
}


.model_box .box a .title{
	margin:4px auto 0px auto;
	text-align:left;
	width:88%;
	display:block;
	color:#000;
	font-size:18px;
	line-height:28px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.model_box .box a:hover .title{
	color:#fff;
}
.model_box .box a .txt{
	margin:0px auto 0px auto;
	width:88%;
	text-align:left;
	color:#333;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	font-family: "UD Shin Go Medium";
}
.model_box .box a .kubun02 span{
	margin-left:15px;
	color:#333;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.model_box .box a .txt2{
	margin:5px auto 0px auto;
	width:88%;
	text-align:left;
	color:#333;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.model_box .box a .kubun{
	margin:0px auto 0px auto;
	text-align:left;
	width:100%;
	display:block;
	color:#ff9900;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.model_box .box a:hover .kubun{
	color:#fff;
}
.model_box .box a .kubun img{
	margin:-5px 3px 0 6%;
	width:27px;
	vertical-align:middle;
}
.model_box .ml a{
	margin-left:15px;
}

.tateuri_box{
	width:1200px;
	display:block;
	margin:20px auto 0px auto;
}

.tateuri_box .box a{
	margin-top:20px;
	width:590px;
	height:170px;
	display:block;
	background-color:#fff;
	float:left;
}
.tateuri_box .box a:hover{
	background-color:#ff9900;
}
.tateuri_box .box a .img_box{
	margin-right:20px;
	width:260px;
	height:170px;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
	z-index:100;
	float:left;
}

.tateuri_box .box a .img_box .yoko{
	height:170px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.tateuri_box .box a .img_box .tate{
	width:260px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tateuri_box .box a .kubun{
	margin:12px auto 0px auto;
	text-align:left;
	width:100%;
	display:block;
	color:#ff9900;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.tateuri_box .box a .kubun img{
	margin-top:-5px;
	width:30px;
	vertical-align:middle;
}
.tateuri_box .box a:hover .kubun{
	color:#ffffff;
}
.tateuri_box .box a .title{
	margin:8px auto 0px auto;
	text-align:left;
	width:100%;
	display:block;
	color:#000;
	font-size:22px;
	line-height:30px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.tateuri_box .box a:hover .title{
	color:#fff;
}
.tateuri_box .box a .txt{
	margin:5px auto 0px auto;
	width:97%;
	text-align:left;
	color:#333;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	font-family: "UDDigiKyokasho M";
}
.tateuri_box .box a .txt2{
	margin:0px auto 0px auto;
	text-align:left;
	width:100%;
	display:block;
	color:#333;
	font-size:14px;
	line-height:30px;
	font-weight:normal;
	font-family: "UD Shin Go Medium";
}
.tateuri_box .box a .txt2 span{
	font-size:18px;
}
.tateuri_box .ml a{
	margin-left:20px;
}


}

/******************************************/
/*##################################################################################################*/

@media screen and (min-width:768px) and ( max-width:1199px) {
.top_img{
width:100%;
height:100vh;
	margin:0 -60px 0 0;
position:relative;
}
.top_mimg{
	margin:0;
	padding:0;
	width:100%;
	height:25vw;
	text-align:center;
	font-size:36px;
	line-height:25px;
	font-weight:bold;
	color:#000;
        display:block;
        background:url(../img/index/top_sha2.png);
        background-repeat:no-repeat;
	background-position:top left;
	background-size:105%;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	opacity:0.2;
}

.spmain_img{
	display:none;
}
.top_img03{
	margin:0;
	width:100%;
	height:100vh;
text-align:center;
position:relative;
  overflow: hidden;
}
.top_img03 .top_logo{
	position:absolute;
	top:34%;
	left:36%;
	margin:0 auto;
	width:28vw;
	height:30vw;
	display:block;
	text-indent:-9999px;
    background:url(../img/index/top_txt.svg);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:contain;
    z-index:1000;
}
.swiper-container {
position: relative;
overflow: hidden;
width: calc(100% - 60px);
height: 100vh;
padding:0;
background-size: cover;
background-position: center center;
float:right;
}


.swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.swiper-slide img {
display: inline;
width: auto;
height: 100vh;
align-self: center;
}

.top_img02{
width:100%;
height:80vh;
	padding-top:30vh;
    background:url(../img/index/top_img.jpg);
    background-repeat:no-repeat;
    background-position:left center;
    background-size:150%;
position:relative;
}
.top_img02 .top01_txt{
	margin:0 auto;
	width:28%;
	height:30vw;
	display:block;
	text-indent:-9999px;
    background:url(../img/index/top01_txt.svg);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;

}

.con01_box{
	width:100%;
	margin:-18vw 0 -32vw 0;
	padding:15vw 0 27vw 0;
	overflow:hidden;
    background:url(../img/index/con01_bg_ppctop.png);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:310%;
    z-index: 8;

}
.con02_box{
	width:100%;
	margin:-22vw 0 0 0;
	padding:44vw 0 40px 0;
	overflow:hidden;
    background:url(../img/index/con02_bg_pctop.jpg);
    background-repeat:no-repeat,no-repeat;
    background-position:top center;
    background-color:#999;
    background-size:320%;
}
.con03_box {
    width: 100%;
    margin: 8vw 0 0 0;
    padding: 5vw 0 7vw 0;
    position: relative;
    z-index: 10;
}

.con03_box::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    transform: skewY(-7deg);
    z-index: -1;
}
.mtitle2{
	margin-top:3%;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:3.4vw;
	line-height:4.2vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
}
.mtitle{
	margin-top:8%;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:3.4vw;
	line-height:4.2vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
}
.sctxt{
	width:100%;
	text-align:center;
	color:#fff;
	font-size:1.2vw;
	line-height:2vw;
	font-weight:normal;
	font-family: "UD Shin Go Regular", Arial, sans-serif;
}
.ctxt{
	margin-top:15px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:1.6vw;
	line-height:3vw;
	font-weight:normal;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
}
.ctxt2{
	margin:15px auto 0 auto;
	width:70%;
	display:block;
	text-align:left;
	color:#fff;
	font-size:1.6vw;
	line-height:3vw;
	font-weight:normal;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
}
.md_box{
	margin:0% auto 0 auto;
	width:90%;
}
.md_box img{
	margin:-3px 5px 0 0;
	height:3vw;
}
.md_box .pan{
	width:100%;
	text-align:left;
	color:#333;
	font-size:1.2vw;
	line-height:5vw;
	font-weight:normal;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
	float:left;
}
.md_box .pan a{
	color:#333;
	text-decoration:none;
}
.md_box .title{
	text-align:left;
	color:#333;
	font-size:3.8vw;
	line-height:4.5vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
	float:left;
}
.md_box .stitle{
	margin-left:20px;
	text-align:left;
	color:#333;
	font-size:1.2vw;
	font-weight:normal;
	line-height:5vw;
	font-family: "UD Shin Go Regular", Arial, sans-serif;
	float:left;
}
.md_box .mbn a{
	width:110px;
	height:25px;
	margin:1% 0 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:10px;
	line-height:25px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", Arial, sans-serif;
	border-radius: 5px;
	background-color:#333;
	float:right;
}
.md_box .title2{
	text-align:left;
	color:#fff;
	font-size:3.8vw;
	line-height:4.5vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
	float:left;
}
.md_box .stitle2{
	margin:1.5% 0 0% 3%;
	text-align:left;
	color:#fff;
	font-size:1.2vw;
	line-height:3vw;
	font-weight:normal;
	font-family: "UD Shin Go Regular", Arial, sans-serif;
	float:left;
}
.md_box .mbn2 a{
	width:110px;
	height:25px;
	margin:1% 0 0 0;
	display:block;
	text-align:center;
	color:#333;
	font-size:10px;
	line-height:25px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", Arial, sans-serif;
	border-radius: 5px;
	background-color:#fff;
	float:right;
}

.m_box{
	margin:2% auto 0 auto;
	width:90%;
	overflow:hidden;
}

.m_box .img01_t{
	width:50%;
	height:20vw;
	border:solid 2px #333;
	box-sizing: border-box;
	float:left;

}
.n_box{
	margin:3% auto 0 auto;
	width:90%;
	overflow:hidden;
}

.n_box .news_box01{
	width:24%;
	position: relative;
	float:left;
}
.n_box .news_box02{
	margin-left:1.2%;
	width:24%;
	position: relative;
	float:left;
}

.n_box .news_box01 .img_box{
	width:100%;
	height:13vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
}
.n_box .news_box01 .img_box .yoko{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;

}
.n_box .news_box01 .img_box .yoko44{
	height:13vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.n_box .news_box01 .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.n_box .news_box02 .img_box{
	width:100%;
	height:13vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
}
.n_box .news_box02 .img_box .yoko{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;

}
.n_box .news_box02 .img_box .yoko44{
	height:13vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.n_box .news_box02 .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.n_box .title01{
	width:70%;
	height:20px;
	margin:-11px auto 0 auto;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", Arial, sans-serif;
	background-color:#333;
position: absolute;
	left:15%;
}
.n_box .title02{
	width:70%;
	height:20px;
	margin:-11px auto 0 auto;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", Arial, sans-serif;
	background-color:#ff9900;
position: absolute;
	left:15%;

}
.n_box .txt a{
	width:100%;
	margin:5% auto 0 auto;
	display:block;
	text-align:left;
	color:#333;
	font-size:1.3vw;
	line-height:2.4vw;
	font-weight:bold;
	font-family: "UD Shin Go Medium", sans-serif;
overflow:hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.n_box .date{
	width:100%;
	margin:5px auto 0 auto;
	display:block;
	text-align:left;
	color:#333;
	font-size:1.4vw;
	line-height:2vw;
	font-weight:normal;
	font-family: "UD Shin Go Regular", sans-serif;
}

.main_slimg{
	margin:0% auto 0 auto;
	width:90%;
	text-align:center;
	overflow:hidden;
    	z-index: 20;
}
.main_slimg .img_box{
  width: 100%;
	height:55vw;
	display:block;
	position: relative;
}
.main_slimg .img_box .yoko{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.m_box02{
	margin:5% auto 0 auto;
	width:90%;
	overflow:hidden;
	display:block;
	color:#000;
	font-size:2.2vw;
	line-height:4.4vw;
	text-align:center;
	font-weight:bold;
	font-family: "UDDigiKyokasho M", sans-serif;
}

.m_box03{
	margin:5% auto 0 auto;
	width:70%;
	display:flex;
	overflow:hidden;
}
.m_box03 .img01{
	width:98%;
	height:17vw;
}
.m_box03 .img02{
	margin-left:4%;
	width:98%;
	height:17vw;
}
.m_box04{
	margin:28% auto 0 auto;
	padding-left:46%;
	width:50%;
	height:10vw;
	display:block;
	text-align:left;
	color:#fff;
	font-size:4vw;
	line-height:5.5vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho M", sans-serif;
}
.m_box04 p{
	text-align:left;
	color:#fff;
	font-size:1.6vw;
	line-height:3vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho M", sans-serif;
}

.m_box05{
	width:100%;
	height:52vw;
	display:block;
	margin:20px auto 10% auto;
}
.m_box05 .hide{
	display:none;
}
.m_box05 .lbox{
	width:70%;
	height:50vw;
	float:left;
}
.m_box05 .lbox img{
	width:100%;
}
.m_box05 .rbox{
	margin:1.8vw 0 0 0;
	width:30%;
	height:52vw;
	display:block;
	float:left;
}
.m_box05 .rbox img{
	margin:0 0 -0.9vw 0;
	padding:0;
	width:100%;
	height:9vw;
	cursor: pointer;
}
/**
* スライダー
*/
.slider-wrapper {
  width:100%;
  position: relative;
	margin:-40px auto 0px auto;
  height: 72vw;
  overflow: hidden;

}
.slider-wrapper .catalog-slide{
	width:70%;
}
.slider-wrapper .catalog-slide-thumb{
	width:30%;
}
.slider-wrapper .catalog-slide li{
		padding-top:4vw;
  height: 44.2vw;
  position: relative;
}
.slider-wrapper .catalog-slide .lg{
	width:14vw;
	height:16vw;
  position: absolute;
  top: 1.6vw;
  left: 12%;
	z-index:10000;
}
.slider-wrapper .catalog-slide-thumb{
	margin-top:4vw;
}




.slider-wrapper .catalog-slide img{
	width:100%;
	padding:0;

}
.slider-wrapper .catalog-slide-thumb img{
	width:100%;
	padding:0;

}
.catalog-slide-thumb,
.catalog-slide-thumb .slick-track,
.catalog-slide-thumb .slick-list {
  height: 44.2vw;
}

.catalog-slide-thumb,
.catalog-slide-thumb .slick-track {
  box-sizing: border-box;
}

.catalog-slide-thumb {
  position: absolute;
  top: 0;
  right: 0;
}

.catalog-slide-thumb .slick-track {
  transform: none !important;
  background: #faf9f5;
  overflow: hidden;
}

.catalog-slide-thumb .slick-slide {
  float: none;
  padding:0;
  width: auto !important;
  height: calc(100%/5);
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  align-items: center;

}



.catalog-slide-thumb .slick-track::before,
.catalog-slide-thumb .slick-track::after {
  content: none;
}

.catalog-slide-thumb .slick-cloned {
  display: none;
}

.catalog-slide-thumb .slick-slide:focus,
.catalog-slide-thumb .slick-current {
  box-sizing: border-box;
}

.catalog-slide-thumb .slick-list {
  overflow: visible !important;
}
.wbox{
	margin-top:-20%;
}
.wbox{
	width:90%;
	display:block;
	margin:10px auto 0 auto;
}

.wbox .box{
	margin:6px;
	display:block;
	overflow:hidden;

	float:left;
}
.wbox .box .img_box{
	width:100%;
	height:21vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
}
.wbox .box .img_box .icon{
	width:5vw;
	height:5vw;
	position: absolute;
	left:0;
	bottom:0;
}
.wbox .box .img_box .yoko{
	height:21vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.wbox .box .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wbox .box .num{
	width:100%;
	height:6vw;
	padding-left:20px;
	margin:0;
	text-align:left;
	color:#fff;
	font-size:5.2vw;
	line-height:7vw;
	font-weight:normal;
	font-family: "UDDigiKyokasho R";
	background:url(../img/index/num.png);
	background-repeat:no-repeat;
 	background-position:left bottom 10px;
	box-sizing: border-box;
	display:block;

}
.wbox .box .title{
	margin-top:15px;
	text-align:left;
	width:100%;
	color:#333;
	display:block;
}
.wbox .box .title .ty{
	height:11px;
}
.wbox .box .txt a{
	margin-top:10px;
	width:100%;
	display:block;
	text-align:left;
	color:#fff;
	font-size:1.8vw;
	line-height:2.8vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.wbox .box .stxt{
	margin-top:10px;
	width:100%;
	text-align:left;
	color:#333;
	font-size:1.4vw;
	line-height:2vw;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.wbox .ml{
	margin-left:2%;
}
.m_box06{
	width:100%;
	display:block;
	margin:0;
	padding:6% 0 8%;
	background:#333;
	overflow:hidden;
}
.obox{
	width:90%;
	display:block;
	margin:0% auto 5% auto;
}
.obox .box{
	margin:6px;
	display:block;
	overflow:hidden;
	float:left;
}
.obox .box .img_box{
	width:100%;
	height:21vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
}

.obox .box .img_box .yoko{
	height:21vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.obox .box .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.obox .box .title a{
	margin-top:10px;
	text-align:center;
	width:100%;
	display:block;
	color:#000;
	font-size:1.8vw;
	line-height:2.6vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.obox .box .txt{
	margin-top:0px;
	width:100%;
	display:block;
	text-align:center;
	color:#000;
	font-size:1.3vw;
	line-height:2.6vw;
	font-weight:normal;
	font-family: "UD Shin Go Medium";
}
.obox .box .txt2{
	margin-top:15px;
	width:100%;
	text-align:center;
	color:#000;
	font-size:1.4vw;
	line-height:2.8vw;
	font-weight:normal;
	font-family: "UDDigiKyokasho M";
}

.obox .ml{
	margin-left:2%;
}

.ybox{
	width:90%;
	display:block;
	margin:2% auto 5% auto;
	overflow:hidden;
}
.ybox .box{
	width:32%;
	display:block;
	overflow:hidden;
	float:left;
}
.ybox .box .yt{
	width:100%;
	height:16vw;
	display:block;
}
.ybox .box .txt2{
	margin-top:10px;
	width:100%;
	text-align:center;
	color:#000;
	font-size:1.4vw;
	line-height:2.8vw;
	font-weight:normal;
	font-family: "UDDigiKyokasho M";
}

.ybox .ml{
	margin-left:2%;
}
.m_box07{
	width:100%;
	display:block;
	margin:6% 0 0 0;
	padding:8% 0 4% 0;
	background:#333;
	position:relative;
	overflow:hidden;
}
.m_box07 .amazon{
	width:30%;
	height:8vw;
	float:right;
}
.m_box07 .mtxt{
	margin-top:-32px;
	width:100%;
	text-align:left;
	color:#fff;
	font-size:1.8vw;
	line-height:3vw;
	font-weight:normal;
	font-family: "UDDigiKyokasho M";
}
.m_box07 .mtxt2{
	display:none;
}
.lpbox{
	width:90%;
	display:block;
	overflow:hidden;
	margin:4% auto 0px auto;
}
.lpbox .box{
	width:22%;
	height:22vw;
	display:block;
	overflow:hidden;

	float:left;
}
.lpbox .box .img_box{
	width:100%;
	height:13vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
	z-index:100;
}
.lpbox .box .img_box .ck{
	padding:0 1.5%;
	min-width:60px;
	height:26px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:1.3vw;
	line-height:25px;
	font-weight:bold;
	font-family: "UD Shin Go Bold";
	box-sizing: border-box;
	background-color:#808080;
	position: absolute;
	top:0;
	left:0;
	z-index:1000;
}

.lpbox .box .img_box .yoko{
	height:13vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.lpbox .box .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.lpbox .box .img_box .sold{
	width:100%;
	height:100%;
 position: absolute;
  top:0;
  left:0;
 z-index:1010;
}

.lpbox .title a{
	margin-top:10px;
	text-align:center;
	width:100%;
	display:block;
	color:#fff;
	font-size:1.6vw;
	line-height:2.8vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.lpbox .txt{
	margin-top:5px;
	width:100%;
	text-align:center;
	color:#ff9900;
	font-size:1.4vw;
	line-height:2.6vw;
	font-weight:normal;
	font-family: "UD Shin Go Regular";
}
.lpbox .ml{
	margin-left:4%;
}
.m_box08{
	width:100%;
	display:block;
	margin:0;
	padding:7% 0;
	background:#ededee;
	overflow:hidden;
}
.m_box08 .box01 a{
	width:90%;
	display:block;
	margin:3% auto 0 auto;
	padding:10px 0;
	text-align:left;
	color:#333;
	font-size:1.6vw;
	line-height:3vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho B";
	border-top:dotted 1px #999;
	border-bottom:dotted 1px #999;
}
.m_box08 .box02 a{
	width:90%;
	display:block;
	margin:0 auto;
	padding:10px 0;
	text-align:left;
	color:#333;
	font-size:1.6vw;
	line-height:3vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho B";
	border-bottom:dotted 1px #999;
}
.m_box08 span{
	margin-right:4%;
	text-align:left;
	color:#333;
	font-size:1.2vw;
	line-height:3vw;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.m_box09{
	width:100%;
	display:block;
	margin:0 0 -5% 0;
	padding:5% 0 0 0;
	overflow:hidden;
}
/*--------------------------------------------------------------
# 商品カタログ
--------------------------------------------------------------*/



.midashi{
	width:400px;
	height:65px;
	margin:60px auto 0 auto;
	padding:15px 0 0 0;
	display:block;
	text-align:center;
	color:#000;
	font-size:28px;
	line-height:34px;
	background-color:#fff;
	z-index:101;
}
.midashi .s_title{
	font-size:12px;
	line-height:15px;
}


.news_bn a{
	width:295px;
	height:50px;
	margin:50px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:50px;
	border:solid 1px #231815;
	border-radius: 25px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 90px center;
}
.news_bn a:hover{
	width:295px;
	height:50px;
	margin:50px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:50px;
	border:solid 1px #ff0000;
	border-radius: 25px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 90px center;
	background-color:#ff0000;

}

#loopslider {
    margin: 15px auto 0 auto;
    width: 100%;
    height: 220px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 250px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 250px;
    height: 250px;
    text-align: left;
    float: left;
    display: inline;
    overflow: hidden;
    position:relative;
}
#loopslider ul li img{
    width: 250px;
    height: 250px;
object-fit: cover;

}
#loopslider ul li .mask {
    width: 220px;
    height: 220px;

	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}
#loopslider ul li .caption {
	font-size:		16px;
	text-align: 		center;
	padding:		0px 20px 0px 20px;
	color:			#fff;
	font-weight:bold;
	line-height:28px;

}
#loopslider ul li a:hover .mask {
	opacity:		1;	/* マスクを表示する */
}
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    display: block;
    padding: 0;
    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.responsive .slick-prev::before {
position: absolute;
top:33%;
left:-18px;
   content: url(../img/index/pref_bn.png);
   z-index:100;
    opacity:1;
   cursor:pointer;
 }
.responsive .slick-next::before {
position: absolute;
top:33%;
right:-18px;
    content: url(../img/index/next_bn.png);
   z-index:1000;
    opacity:1;
   cursor:pointer;
}

.responsive2 .slick-prev::before {
position: absolute;
top:40%;
left:-18px;
   content: url(../img/index/pref_bn.png);
   z-index:1000;
    opacity:1;
   cursor:pointer;
 }
.responsive2 .slick-next::before {
position: absolute;
top:40%;
right:-18px;
    content: url(../img/index/next_bn.png);
   z-index:1000;
    opacity:1;
   cursor:pointer;
}


.model_box{
	width:90%;
	display:block;
	margin:20px auto 0px auto;
}

.model_box .box a{
	margin-top:20px;
	width:32%;
	height:34vw;
	display:block;
	background-color:#fff;
	float:left;
}
.model_box .box a:hover{
	background-color:#ff9900;
}
.model_box .box a .img_box{
	width:100%;
	height:17vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
	z-index:100;
}

.model_box .box a .img_box .yoko{
	height:22vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.model_box .box a .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.model_box .box a .kubun01{
	margin:10px auto 0px auto;
	text-align:left;
	width:88%;
	display:block;
	color:#333;
	font-size:1.6vw;
	line-height:2.6vw;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.model_box .box a .kubun01 img{
	margin-top:-2px;
	width:19px;
	vertical-align:middle;
}
.model_box .box a .kubun02{
	margin:10px auto 0px auto;
	text-align:left;
	width:88%;
	display:block;
	color:#333;
	font-size:2vw;
	line-height:2.8vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.model_box .box a .kubun02 img{
	margin-top:-2px;
	height:16px;
	vertical-align:middle;
}
.model_box .box a .title{
	margin:4px auto 0px auto;
	text-align:left;
	width:88%;
	display:block;
	color:#000;
	font-size:1.6vw;
	line-height:2.2vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.model_box .box a:hover .title{
	color:#fff;
}
.model_box .box a .txt{
	margin:3px auto 0px auto;
	width:88%;
	text-align:left;
	color:#333;
	font-size:1.2vw;
	line-height:2vw;
	font-weight:normal;
	font-family: "UD Shin Go Medium";
}
.model_box .box a .kubun02 span{
	margin-left:10px;
	color:#333;
	font-size:1.4vw;
	line-height:2.6vw;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.model_box .box a .txt2{
	margin:5px auto 0px auto;
	width:88%;
	text-align:left;
	color:#333;
	font-size:1.3vw;
	line-height:2vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.model_box .box a .kubun{
	margin:3px auto 0px auto;
	text-align:left;
	width:100%;
	display:block;
	color:#ff9900;
	font-size:1.4vw;
	line-height:2.2vw;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.model_box .box a:hover .kubun{
	color:#fff;
}
.model_box .box a .kubun img{
	margin:-5px 3px 0 6%;
	width:25px;
	vertical-align:middle;
}
.model_box .ml a{
	margin-left:2%;
}

.tateuri_box{
	width:90%;
	display:block;
	margin:20px auto 0px auto;
}

.tateuri_box .box a{
	margin-top:20px;
	width:49%;
	height:15vw;
	display:block;
	background-color:#fff;
	float:left;
}
.tateuri_box .box a:hover{
	background-color:#ff9900;
}
.tateuri_box .box a .img_box{
	margin-right:20px;
	width:43%;
	height:15vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
	z-index:100;
	float:left;
}

.tateuri_box .box a .img_box .yoko{
	height:15vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.tateuri_box .box a .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tateuri_box .box a .kubun{
	margin:12px auto 0px auto;
	text-align:left;
	width:100%;
	display:block;
	color:#ff9900;
	font-size:1.7vw;
	line-height:2.4vw;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.tateuri_box .box a .kubun img{
	margin-top:-5px;
	width:30px;
	vertical-align:middle;
}
.tateuri_box .box a:hover .kubun{
	color:#ffffff;
}
.tateuri_box .box a .title{
	margin:5px auto 0px auto;
	text-align:left;
	width:100%;
	display:block;
	color:#000;
	font-size:2vw;
	line-height:2.8vw;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.tateuri_box .box a:hover .title{
	color:#fff;
}
.tateuri_box .box a .txt{
	margin:5px auto 0px auto;
	width:97%;
	text-align:left;
	color:#333;
	font-size:1.4vw;
	line-height:1.8vw;
	font-weight:normal;
	font-family: "UDDigiKyokasho M";
}
.tateuri_box .box a .txt2{
	margin:0px auto 0px auto;
	text-align:left;
	width:100%;
	display:block;
	color:#333;
	font-size:1.2vw;
	line-height:2.6vw;
	font-weight:normal;
	font-family: "UD Shin Go Medium";
}
.tateuri_box .box a .txt2 span{
	font-size:1.6vw;
}
.tateuri_box .ml a{
	margin-left:2%;
}

}

/******************************************/
/*##################################################################################################*/


@media (max-width:767px) {
.top_mimg{
	padding:0;
	width:100%;
	height:18vw;
	text-align:center;
	font-size:36px;
	line-height:25px;
	font-weight:bold;
	color:#000;
        display:block;
        background:url(../img/index/top_sha2.png);
        background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	opacity:0.2;
}
.top_img03{
	width:100%;
	height:100vh;
	margin:0;
text-align:center;
position:relative;
  overflow: hidden;
}
.top_img03 .top_logo{
	position:absolute;
	top:38%;
	left:34%;
	margin:0 auto;
	width:40vw;
	height:44vw;
	display:block;
	text-indent:-9999px;
    background:url(../img/index/top_txt.svg);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
    z-index:1000;
}
.swiper-container {
position: relative;
overflow: hidden;
height: 100vh;
padding:0;
background-size: cover;
background-position: center center;
}


.swiper-slide {
display: flex;
align-items: flex-start;
justify-content: center;
}
.swiper-slide img {
display: inline;
width: auto;
height: 100vh;
align-self: center;
}

.spmain_img{
	width:100%;
	height:153vw;
  	position: relative;
  	margin:0px auto 0 auto;
  	padding:0;
	text-align:center;
	background-color:#ff0000;
}
.spmain_img img{
	margin:0;
	width:100%;
}
.swiper-container2{
	background-color:#ff0000;
}

.top_img02{
display:none;
}
.top_img02 .top01_txt{
	margin:0 auto;
	width:28%;
	height:30vw;
	display:block;
	text-indent:-9999px;
    background:url(../img/index/top01_txt.png);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;

}
.swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
	position:relative;

}
.con01_box{
	width:100%;
	padding:0 0 10% 0;
	overflow:hidden;
    background:url(../img/index/spindex_bg01.png);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:100%;
    z-index: 10;
	
}
.con02_box{
	width:100%;
	margin:-35% 0 0 0;
	padding:50% 0 5% 0;
	overflow:hidden;
    background:url(../img/index/con02_bg_pctop.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:400%;
    background-color:#999;
	
}

.con03_box {
    width: 100%;
    margin: 0 0 0% 0;
    padding: 7% 0 10% 0;
    position: relative;
    z-index: 8;
}

.con03_box::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    transform: skewY(-7deg);
    z-index: -1;
}
.mtitle2{
	margin-top:13%;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;

}
.mtitle{
	margin-top:10%;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
}
.sctxt{
	width:100%;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	font-family: "UD Shin Go Regular", Arial, sans-serif;
}
.ctxt{
	margin:15px auto 0 auto;
	width:90%;
	text-align:left;
	color:#fff;
	font-size:13px;
	line-height:24px;
	font-weight:normal;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
}
.ctxt2{
	margin:15px auto 0 auto;
	width:90%;
	display:block;
	text-align:left;
	color:#fff;
	font-size:13px;
	line-height:24px;
	font-weight:normal;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
}

.work{
	width:100%;
	padding:35% 0 0% 0;
	overflow:hidden;
    background:url(../img/index/work_bgtop.jpg);
    background-repeat:no-repeat,no-repeat;
    background-position:top center;
    background-size:100%;
    background-color:#999;	
}
.md_box{
	margin:4% auto 0 auto;
	width:90%;
	position:relative;
}

.md_box .title{
	width:100%;
	text-align:left;
	color:#333;
	font-size:22px;
	line-height:36px;
	font-weight:bold;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
	float:left;
}
.md_box .title img{
	margin:0 10px -3px 0;
	width:100px;
}
.md_box .stitle{
	width:100%;
	text-align:left;
	color:#333;
	font-size:12px;
	font-weight:normal;
	line-height:21px;
	font-family: "UD Shin Go Regular", Arial, sans-serif;
	float:left;
}
.md_box .mbn a{
	width:110px;
	height:25px;
	margin:-50px 0 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:10px;
	line-height:25px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", Arial, sans-serif;
	border-radius: 5px;
	background-color:#333;
	float:right;
}
.md_box .title2{
	width:100%;
	text-align:left;
	color:#fff;
	font-size:22px;
	line-height:36px;
	font-weight:bold;
	font-family: "UDDigiKyokasho R", Arial, sans-serif;
}
.md_box .stitle2{
	width:100%;

	text-align:left;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:21px;
	font-family: "UD Shin Go Regular", Arial, sans-serif;
}
.md_box .mbn2 a{
	width:110px;
	height:25px;
	margin:-50px 0 0 0;
	display:block;
	text-align:center;
	color:#333;
	font-size:10px;
	line-height:25px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", Arial, sans-serif;
	border-radius: 5px;
	background-color:#fff;
	position:absolute;
	top:55px;
	right:0;
}

.m_box{
	margin:4% auto 0 auto;
	width:90%;
	overflow:hidden;
        border-bottom:1px solid #333;

}

.m_box .img01_t{
	width:100%;
	margin:0 0 -8px 0;
	box-sizing: border-box;
  outline:2px solid #333;
  outline-offset: -2px;
}
.m_box .img01_t img{
	width:100%;

}
.n_box{
	margin:6% auto 0 auto;
	width:90%;
	height:100vw;
	overflow:hidden;
}

.n_box .news_box01{
	width:48%;
	height:50vw;
	position: relative;
	float:left;
}
.n_box .news_box02{
	width:48%;
	height:50vw;
	position: relative;
	float:left;
}
.n_box .news_box01 .img_box{
	width:100%;
	height:25vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
}
.n_box .news_box01 .img_box .yoko{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;

}
.n_box .news_box01 .img_box .yoko44{
	height:25vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.n_box .news_box01 .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.n_box .news_box02 .img_box{
	width:100%;
	height:25vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
}
.n_box .news_box02 .img_box .yoko{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;

}
.n_box .news_box02 .img_box .yoko44{
	height:25vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.n_box .news_box02 .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.n_box .title01{
	width:100px;
	height:18px;
	margin:-11px auto 0 auto;
	display:block;
	text-align:center;
	color:#fff;
	font-size:10px;
	line-height:18px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", Arial, sans-serif;
	background-color:#333;
position: absolute;
	left:20%;

}
.n_box .title02{
	width:100px;
	height:18px;
	margin:-11px auto 0 auto;
	display:block;
	text-align:center;
	color:#fff;
	font-size:10px;
	line-height:18px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", Arial, sans-serif;
	background-color:#ff9900;
position: absolute;
	left:20%;

}
.n_box .txt a{
	width:100%;
	margin:6% auto 0 auto;
	display:block;
	text-align:left;
	color:#333;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	font-family: "UD Shin Go Medium", sans-serif;
overflow:hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.n_box .date{
	width:100%;
	margin:5px auto 0 auto;
	display:block;
	text-align:left;
	color:#333;
	font-size:12px;
	line-height:21px;
	font-weight:normal;
	font-family: "UD Shin Go Regular", sans-serif;
}
.n_box .spl{
	margin-left:4%;
}

.main_slimg{
	margin:-15% auto 0 auto;
	width:90%;
	text-align:center;
	overflow:hidden;
	z-index:20;
}
.main_slimg .img_box{
	width:100%;
	height:65vw;
	text-align:center;
	overflow:hidden;
}

.main_slimg .img_box .yoko{
	height:65vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}


.m_box02{
	margin:5% auto 0 auto;
	width:90%;
	overflow:hidden;
	display:block;
	color:#000;
	font-size:16px;
	line-height:38px;
	text-align:center;
	font-weight:bold;
	font-family: "UDDigiKyokasho M", sans-serif;
}

.m_box03{
	margin:5% auto 7% auto;
	width:90%;
	display:block;
	overflow:hidden;
	text-align:center;
}
.m_box03 .img01{
	margin:0% auto 0 auto;
	width:80%;
	height:30vw;
}
.m_box03 .img02{
	margin:3% auto 0 auto;
	width:80%;
	height:30vw;
}
.m_box04{
	margin:41% auto 0 auto;
	padding-left:37%;
	width:63%;
	display:block;
	text-align:left;
	color:#fff;
	font-size:28px;
	line-height:40px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M", sans-serif;
}
.m_box04 p{
	text-align:left;
	color:#fff;
	font-size:16px;
	line-height:38px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M", sans-serif;
}

.m_box05{
	width:100%;
	display:block;
	padding-bottom:28%;
	margin:2% auto 10% auto;
}
.m_box05 .hide{
	display:none;
}
.m_box05 .lbox{
	width:100%;
}
.m_box05 .lbox img{
	width:100%;
}
.m_box05 .rbox{
	margin:0;
	width:100%;
	display:block;
}
.m_box05 .rbox img{
	margin:0 0 0 0;
	padding:0;
	width:100%;
	cursor: pointer;
}
/**
* スライダー
*/
.slider-wrapper2 {
  width:100%;
  position: relative;
	margin:20px auto 0 auto;
}
.slider-wrapper2 .catalog-slide2{
	width:100%;
}
.slider-wrapper2 .catalog-slide-thumb2{
	width:100%;
}
.slider-wrapper2 .catalog-slide2 img{
	width:100%;
}
.slider-wrapper2 .catalog-slide-thumb2 img{
	width:100%;
	height:62px;
}
.catalog-slide-thumb2,
.catalog-slide-thumb2 .slick-track,
.catalog-slide-thumb2 .slick-list {
  height: 100%;
}

.catalog-slide-thumb2,
.catalog-slide-thumb2 .slick-track {
  box-sizing: border-box;
}



.catalog-slide-thumb2 .slick-track {
  transform: none !important;
  background: #faf9f5;
  overflow: hidden;
}

.catalog-slide-thumb2 .slick-slide {
  float: none;

  padding:0;
  width: auto !important;
  cursor: pointer;
  box-sizing: border-box;
  align-items: center;
}



.catalog-slide-thumb2 .slick-track::before,
.catalog-slide-thumb2 .slick-track::after {
  content: none;
}

.catalog-slide-thumb2 .slick-cloned {
  display: none;
}

.catalog-slide-thumb2 .slick-slide:focus,
.catalog-slide-thumb2 .slick-current {
  box-sizing: border-box;
}

.catalog-slide-thumb2 .slick-list {
  overflow: visible !important;
}
.wbox{
	width:90%;
	overflow:hidden;
	display:block;
	margin:10px auto 0 auto;
}

.wbox .box{
	width:100%;
	display:block;
	overflow:hidden;

}
.wbox .box .img_box{
	width:100%;
	height:62vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
}
.wbox .box .img_box .icon{
	width:45px;
	height:45px;
	position: absolute;
	left:0;
	bottom:0;
}
.wbox .box .img_box .yoko{
	height:62vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.wbox .box .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wbox .box .num{
	width:100%;
	height:6vw;
	padding-left:20px;
	margin:0;
	text-align:left;
	color:#fff;
	font-size:5.2vw;
	line-height:7vw;
	font-weight:normal;
	font-family: "UDDigiKyokasho R";
	background:url(../img/index/num.png);
	background-repeat:no-repeat;
 	background-position:left bottom 10px;
	box-sizing: border-box;
	display:none;

}
.wbox .box .title{
	margin-top:2%;
	text-align:left;
	width:100%;
	display:block;
	color:#333;
}
.wbox .box .title .ty{
	height:12px;
}
.wbox .box .txt a{
	margin-top:5px;
	width:100%;
	display:block;
	text-align:left;
	color:#fff;
	font-size:15px;
	line-height:21px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.wbox .box .stxt{
	margin:3px 0 8% 0;
 	width:100%;
	text-align:left;
	color:#333;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.wbox .ml{
}
.m_box06{
	width:100%;
	display:block;
	margin:0 0 0 0;
	padding:6% 0 15%;
	background:#333;
	overflow:hidden;
}
.obox{
	width:90%;
	display:block;
	margin:0% auto 5% auto;
	overflow:hidden;

}
.obox .box{
	margin-top:7%;
	width:100%;
	display:block;
	overflow:hidden;
}
.obox .box .img_box{
	width:100%;
	height:62vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
}

.obox .box .img_box .yoko{
	height:62vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.obox .box .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.obox .box .title a{
	margin-top:10px;
	text-align:center;
	width:100%;
	display:block;
	color:#000;
	font-size:16px;
	line-height:28px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.obox .box .txt{
	margin-top:0px;
	width:100%;
	display:block;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:21px;
	font-weight:normal;
	font-family: "UD Shin Go Medium";
}
.obox .box .txt2{
	margin-top:10px;
	width:100%;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:21px;
	font-weight:normal;
	font-family: "UDDigiKyokasho M";
}

.obox .ml{
}
.ybox{
	width:90%;
	display:block;
	margin:0% auto 5% auto;
	overflow:hidden;
}
.ybox .box{
	margin-bottom:6%;
	width:100%;
	display:block;
	overflow:hidden;
}
.ybox .box .yt{
	width:100%;
	height:50vw;
	display:block;
}
.ybox .box .txt2{
	margin-top:10px;
	width:100%;
	text-align:center;
	color:#000;
	font-size:13.5px;
	line-height:21px;
	font-weight:normal;
	font-family: "UDDigiKyokasho M";
}

.m_box07{
	width:100%;
	display:block;
	margin:10% 0 0 0;
	padding:5% 0 4% 0;
	background:#333;
	position:relative;
	overflow:hidden;
}
.m_box07 .amazon{
	margin:5% auto 0% auto;
	display:block;
	width:80%;
	overflow:hidden;
}

.m_box07 .mtxt{
	display:none;
}
.m_box07 .mtxt2{
	margin-top:2%;
	width:100%;
	text-align:left;
	color:#fff;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	font-family: "UDDigiKyokasho M";
}
.lpbox{
	width:90%;
	display:block;
	overflow:hidden;
	margin:7% auto 0px auto;
}
.lpbox .box{
	width:48%;
	height:45vw;
	display:block;
	overflow:hidden;
	float:left;
}
.lpbox .box .img_box{
	width:100%;
	height:26vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
	z-index:100;
	background-color:#333;
}
.lpbox .box .img_box .ck{
	padding:0 1.5%;
	min-width:55px;
	height:23px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:22px;
	font-weight:bold;
	font-family: "UD Shin Go Bold";
	box-sizing: border-box;
	background-color:#808080;
	position: absolute;
	top:0;
	left:0;
	z-index:1000;
}

.lpbox .box .img_box .yoko{
	height:26vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.lpbox .box .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.lpbox .box .img_box .sold{
	width:105%;
	height:26.5vw;
 position: absolute;
  top:0;
  left:-1px;
 z-index:10100;
}
.lpbox .title a{
	margin-top:5px;
	text-align:center;
	width:100%;
	display:block;
	color:#fff;
	font-size:15px;
	line-height:26px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.lpbox .txt{
	margin-top:0px;
	width:100%;
	text-align:center;
	color:#ff9900;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	font-family: "UD Shin Go Regular";
}
.lpbox .ml{
}
.lpbox .sml{
	margin-left:4%;
}
.m_box08{
	width:100%;
	display:block;
	margin:0;
	padding:7% 0 12% 0;
	background:#ededee;
	overflow:hidden;
}
.m_box08 .box01 a{
	width:90%;
	display:block;
	margin:3% auto 0 auto;
	padding:10px 0;
	text-align:left;
	color:#333;
	font-size:13px;
	line-height:26px;
	font-weight:bold;
	font-family: "UDDigiKyokasho B";
	border-top:dotted 1px #999;
	border-bottom:dotted 1px #999;
}
.m_box08 .box02 a{
	width:90%;
	display:block;
	margin:0 auto;
	padding:10px 0;
	text-align:left;
	color:#333;
	font-size:13px;
	line-height:26px;
	font-weight:bold;
	font-family: "UDDigiKyokasho B";
	border-bottom:dotted 1px #999;
}
.m_box08 span{
	margin-right:4%;
	text-align:left;
	color:#333;
	font-size:12px;
	line-height:26px;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.m_box09{
	width:100%;
	display:block;
	margin:0 0 -5% 0;
	padding:0 0 0 0;
	overflow:hidden;
}
/*--------------------------------------------------------------
# 商品カタログ
--------------------------------------------------------------*/



.midashi{
	width:400px;
	height:65px;
	margin:60px auto 0 auto;
	padding:15px 0 0 0;
	display:block;
	text-align:center;
	color:#000;
	font-size:28px;
	line-height:34px;
	background-color:#fff;
	z-index:101;
}
.midashi .s_title{
	font-size:12px;
	line-height:15px;
}


.news_bn a{
	width:295px;
	height:50px;
	margin:50px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:50px;
	border:solid 1px #231815;
	border-radius: 25px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 90px center;
}
.news_bn a:hover{
	width:295px;
	height:50px;
	margin:50px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:50px;
	border:solid 1px #ff0000;
	border-radius: 25px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 90px center;
	background-color:#ff0000;

}

#loopslider {
    margin: 15px auto 0 auto;
    width: 100%;
    height: 220px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 250px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 250px;
    height: 250px;
    text-align: left;
    float: left;
    display: inline;
    overflow: hidden;
    position:relative;
}
#loopslider ul li img{
    width: 250px;
    height: 250px;
object-fit: cover;

}
#loopslider ul li .mask {
    width: 220px;
    height: 220px;

	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}
#loopslider ul li .caption {
	font-size:		16px;
	text-align: 		center;
	padding:		0px 20px 0px 20px;
	color:			#fff;
	font-weight:bold;
	line-height:28px;

}
#loopslider ul li a:hover .mask {
	opacity:		1;	/* マスクを表示する */
}
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}

.model_box{
	width:90%;
	display:block;
	margin:0px auto 0px auto;
}

.model_box .box a{
	margin-top:20px;
	padding:0 0 4% 0;
	width:100%;
	display:block;
	background-color:#fff;
}
.model_box .box a:hover{
	background-color:#ff9900;
}
.model_box .box a .img_box{
	width:100%;
	height:57vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
	z-index:100;
}

.model_box .box a .img_box .yoko{
	height:57vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.model_box .box a .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.model_box .box a .kubun01{
	margin:10px auto 0px auto;
	text-align:left;
	width:88%;
	display:block;
	color:#333;
	font-size:14px;
	line-height:28px;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.model_box .box a .kubun01 img{
	margin-top:-2px;
	width:22px;
	vertical-align:middle;
}
.model_box .box a .kubun02{
	margin:10px auto 0px auto;
	text-align:left;
	width:88%;
	display:block;
	color:#333;
	font-size:16px;
	line-height:28px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.model_box .box a .kubun02 img{
	margin-top:-2px;
	height:18px;
	vertical-align:middle;
}
.model_box .box a .title{
	margin:4px auto 0px auto;
	text-align:left;
	width:88%;
	display:block;
	color:#000;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.model_box .box a:hover .title{
	color:#fff;
}
.model_box .box a .txt{
	margin:3px auto 0px auto;
	width:88%;
	text-align:left;
	color:#333;
	font-size:12px;
	line-height:21px;
	font-weight:normal;
	font-family: "UD Shin Go Medium";
}
.model_box .box a .kubun02 span{
	margin-left:10px;
	color:#333;
	font-size:13px;
	line-height:26px;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.model_box .box a .txt2{
	margin:5px auto 0px auto;
	width:88%;
	text-align:left;
	color:#333;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.model_box .box a .kubun{
	margin:0px auto 0px auto;
	text-align:left;
	width:100%;
	display:block;
	color:#ff9900;
	font-size:13px;
	line-height:24px;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.model_box .box a:hover .kubun{
	color:#fff;
}
.model_box .box a .kubun img{
	margin:-5px 3px 0 6%;
	width:25px;
	vertical-align:middle;
}
.model_box .ml a{
	margin-left:0;
}

.tateuri_box{
	width:90%;
	display:block;
	margin:0px auto 0px auto;
}

.tateuri_box .box a{
	margin-top:20px;
	padding:0 0 4% 0;
	width:100%;
	display:block;
	background-color:#fff;
}
.tateuri_box .box a:hover{
	background-color:#ff9900;
}
.tateuri_box .box a .img_box{
	width:100%;
	height:57vw;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	position: relative;
	z-index:100;
}

.tateuri_box .box a .img_box .yoko{
	height:57vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.tateuri_box .box a .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tateuri_box .box a .kubun{
	margin:12px auto 0px auto;
	text-align:left;
	width:90%;
	display:block;
	color:#ff9900;
	font-size:15px;
	line-height:23px;
	font-weight:bold;
	font-family: "UD Shin Go Medium";
}
.tateuri_box .box a .kubun img{
	margin-top:-5px;
	width:32px;
	vertical-align:middle;
}
.tateuri_box .box a:hover .kubun{
	color:#ffffff;
}
.tateuri_box .box a .title{
	margin:5px auto 0px auto;
	text-align:left;
	width:90%;
	display:block;
	color:#000;
	font-size:18px;
	line-height:32px;
	font-weight:bold;
	font-family: "UDDigiKyokasho M";
}
.tateuri_box .box a:hover .title{
	color:#fff;
}
.tateuri_box .box a .txt{
	margin:5px auto 0px auto;
	width:90%;
	text-align:left;
	color:#333;
	font-size:12px;
	line-height:21px;
	font-weight:normal;
	font-family: "UDDigiKyokasho M";
}
.tateuri_box .box a .txt2{
	margin:5px auto 0px auto;
	text-align:left;
	width:90%;
	display:block;
	color:#333;
	font-size:13px;
	line-height:21px;
	font-weight:normal;
	font-family: "UD Shin Go Medium";
}
.tateuri_box .box a .txt2 span{
	font-size:14px;
}
.tateuri_box .ml a{
	margin-left:0;
}

}

/*#######################################################################################*/


.swiper-button-prev {
	width:30px;
	height:30px;
	display:block;
	border-radius: 15px;
	background-repeat:no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23dc0000'%2F%3E%3C%2Fsvg%3E");
	background-size:30%;
	background-color:#fff;
}
.swiper-button-next {
	width:30px;
	height:30px;
	display:block;
	border-radius: 15px;
	background-repeat:no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23dc0000'%2F%3E%3C%2Fsvg%3E");
	background-size:30%;
	background-color:#fff;
}


.clear{
	clear:both;
}
.list60{
width:60px;
padding:3px 2px;
}
.list130{
width:130px;
padding:3px 2px;
}
.list250{
width:270px;
padding:3px 2px;
}