@charset "UTF-8";
/* ==============================================================*
【熊谷市：スポーツコミッション】　スタイルシート　作成：2020年　更新：2021年8月
================================================================ */

/** {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}*/
/*html {
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 62.5%;
}*/
/*body {
    font-size: 1.5rem;
    line-height: 1.7;
}*/


/* ------------------  PC/SP切り替え  ------------------ */
.switchBtn {
    background-color: #FFF;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.switchBtn button {
    padding: 11px 20px 10px;    
    margin: 0 1px 0 0;
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
    /*font-size: 1.3rem;*/
    font-size: 0.8rem;
    position: relative;
}
#swPc.btnAcv,
#swSp.btnAcv {
    background-color: #E8E8E8;
    border: 1px solid #E8E8E8;
    color: #000;
}
#swPc.btnAcv::before,
#swSp.btnAcv::before {
    position: absolute;
    top: 21px;
    left: 7px;
    display: block;
    content: ' ';
    width: 4px;
    height: 4px;
    margin-top: -5px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* ------------------  ガイダンス系  ------------------ */
/* 隠しメッセージ */
p.jsmessage {
    background-color: #FFF;
    padding: 10px;
    margin: 0;
    color: #000;
}

/* 隠しジャンプ（jsからcssでの実装へ変更） */
.blockskip {
    padding: 0;
    margin: 0;
}
.skip {
  width: 1px;
  color: #000 !important;
  font-size: 0.1%;
  line-height: 0.1;
  background-color: #FFF !important;
  position: absolute;
  left: -3000px;
  z-index: 9999;
}
a.skip {
  color: #003377 !important;
  background-color: #FFF !important;
  text-align: center;
  padding: 2px 0;
  top: auto;
}
a.skip:active {
  display: block;
  width: 99.99%;
  font-size: 100%;
  line-height: 1.6;
  top: 0;
  left: 0;
}
a.skip:focus {
  display: block;
  width: 99.99%;
  font-size: 100%;
  line-height: 1.6;
  top: 0;
  left: 0;
}
.show {
    line-height: 1.5 !important;
    background-color: #F6F6F6 !important;
    border-bottom: solid 1px #999 !important;
    color: #0A2530;
}
.show a {
    color: #000 !important;
    line-height: 150% !important;
    background-color: transparent;
}

/* スペーサー、ガイダンス、隠しジャンプ */
.blockjump {
    margin: 0;
    padding: 0;
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
}
.img-guidance {
    margin: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    position: absolute;
    overflow: hidden;
}


/* ------------------  検索(kuma-key-search)  ------------------ */
.kuma-key-search {
    background-color: transparent;
}
.kuma-key-search form.gsc-search-box {
    margin-bottom: 0 !important;
}
.kuma-key-search table {
    margin: 0 !important;
    width: 100% !important;
}
.kuma-key-search table.gsc-search-box {
}
.kuma-key-search table.gsc-search-box td, 
.kuma-key-search table.gsc-search-box td.gsc-input {
    padding: 0;
    background-color: transparent;
    border: none;
}
.kuma-key-search table.gsc-search-box td input.gsc-input {
    font-family: "UD Shin Go Light","メイリオ", sans-serif;
    /*border: 1px solid #DDD !important;*/
    border: none !important;
    background-color: transparent !important;
    height: 34px !important;
    padding-left: 10px !important;
    /*font-size: 1.3rem;*/
    font-size: 0.84rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: left 10px center !important;
    border-radius: 6px 0 0 6px;
    /*background-color: #FFF !important;*/
}
.kuma-key-search .gsc-input-box {
    /*border: none;*/
    /*background: none;*/
    border: 1px solid #DDD !important;
    background-color: #FFF !important;
    border-radius: 6px 0 0 6px;
    padding: 0;
}
.kuma-key-search .gsc-search-button {
    margin: 0;
}
.kuma-key-search .gsc-search-button button.gsc-search-button-v2 {
    background-color: #004D9F !important;
    border-color: #004D9F !important;
    display: block;
    text-decoration: none;
    margin-left: 0 !important;
    min-height: 34px;
    width: 80px;
    cursor: pointer;
    padding: 0 0 0 0;
    border-radius: 0 6px 6px 0;
}
.kuma-key-search .gsc-search-button-v2 svg {
    width: 26px;
    height: 26px;
}
.kuma-key-search .gsst_b {
    padding: 0;
}

