@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*ヘッダー詰める*/
.entry-title,
.content {
padding: 0;
margin: 0;
}

#main{
Padding: 0;
margin: 0;
background-color: transparent;
}

.logo-image * {
display: block;
margin: auto;
width:150px;
	height:150px;
	margin:0;
}

img{
	margin-bottom:-7px;
}

.entry-content{
	margin:0;
	padding:0;
}

.article-footer.entry-footer {
	display: none;
}

a{
	text-decoration:none;
}

p{
	margin:0.75em 0;
}

/*タイトル、投稿日時、投稿者の非表示*/
.page .entry-title,
.page .date-tags,
.page .author-info{
  display: none;
}

/*hタグリセット*/
.article h1 {
    padding: 0;
    background: none;
}
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}

.article h1 {
  padding: 0.25em 0;/*文字周りの余白*/
	margin:0.5em 0 0 0;
	font-size:450%;
	font-family:'Impact';
	font-weight:normal;
	text-align:center;
}

.page-id-10 .article h1{
	text-align:left;
	font-size:550%;
}

.article h2 {
  padding: 0.25em 0;/*文字周りの余白*/
	margin-top:1em;
	font-size:350%;
	font-family:'Impact';
	font-weight:normal;
	text-align:center;
}

.article h3 {
  position: relative;
  padding: 1.5em 2em;
  text-align: center;
	margin-bottom:1em;
	line-height:170%;
}

.article h3:before,
.article h3:after {
  position: absolute;
  content: '';
}

.article h3:after {
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}

.article h3:before {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

.font1 {
  padding: 0.25em 0;/*文字周りの余白*/
	margin-top:1em;
	font-size:220%;
	font-family:'Impact';
font-weight: 900;
	text-align:center;
}

.font2 {
  padding: 0.25em 2em;/*文字周りの余白*/
	font-size:15px;
	text-align:center;
	background-color:#CF2E92;
	color:#ffffff;
}

.font3 {
  padding: 0;/*文字周りの余白*/
	font-size:180%;
	font-weight:600;
	text-align:left;
}

.icon{
	font-size:150%;
}

.sfont{
	text-align:center;
	font-weight:normal;
	font-size:120%;
}

.sfont2{
	text-align:center;
	font-weight:normal;
	font-size:85%;
}

.sub{
	font-weight:bolder;
	font-size:120%;
}

.sub2{
	font-weight:bolder;
	font-size:170%;
}

.title{
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}

.title2{
	background-color:#164c78;
	padding:0.5em;
	color:#ffffff;
	text-align:center;
	margin:3em 0;
	font-size:150%;
	font-weight:bolder;
}


hr{
	background-color: #cccccc;
	height:1px;
	border:none;
	margin:3em 0;
}

.cc{
	text-align:center;
	margin:1em 0;
}

/*ボックス*/

contents{
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
	padding:0 2em;
	margin:0 !important;
}

box3{
	width:1000px;
	margin:0;
}

.boxin2 {
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
}

.con {
  width:33.3%;
	padding:0 2em;
}

.con2 {
  width:66.7%;
  margin: 0 ;
	padding:0 2em;
	text-align:left;
}

.con3 {
  width:48%;
  margin: 0.25em;
position: relative;
}

.con4 {
	padding:0 2em;
}

.con5 {
  width:75%;
  margin: 0 ;
	padding:1.5em 2em;
	text-align:left;
}

p.con6 {
  width:100%;
  text-align:center;
}

.schedule{
	border:2px solid #164c78;
	color:#164c78;
	margin-bottom:1em;
}

.schedule a{
	color:#164c78;
}

.schedule p,.schedule ul{
	margin:1em 0;
}

.page-id-20 .con3 p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 100%;
	line-height:150%;
}

.con4 {
  width:100%;
}

.cover{
background: url('http://youth-summit.site/wp-content/uploads/2021/04/画像1.png') center center;
}

.cover2{
background-color:#ffffff;
	padding:3em;
	margin:3em 0;
}

.cover3{
background-color:#f7f7f7;
padding-bottom:5em;
}

.pa1 {
background: url('http://youth-summit.site/wp-content/uploads/2021/04/pa1_02.png') center center;
}

.pa2 {
background: url('http://youth-summit.site/wp-content/uploads/2021/04/pa2_03.png') center center;
}

.pa3 {
background: url('http://youth-summit.site/wp-content/uploads/2021/04/pa3_03.png') center center;
}

.pa4 {
background: url('http://youth-summit.site/wp-content/uploads/2021/04/pa4_03.png') center center;
}

.pa5 {
background: url('http://youth-summit.site/wp-content/uploads/2021/04/pa5_03.png') center center;
}

