@charset "utf-8";
/*--------------------
　　WFP WTW CSS for yokohama
--------------------*/
/*--------------------
　　横浜みなとみらい（見出し1）
--------------------*/
#yokohama .ttl_1{
    background-color:rgb(0,110,202);
    text-align: center;
}
#yokohama .ttl_1_inner{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 0;
}
#yokohama .ttl_1 .outline{
    text-align: left;
    color: #fff;
    width: 75%;
}
#yokohama .ttl_1 .outline h2{
    font-size: 30px;
	line-height: 1.3;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
#yokohama .ttl_1 .outline h2 span{
    font-size: 16px;
    display: block;
	letter-spacing: 0;
}
#yokohama .ttl_1 .outline ul li{
    font-size: 16px;
    line-height: 1.3;
    letter-spacing:0;
    display: flex;
    margin-bottom: 5px;
}
#yokohama .ttl_1 .outline ul li div.date_ttl{
    display: inline-block;
    line-height: 1;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border-radius: 9px;
    text-align: center;
    color:rgb(0,110,202);
    background-color: #fff;
    margin-right: 15px;
}
#yokohama .ttl_1 .outline ul li div.guest_ttl{
    display: inline-block;
    line-height: 1;
    font-size: 14px;
    padding: 20px 20px 20px 20px;
    border-radius: 9px;
    text-align: center;
    color:rgb(0,110,202);
    background-color: #fff;
    margin-right: 15px;
    vertical-align: middle;
}
#yokohama .ttl_1 .outline ul li div.date_num{
	font-size: 16px;
	line-height: 1.3;
	padding: 8px 0 8px 0;
}
#yokohama .ttl_1 .outline ul li div.guest_name{
	font-size: 16px;
	line-height: 1.3;
	padding: 8px 0 8px 0;
}
#yokohama .ttl_1 .outline ul li div.guest_name rt{
	font-size: 9px;
	line-height: 1;
}
#yokohama .ttl_1 .outline ul li span.guest_cap{
	font-size: 12px;
	line-height: 1.3;
}
#yokohama .ttl_1 .outline p.guest_comments{
	font-size: 13px;
	line-height: 1.3;
	margin-top: 10px;
	width: 400px;
}
#yokohama .ttl_1 .outline p.guest_comments strong{
	display: block;
	margin-bottom: 5px;
}

@media screen and (max-width:767px){
    #yokohama .ttl_1{
        padding: 0;
    }
    #yokohama .ttl_1_inner{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    }
    #yokohama .ttl_1 .outline{
    text-align: center;
    width: 100%;
    padding: 20px 20px 20px 20px;
    }
    #yokohama .ttl_1 .outline_photo{
    background: url("../img/img_photo_01.jpg") no-repeat;
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    height: 400px;
    }
    #yokohama .ttl_1 .outline h2 span{
    font-size: 14px;
    display: block;
    }
    #yokohama .ttl_1 .outline h2{
    font-size: 22px;
    display: block;
    margin-bottom: 20px;
    }
    #yokohama .ttl_1 .outline ul li{
    font-size: 14px;
    display: flex;
	}
	#yokohama .ttl_1 .outline ul li div.date_ttl{
    font-size: 12px;
    padding: 10px 10px 10px 10px;
	white-space: nowrap;
	}
	#yokohama .ttl_1 .outline ul li div.guest_ttl{
    font-size: 12px;
    padding: 10px 10px 10px 10px;
	white-space: nowrap;
	}
	#yokohama .ttl_1 .outline ul li div.date_num{
	font-size: 14px;
	line-height: 1.3;
	}
	#yokohama .ttl_1 .outline ul li div.guest_name{
	font-size: 14px;
	padding: 0;
	text-align: left;
	}
	#yokohama .ttl_1 .outline p.guest_comments{
	font-size: 12px;
	text-align: left;
	margin-top: 10px;
	padding-right: 0;
    padding-bottom: 20px;
    width: 100%;
	}

}