ul.screen_top_search li > .kuma-key-search {
    width: 440px;
}
.smph_search_wp > .kuma-key-search table.gsc-search-box td input.gsc-input {
    border: 1px solid #FFF !important;
    height: 44px !important;
}
.smph_search_wp > .kuma-key-search .gsc-search-button button.gsc-search-button-v2 {
    background-color: #AAA !important;
    border-color: #AAA !important;
    min-height: 44px;
}


/* ------------------------基本設定------------------------ */
.txtno-display {
    margin: 0;
    padding: 0;
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
}

#baseall {
    margin: 0;
    padding: 0;
    color: #131313;
	min-width: 1000px;
}

ul > li{
	background-image: none;
}


/* ------------------------ ヘッダー ------------------------ */
.t_headbg0 {
    margin: 0 auto;
}
.t_headbg1 {
    margin: 0 auto;
}
h1 {
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
}
div#headbg {
    min-width: 1200px;
    margin: 0 0 20px 0;
}
div#headbg .inner {
    /*width: 1035px;*/
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    /*max-width: 528px; */
}

/** お問合せ・検索フォーム*/
ul.screen_top_search {
    display: flex;
    margin: 10px 0 20px 0;
    list-style: none;
    align-items: center;
}
ul.screen_top_search li {
    padding: 0;
    list-style: none;
    margin: 0;
    /*line-height: 1.5rem;*/
}
ul.screen_top_search li:first-child {
    /*text-align: center;*/
    margin: 0 10px 0 0;
}
ul.screen_top_search li:first-child a {
    display: block;
    width: 160px;
    background-color: #E8E8E8;
    color: #1C2A53;
    /*font-size: 1.4rem;*/
    font-size: 0.84rem;
    font-family: "UD Shin Go Regular","メイリオ", sans-serif;
    text-decoration: none;
    padding: 8px 0;
    border-radius: 6px;
    text-align: center;
}
/*#SSF {
	position: relative;
	margin: 0 0 0 10px;
}
#query {
	background-color: #E8E8E8;
	border-radius: 6px 0 0 6px;
	border: 1px solid #e8e8e8;
	width: 356px;
	height: 31px;
}
input[type="submit"] {
	-webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
    border: none;
}
form#SSF .fedbt {
    position: absolute;
    right: -80px;
    background-color: #004D9F;
    color: #FFF;
    width: 80px;
    height: 35px;
    border-radius: 0 6px 6px 0;
}
form#SSF .fedbt:hover {
	cursor: pointer;
}
form#SSF div.search-txt, 
form#SSF02 div.search-txt {
    font-size: 1%;
    line-height: 1%;
}*/

/* ヘッダー1 */
div#head1bg {
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
	width: 1200px;
	/*justify-content: center;*/
	/*padding: 0 20px;*/
}

#h0title {
	margin: 0 20px 0 0;
	padding: 0;
}
#h0title img {
	margin: 0;
}

/** グロナビ*/
ul.gnavi {
	display: flex;
    list-style: none;
	width: 100%;
	min-width: 943px;
	padding: 0;
	margin: 0;
}
ul.gnavi li {
	min-width: 179px;
	background-color: #004D9F;
	border-radius: 20px 20px 0 0;
	margin: 0 0 0 1px;
	text-align: center;
	padding: 0;
	position: relative;
}
li.parent01::before {
	content: "";
	display: block;
	width: 80px;
	height: 6px;
	background-color: #DA546C;
	position: absolute;
	top: 0;
	left: 70.61px;
}
li.parent02::before {
	content: "";
	display: block;
	width: 80px;
	height: 6px;
	background-color: #F4E827;
	position: absolute;
	top: 0;
	left: 49.5px;
}
li.parent03::before {
	content: "";
	display: block;
	width: 80px;
	height: 6px;
	background-color: #80C4DE;
	position: absolute;
	top: 0;
	left: 49.5px;
}
li.parent04::before {
	content: "";
	display: block;
	width: 80px;
	height: 6px;
	background-color: #7B3687;
	position: absolute;
	top: 0;
	left: 49.5px;
}
li.parent05::before {
	content: "";
	display: block;
	width: 80px;
	height: 6px;
	background-color: #83C3BB;
	position: absolute;
	top: 0;
	left: 49.5px;
}
ul.gnavi a {
    text-decoration: none;
    color: #FFF;
    font-size: 0.9rem;
    display: block;
    padding: 20px 10px 10px 10px;
}


