/*
Theme Name: blazerswp_2023
Description: for Kei
Version: 1.0
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/******************************************************************************
 * 1.0 - Common Settings
*****************************************************************************/
/* タブレット対策 */
/* フォントサイズ */
body{
  width: 100%;
  overflow-x: hidden;
  font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (min-width:769px){
  /* PC 769px以上 */
  html{
    font-size: 1px;
  }
  body {
    font-size: 16rem;
    /* min-width: 1580px; */
  }
  .sp{
    display: none !important;
  }
}
@media screen and (max-width: 1520px){

  html {
    font-size: calc((1520px - (1520px - 100vw)) / 1520 * 1);
  }
  .center_div{
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width:768px){
  /* タブレット 768px以下 */
  html{
    font-size: .13vw;
    -webkit-overflow-scrolling: touch;
  }
  body {
    min-width: initial;
  }
  .pc{
    display: none !important;
  }
  .sp{
    display: block;
  }
}
@media screen and  (max-width:480px){
  /* スマートフォン 480px以下 */
  html{
    /* font-size: 3.4vw; */
  }
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
}
a {
	text-decoration: none;
}
* {
  font-family: 'Noto Sans JP',sans-serif;
  /* font-weight: 500; */
}
img{
  max-width: 100%;
}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

.mt0{margin-top:0px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}

.fwB{font-weight:bold;}

.taC{text-align:center;}
.taR{text-align:right;}
.taL{text-align:left;}

.dspB{display:block;}
.dspI{display:inline;}
.dspIb{display:inline-block;}

.nt{
    text-indent: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    font-size:1px;
    line-height:0% !important;
    margin:0;
    padding:0;
    text-align:left !important;
    }
.nt *{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size:1px;
    line-height:0% !important;
        text-align:left !important;
    }

.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.cf {
  min-height: 1px;
}
.notice{
	color:#cc0000;
}
.fc_y{
  color: #fffc00;
}

/* button:hover, */
/* input[type="submit"]:hover */
a:has(>img):hover{
	/* opacity: 0.7; */
  background-color: #203aad;
  transition: all .5s;
}
a>img:hover{
  opacity: 0.7;
  transition: all .5s;
}

/******************************************************************************
 * 2.0 - Header
*****************************************************************************/
header#main_header{
  width: 100%;
  height: 112rem;
  background-color: #000733;
  position: relative;
  min-width: 1540rem;
  z-index: 5000;
}
.headerMain{
  width: 100%;
  height: 112rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headerMain__logo {
  display: block;
  width: 212rem;
  margin: 0rem 30rem;
}
.headerMain__logo img{
  width: 100%;
}
.global_nav{
  display: flex;
  width: calc(100% - 320rem);
  justify-content: space-between;
  align-items: center;
}

.mainNavi_wrap {
  width: 100%;
  max-width: 920rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #f7ed00;
}
.mainNavi__item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 112rem;
}
.mainNavi__item a{
  color: #f7ed00;
  font-size: 22rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
.mainNavi__item a span{
  display: block;
  color: #fff;
  font-size: 14rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}
.mainNavi__item__submenu{
  display: flex;
  background-color: rgba(0,0,0,.8);
  color: #fff;
  font-size: 14rem;
  height: 55rem;
  line-height: 55rem;
  position: absolute;
  left: 0;
  width: 100%;
  /* padding: 0 320rem; */
  z-index: 100;
}
.mainNavi__item__submenu{
  display: none;
}
.mainNavi__item__submenu li{
  line-height: 55rem;
}
.mainNavi__item__submenu li a,
.mainNavi__item__submenu li a:visited{
  color: #fff;
}
.mainNavi__item__submenu li + li{
  margin-left: 2em;
}
.header_btns_wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 920rem);
}
.header_supporters{
  display: block;
  width: 324rem;
  height: 46rem;
  margin: 0rem 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10%;
  background-color: inherit !important;
}
.header_supporters img{
  width: 100%;
}

.snsList{
  list-style:none;
  width: 150rem;
  height:25rem;
  display: flex;
  justify-content: space-between;
  margin-right: 70rem;
}

