body {
  max-width: 1280px;
  margin: 0 auto;
  
}

a {
  text-decoration: none;
  color: black;
}
ul {
  list-style: none;
}


header {
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
}
header {
  font-family: 'Playfair Display', serif;
}

header .container {
  margin: 0 auto;
}

header .title {
  font-size: 36px;
  display: flex;
  justify-content: center;

}

header .sub {
  font-size: 18px;
  text-align: center;
  padding-top: 5px;
}

/*-------------
main
--------------*/
main , footer{
  padding: 10px;
  margin-bottom: 15px;
  font-family: "Zen Kurenaido", sans-serif;
  font-style: normal;
}
main.toppage{
  padding: 10px 30px;
}
main .backbtn h1{
  padding: 10px;
  background-color: beige;
  width: 100px;
  text-align: center;
  border-radius: 10px;
  font-size: 20px;
  border: 1px solid gray;
  margin-bottom: 30px;
  box-shadow: 5px 5px 20px rgba(0,0,0,0.1);
}

/*-------------
section index
--------------*/
section.top{
  padding: 30px;
  background-color: beige;
  margin-bottom: 30px;
  box-shadow: 5px 5px 20px rgba(0,0,0,0.1);
}

section h1 {
  text-align: center;
}

section .container{
  max-width: 1280px;
}

/*-------------
section
--------------*/
#tm .container, #experience .container, #youtube .container{
  background-color:rgb(253, 255, 238);
  padding: 30px;
  margin: 30px auto 20px;
  border-radius: 5px;
  box-shadow: 5px 5px 20px rgba(0,0,0,0.1);
  width: 350px;
}
#tm .titleimg, #experience .titleimg, #youtube .titleimg {
  margin-bottom: 20px;
}
#tm .titleimg img, #experience .titleimg img, #youtube .titleimg img{
  width: 100%;
  border-radius: 5px;
  box-shadow: 5px 5px 20px rgba(0,0,0,0.1);
}
#tm .title, #experience .title, #youtube .title{
  margin-bottom: 10px;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
}
#tm .sub, #experience .sub, #youtube .sub{
  text-align: left;
}
#tm .container .titleimg iframe {
  width: 100%;
  height: auto; /* 高さを自動調整 */
  min-height: 200px; /* 必要に応じて最低高さを設定 */
}

#tm main .toptitle {
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
section .toptitle {
  padding: 30px;
}
#experience ul.products{
  display: flex;
}
#experience .products li{
  padding: 5px 15px;
  font-size: 16px;
  background-color: white;
  border-radius: 10px;
  border: 1px solid black;
  margin: 5px 0 15px 5px;
}
#youtube .sub{
  height: 200px;
  overflow: auto;
}
#youtube .videosize {
  width: 300px;
}
.containerwrap {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  max-width: 1280px;
  margin: 0 auto;
}

/*-------------
footer
--------------*/

.container {
  max-width: 960px;
  text-align: center;
  margin: 0 auto;
  
}
footer .cop {
  text-align: center;
  margin-top: 50px;
}