/* スライダー画像 */
.slider {
	margin: 0 auto 80px auto;
	padding: 0 20px;
}
ul.bxslider:after, .slider:after {
	content: " ";
	display: block;
	clear: both;
  }
ul.bxslider {
	margin: 0;
	padding: 0;
}
ul.bxslider li {
	padding: 0;
	background-image: none;
}
ul.bxslider li img {
    /*width: 100%;*/
    min-width: 1000px;
    height: auto;
    border-radius: 20px;
}
ul.bxslider li a {
	background-image: none;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
ul.bxslider li a img {
    vertical-align: bottom;
    max-width: 1200px;
    height: auto;
    margin: 0;
}
a.innerLink img, a.externalLink img {
	margin: 0;
	padding: 0;
}
.slider .bx-wrapper {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
.slider .bx-controls {
	display: flex;
	flex-flow: row-reverse;
	position: absolute;
	right: -10px;
	z-index: 9999;
	padding: 10px 0;
	background-color: #FFFFFF;
}
.bx-wrapper a.externalLink {
	padding: 0;
	margin: 0;
	display: block;
}
.bx-pager-item a {
	background-color: #E8E8E8;
	width: 12px;
	height: 12px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 14px;
	border: 1px solid #e8e8e8;
}
.bx-pager-item a.active {
	background-color: #EC6D2A;
}
.bx-pager-item {
	padding: 0 10px;
}

.bx-pager {
	display: flex;
}

.bx-controls-auto-item {
	padding: 0 10px;
}


/**人と人との縁を～*/
div.message01 {
	text-align: center;
	color: #1C2A53;
	margin: 0 auto 40px auto;
	padding: 0 20px;
}
div.message01 h2 {
	max-width: 900px;
	padding: 15px 70px 0 70px;
	margin: 0 auto 20px auto;
    font-size: 3rem;
	background-image: url(/images/sports_t_icon_logo.png), url(/images/sports_t_icon_logo.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 15px 20px, 978px 20px;
}
div.message01 p {
    font-size: 1.2rem;
    margin: 0;
    font-weight: bold;
    color: #1C2A53;
}


/** TOPICS*/
div.topics {
	margin: 0 auto 50px auto;
	padding: 0;
}
div.topics h2 {
	max-width: 160px;
	text-align: center;
	color: #1C2A53;
	font-size: 1.8rem;
	position: relative;
	margin: 0 auto 40px auto;
	padding: 20px 0 0 0;
	background: linear-gradient(transparent 80%, #83C3BB 80%);
}
div.topics_in {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
}
div.topics_in div {
	width: 280px;
	border: 1px solid #E8E8E8;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	background-color: #FFF;
	margin: 0;
	position: relative;
}
div.topics_in div:not(:nth-child(4n)) {
	margin-right: 20px;
}
div.topics_in div:last-child {
	margin-right: 0;
}
div.topics_in div:not(:nth-child(-n+4)) {
	margin-top: 20px;
}
div.topics_in div::after {
	content: "";
	display: block;
	width: 80px;
	height: 6px;
	position: absolute;
	bottom: -1px;
	left: 100px;
}
div.topics_in div:nth-child(1)::after,
div.topics_in div:nth-child(n+4)::after {
	background-color: #83C3BB;
}
div.topics_in div:nth-child(2)::after,
div.topics_in div:nth-child(2n+4)::after {
	background-color: #DA546C;
}
div.topics_in div:nth-child(3)::after,
div.topics_in div:nth-child(3n+4)::after {
	background-color: #F4E827;
}
div.topics_in div:nth-child(4)::after,
div.topics_in div:nth-child(4n+4)::after {
	background-color: #7B3687;
}
div.topics_in a {
	text-decoration: none;
	color: #1C2A53;
}
div.topics h3 {
	text-align: center;
	color: #1C2A53;
	margin: 0;
	padding: 20px 20px 0 20px;
}
div.topics p {
	text-align: center;
	color: #1C2A53;
	margin: 0;
	padding: 20px;
}


/** メインコンテンツ*/
div.main_contents {
	/**height: 1319px;*/
	background-image: url(/images/sports_t_bg_main.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0 20px 190px 20px;
	margin: 0 auto;
}

/** SUPPORT*/
div.support {
	position: relative;
}
div.support h2 {
	max-width: 160px;
	text-align: center;
	color: #1C2A53;
	font-size: 1.8rem;
	position: relative;
	margin: 0 auto 40px auto;
	padding: 80px 0 0 0;
	background: linear-gradient(transparent 90%, #80C4DE 90%);
}
div.support div {
	background-image: url(/images/sports_t_image_support.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 230px;
	position: relative;
}
div.support div p {
    margin: 0;
    font-size: 3rem;
    color: #FFFFFF;
    text-shadow: 1px  1px 0 #000000,
    -1px  1px 0px #000000,
     1px -1px 0px #000000,
    -1px -1px 0px #000000,
     1px  0px 0px #000000,
     0px  1px 0px #000000,
    -1px  0px 0px #000000,
	 1px -1px 0px #000000;
	 position: relative;
	 top: 70px;
}
div.support div a {
    text-decoration: none;
    color: #000000;
    background-color: rgba(131, 195, 187, 0.6);
    padding: 10px 314px;
    background-image: url(/images/sports_t_icon_detail.png);
    background-repeat: no-repeat;
	background-position: 410px;
	position: relative;
	top: 100px;
}


/** MOVIE*/
div.movie h2 {
	max-width: 160px;
	text-align: center;
	color: #1C2A53;
	font-size: 1.8rem;
    position: relative;
	margin: 0 auto 40px auto;
	padding: 120px 0 0 0;
	background: linear-gradient(transparent 92%, #FFFFFF 92%);
}
div.movie_content iframe{
	width: 956.4px;
	height: 538px;
}


/** MOVIEスライドショー*/
div.slider02 {
	margin: 60px 0 20px 0;
	position: relative;
	bottom: 190px;
	height: 80px;
	padding: 0;
}
div.slider02 .bx-wrapper{
	margin: 0 auto;
}
div.slider02 .bx-viewport {
	position: relative;
	margin: 0 auto;
	width: 1200px !important;
}
ul.bxslider02 {
	right: -90px;
}
ul.bxslider02 li{
	padding: 0;
	margin: 0 10px 0 10px;
	transform: translateX(180px);
}

div.slider02 .bx-controls {
	margin: 20px auto 0 auto;
	padding: 0;
	width: 300px;
	display: flex;
	flex-flow: row;
	justify-content: center;
}
div.slider02 .bx-controls-direction {
	padding: 0;
}
div.slider02 .bx-controls-auto-item {
	padding: 0;
}
div.slider02 .bx-controls-auto-item a {
	width: 40px;
	height: 40px;
	font-size: 0px;
	padding: 0 10px;
	overflow: hidden;
}

div.slider02 .bx-controls-direction a {
	width: 40px;
	height: 40px;
	font-size: 0px;
	padding: 0 10px;
	overflow: hidden;
}
div.slider02 .bx-controls-direction a.disabled {
	display: none;
}
div.slider02 a.bx-prev {
	/* right: 0; */
}
div.slider02 a.bx-prev:before {
	content: url(/images/sports_t_btn_mv_slider_left.png);
}
div.slider02 a.bx-next {
	/* left: 0; */
}
div.slider02 a.bx-next:before {
	content: url(/images/sports_t_btn_mv_slider_right.png);
}


/* ------------------------バナーエリア------------------------ */
div.slider03 {
	margin: 40px auto 20px auto;
	position: relative;
	height: 200px;
	padding: 0 20px;
}
div.slider03 .bx-wrapper{
	margin: 0 auto;
}
div.slider03 .bx-viewport {
	position: relative;
	margin: 0 auto;
	width: 1200px;
}
ul.bxslider03 {
	right: 50px;
}
ul.bxslider03 li{
	padding: 0;
	margin: 0 10px 0 10px;
}
div.slider03 .bx-controls {
	margin: 20px auto 0 auto;
	padding: 0;
	width: 300px;
	display: flex;
	flex-flow: row;
	justify-content: center;
}
div.slider03 .bx-controls-direction {
	padding: 0;
}
div.slider03 .bx-controls-auto-item {
	padding: 0;
}

div.slider03 .bx-controls-auto-item a{
	width: 40px;
	height: 40px;
	font-size: 0px;
	padding: 0 10px;
	overflow: hidden;
}

div.slider03 .bx-controls-direction a {
	width: 40px;
	height: 40px;
	font-size: 0px;
	padding: 0 10px;
	overflow: hidden;
}
div.slider03 .bx-controls-direction a.disabled {
	display: none;
}
div.slider03 a.bx-prev {
}
div.slider03 a.bx-prev:before {
	content: url(/images/sports_t_btn_mv_slider_left.png);
}
div.slider03 a.bx-next {
}
div.slider03 a.bx-next:before {
	content: url(/images/sports_t_btn_mv_slider_right.png);
}


/* ------------------------ フッター ------------------------ */
.foot1bg {
    height: 40px;
    margin: 0 0 40px 0;
    background-image: url(/images/sports_t_icon_logo_wh.png);
    background-repeat: no-repeat;
    background-position: center;
}
.f0add {
    margin: 0 0 30px 0;
}
.f0add h2 {
    font-size: 2.3rem;
    text-align: center;
    color: #FFFFFF;
    padding: 0;
    margin: 0 0 20px 0;
}
.f0add p {
    font-size: 1.4rem;
    text-align: center;
    color: #FFFFFF;
    padding: 0;
    margin: 0 0 10px 0;
}
.footbgall {
    background-color: #004D9F;
	padding: 20px;
	margin: 0 auto;
}
.footwp {
    margin: 0 0 20px 0;
    text-align: center;
    padding: 0;
}
/*フッタリスト*/
ul.footlist {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}
ul.footlist li {
    margin: 0;
    padding: 0;
    width: 240px;
    height: 120px;
    border: 1px solid #FFFFFF;
    border-radius: 6px;
    display: table;
}
ul.footlist li:not(:first-child) {
    margin-left: 20px;
}
ul.footlist li a {
	padding: 30px 20px 10px 20px;
}
li.f_dl a {
    background-image: url(/images/sports_t_icon_download.png);
    background-repeat: no-repeat;
    background-position: center 20px;
}
li.f_mail a {
    background-image: url(/images/sports_t_icon_mail.png);
    background-repeat: no-repeat;
    background-position: center 20px;
}
li.f_tel a {
    background-image: url(/images/sports_t_icon_tel.png);
    background-repeat: no-repeat;
    background-position: center 20px;
}
.f0copy {
    background: url(/images/sports_c_fcopy_bg.gif) repeat-x;
    padding: 0;
    color: #FFFFFF;
    /*font-size: 90%;*/
    /*font-size: 1.4rem;*/
    font-size: 0.9rem;
    text-align: right;
}
ul.footlist a {
    text-decoration: none;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: bottom;
}


/* ------------------------緊急情報------------------------ */
div#kinkyu {
    margin: 10px 0;
    padding: 0 0 10px 0;
    background: #FFF;
    border: 4px solid #B94737;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    text-align: left;
    overflow: hidden;
    min-height: 100px;
}
div#kinkyu h2.kinkyu-title {
  margin: 0;
  padding: 5px 0 8px 20px;
  color: #FFF;
  background: #B94737;
}
div#kinkyu h2.kinkyu-title {
 float: left;
    width: 190px;
    margin: 0;
    padding: 8px;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
    line-height: 1.5em;
    text-align: center;
    padding-top: 35px;
    background: #B94737;
    color: #FFF;
}
div#kinkyu .inner {
    padding: 10px;
    margin: 0;
    overflow: hidden;
}


#baseall {
	min-width: 1200px;
	margin: 0 auto;
}










@media screen and (min-width: 769px) {
  .pc-none {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
/* ==============================================================
  768px 以下の指定 印刷除く
================================================================ */

.sp-none {
  display: none !important;
}
img {
  max-width: 100%;
  height: auto;
}


/* ------------------------基本設定------------------------ */
#baseall {
    min-width: auto;
    margin: 0;
}
ul > li{
}


/* ------------------------ ヘッダー ------------------------ */
.t_headbg0 {
    margin: 0;
    border-top: 2px solid #E8E8E8;
}
.t_headbg1 {
    margin: 0;
}
h1 {
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
}
div#headbg {
    min-width: 100%;
    margin: 0;
}
div#headbg .inner {
    display: none;
}

/* ヘッダー1 */
div#head1bg {
    margin: 0;
    /*padding: 12px 2px 8px;*/
    padding: 0;
}
#h0title {
    display: none;
}

