@charset "UTF-8";

/*!
Theme Name: houkago-navi-covid
Template:   cocoon-master
Version:    1.1.0
*/

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

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

/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
}


/************************************
** header
************************************/


/************************************
** footer-contents
************************************/


/************************************
** トップへ戻るボタン
************************************/

.go-to-top-button {
  width: 60px;
  height: 60px;
  border-radius: 0px;
  font-size: 30px;
}


/***********************************************
** pcr-pref-list - pcr検査機関を都道府県より検索
***********************************************/
.pref-box ul {
    list-style: none;
}
.pref-box ul li {
    display: inline-block;
    vertical-align: top;
    width: 18%;
    font-size: 18px;
    text-align: center;
    border: 1px solid #222;
    box-sizing: border-box;
}
.pref-box ul li a {
    display: block;
    text-decoration: none;
    transition: 0.7s;
}
@media screen and (max-width: 769px) {
	.pref-box ul {
		padding: 0;
	}
	.pref-box ul li {
		width:30%;
	}
}

/***********************************************
** taxonomy-pcr-area-content
***********************************************/

.aaa {
    text-align: center;
    margin: 60px 0 100px;
}
.aaa a {
    font-size: 1.5em;
}
@media screen and (max-width: 769px) {
	.aaa { text-align: left; }
}

.area-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.area-box a {
    padding: 0 5px;
}

/***********************************************
** content-kensa
***********************************************/
.attension-box p span {
    font-size: 1.2em;
    color: red;
    font-weight: 700;
}