@charset "utf-8";
/* CSS Document */

/* add 202302 */
.field2 .ratio {
	background-color: rgb(0 0 0 / 5%);
}
.lp-header {
	background-position: center center;
	background-size: cover;
	height: 400px;
}
.hk-kotei .card-title {
	margin-bottom: 0.5em;
	font-weight: bold;
}
#lp202302 .lp-header .inner {
	background-color: rgba(0,0,0,0.30);
	display: block;
	width: 100%;
	padding: 1.5rem;
}
#lp202302 .lp-header {
	background-image: url('https://web-hokushin.jp/wp-content/themes/hokushin-web/images/lp/newR503/newR503-bg-tottorijo.jpg');
}
/* add 202302 */

/* add 2025012 */
#lp202503 .lp-header .inner {
	background-color: rgba(255,255,255,0.78);
	display: block;
	width: auto;
    margin: 0 auto;
	padding: 1.5rem;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    color: #800000;
}
#lp202503 .lp-header {
	background-image: url('https://web-hokushin.jp/wp-content/themes/hokushin-web/images/lp/newR503/newR503-bg-tottorijo.jpg');
}
.lp-icon-sold {
    width: 80px;
    height: 80px;
    color: #F00;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    z-index: 1;
    background-color: #fff;
    border: 4px solid #F00;
    border-radius: 50%;
    opacity: .8;
}
.trans50p {
    opacity: 50%;
}
.trans40p {
    opacity: 40%;
}
.trans30p {
    opacity: 30%;
}
/* add 2025012 */