/** グロナビ*/
#gnb {
    display: none;
}


/* ------------------------スマホヘッダ------------------------ */
.sp_head_wp {
    width: 100%;
    text-align: left;
}
.sp_headin {
}
#header_logo {
    float: none;
    margin: 0;
    padding: 9px 0 0 15px;
    width: 100%;
    height: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#header_logo img {
    width: 205px;
    height: auto;
}

/* ヘッダメニュー */
.smph_menu {
    background-color: #004D9F;
    padding: 5px 20px 30px;
}
.spmenu_wp {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}
ul.spmenu {
    text-align: left;
    padding: 0;
    margin: 0;
}
ul.spmenu li {
    border-bottom: 1px solid #FFF;
    padding: 0;
}
ul.spmenu li a {
    color: #FFF;
    text-decoration: none;
    padding: 10px 10px 10px 20px;
    display: block;
    /*font-size: 1.8rem;*/
    font-size: 1rem;
    line-height: 1.58;
    position: relative;
}
ul.spmenu li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #FFF;
    top: 50%;
    right: 10px;
    left: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
ul.spmenu li a::before {
    content: "";
    display: block;
    width: 4px;
    height: 44px;
    position: absolute;
    top: 13px;
    left: 4px;
}
ul.spmenu li:nth-of-type(1) a::before {
    background-color: #DA546C;
}
ul.spmenu li:nth-of-type(2) a::before {
    background-color: #F4E827;
}
ul.spmenu li:nth-of-type(3) a::before {
    background-color: #80C4DE;
}
ul.spmenu li:nth-of-type(4) a::before {
    background-color: #7B3687;
}
ul.spmenu li:nth-of-type(5) a::before {
    background-color: #83C3BB;
}
ul.spmenu a:link, ul.spmenu a:visited, ul.spmenu a:hover, ul.spmenu a:active {
    color: #FFF;
}
.b_h0rightwp {
    float: none;
}
ul.b_headlist {
    float: none;
    padding: 30px 0 6px 0;
    margin: 0;
    font-size: 1.6rem;
}
ul.b_headlist li {
    padding: 0 0 4px 0;
    float: none;
    background-image: none;
    text-align: center;
    font-weight: bold;
}
ul.b_headlist li a {
    display: block;
    padding: 9px 10px 8px 10px;
    color: #FFF !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #FFF;
    border-radius: 14px;
    /*font-size: 1.6rem;*/
    font-size: 1rem;
    padding: 10px 10px 9px 10px;
    font-weight: normal;
    line-height: 1.58;
    text-decoration: none;
}