/* ゲストが未定の時
#yokohama .ttl_1 .outline_photo{
    background: url("../img/img_photo_01.jpg") no-repeat;
    background-size: cover;
    background-position: center bottom;
    width: 25%;
    width: 560px;
    height: 310px;
}
#yokohama .guest{
    padding: 70px 20px 20px 40px;
}
#yokohama .ttl_1 .outline ul li div.guest_ttl{
    padding: 10px 20px 10px 20px;
}
#yokohama .ttl_1 .outline ul li div.guest_name{
	font-size: 16px;
	line-height: 1.3;
	padding: 8px 0 8px 0;
}
@media screen and (max-width:767px){
    #yokohama .ttl_1 .outline_photo{
    background: url("../img/img_photo_01.jpg") no-repeat;
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    height: 400px;
    }
    #yokohama .ttl_1 .guest{
    padding: 30px 20px 30px 20px;
    background-position: center bottom;
    background-size: 125px;
    }
    #yokohama .ttl_1 .outline ul li div.guest_ttl{
    font-size: 12px;
    padding: 10px 10px 10px 10px;
	white-space: nowrap;
	}
    #yokohama .ttl_1 .outline ul li div.guest_name{
	font-size: 14px;
	padding: 6px 0 0 0;
	text-align: left;
	}
}
ゲストが未定の時end*/


/* ゲスト掲載有りの時 */
#yokohama .ttl_1 .outline_photo{
    background: url("../img/img_photo_01.jpg") no-repeat;
    background-size: cover;
    background-position: center bottom;
    width: 25%;
    width: 560px;
    height: 310px;
}
#yokohama .guest{
    padding: 20px 40px 20px 40px;
    background: url("../img/img_photo_02.png") no-repeat;
    background-position: right 30px bottom;
    background-size: 220px auto;
}
#yokohama .ttl_1 .outline ul li div.guest_ttl{
    padding: 22px 20px 22px 20px;
    vertical-align: middle;
}
#yokohama .ttl_1 .outline ul li div.guest_name{
	font-size: 16px;
	line-height: 1.3;
	padding: 8px 0 8px 0;
}
/*ipad対応*/
@media screen and (max-width:920px){
    #yokohama .guest{
        background-position: right 10px bottom;
    background-size: 150px auto;
    }
    #yokohama .ttl_1 .outline_photo{
        width: 35%;
    }
}

@media screen and (max-width:767px){
    #yokohama .ttl_1 .outline_photo{
    background: url("../img/img_photo_01.jpg") no-repeat;
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    height: 400px;
    }
    #yokohama .ttl_1 .guest{
    padding: 30px 20px 130px 20px;
    background-position: center bottom;
    background-size: 125px;
    }
    #yokohama .ttl_1 .outline ul li div.guest_ttl{
    font-size: 12px;
    padding: 20px 10px 20px 10px;
	white-space: nowrap;
	}
    #yokohama .ttl_1 .outline ul li div.guest_name{
	font-size: 14px;
	padding: 6px 0 0 0;
	text-align: left;
	}
}
/* ゲスト掲載有りの時end */

/*--------------------
　　コース紹介（見出し1）
--------------------*/
.ttl_1_course{
    background-color:rgb(0,110,202);
    padding: 0 0 0 40px;
    text-align: center;
}
.ttl_1_course_inner{
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.ttl_1_course_inner div:first-child{
    padding: 61px 20px 61px 0;
}
.ttl_1_course_inner div:first-child h2{
    text-align: left;
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
}
.ttl_1_course_inner div:first-child span{
    display: block;
    text-align: left;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 20px;
}


.ttl_1_course_inner div:last-child{
    width: 460px;
    background: url("../img/img_photo_03.jpg") no-repeat;
    background-size: cover;
    background-position: right bottom;
}

/*ipad対応*/
@media screen and (max-width:920px){
    .ttl_1_course_inner div:last-child{
        width: 300px;
    }
}

@media screen and (max-width:767px){
    .ttl_1_course{
        padding: 0;
    }
    .ttl_1_course_inner{
        max-width: 100%;
        display: block;
        padding: 0;
    }
    .ttl_1_course_inner div:first-child{
        padding: 20px;
    }
    .ttl_1_course_inner div:first-child h2{
        text-align: center;
        font-size: 22px;
    }
    .ttl_1_course_inner div:first-child span{
        text-align: center;
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .ttl_1_course_inner div:last-child{
        width: 100%;
        height: 200px;
    }
}


/*--------------------
　　参加概要（見出し2共通）
--------------------*/

#yokohama h3.ttl_2{
    font-size: 26px;
    line-height: 1.5;
    text-align: center;
    border-bottom: solid 4px rgb(0,110,202);
    padding-bottom: 20px;
    margin-bottom: 40px;
}
@media screen and (max-width:767px){
     #yokohama h3.ttl_2{
        font-size: 18px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
}

/*--------------------
　　参加概要（表）
--------------------*/
#yokohama .txt_group1_flex{
    display: flex;
    border-bottom: solid 1px #ccc;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
#yokohama .txt_group1_flex > h4{
    width: 18%;
    color:rgb(0,110,202);
    padding: 0 20px;
}
#yokohama .txt_group1_flex > div{
    width: 82%;
    padding: 0 20px;
}

