@charset "UTF-8";
/* CSS Document */

body{
  margin:0 auto;
  background-image: url("../img/bg.jpg");
　font-family :  "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

h1,h2,h3,p{
	color:#333333;
    font-family :  "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

main{
	 margin:0 auto;
	 text-align: center;
	 max-width: 1000px;
}

@media print,screen and (max-width:810px) {
	.pc {
		display:none;
	}
	
	.sp img {
		width:100%;
	}
}

@media print,screen and (min-width:811px) {
	.sp {
		display:none;
	}
	
	.pc img {
		width:100%;
	}
}



.youtube , .about , .guest , .blog ,.warning, .qa{
  margin:20px 30px 40px 30px;
  padding-top:50px!important;
  padding-bottom:50px!important;
  border-radius: 30px;
  background-color: #fff;
  padding:  2% 6% ; 
}

.warning_inner{
  text-align: center;
  color: red;
}


.about {
	text-align: center;
}

@media print,screen and (max-width:810px) {
	.youtube , .about ,.guest , .qa {
	text-align: center;
	padding-top: 40px!important;
	padding-bottom:40px!important;
}	
}


 .youtube h2 , .about h2,.blog h2 ,.warning h2 {
  margin:0 auto;
  text-align: center;
  text-decoration-line:   underline;
  text-decoration-color:  indianred;
  text-decoration-style:  dashed;
  font-size:20px;
	
}

 .guest h2 {
  margin:0 auto;
  text-align: center;
  font-size:20px;
}

.youtube h2{
  margin-bottom:2%;
}

.warning{
  position: relative;
  background: rgba(255, 255, 255, 1);
  
}

.warning::after{
position: absolute;
    top: -5px; bottom: -5px;
    left: -5px; right: -5px;
	border-radius: 30px;
    background: repeating-linear-gradient(45deg, red, red 10px, white 10px, white 20px);
    background-color: black;
    content: '';
    z-index: -1;
}



.qa h2 {
  margin:0 auto;
  text-align: left;
  text-decoration-line:   underline;
  text-decoration-color:  indianred;
  font-size:20px;
}

.qa p{
 margin-top:-1px;
text-align: left;
}

.youtube p , .about p , .guest p , .blog p , .warning p {
  font-size:15px;
  text-align: left;
}

.youtube p{
  margin-top:5%;
}

 .guest p{
	text-align: right;
}

.s-img  {
   width:30%;
   margin:2%;
}

@media print,screen and (max-width:810px) {
.s-img  {
   width:50%;
   margin:2%;
}

}

.guest-item{
  margin: 5%;
  display:flex;
  justify-content:center;
}

.guest-item-inner h2 ,.guest-item-inner p{
	margin-left: 10%;
}

.guest-item-inner p{
	text-align: left;
}


.guest-item-inner img {
	width:200px;
	border-radius: 50%;
	
}

@media print,screen and (max-width:810px) {
	.guest-item-sp {
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
}
	
	.guest-item-sp img{
	width:50%;
	border-radius: 50%;
	}
	
	.guest-item-sp h2,.guest-item-sp p {
	padding-bottom:5px;
	}
	
	.guest-item-sp p{
	text-align: left;
	}
}


.about h3{
  margin:0 auto;
  text-align: center;
  font-size:20px;
  color:indianred;
}


.youtube h1 , .guest h1 , .qa h1{
 margin:0 auto;
 text-align: center;
 font-size: 25px;
 color:indianred;
 margin-bottom:10px;
}
/*button*/

.button_wrapper{
   text-align:center;
   margin-top:40px;
   margin-bottom:40px;
}

.btn,
a.btn,
button.btn {
  margin:0 auto;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  font-family :  "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #BF675B;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn--radius {
   border-radius: 100vh;
}


.blog_wrapper {
  text-align:center;
}

.blog_wrapper p{
  text-align:left;
}

.btn2,
a.btn2,
button.btn2 {
  margin:0 auto;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  font-family :  "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #BF675B;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn--radius {
   border-radius: 100vh;
}

/*短歌*/

.top-banner-pc{
	display: flex;
	flex-wrap:wrap;
}
.top-banner-pc li {
	width: calc(95%/4);/*←画像を横に4つ並べる場合*/
	padding:0 10px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	list-style: none;
	
}
.top-banner-pc li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}


.top-banner-sp{
	display: flex;
	flex-wrap:wrap;
}
.top-banner-sp li {
	width: calc(90%/2);/*←画像を横に4つ並べる場合*/
	padding:0 10px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	list-style: none;
	
}
.top-banner-sp li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}
	

.form{
	margin: 0 auto;
	text-align: center;
}

.qa h1{
 font-size: 25px;
 margin-bottom:10px;
}

.footer{
	margin-top:40px;
	background-color: #BF675B;
    padding:10px;
}

.footer p {
	margin: 0 auto;
	text-align: center;
	color:#fff;
	
}