/* 開閉 */
.menu_btn_wp {
    position: absolute;
    top: 19px;
    right: 15px;
}
.menu_btn_wp > button {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #004D9F;
    font-size: 11px;
    font-weight: bold;
}
.menu-trigger, .menu-trigger span {
    display: inline-block;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
  .menu-trigger {
    position: relative;
    width: 40px;
    height: 32px;
    margin: 0 auto 1px;
}
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #004D9F;
    border-radius: 4px;
}
  .menu-trigger span:nth-of-type(1) {
    top: 0;
}
  .menu-trigger span:nth-of-type(2) {
    top: 13px;
}
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
    margin: 0 0 2px 0;
}
  .menu-trigger span:nth-of-type(2)::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 4px;
    background-color: #004D9F;
    border-radius: 4px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) scale(0);
    -ms-transform: translateY(20px) scale(0);
    transform: translateY(20px) scale(0);
}
  .menu-trigger.active span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
  .menu-trigger.active span:nth-of-type(2)::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) scale(0);
    -ms-transform: translateY(-20px) scale(0);
    transform: translateY(-20px) scale(0);
}

/* 検索 */
.t_search_area{
	float:right;
}
.t_search_box{
	margin: 3px 0 0 0;
}
.search-box {
    display: flex;
    align-items: center;
    width: 100%;
}
form#SSF,
form#SSF02 {
    margin: 0;
    padding: 0;
}
form#SSF div.search-txt,
form#SSF02 div.search-txt {
  font-size: 1%;
}
form#SSF input.tbox,
form#SSF02 input.tbox {
    width: calc(100% - 80px);
    height: 44px !important;
    padding: 0;
    /*font-size: 1.5rem;*/
    font-size: 1rem;
    font-family: "メイリオ", Arial, sans-serif;
    margin: 0;
    border: 1px solid #FFF;
    background: #FFF;
    border-radius: 6px 0 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