@media screen and (max-width:767px){
    #yokohama .txt_group1_flex{
         flex-direction: column;
         border:none;
         padding-bottom: 0;
         margin-bottom: 30px;  
    }
    #yokohama .txt_group1_flex > h4{
         width: 100%;
        text-align: center;
        padding: 5px 0 6px 0;
        background-color: rgb(222,247,251);
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1;
        /*border-radius: 14px;*/
    }
    #yokohama .txt_group1_flex > div{
        width: 100%;
        padding: 0;
        font-size: 14px;
    }
}

/*共通ボタン_横浜*/
a.btn_yokohama{
    display: inline-block;
    /*max-width:350px;*/
    /*border: solid 1px rgb(0,110,202);*/
    background-color:rgb(0,110,202);
    color: #fff;
    line-height: 1;
    padding: 15px 50px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 24px;
    font-size: 16px;
    box-shadow: 3px 3px 3px #DDD;
    position: relative;
    text-decoration: none;
    /*マウスクリック無効*/
    /*pointer-events: none;*/
}
a.btn_yokohama:hover{
    background-color: rgb(64,160,215);
    text-decoration: none;
}

a.btn_yokohama i{margin-right:5px;}


@media screen and (max-width:767px){
    a.btn_yokohama{
        width:100%;
        font-size: 14px;
        padding: 15px 20px;
    }
}

#yokohama .txt_group1_flex > div > p:not(:last-child){
    margin-bottom: 20px;
}
#yokohama .txt_group1_flex > div > p span.small{
    font-size: 14px;
    display: inline-block;
}
@media screen and (max-width:767px){
    #yokohama .txt_group1_flex > div > p span.small{
        font-size: 12px;
    }
}

/*--------------------
　　誓約項目（囲み）
--------------------*/
.txt_group2{
    border: solid 1px #ccc;
    padding: 20px;
    box-sizing: border-box;
}
.txt_group2:not(:last-child){
    margin-bottom: 40px;
}
.txt_group2 h3{
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}
.txt_group2 ul li{
    font-size: 14px;
}
@media screen and (max-width:767px){
    .txt_group2 h3{
        font-size: 12px;
    }
    .txt_group2 ul li{
        font-size: 12px;
    }
    .txt_group2:not(:last-child){
    margin-bottom: 30px;
    }
}

/*共通背景_横浜*/
.bg_yokohama{
    background-color: rgb(217,236,247);
}

/*--------------------
　　メッセージ
--------------------*/
.guest_message{
    background: url("../img/img_photo_02.png") no-repeat;
    background-position: right bottom;
    background-size: 290px;
}
.txt_group3 h3{
    width: 60%;
    color:rgb(0,110,202);
    font-size: 22px;
    margin-bottom: 20px;
}
.txt_group3 p{
    width: 60%;
}
@media screen and (max-width:767px){
    .guest_message{
        background: url("../img/img_photo_02.png") no-repeat;
        background-position: center bottom;
        background-size: 200px; 
        padding-bottom: 300px;
    }
    .txt_group3 h3{
       width: 100%;
       font-size: 16px;
        margin-bottom: 15px;
    }
    .txt_group3 p{
        width: 100%;
       font-size: 14px;
    }
}
/*--------------------
　　主催
--------------------*/

#yokohama .txt_group3_flex{
    display: flex;
    border-bottom: solid 1px #ccc;
    padding-bottom: 40px;
}
#yokohama .txt_group3_flex:not(:last-child){
    margin-bottom: 40px;
}
#yokohama .txt_group3_flex > h4{
    width: 18%;
    padding: 0 20px;
    font-weight: 700;
    font-size: 14px;
}
#yokohama .txt_group3_flex > div{
    width: 82%;
    padding: 0 20px;
    font-size: 14px;
}