.pa6 {
background: url('http://youth-summit.site/wp-content/uploads/2021/05/pa7_03.png') center center;
}

.pa1,.pa2,.pa3,.pa4,.pa5,.pa6 {
  width:25%;
	height:250px;
  position: relative;
background-repeat:no-repeat;
background-size:100%;
	color:#ffffff;
	padding:0.5em 1.5em 1.5em 1.5em;
}

.pa1:hover,.pa2:hover,.pa3:hover,.pa4:hover,.pa5:hover,.pa6:hover {
  opacity: 0.8 ;
}

.pa1 a,.pa2 a,.pa3 a,.pa4 a,.pa5 a,.pa6 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.pa1 p,.pa2 p,.pa3 p,.pa4 p,.pa5 p,.pa6 p {
  position: absolute;
  top: 40%;
  left: 73%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 100%;
  text-align: center;/*一応BOX内の文字も中央寄せ*/
	line-height:150%;
	font-family:'Impact';
	text-align:left;
	font-size:180%;
}

.pa7 {
background: url('http://youth-summit.site/wp-content/uploads/2021/05/pa7_03-1.png') top center;
}

.pa8 {
background: url('http://youth-summit.site/wp-content/uploads/2021/05/pa8_03-e1621386603355.png') top center;
}

.pa9 {
background: url('http://youth-summit.site/wp-content/uploads/2021/05/pa9_03.png') top center;
}

.pa10 {
background: url('http://youth-summit.site/wp-content/uploads/2021/05/pa4_03.png') top center;
}

.pa11 {
background: url('http://youth-summit.site/wp-content/uploads/2021/05/pa1_02.png') top center;
}

.pa7,.pa8,.pa9,.pa10,.pa11 {
  width:25%;
	height:230px;
  position: relative;
background-repeat:no-repeat;
background-size:100%;
margin:0;
}

.pa7 p,.pa8 p,.pa9 p,.pa10 p,.pa11 p{
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 100%;
  text-align: center;/*一応BOX内の文字も中央寄せ*/
	line-height:150%;
	text-align:center;
}

.sponsors{
  width:30%;
	margin:1em;
}

/* ボタン指定 */
.article .btn-flat-logo {
  position: relative;
  display: inline-block;
  font-weight: normal;
  padding: 0.75em 1.5em;
  text-decoration: none;
	background-color:#ffffff;
  transition: .4s;
	margin:0.5em;
	border:1px solid #cccccc;
	color:#000000;
	min-width:170px;
	border-radius: 5px;
}

.article .btn-flat-logo:hover {
  background: #ffffff;
	color:#e70014;
	border:1px solid #e70014;
}

a{
	color:#000000;
}

/*-----------ブログ横幅調整-----------*/
.post-template-default .content,
.archive .content,
.category .content{
	max-width:1250px;
	padding:2em;
	margin:0 auto;
}
.post-template-default .content h1{
	font-size:200%;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1024px以下*/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
.sponsors{
	margin:0.5em;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.page-id-10 .article h1{
	font-size:400%;
}
.article h1 {
	font-size:300%;
}
.article h2 {
	font-size:250%;
}
.sub{
	font-size:110%;
}
.font1 {
  padding: 0.25em 0;/*文字周りの余白*/
	margin-top:1em;
	font-size:150%;
}
.title2{
	font-size:120%;
}

.pa1 p,.pa2 p,.pa3 p,.pa4 p,.pa5 p,.pa6 p {
	font-size:130%;
}
.pa7,.pa8,.pa9,.pa10,.pa11 {
	height:160px;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.font3 {
	font-size:130%;
}
.con {
  width:100%;
	padding:0 1.5em;
}

.con2 {
  width:100%;
	padding:0 1.5em;
}
	
.con3 {
  width:100%;
}
.con5 {
  width:100%;
	padding:1.5em 2em;
}
.page-id-10 .article h1{
	text-align:center;
	font-size:300%;
}
.pa1,.pa2,.pa3,.pa4,.pa5,.pa6 {
  width:50%;
	height:120px;
	padding:0.5em 1.5em 1.5em 1.5em;
}
.pa7,.pa8,.pa9,.pa10,.pa11 {
  width:50%;
	height:150px;
}
.sponsors{
	width:45%;
	font-size:90%;
}
.page-id-20 .boxr{
	height:80px;
	padding:1em 0;
}
.page-id-20 .con3 p {
  top: 80%;
  left: 50%;
  line-height:200%;
	margin-bottom:3em;
}
.boxl{
	order:0;
}
.boxr{
	order:1;
}
	
p.con6 {
  width:100%;
  text-align:center;
}
	
	
	
}