form#SSF input.fedbt,
form#SSF02 input.fedbt {
    width: 80px;
    min-height: 44px;
    background: #E8E8E8;
    color: #1C2A53;
    font-family: "メイリオ", Arial, sans-serif;
    vertical-align: bottom;
    cursor: pointer;
    border: 1px solid #E8E8E8;
    border-radius: 0 6px 6px 0;
    font-size: 1.1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* スライダー画像 */
.slider {
    margin: 20px auto 50px auto;
    padding: 0 20px;
}
ul.bxslider:after, .slider:after {}
ul.bxslider {}
ul.bxslider li {
    padding: 0;
    background-image: none;
    width: 100% !important;
}
ul.bxslider li img {
    min-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 20px;
}
ul.bxslider li a {
}
ul.bxslider li a img {
    max-width: 100%;
    height: auto;
    margin: 0;
}
a.innerLink img, a.externalLink img {
}
.slider .bx-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.slider .bx-controls {
    justify-content: center;
    align-items: center;
    position: relative;
    right: 0;
}
.bx-wrapper a.externalLink {
}
.bx-pager-item a {
}
.bx-pager-item a.active {
}
.bx-pager-item {
}
.bx-pager {
}
.bx-controls-auto-item {
}


/**人と人との縁を～*/
div.message01 {
    text-align: center;
    margin: 0 auto 40px auto;
    padding: 0 20px;
}
div.message01 h2 {
    max-width: 100%;
    padding: 10px 50px 0 50px;
    margin: 0 auto 20px auto;
    font-size: 1.6rem;
    background-position: left, right;
}
div.message01 p {
    font-size: 0.9rem;
    margin: 0;
    padding: 0;
}