@media screen and (max-width:767px){
    #yokohama .txt_group3_flex{
         flex-direction: column;
         border:none;
         padding-bottom: 0;
    }
    #yokohama .txt_group3_flex:not(:last-child){
        margin-bottom: 30px;  
    }
    #yokohama .txt_group3_flex > h4{
         width: 100%;
        text-align: center;
        padding: 5px 0 6px 0;
        background-color: #eee;
        margin-bottom: 20px;
        font-size: 12px;
        line-height: 1;
        /*border-radius: 14px;*/
    }
    #yokohama .txt_group3_flex > div{
        width: 100%;
        padding: 0;
        font-size: 14px;
    }
}

/*特別協賛・協賛ロゴ*/
#yokohama .txt_group3_flex .tokubetsu_logo p,#yokohama .txt_group3_flex p.kyosan_logo{
    display: flex;
}
#yokohama .txt_group3_flex .tokubetsu_logo p a,#yokohama .txt_group3_flex p.kyosan_logo a{
    display: inline-block;
    width: 25%;
}

@media screen and (max-width:767px){
    #yokohama .txt_group3_flex .tokubetsu_logo p,#yokohama .txt_group3_flex p.kyosan_logo{
    display: flex;
    justify-content: center;
    }
    #yokohama .txt_group3_flex .tokubetsu_logo p a,#yokohama .txt_group3_flex p.kyosan_logo a{
    display: inline-block;
    width:25%;
    }
}

/*--------------------
　　開閉パネル
--------------------*/
.accordion_entry{
    width: 100%;
}
.accordion_entry:not(:last-child){
    margin-bottom: 40px;
}
@media screen and (max-width:767px){
    .accordion_entry:not(:last-child){
        margin-bottom: 20px;
    }
}
.accordion_entry > div:first-child{
    background-color:rgb(0,110,202);
    color: #fff;
    padding: 10px 20px;
    border-radius: 24px 24px 24px 24px;
    cursor: pointer;
}
@media screen and (max-width:767px){
    .accordion_entry > div:first-child{
        padding: 10px 20px;
        font-size: 14px;
    }
}
/*プラスアイコン*/
.accordion_entry > div:first-child{
    position: relative;
}
.accordion_entry > div:first-child:after{
  font-family: 'FontAwesome';
  content: "\f055";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -13px;
  color:#fff; 
}
.accordion_entry > div:first-child:hover{
    background-color: rgb(64,160,215);
}

/*マイナスボタン*/
.accordion_entry > div:first-child.open:after{
  font-family: 'FontAwesome';
  content: "\f056";
}
.accordion_entry > div:first-child.open{
  border-radius: 24px 24px 0 0;
}

.accordion_entry > div:last-child{
    display: none;
    background-color: #f6f6f6;
    padding: 30px 40px;
    border-radius: 0 0 20px 20px;
}
@media screen and (max-width:767px){
    .accordion_entry > div:last-child{
        padding: 15px 20px;
        font-size: 14px;
    }
}
.accordion_entry > div:last-child p:not(:last-child){
    margin-bottom: 20px;
}
.accordion_entry > div:last-child p span.telno,span.telno a{
    font-weight: 700;
    font-size: 22px;
    color: rgb(0,110,202) !important;
    line-height: 1;
    text-decoration:none;
}
.accordion_entry > div:last-child p span.small{
    font-size: 14px;
    display: block;
}
@media screen and (max-width:767px){
    .accordion_entry > div:last-child p span.telno, span.telno a{
         font-size: 18px;
    }
    .accordion_entry > div:last-child p span.small{
        font-size: 12px;
    }
}

/*--------------------
　　コースの特徴
--------------------*/
.course_type p{
    margin-bottom: 40px;
}
.course_type_3{
    display: flex;
}
.course_type_3 > li:nth-child(1){
    margin: 0 20px 0 0;
}

.course_type_3 > li{
    width: 30%;
}