/* SNS アイコンフォント */
@font-face {
	font-family: 'icomoon';
	src:  url('/web/wp-content/themes/blazerswp_2023/fonts/icomoon.eot?f1zluz');
	src:  url('/web/wp-content/themes/blazerswp_2023/fonts/icomoon.eot?f1zluz#iefix') format('embedded-opentype'),
	url('/web/wp-content/themes/blazerswp_2023/fonts/icomoon.ttf?f1zluz') format('truetype'),
	url('/web/wp-content/themes/blazerswp_2023/fonts/icomoon.woff?f1zluz') format('woff'),
	url('/web/wp-content/themes/blazerswp_2023/fonts/icomoon.svg?f1zluz#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 24rem;
	color: #fff;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.snsList__item a:hover{
  color: #fff !important;
  opacity: 1 !important;
}

.icon-line:before {
	content: "\e009";
}
.icon-facebook:before {
	content: "\e60d";
}
.icon-twitter:before {
	content: "\e611";
}
.icon-youtube:before {
	content: "\e617";
}
.icon-instagram:before {
	content: "\ea92";
}
.ic_mail{
  width: 24rem;
  margin-top: 3rem;
}
.check {
  display: none;
}
.h_sp_ticket,
.sp_menu_wrap{
  display: none;
}
.updown_check{
  display: none;
}
.sub_check{
  display: none;
}
.white_hide{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 4999;
  background-color: rgba(0,0,0,.7);
  top: 0;
}

@media screen and (max-width:1860px){
  .mainNavi__item a{
    font-size: 16rem;
  }
  .mainNavi__item a span{
    font-size: 14rem;
  }
  .snsList{
    margin-right: 20rem;
  }
  .header_btns_wrap{
    flex-direction: column;
    max-width: 280rem;
    height: 70rem;
  }
  .header_supporters{
    width: 250rem;
    height: auto;
    margin: 0rem auto 10rem;
  }
}

/* #main{
  margin-top:50px;
}

.breadcrumb{font-size:12px;}
.breadcrumb a{color:#000;text-decoration:underline;} */
/* 1024over end */
/* スマホ */
@media screen and (max-width: 1520px){

  header#main_header{
    min-width: inherit;
  }

  header#main_header,
  .headerMain{
    height: 120rem;
  }
  .headerMain__logo{
    width: 252rem;
  }

  /* スマホメニューボタン（ここだけ先にスマホ変換） */
  .sp_menu_wrap{
    display:block;
  }

	.sp_menu_wrap .menu-btn {
    position: relative;
    display: block;
    top: 0;
    right: 30rem;
    width: 64rem;
    height: 120rem;
    text-align: center;
    cursor: pointer;
    z-index: 101;
	}

	.bar {
		position: absolute;
		top: 40rem;
		left: 0rem;
		display: block;
		width: 64rem;
		height: 6rem;
		background: #f7ed00;
		-webkit-transition: all .5s;
		transition: all .5s;
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
		z-index: 4;
	}

	.bar.middle {
		top: 60rem;
		opacity: 1;
		z-index: 4;
	}

	.bar.bottom {
		top: 80rem;
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		z-index: 4;
	}

	.close-menu {
		position: fixed;
		top: 0px;
		right: 300px;
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		visibility: hidden;
		opacity: 0;
		z-index: 4;
		-webkit-transition-property: rotate,perspective,opacity,transform;
		transition-property: rotate,perspective,opacity,transform;
	}

  .global_nav{
    position: absolute;
    top: 120rem;
    width: 100%;
    display: flex;
    opacity: 0;
    transition-delay: .3s;
		transform: none;
    -webkit-backface-visibility:visible;
		backface-visibility:visible;
		-webkit-transition-duration: .6s;
		transition-duration: .6s;
    flex-direction: column;
    height: 0rem;
    overflow: hidden;
  }
  .check:checked ~ .global_nav {
    opacity: 1;
    height: auto;
		z-index: 100;
	}

  .mainNavi_wrap{
    flex-direction: column;
    background-color: #fff;
    width: 100%;
    padding: 0 30rem;
    border-bottom: 1px solid #dfdfdf;
    max-width: none;
  }
  .mainNavi__li{
    width: 100%;
    position: relative;
  }
  .mainNavi__li + .mainNavi__li{
    border-top: 1px solid #dfdfdf;
  }
  .mainNavi__item{
    align-items: flex-start;
    height: 100rem;
    color: #000;
    width: 100%;
  }
  .mainNavi__item a{
    font-size: 36rem;
    color: #000733;
  }
  .mainNavi__item a span{
    font-size: 24rem;
    margin-left: 40rem;
    color: #000;
    display: inline-block;
  }

  .mainNavi__item__submenu{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 24rem;
    background-color: #dfdfdf;
    width: 100vw;
    padding: 0 30rem;
    margin: 0 -30rem;
    height: 0;
    opacity: 0;
    overflow: hidden;

    transition-delay: .3s;
		transform: none;
    -webkit-backface-visibility:visible;
		backface-visibility:visible;
		-webkit-transition-duration: .6s;
		transition-duration: .6s;
  }
  .mainNavi__item__submenu li{
    display: block;
    color: #000;
    font-size: 24rem;
  }
  .mainNavi__item__submenu a{
    color: #000;
    font-size: 24rem;
  }


  .header_btns_wrap{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    width: 100%;
    max-width: inherit;
    padding: 0 30rem;
    border-bottom: 1px solid #dfdfdf;
    height: auto;
  }
  .header_supporters{
    width: 596rem;
    margin: 60rem auto 50rem;

  }

	.check:checked ~ .contents {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		transform: translateX(-300px);
	}
	.check:checked ~ .sp_menu_wrap .menu-btn .bar {
		/* background-color: #fff; */
		height: 4px;
	}
	.check:checked ~ .sp_menu_wrap .menu-btn .bar.top {
		width: 64rem;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 40rem;
		left: 15rem;
	}

	.check:checked ~ .sp_menu_wrap .menu-btn .bar.middle {
		opacity: 0;
	}

	.check:checked ~ .sp_menu_wrap .menu-btn .bar.bottom {
    width: 64rem;
    top: 84rem;
    left: 15rem;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.check:checked ~ .sp_menu_wrap .close-menu {
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-delay: .5s;
		transition-delay: .5s;
		background: rgba(0,0,0,.5);
		visibility: visible;
		opacity: 1;
		z-index: 100;
	}
  .snsList{
    width: 500rem;
    height: 50rem;
    margin: 0 auto 50rem;
  }
  [class^="icon-"], [class*=" icon-"] {
    color: #000;
    font-size: 50rem;
  }
  .ic_mail{
    width: 50rem;
  }
  #main_header:has(.check:checked) ~ .white_hide{
    display: block;
  }



  .updown_check{
    width: 70rem;
    height: 100rem;
    background-image: url(./img/common/arrow_up.png);
    background-size: 16rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0rem;
    right: 0rem;
    z-index: 1000;

    -webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-delay: .5s;
		transition-delay: .5s;
  }
  .sub_check:checked ~ .updown_check{
    background-image: url(./img/common/arrow_down.png);
  }
  .sub_check:checked ~ .mainNavi__item__submenu{
    height: 88rem;
    opacity: 1;
    z-index: 1500;
  }



  .h_sp_ticket{
    display: block;
    width: 146rem;
  }
  .h_sp_ticket img{
    width: 100%;
    margin-left: 25vw;
  }
  .h_sp_ticket:hover{
    background-color: inherit !important;
  }

  #main_header .pc{
    display: none;
  }
  #main_header .sp{
    display: block !important;
  }

  .mainNavi__item__submenu li a,
  .mainNavi__item__submenu li a:visited{
    color: #000;
  }


}