/** TOPICS*/
div.topics {
    margin: 0 auto 40px;
}
div.topics h2 {
    margin: 0 auto 20px;
}
div.topics_in {
    max-width: 100%;
}
div.topics_in div {
    margin: 0 auto 20px;
}
div.topics_in div:not(:nth-child(4n)) {
    margin: 0 auto 20px;
}
div.topics_in div:last-child {
    margin: 0 auto 20px;
}
div.topics_in div:not(:nth-child(-n+4)) {
    margin: 0 auto 20px;
}
div.topics_in div::after {
}
div.topics_in div:nth-child(1)::after,
div.topics_in div:nth-child(n+4)::after {
}
div.topics_in div:nth-child(2)::after,
div.topics_in div:nth-child(2n+4)::after {
}
div.topics_in div:nth-child(3)::after,
div.topics_in div:nth-child(3n+4)::after {
}
div.topics_in div:nth-child(4)::after,
div.topics_in div:nth-child(4n+4)::after {
}
div.topics_in a {
}
div.topics h3 {
}
div.topics p {
}


/** メインコンテンツ*/
div.main_contents {
    background-image: url(/images/sports_smph_bg_main2.png);
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto;
    padding: 0 0 240px 0;
    margin: 0 auto;
}


/** SUPPORT*/
div.support {}
div.support h2 {
    padding: 65px 0 0 0;
}
div.support div {
    background-image: url(/images/sports_smph_image_support2.png);
    height: auto;
    padding: 0 0 160px 0;
    display: block;
    text-align: center;
}
div.support div p {
    margin: 0;
    font-size: 2.6rem;
    top: 130px;
    text-align: center;
    padding: 0;
}
div.support div a {
    font-weight: bold;
    font-size: 1rem;
    padding: 6px 118px;
    background-size: 8%;
    background-position: 210px;
    top: 136px;
}


/** MOVIE*/
div.movie h2 {
    padding: 100px 0 0 0;
}
div.movie_content iframe {
    display: block;
    margin: 10px auto 10px auto !important;
    text-align: center;
    width: 90% !important;
    height: 360px;
}