@media screen and (min-width:640px) {
.grid-container {
    width: 1024px;
    padding-left: calc((100% - 1024px) / 2);
    padding-right: calc((100% - 1024px) / 2);
}
.suncube_tottori {
    width: 100%;
    height: 480px;
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2019/02/2019suncube_tottori.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.sp_cam2019 {
    width: 100%;
    height: 480px;
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2019/02/sp_cam.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sp_online {
    width: 100%;
    height: 480px;
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2021/01/online_pc_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sp_satoyamahozen {
    width: 100%;
    height: 480px;
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2021/12/satoyamahozen_pc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sdgs_bg{
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2021/12/sec1_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sp_media {
    width: 100%;
    height: 480px;
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2022/01/media_pc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.cam2020summer {
    width: 100%;
    height: 480px;
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2020/07/89d1f8784d9adefc77807a7f82320510.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}



.winners_rounded_span {
    padding: 10%;
    font-size: 130%;
    background-color: #F3626B;
    font-style: normal;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 1%;
    font-weight: bold;
    color: #fff;
}
.sp_cam2019_bg img {
    width: 100%;
}
.sp_cam_detail dl dt {
    float: left;
    clear: both;
    width: 100px;
    font-weight: bold;
    margin-bottom: 24px;
    text-align: center;
    margin-right: 3%;
}
.sp_cam_detail span {
    display: block;
    padding: 7% 5% 7% 5%;
    background-color: #009360;
    font-style: normal;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 1%;
    font-weight: bold;
    color: #fff;
}
.sp_cam_detail dl dd {
    display: inline;
    vertical-align: baseline;
    float: left;
    padding-right: 24px;
}

.satoyamahozen h1{
	width: 100%;
	background-color: #00A29A;
	color: #FFF;
	font-weight: bold;
	padding-left: 2%;
	font-size: 150%;
	position: relative;
}

.satoyamahozen h2{
	width: 100%;
	background-color: #28a839;
	color: #FFF;
	font-weight: bold;
	padding-left: 2%;
	font-size: 150%;
	position: relative;
}

.satoyamahozen h4{
	border-left: 10px solid #F3BB43;
	font-size: 150%;
	font-weight: bold;
	padding-left: 2.5%;
	padding-top:1.8%;
	padding-bottom:1.8%;
}

.satoyamahozen h5{
	font-size: 130%;
	font-weight: bold;
	border-bottom: 2px solid #666666;
}

.satoyamahozen h5::first-letter{
color:#00A29A;
}

.satoyamahozen .tbl{
	width: 100%;
}

 h2.media {
  padding: 1rem 2rem;
  color: #fff;
  background: #F12747;
  -webkit-box-shadow: 5px 5px 0 #C11A3A;
  box-shadow: 5px 5px 0 #C11A3A;
}

 h2.media2 {
  padding: 1rem 2rem;
  color: #fff;
  background: #2696DB;
  -webkit-box-shadow: 5px 5px 0 #1379B7;
  box-shadow: 5px 5px 0 #1379B7;
}

.tbl th{
	width: 35%;
	background-color: #f4f4f4;
	padding: 12px;
	border: 1px solid #ddd;
}
.tbl td{
	background-color: #ffffff;
	padding: 12px;
	border: 1px solid #ddd;
}

/* �ߋ��̂�� .hk-kotei h2 {
    padding-top: 140px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 32px;
}
.hk-kotei h2:before {
    content: none;
}
.hk-kotei h3 {
    margin-top: -18px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 58px;
}
.hk-kotei h4 {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}
.hk-kotei h5 {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}
.hk-kotei h6 {
    margin-top: -32px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
*/

span.midashi {
    display: block;
    border-bottom: 2px solid;
    font-weight: bold;
    font-size: 130%;
    padding-bottom: 0.6%;
}
.rounded-pil {
    border-radius: 18px;
}
.winners_rounded_span {
    padding: 10%;
    font-size: 130%;
    background-color: #F3626B;
    font-style: normal;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 1%;
    font-weight: bold;
    color: #fff;
}
.field1 {
    width: 100%;
    background-color: #ffffff;
}
.field2 {
    width: 100%;
    background-color: #F3F8FF;
}
.field3 {
    width: 100%;
    background-color: #FFECEB;
}

.mt-6{
	margin-top:4.5rem;
}

.mb-6{
	margin-bottom:4.5rem;
}

.online_step span {
    display: inline;
    padding: 1% 4% 1% 4%;
    background-color: #FFC007;
    font-style: normal;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 1%;
    font-weight: bold;
    color: #009360;
}

}

@media screen and (max-width:639px) {
.grid-container {
    width: 640px;
    padding-left: calc((100% - 1024px) / 2);
    padding-right: calc((100% - 1024px) / 2);
}
.suncube_tottori {
    width: 100%;
    height: 180px;
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2019/02/2019suncube_tottori.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.sp_cam2019 {
    width: 100%;
    height: 180px;
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2019/02/sp_cam.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cam2020summer {
    width: 100%;
    height: 180px;
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2020/07/89d1f8784d9adefc77807a7f82320510.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sp_online {
    width: 100%;
    height: 180px;
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2021/01/online_pc_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sp_satoyamahozen {
    width: 100%;
    height: 180px;
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2021/12/satoyamahozen_pc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sdgs_bg{
    background-image: url("https://web-hokushin.jp/wp-content/uploads/2021/12/sec1_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.winners_rounded_span {
    padding: 5%;
    font-size: 130%;
    background-color: #F3626B;
    font-style: normal;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-right: 1%;
    font-weight: bold;
    color: #fff;
}
.sp_cam2019_bg img {
    width: 100%;
}
.sp_cam_detail dl dt {
    float: left;
    clear: both;
    width: 100px;
    font-weight: bold;
    text-align: center;
    margin-right: 3%;
    margin-bottom: 12px;
}
.sp_cam_detail span {
    display: block;
    padding: 7% 5% 7% 5%;
    background-color: #009360;
    font-style: normal;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 1%;
    font-weight: bold;
    color: #fff;
}
.sp_cam_detail dl dd {
    display: inline;
    vertical-align: baseline;
    float: left;
}

.satoyamahozen h1{
	width: 100%;
	background-color: #00A29A;
	color: #FFF;
	font-weight: bold;
	padding-left: 2%;
	font-size: 150%;
	position: relative;
}

.satoyamahozen h2{
	width: 100%;
	background-color: #28a839;
	color: #FFF;
	font-weight: bold;
	padding-left: 1%;
	font-size: 150%;
	position: relative;
}

.satoyamahozen h3{
	padding-top:-2%;
		padding-boddom:-2%;
}

.satoyamahozen h4{
	border-left: 10px solid #F3BB43;
	font-size: 150%;
	font-weight: bold;
	padding-left: 2.5%;
	padding-top:1.8%;
	padding-bottom:1.8%;
}

.satoyamahozen h5{
	font-size: 130%;
	font-weight: bold;
	border-bottom: 2px solid #666666;
}

.satoyamahozen h5::first-letter{
color:#00A29A;
}

.satoyamahozen .tbl{
	width: 100%;
}



.tbl th{
	width: 35%;
	background-color: #f4f4f4;
	padding: 12px;
	border: 1px solid #ddd;
}
.tbl td{
	background-color: #ffffff;
	padding: 12px;
	border: 1px solid #ddd;
}

/* �ߋ��̂�� .hk-kotei h2 {
    padding-top: 15%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
}
.hk-kotei h2:before {
    content: none;
}
.hk-kotei h3 {
    margin-top: -12px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 32px;
}
.hk-kotei h4 {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
}
.hk-kotei h5 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.hk-kotei h6 {
    margin-top: -28px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}*/


span.midashi {
    display: block;
    border-bottom: 2px solid;
    font-weight: bold;
    font-size: 130%;
    padding-bottom: 0.6%;
}
.rounded-pil {
    border-radius: 18px;
}
.winners_rounded_span {
    display: block;
    padding: 2%;
    width: 100px;
    font-size: 120%;
    background-color: #F3626B;
    font-style: normal;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 1%;
    font-weight: bold;
    color: #fff;
    margin-bottom: 18px;
}
.field1 {
    width: 100%;
    background-color: #ffffff;
}
.field2 {
    width: 100%;
    background-color: #F3F8FF;
}
.field3 {
    width: 100%;
    background-color: #FFECEB;
}
.sm-fs100 {
    font-size: 80%;
}
.sm-text-align-center {
    text-align: center;
}

.online_step span {
    display: inline;
    padding: 7% 5% 7% 5%;
    background-color: #FFC007;
    font-style: normal;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 1%;
    font-weight: bold;
    color: #009360;
}

}