@charset "utf-8";
/* CSS Document */
/*
.youso{
	width:500px;
	margin:250px auto;
	　overflow: hidden;
	display:block;
	background-color:#666;
*/

.sw_title{
	font-weight:bold;
	font-size:16px;
	display:block;
	margin:7px auto 0 auto;
	text-align:left;
	padding-top:5px;
	padding-left:5px;
	line-height:1.2;
}

.sw_title span{
	display:block;
	float:left;
	color:#FFF;
	background-color:#9B308C;
	padding:0 5px !important;
	width:3em;
	margin-right:5px;
	text-align:center;
	font-weight:normal !important;
}

.sw_subtitle{
	margin-left:5px;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	line-height:0.5em;
}
	

.sw_p{
	font-size:12px;
	/*padding:0 10px;*/
	margin-left:5px;
	line-height:0.4em;
	text-align:left;
}

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


.content_end{
	width:150px;
	height:240px;
}

.sw_title{
	font-size:15px;
}



}


/*  2sw
---------------------------------------------------------------------*/


*{
	list-style:none;
}




.loopSlide {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  width: 80vw;
  overflow: hidden;
  margin:0 auto 30px auto;
}
.loopSlide ul {
  padding: 0;
  /*width: 80vw;*/
  /*width:950px;*/
  display: flex;
  flex-shrink: 0;
}
.loopSlide ul:first-child {
  animation: slide1 60s -30s linear infinite both;
}
.loopSlide ul:last-child {
  animation: slide2 60s linear infinite both;
}
.loopSlide ul li {
  display: inline-block;
  /*width: 100%;*/
  /*height:260px;*/
 width: 180px;
  margin-right: 10px;
  list-style: none;
  text-align: center;
  border:solid 1px #666666;
  padding:2px 2px 2px 2px;
}
.loopSlide ul li img {
  display: block;
  width: 95%;
  margin:5px auto 5px auto;
}
.loopSlide:hover ul {
  animation-play-state: paused;
}

@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

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



.loopSlide {
  width: 95vw;
}

.loopSlide ul li{
	width:150px;
	/*height:240px;*/
}

.sw_title{
	font-size:15px;
}
}