/** MOVIEスライドショー*/
div.slider02 {
    position: relative;
    margin: 2px 0 20px 0;
    bottom: 210px;
    height: 110px;
}
div.slider02 .bx-wrapper{
    position: relative;
    margin: 0;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
div.slider02 .bx-viewport {
    width: 100% !important;
    margin: 0 auto;
}
ul.bxslider02 {
    right: 82px;
    margin: 0;
    padding: 0;
}
ul.bxslider02 li {
    width: 160px !important;
}
ul.bxslider02 li img {
    width: 160px;
    height: auto;
}
div.slider02 .bx-controls {
    margin: 10px auto 0 auto;
    width: 200px;
}
div.slider02 .bx-controls-direction {
}
div.slider02 .bx-controls-auto-item {
}
div.slider02 .bx-controls-auto-item a {
}
div.slider02 .bx-controls-direction a {
}
div.slider02 .bx-controls-direction a.disabled {
}
div.slider02 a.bx-prev {
}
div.slider02 a.bx-prev:before {
}
div.slider02 a.bx-next {
}
div.slider02 a.bx-next:before {
}


/* ------------------------バナーエリア------------------------ */
div.slider03 {
    position: relative;
    margin: 0 0 20px 0;
    bottom: 80px;
    height: 80px;
}
div.slider03 .bx-wrapper{
    position: relative;
    margin: 0;
    padding: 0;
}
div.slider03 .bx-viewport {
    width: 100% !important;
    margin: 0 auto;
}
ul.bxslider03 {
    /*right: 121px;*/
    right: 102px;
    margin: 0;
    padding: 0;
}
ul.bxslider03 li{
    width: 160px !important;
}
ul.bxslider03 li img {
    width: 160px;
    height: auto;
}
div.slider03 .bx-controls {
    margin: 10px auto 0 auto;
    width: 200px;
}
div.slider03 .bx-controls-direction {
}
div.slider03 .bx-controls-auto-item {
}
div.slider03 .bx-controls-auto-item a{
}
div.slider03 .bx-controls-direction a {
}
div.slider03 .bx-controls-direction a.disabled {
}
div.slider03 a.bx-prev {
}
div.slider03 a.bx-prev:before {
}
div.slider03 a.bx-next {
}
div.slider03 a.bx-next:before {
}


/* ------------------------ フッター ------------------------ */
.foot1bg {
    margin: 0 0 28px 0;
}
.f0add {
    margin: 0 0 25px 0;
}
.f0add h2 {
    font-size: 1.6rem;
    margin: 0 0 5px 0;
}
.f0add p {
    font-size: 1.1rem;
}
.footbgall {
    padding: 10px 15px 10px;
    margin: 0;
}
.footwp {
    margin: 20px 0 20px 0;
}
ul.footlist {
    justify-content: space-between;
    padding: 0;
    margin: 0;
}
ul.footlist li {
    margin: 0;
    padding: 0;
    width: calc((100% - 20px)/3);
    height: 110px;
}
ul.footlist li:not(:first-child) {
    margin-left: 10px;
}
ul.footlist li a {
    padding: 5px 5px 10px;
}
li.f_dl a {
    background-position: center 10px;
}
li.f_mail a {
    background-position: center 20px;
}
li.f_tel a {
    background-position: center 10px;
}
.f0copy {
    text-align: center;
    padding: 10px 0 0;
}
ul.footlist a {
}


/* ------------------------緊急情報------------------------ */
div#kinkyu {
    margin: 10px 0;
    padding: 0 0 10px 0;
    background: #FFF;
    border: 4px solid #B94737;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    text-align: left;
    overflow: hidden;
    min-height: 100px;
}
div#kinkyu h2.kinkyu-title {
  margin: 0;
  padding: 5px 0 8px 20px;
  color: #FFF;
  background: #B94737;
}
div#kinkyu h2.kinkyu-title {
 float: left;
    width: 190px;
    margin: 0;
    padding: 8px;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
    line-height: 1.5em;
    text-align: center;
    padding-top: 35px;
    background: #B94737;
    color: #FFF;
}
div#kinkyu .inner {
    padding: 10px;
    margin: 0;
    overflow: hidden;
}


}/* end_max-width: 768px */




@media screen and (max-width: 374px) {
/* ==============================================================
  374px 以下の指定 印刷除く
================================================================ */


ul.footlist li {
    height: 120px;
}


}/* end_max-width: 374px */




@media print {
/* ==============================================================
  プリント専用スタイル
================================================================ */

.page-top {
    display: none;
}
.sp_head_wp {
    display: none;
}



}/* media print */