/*コースボタン*/
.course_type_3 > li > h4{
   background-color:rgb(0,110,202);
    color: #fff;
    padding: 10px 20px;
    border-radius: 24px 24px 24px 24px;
    cursor: pointer;
}
@media screen and (max-width:767px){
    .course_type_3 > li > h4{
        padding: 10px 20px;
        font-size: 14px;
    }
}
/*プラスアイコン*/
.course_type_3 > li > h4{
    position: relative;
}
.course_type_3 > li > h4:after{
  font-family: 'FontAwesome';
  content: "\f055";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -13px;
  color:#fff; 
}
.course_type_3 > li > h4:hover{
    background-color: rgb(64,160,215);
}
/*マイナスアイコン*/
.course_type_3 > li > h4.open:after{
  font-family: 'FontAwesome';
  content: "\f056";
}
.course_type_3 > li > h4.open{
  border-radius: 24px 24px 0 0;
}
/*コースリスト*/
.course_type_3 > li > ul{
   display: none;
}
.course_type_3 > li > ul > li{
    padding: 10px 20px;
}
.course_type_3 > li > ul > li:nth-child(odd){
    background-color: #f8f8f8;
}
.course_type_3 > li > ul > li:nth-child(even){
    background-color: #eee;
}
.course_type_3 > li > ul > li:last-child{
    border-radius: 0 0 24px 24px;
}
@media screen and (max-width:767px){
    .course_type_3{
        flex-direction: column;
        }
    .course_type_3 > li{
        width:100%;
        font-size: 14px;
        margin: 0 0 20px 0!important;
    }
}