@media screen and (max-width: 769px){
  .h_sp_ticket img{
    margin-left: 60rem;
  }
}

/******************************************************************************
 * 2.1 - Footer
*****************************************************************************/
/*フッター*/
#footer{
	width: 100%;
	background-color: #000733;
	color: #fff;
  text-align: center;
  padding-bottom: 30rem;
}
.f_banner_wrap .siteFrame{
  height: 203rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
}
.f_banner_wrap .siteFrame a img{
  max-width: 100%;
}
.f_banner_wrap .siteFrame a + a{
  margin-left: 10rem;
}

.f_partoner_wrap{
  background-color: #fffc00;
  padding: 50rem 0 160rem;
}

.f_partoner_list{
  height: 112rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.f_partoner_list li + li{
  margin-left: 50rem;
}
.f_partoner_btn{
  display: block;
  margin: 60rem auto 100rem;
}
.footer_sponsor_title_wrap{
  width: 100%;
  text-align: left;
  border-bottom: 3rem solid #000733;
  margin-bottom: 36rem;
}
.footer_sponsor_title{
  width: 620rem;
  background: #000733;
  color: #fffc00;
  letter-spacing: 0.05em;
  padding: 4rem 15rem 0;
  height: 35rem;
  position: relative;
  display: flex;
  align-items: center;
}
.footer_sponsor_title:after {
  content: '';
  background: #000733;
  position: absolute;
  top: 0;
  right: -20rem;
  clip-path: polygon(0% 100%, 20% 0%, 10rem 0%, 100% 100%);
  width: 30rem;
  height: 38rem;
}
.footer_sponsor_title .en_title{
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 26rem;
  display: inline-block;
  height: 32rem;
}
.footer_sponsor_title .jp_title{
  font-size: 18rem;
  display: inline-block;
  margin-left: 20rem;
  height: 28rem;
  font-weight: 600;
}
.footer_sponsor{
  color: #000733;
  display: flex;
  justify-content: space-between;
}
.footer_sponsor > li.gao_wrap{
  width: 300rem;
  padding-top: 100rem;
}

.footer_sponsor_kaijo,
.footer_sponsor_list li{
  font-size: 16rem;
  line-height: 1.75em;
  text-align: left;
  font-weight: 500;
}

.footer_bottom .siteFrame{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.f_main_logo{
  width: 224rem;
  margin-top: -70rem;
  margin-bottom: 30rem;
}
.f_supporters{
  width: 324rem;
  margin-bottom: 30rem;
}
.f_supporters img{
  width: 100%;
}
.f_link_btn{
  font-size: 18rem;
  background-color: #fff;
  color: #000733 !important;
  font-weight: bold;
  border-radius: 50rem;
  width: 163rem;
  height: 36.85rem;
  line-height: 34.85rem;
  text-align: center;
}
.f_link_btn + .f_link_btn{
  margin-top: 20rem;
}
.f_links{
  width: 1100rem;
  display: flex;
  justify-content: space-between;
  margin-top: 50rem;
}
.f_links li a{
  color: #fff;
  font-size: 14rem;
}
.footer_bottom .f_small{
  font-family: 'Montserrat', sans-serif;
  margin: 40rem auto 50rem;
  color: #fff;
  font-size: 14rem;
  display: block;
}

/* a_btn ------------------------------ */
.a_btn{
  width: 400rem;
  height: 70rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #000733;
  border: 1px solid #000733;
  color: #fff;
  border-radius: 35rem;
  font-size: 20rem;
  font-weight: 600;
  padding: 0 10rem;
  transition: all .4s ease-out;
  margin-left: auto;
  margin-right: auto;
}
.a_btn.c_wh{
  background-color: #fff;
  border: 1px solid #fff;
  color: #000733;
}
.a_btn:hover{
  background-color: #fff;
  color: #000733;
  border: 1px solid #000733;
}
.a_btn.c_wh:hover{
  background-color: #fffc00;
  border: 1px solid #fffc00;
  color: #000733;
}

.material-symbols-outlined{
  font-size: 36rem;
  font-weight: 600;
}
.f_gao_a:hover{
  background-color: inherit !important;
}


/* .a_btn::before{
  font-family: 'Material+Icons+Sharp';
  content: '\e5d4';
  margin-left: 10rem;
  font-size: 30rem;
  font-weight: 100;
}
.a_btn::after{
  font-size: 20rem;
  font-family: 'Material Icons';
  content: '\e5e1';
  margin-right: 20rem;
  font-weight: 800;
} */

/* スマホ */
@media screen and (max-width: 769px){
  #footer{
    margin-top: 70rem;
  }
  #footer .siteFrame{
    height: auto;
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .f_banner_wrap .siteFrame{
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0rem auto 40rem;
    padding-top: 20rem;
  }
  .f_banner_wrap .siteFrame a{
    width: 330rem;
    margin-top: 20rem;
  }
  .f_banner_wrap .siteFrame a + a{
    margin-left: 0rem;
  }
  .f_partoner_list{
    flex-direction: column;
    height: auto;
  }
  .f_partoner_list li{
    width: 547rem;
  }
  .f_partoner_list li a img{
    width: 100%;
  }
  .f_partoner_list li + li{
    margin-left: unset;
    margin-top: 35rem;
  }
  .f_partoner_btn{
    margin-top: 60rem;
    margin-bottom: 60rem;
    width: 500rem;
  }
  .a_btn{
    width: 500rem;
    height: 88rem;
    font-size: 28rem;
    border-radius: 50rem;
  }

  .footer_sponsor_title_wrap{
    border-top: 8rem solid #000733;
    border-bottom: none;
    padding-top: 65rem;
    padding-bottom: 45rem;
    text-align: center;
    width: 100vw;
    margin-left: -30rem;
  }
  .footer_sponsor_title_wrap,
  .footer_sponsor_title{
    background-color: inherit;
    color: #000733;
  }
  .footer_sponsor_title{
    margin: auto auto 15rem;
    padding: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .footer_sponsor_title .en_title{
    font-size: 40rem;
    font-weight: 600;
  }
  .footer_sponsor_title .jp_title{
    font-size: 28rem;
    /* margin-left: auto; */
    margin-top: 20rem;
    font-weight: 600;
  }
  .footer_sponsor_title:after{
    display: none;
  }

  .footer_sponsor{
    flex-direction: column;
    align-items: center;
  }
  .gao_wrap{
    margin-bottom: 50rem;
    width: 400rem;
  }
  .gao_wrap img{
    width: 100%;
  }

  .footer_sponsor > li{
    margin-bottom: 75rem;
  }
  .footer_sponsor li:nth-child(1){
    order: 2;
  }
  .footer_sponsor li:nth-child(2){
    order: 3;
  }
  .footer_sponsor li:nth-child(3){
    order: 4;
  }
  .footer_sponsor li:nth-child(4){
    order: 1;
  }
  .footer_sponsor > li.gao_wrap{
    width: 380rem;
    padding-top: 0;
  }
  .footer_sponsor_kaijo, .footer_sponsor_list li{
    font-size: 28rem;
    text-align: center;
  }

  .f_main_logo{
    width: 278rem;
    margin-bottom: 80rem;
  }
  .f_supporters{
    width: 590rem;
    margin-bottom: 50rem;
  }
  .f_link_btn{
    width: 290rem;
    height: 86rem;
    line-height: 84rem;
    font-size: 28rem;
    margin-bottom: 40rem;
  }
  .f_links{
    width: 500rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .f_links li{
    width: 50%;
    margin-bottom: 100rem;
    text-align: left;
  }
  .f_links li a{
    font-size: 24rem;
  }
  .footer_bottom .f_small{

    font-size: 20rem;
    /* margin: 20rem auto 80rem; */
  }

}




/******************************************************************************
 * 3.0 - Common
*****************************************************************************/
#main{
  padding-top: 90rem;
  margin-bottom: 65rem;
}
.siteFrame {
  width: 1280px;
  margin: 0 auto;
}
.archive_header{
  width: 100%;
  text-align: center;
}
.archive_header h2{
  display: flex;
  flex-direction: column;
}
.archive_header h2 .en_title{
  font-family: 'Montserrat', sans-serif;
  font-size: 54rem;
  font-weight: 600;
  color: #000733;
  /* margin-bottom: 15rem; */
}
.archive_header h2 .jp_title{
  font-size: 18rem;
  font-weight: 900;
  color: #fff;
  background-color: #000733;
  min-width: 228rem;
  /* width: 300rem; */
  height: 28rem;
  line-height: 25rem;
  display: block;
  margin: 10rem auto 0;
  padding: 0 15rem;
}
.archive_header h2 .jp_title.fc_y{
  color: #fffc00;
}
.archive_header p{
  font-size: 16px;
  text-align: center;
  margin-top: 30rem;
}
.breadcrumbs{
  font-size: 16px;
  color: #000;
  font-weight: 600;
  line-height: 1.2em;
}
.breadcrumbs a{
  color: #000;
}
.breadcrumbs a:hover{
  color: #f7ed00;
}

.contents_h3{
  border-bottom: 2px solid #000000;
  margin-bottom: 50rem;
}
.contents_h3::after{
  content: '';
  margin-top: 20rem;
  width: 100%;
  height: 13rem;
  background-color: #f7ed00;
  display: block;
}
@media screen and (max-width: 1520px){
  .siteFrame{
    width: 100%;
    padding: 0 30rem;
  }
}
@media screen and (max-width: 769px){
  .siteFrame{
    width: 100%;
    padding: 0 30rem;
  }
  .archive_header h2 .jp_title{
    font-size: 28rem;
    min-width: 400rem;
    line-height: 38rem;
    height: 42rem;
  }
  .breadcrumbs{
    font-size: 22rem;
  }
  .contents_h3{
    margin-bottom: 60rem;
    text-align: center;
    margin-left: -30rem;
    margin-right: -30rem;
  }
  .contents_h3::after{
    margin-top: 30rem;
    height: 13rem;
  }
  .archive_header p{
    font-size: 28rem;
    text-align: left;
    margin-top: 50rem;
  }


}




/******************************************************************************
 * 4.0 - Media Query
 *****************************************************************************/


/******************************************************************************
 * 5.0 - Ticket
 *****************************************************************************/


/******************************************************************************
 * 6.0 - SEASON
 *****************************************************************************/