@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);

@import url(//maxcdn.maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

@import url(//use.fontawesome.com/releases/v5.6.1/css/all.css);

@import url(//use.fontawesome.com/releases/v5.0.11/css/all.css);

@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);


@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html { 
  font-size: 62.5%; 
}

body {
  font-family: 'Josefin Slab', 'Noto Sans Japanese', serif;
  margin: 0;
}

time {
  font-family: 'Elsie', cursive;
  font-size: 1.5rem;
}

a {
  color: black;
  text-decoration: none;
}

ul {
  padding: 0;
}

.text {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
  line-height: 2;
  font-size: 1.3rem;
}

.title {
  /*text-align: center;*/
  margin:0;
/*  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:100;*/
  font-size: 3rem;  
}

.border {
  width: 70%;
  max-width:490px;
  border-bottom: 1px solid #DDD;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
  margin-bottom:15px;
}




/*ヘッダー*/
header {
  color: black;
  position: relative;
  width: 100%;
  height: 220px;
}



.header_left {
  width:100%;
  margin: 10px auto 10px auto;
  text-align:center;
  font-size: 1.5rem;
}

.header_left img {
  /*margin-top: 20px;*/
  width: 50px;
}

.header_left i{
  padding-right: 5px;
}




.header_right{
  margin: 10px auto 10px auto;
  font-size: 1.3rem;
}

.header_right ul{
	padding-left:0;
	text-align:center;
}

.header_right li{
	display:inline;
  list-style: none;
  padding: 0;
  padding-left: 5px;
  position:relative;
}

.header_right i{
  font-size: 1.0rem;
}

.header_middle{
  position: absolute;
  top:120px;
  width: 100%;
  font-size: 3rem;
  text-align: center;
}


/*コンテンツ*/
.contents {
  width:80%;
  margin:40px auto;
  max-width:700px
}


.contents03 {
  width:70%;
  margin:40px auto;
  max-width:700px
}


.contents03 {
  width:75%;
  margin:40px auto;
  max-width:700px
}


/*フッター*/
footer p{
  clear: both;
  margin-top: 20px;
  font-size: 1,2rem;
  text-align: center;
}

.border {
  width: 70%;
  border-bottom: 1px solid #DDD;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
}






.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
/*  display: inline-table;*/
}






/*別解像度*/


@media (min-width: 660px) {
header {
  color: black;
  position: relative;
  width: 100%;
  height: 240px;
}

.header_left {
  position: absolute;
  top: 20px;
  left: 32px;
  margin:0;
  text-align:left;
  font-size: 2rem;
}

.header_left i{
  padding-right: 5px;
}

.header_left img{
  width: 60px;
}

.header_right{	
  position: absolute;
  top: 48px;
  right: 15px;
  margin:0;
  font-size: 1.3rem;
}

.header_right{
  padding-right: 10px;
  font-size: 2rem;  
/*  top: 13px;*/
}


.header_right i{
  font-size: 1.0rem;
  vertical-align: text-top;
  font-size: 1.5rem;
}

.header_right ul {
	margin:0;
}

.header_right li {
  padding-left: 15px;
}

.header_middle{
  position: absolute;
  top:136px;
  width: 100%;
  font-size: 3rem;
  text-align: center;
}


@media (min-width: 680px) {


.text {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
  line-height: 2;
  font-size: 1.3rem;
}


}












space-between



.worksbox {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
}

.workstext {
  text-align: left; 
}

h4 {
  font-size: 32px;
  margin: 0;

}








.workspict {
  width: 180%;
  margin-left: 3%;
}

.workspict img {
  width: 100%;
  height:auto;
}


.workspict02 {
  width: 180%;
  margin-left: 3%;
}

.workspict02 img {
  width: 100%;
  height:auto;
}








.worksbox01 {

  width: 100%;
  display:flex;
  flex-direction: row;
  justify-content: space-between;
}

.workstext01 {
  font-size: 12px;
  text-align: left;
  margin-left: 3%;
}


.worksbox02 {

  width: 100%;
  display:flex;
flex-direction: column;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.workstext02 {
  font-size: 12px;
  text-align: left;
      float: left;
  list-style: none;
  margin: 5px;

}





















.main-section_content99 {
  width: 100%;
  margin: 0;
  padding: 00;

}

.content99 {
  display: flex;
}

img {
  margin: 50;
  width: 100%;
  vertical-align: bottom;

}

.photo99,
.text1 {
  width: 30%;

}

.text99 {

  background: #ccc;
  padding: 10px;  
}










.box90{

      float: left;
  list-style: none;
  margin: 5px;

    background: #ed4343;
    display: table;
    height: 400px;
    text-align: left;
    width: 40%;
}
.inner90{
    display: table-cell;
    vertical-align: middle;
}
.content90{
    border: 1px solid #fff;
    display: inline-block;
    padding: 20px;
}







.box91{
      float: left;
  list-style: none;
  margin: 5px;


    display: table;
    height: 400px;
    text-align: left;
    width: 40%;
}

.content91{
    border: 1px solid #fff;
    display: inline-block;
    padding: 20px;
}










.box92{
      float: left;
  list-style: none;
  margin: 5px;


    display: table;
    height: 400px;
    text-align: left;
    width: 55%;
}

.content92{
    border: 1px solid #fff;
    display: inline-block;
    padding: 0px;
  font-size: 12px;
  text-align: left;
  margin-left: 0%;


}



.text92{
  font-size: 12px;
  text-align: left;
  margin-left: 0%;


}




.box93{
      float: left;
  list-style: none;
  margin: 5px;


    display: table;
    height: 400px;
    text-align: left;
    width: 60%;
}

.content93{
    border: 1px solid #fff;
    display: inline-block;
    padding: 0px;
  font-size: 12px;
  text-align: left;
  margin-left: 0%;


}



.text93{
  font-size: 12px;
  text-align: left;
  margin-left: 0%;


}



.box94{
      float: left;
  list-style: none;
  margin: 5px;


    display: table;
    height: 400px;
    text-align: left;
    width: 100%;
}

.content94{
    border: 1px solid #fff;
    display: inline-block;
    padding: 0px;
  font-size: 14px;
  text-align: left;
  margin-left: 0%;


}



.text94{
  font-size: 12px;
  text-align: left;
  margin-left: 0%;


}


















.box80{
      float: left;
  list-style: none;
  margin: 5px;


    display: table;
    height: 400px;
    text-align: left;
    width: 85%;
}

.content80{
    border: 1px solid #fff;
    display: inline-block;
    padding: 0px;
  font-size: 14px;
  text-align: left;
  margin-left: 0%;


}



.text80{
  font-size: 12px;
  text-align: left;
  margin-left: 0%;


}



h9 {
  font-size: 220%;
  font-weight: bold; 
}

























.box70{
      float: left;
  list-style: none;
  margin: 5px;


    display: table;
    height: 400px;
    text-align: left;
    width: 40%;
}

.content70{
    border: 1px solid #fff;
    display: inline-block;
    padding: 0px;
  font-size: 14px;
  text-align: left;
  margin-left: 0%;


}



.text70{
  font-size: 12px;
  text-align: left;
  margin-left: 0%;


}














.box55{
      float: left;
  list-style: none;
  margin: 5px;


    display: table;
    height: 400px;
    text-align: left;
    width: 100%;
}

.content55{
    border: 1px solid #fff;
    display: inline-block;
    padding: 0px;
  font-size: 14px;
  text-align: left;
  margin-left: 0%;


}



.text55{
  font-size: 12px;
  text-align: left;
  margin-left: 0%;


}






.contents_indv90 {
	width:auto;
align:center;
	max-width:600px;
	margin:40px 10px;
	padding:20px;
	border-radius:15px;
	/*background-color:#F2F2F2;*/
}






.box191{
      float: left;
  list-style: none;
  margin: 5px;


    display: table;
    height: 400px;
    text-align: left;
    width: 30%;
}

.content191{
    border: 1px solid #fff;
    display: inline-block;
    padding: 20px;
}










.box192{
      float: left;
  list-style: none;
  margin: 5px;


    display: table;
    height: 400px;
    text-align: left;
    width: 65%;
}

.content192{
    border: 1px solid #fff;
    display: inline-block;
    padding: 0px;
  font-size: 12px;
  text-align: left;
  margin-left: 0%;


}



.text192{
  font-size: 12px;
  text-align: left;
  margin-left: 0%;


}


.resizeimage img { width: 40%; }



.text_box01 {
width:65%;
margin:5px; padding:5px; border:1px solid black;
background-color:lightgray;
text-align: left
} 

.ticket_buy01 {
  align: center
  width: 10vw;
  height: 10vh;
  
text-align: left
} 


.my-parts ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.my-parts ul li a {

	position: relative;

	display: block;

	padding: .4em .8em .4em 2.4em;

	text-decoration: none;

	background: #fff;

	color: #333;

	text-align: left;

	margin: .2em 0;

}

.my-parts ul li a:hover {

	background: #eee;

}

.my-parts ul li a::before {

	position: absolute;

	top: 50%;

	left: .8em;

	transform: translateY(-50%);

	content: '\f0da';

	font-family: 'Font Awesome 5 Free';

	font-weight: 900;

}




#social-icon02 a { 
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
margin: 0; padding: 5px; font-weight: 900;}

	#social-icon02 i { color: #000000; }

	#social-icon02 a:hover i { color: #ff6600; }





.boxicon01 {
background:#eaffdf; /*背景色の指定*/
border: #82d35a 1px solid; /*境界線の指定*/
border-radius: 6px; /*角丸の指定*/
padding:0px;
}
.box p {
margin:0;
padding:0;
}


.hr.line02{
  border: none;
  border-top: 1px dotted #999;
}
	

.dotted-two {
   width: 70%;
  max-width:950px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
  margin-bottom:15px;
  border-bottom: 2px dotted #333;
}

.fa-twitter:before {
    content: '𝕏';
}

.slider {
  position: relative;
  overflow: hidden;
  margin: 10px;
  width: 280px;
}

.slider-list {
  position: relative;
  list-style: none;
}

.slider-list-item {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;

  img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }
}

/* slider animation */
.slider-list .slide1 {
  position: relative;
}

.slider-list .slider-list-item {
  animation: slidshow 24s infinite;
}

@keyframes slidshow {
  0% {
    transform: translateX(0);
  }

  21% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(100%);
  }

  25.001% {
    transform: translateX(-100%);
  }

  96% {
  transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

.slider-list .slide1 {
  animation-delay: 0s;
}

.slider-list .slide2 {
  animation-delay: -18s;
}

.slider-list .slide3 {
  animation-delay: -12s;
}

.slider-list .slide4 {
    animation-delay: -6s;
}

.next_header_main02 img {
  width: 100%;
  align: center"
}

.accepting_anotehr {
  width:270px;
  color: white;
  background-color: #6495ed  ;
  margin: 20px auto;
  padding: 5px 0;
  font-weight: 200;
  font-size: 2rem;
  font-family: 'Noto Sans Japanese', sans-serif;
  text-align: center;
  border-radius:4px;
}

.accepting_anotehr2 {
  width:270px;
  color: white;
  background-color: #00008b   ;
  margin: 20px auto;
  padding: 5px 0;
  font-weight: 200;
  font-size: 2rem;
  font-family: 'Noto Sans Japanese', sans-serif;
  text-align: center;
  border-radius:4px;
}

.accepting_anotehr3 {
  width:270px;
  color: white;
  background-color: #ff6347   ;
  margin: 20px auto;
  padding: 5px 0;
  font-weight: 200;
  font-size: 2rem;
  font-family: 'Noto Sans Japanese', sans-serif;
  text-align: center;
  border-radius:4px;
}

.accepting_a{
  width:270px;
  color: white;
  background-color: #ff6347   ;
  margin: 20px auto;
  padding: 5px 0;
  font-weight: 200;
  font-size: 2rem;
  font-family: 'Noto Sans Japanese', sans-serif;
  text-align: center;
  border-radius:4px;
}

.container {
  display: flex;
  gap: 0 43px;
  width: 776px;
  margin: 0 auto;
}

.item {
  width: 33.33333%;
}

.item > img {
  width: 100%;
  height: 140px;
  object-fit: cover;
}