@charset "UTF-8";

/* ¥¢©`¥«¥¤¥Ö¡¡*/
body.index h2{
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 40px;
	padding: 0;
	font-size: 30px;	
}

body.index .pageList{
    display: flex;
    flex-wrap: wrap;
}

body.index .pageList + h2{
	margin-top: 50px;
}

body.index .pageList article{
    max-width: 300px;
    width: 21.74%;
	margin-right: 4.34666666667%;
	margin-bottom: 50px;
}

body.index .pageList article:nth-child(4n){
	margin-right: 0;
}

body.index .pageList article p{
	margin-top: 15px;	
}

/* ÏŒӡ¡*/
.detailBl{
	padding: 80px 0 0;
}

.detailBl h1{
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 40px;
	padding: 0;
	font-size: 30px;
}

.detailBl h1 span{
	font-size: 18px;
	display: block;
}

.detailBl .column02{
	justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.detailBl .column02 .picBl{
	width:52.174%;
}

.detailBl .column02 .picBl .flex{
    display: flex;
    gap:2px;
    margin-top: 2px;
    justify-content: center;
    background: #c3c3c3;
}

.detailBl .column02 .picBl .flex li{
    width: 20%;
}

.detailBl .column02 .txtBl{
	width:43.479%;
	letter-spacing: 0.05em;
}

.detailBl .column02 .txtBl p{
	line-height: 2;
	font-size: 18px;
}

.detailBl .column02 .txtBl p + p{
	margin-top: 1em;
}

.detailBl .column02 .txtBl p a{
	text-decoration: underline;
}

.detailBl .column02 .txtBl p a:hover{
	text-decoration: none;
}

/* slider */
.detailBl .wrap {
  max-width: 1000px;
  margin: 0 auto;
}

.detailBl .swiper-slide img {
  width: 100%;
}

.detailBl .thumbnail .swiper-slide {
  opacity: 0.5;
}

.detailBl .thumbnail .swiper-slide-active{
  opacity: 1;
}

.detailBl .swiper-button-prev::after,
.detailBl .swiper-container-rtl .swiper-button-next::after,
.detailBl .swiper-button-next::after,
.detailBl .swiper-container-rtl .swiper-button-prev::after {
	font-size: 25px;
    text-shadow: 0 0 10px rgb(0,0,0,0.8), 0 0 10px rgb(0,0,0,0.8);
}


/* swichingArea */
.detailBl .column02 .swichingArea{
    width: 52.174%;
}

.detailBl .swichingArea .main > *{
	display: none;
}

.detailBl .swichingArea .main .show{
	display: block;
}

.detailBl .swichingArea .thumd{
	display: flex;
	margin-top: 2px;
}

.detailBl .swichingArea .thumd li{
	width: 20%;
	padding: 0 1px;
	display: table-cell;
    opacity: 0.5;
}

.detailBl .swichingArea .thumd li.active{
	opacity: 1;
}

.detailBl .swichingArea .thumd li:first-child{
	padding-left: 0;
}

.detailBl .swichingArea .thumd li:last-child{
	padding-right: 0;
}

@media only screen and (max-width: 768px) {

	/* ¥¢©`¥«¥¤¥Ö¡¡*/
    body.index h2{
        margin-bottom: 5vw;
        padding: 0;
        font-size: 20px;
    }

    body.index .pageList{
        justify-content: space-between;
        display: flex;
        flex-wrap: wrap;
    }

    body.index .pageList + h2{
        margin-top: 5vw;
    }

    body.index .pageList article{
        width: 47%;
		margin-bottom: 5vw;
		margin-right: 0;
    }

    body.index .pageList article p{
        margin-top: 7px;
        line-height: 1.4;
        font-size: 12px;
    }

	/*ÏÂŒÓ*/
     .detailBl{
        padding: 10vw 0 0;
    }

    .detailBl h1{
        margin-bottom: 5vw;
        padding: 0;
        font-size: 20px;
    }

    .detailBl h1 span{
        font-size: 14px;
    }
	
    .detailBl .column02{
		display: block;
    }

    .detailBl .column02 .picBl{
		width: 100%;
		margin-bottom: 10vw;
    }
	
	.detailBl .column02 .txtBl{
		width: 100%;
    }

    .detailBl .column02 .txtBl p{
        font-size: 14px;
    }
    
    /* slider */
    .detailBl .swiper-button-prev::after,
    .detailBl .swiper-container-rtl .swiper-button-next::after,
    .detailBl .swiper-button-next::after,
    .detailBl .swiper-container-rtl .swiper-button-prev::after {
        font-size: 15px;
    }

    .detailBl .swiper-button-prev, 
    .detailBl .swiper-container-rtl .swiper-button-next {
      left: 0;
    }

    .detailBl .swiper-button-next, 
    .detailBl .swiper-container-rtl .swiper-button-prev {
      right:0;
    }	    

	
}