/*--------------------
　　見どころスポット
--------------------*/
ul.course_spot{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.course_spot li{
    width: 30%;
}
ul.course_spot::after{
    content:"";
  display: block;
  width:30%;
}
ul.course_spot li span{
    display: block;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 20px;
}
@media screen and (max-width:767px){
    ul.course_spot{
    flex-wrap: nowwrap;
}
    ul.course_spot li{
        width: 100%;
    }
    ul.course_spot li span{
        font-size: 12px;
    }
}

/*--------------------
　　コースマップ
--------------------*/
div.course_map{
    display: flex;
    justify-content:space-around;
}
div.course_map > div:first-child{
    width: 35%;
    text-align: center;
}
div.course_map > div:last-child{
    width: 55%;
    text-align: left;
}
div.course_map li{
    text-align: left;
}
div.course_map li:not(:last-child){
    margin-bottom: 20px;
}
div.course_map span{
    display: block;
    font-size: 14px;
    text-align: left;
    margin-top: 10px;
}
@media screen and (max-width:767px){
    div.course_map span{
    font-size: 12px;
    }
}

.course_map i.fa-chevron-circle-right{
   color: rgb(0,110,202);
    margin-right: 3px;
}
.course_map i.fa-file-pdf{
   /*color: #999;*/
    margin-left: 3px;
}
.course_map i.fa-window-restore{
   color: #999;
    margin-left: 3px;
}

@media screen and (max-width:767px){
    div.course_map{
        flex-direction: column;
    }
    div.course_map > div:first-child,
    div.course_map > div:last-child{
        width: 100%;
    }
    div.course_map > div:first-child{
        margin-bottom: 15px;
    }
    div.course_map li:not(:last-child){
        margin-bottom: 15px;
}
    div.course_map span{
        margin-top: 10px;
    }
}


/*--------------------
　　Tシャツ（見出し1）
--------------------*/
.ttl_1_tshirt{
    background-color:rgb(0,110,202);
    padding: 0 0 0 40px;
    text-align: center;
}
.ttl_1_tshirt_inner{
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.ttl_1_tshirt_inner > div:first-child{
    padding: 61px 20px 61px 0;
}
.ttl_1_tshirt_inner > div:first-child h2{
    text-align: left;
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
}
.ttl_1_tshirt_inner > div:first-child div{
    display: block;
    text-align: left;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 20px;
}
.ttl_1_tshirt_inner > div:first-child div span{
    font-size: 24px;
    color:rgb(255,255,0);
}

.ttl_1_tshirt_inner > div:last-child{
    width: 460px;
    background: url("../img/img_tshirt_photo01.jpg") no-repeat;
    background-size: cover;
    background-position: right bottom;
}

/*タブレット対応*/
br.tab{display: none;}
@media screen and (max-width:900px){
    br.tab{
        display: block;
    }
    .ttl_1_tshirt_inner > div:first-child div{
        line-height: 1.5
    }
}
@media screen and (max-width:767px){
    br.tab{display: none;}
}

@media screen and (max-width:767px){
    .ttl_1_tshirt{
        padding: 0;
    }
    .ttl_1_tshirt_inner{
        max-width: 100%;
        display: block;
        padding: 0;
    }
    .ttl_1_tshirt_inner > div:first-child{
        padding: 20px;
    }
    .ttl_1_tshirt_inner > div:first-child h2{
        text-align: center;
        font-size: 22px;
    }
    .ttl_1_tshirt_inner > div:first-child div{
        text-align: center;
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .ttl_1_tshirt_inner > div:first-child div span{
        font-size: 18px;
    }
    .ttl_1_tshirt_inner > div:last-child{
        width: 100%;
        height: 200px;
    }
}

/*tshirt_design*/
.tshirt_design{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.tshirt_design > div{
    width: 48%;
}
.tshirt_design h3{
    color:rgb(0,125,188);
    font-size:22px;
    line-height: 1.5;
    margin-bottom: 20px;
    background:url("../img/img_15thlogo.png") no-repeat left top;
    background-size:120px auto;
    padding-left: 130px;
}

@media screen and (max-width:767px){
    .tshirt_design{
        flex-direction: column;
        margin-bottom: 20px;
    }
    .tshirt_design > div{
    width: 100%;
    }
    .tshirt_design > div:first-child{
    margin-bottom: 20px;
    }
    .tshirt_design h3{
        font-size:16px;
        margin-bottom: 15px;
        background-size:80px auto;
        padding-left: 90px;
    }
}

/*tshirt_photo*/
.tshirt_photo{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.tshirt_photo > div{
    width: 48%;
}
.tshirt_photo > div > p{
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}

@media screen and (max-width:767px){
    .tshirt_photo{
        flex-direction: column;
        margin-bottom: 20px;
    }
    .tshirt_photo > div{
    width: 100%;
    }
    .tshirt_photo > div:first-child{
    margin-bottom: 15px;
    }
    .tshirt_photo > div > p{
        font-size:12px;
    }
}


/*tshirt_info*/
.tshirt_info{
    border: solid 1px #ccc;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.tshirt_info h4{
    border-bottom: solid 1px #ccc;
    padding: 0 0 10px 0;
    margin-bottom: 10px
}

@media screen and (max-width:767px){
    .tshirt_info{
        margin-bottom: 20px;
    }
}

.tshirt_about p:not(:last-child){
    margin-bottom: 40px
}
.small{
    font-size: 14px;
}
@media screen and (max-width:767px){
    .tshirt_about p:not(:last-child){
        margin-bottom: 20px;
    }
    .small{
        font-size: 12px;
    }
}

/*--------------------
　　開催終了 各会場のお礼
--------------------*/
/*横浜会場*/
#yokohama div.orei{
	border: solid 1px rgb(0,110,202);
	padding: 20px;
	margin-bottom: 30px;
}
#yokohama div.orei h4{
	background-color:  rgb(0,110,202);
	color: #fff;
	padding: 2px 0;
	text-align: center;
	margin-bottom: 15px;
}


/*--------------------
　　当日の様子
--------------------*/
/*見出し1*/
.ttl_1_report{
    background-color:rgb(0,110,202);
    padding: 0 0 0 40px;
    text-align: center;
}
.ttl_1_report_inner{
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.ttl_1_report_inner div:first-child{
    padding: 61px 20px 61px 0;
}
.ttl_1_report_inner div:first-child h2{
    text-align: left;
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
}
.ttl_1_report_inner div:first-child span{
    display: block;
    text-align: left;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 20px;
}


.ttl_1_report_inner div:last-child{
    width: 460px;
    background: url("../img/img_photo_04.jpg") no-repeat;
    background-size: cover;
    background-position: right bottom;
}

/*ipad対応*/
@media screen and (max-width:920px){
    .ttl_1_report_inner div:last-child{
        width: 300px;
    }
}

@media screen and (max-width:767px){
    .ttl_1_report{
        padding: 0;
    }
    .ttl_1_report_inner{
        max-width: 100%;
        display: block;
        padding: 0;
    }
    .ttl_1_report_inner div:first-child{
        padding: 20px;
    }
    .ttl_1_report_inner div:first-child h2{
        text-align: center;
        font-size: 22px;
    }
    .ttl_1_report_inner div:first-child span{
        text-align: center;
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .ttl_1_report_inner div:last-child{
        width: 100%;
        height: 200px;
        background-color: aquamarine;
    }
}
/*--------------------
　　当日の様子写真
--------------------*/
ul.report_photo{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.report_photo li{
    width: 30%;
	margin-bottom: 20px;
}
ul.report_photo li span{
    display: block;
    font-size: 14px;
    margin-top: 5px;
}
@media screen and (max-width:767px){
    ul.report_photo{
    flex-wrap: nowwrap;
}
    ul.report_photo li{
        width: 100%;
    }
    ul.report_photo li span{
        font-size: 12px;
    }
}