﻿@media only screen and (max-width: 690px) {
.dlb_btn a::before {
	display: none;
}
}



.dlb_btn a:hover::before {
  display: none;
}
.btn_amzn a {
  background-color: #ebc500;
  border-color: #ebc500;
  border-radius: 35px;
}
.btn_amzn a:hover {
  background-color: #fff;
  border-color: #ebc500;
  color: #ebc500;
  border-radius: 35px;
}
.btn_yod a {
  background-color: #c00;
  border-color: #c00;
  border-radius: 35px;
}
.btn_yod a:hover {
  background-color: #fff;
  border-color: #c00;
  color: #c00;
  border-radius: 35px;
}



.btn_rakuten a {
  background-color: #f07700;
  border-color: #f07700;
  border-radius: 35px;
}
.btn_rakuten a:hover {
  background-color: #fff;
  border-color: #f07700;
  color: #f07700;
  border-radius: 35px;
}



.btn_maru_gray a {
  background-color: #606060;
  border-color: #606060;
  color: #fff;
  border-radius: 35px;
}
.btn_maru_gray a:hover {
  background-color: #929292;
  border-color: #929292;
  color: #fff;
  border-radius: 35px;
}
.btn_youtube a {
  background-color: #cd201f;
  border-color: #cd201f;
  border-radius: 15px;
}
.btn_youtube a:hover {
  background-color: #fff;
  border-color: #cd201f;
  color: #cd201f;
  border-radius: 15px;
}
.fa-youtube-play:before {
  content: "\f16a";
}
.btn_maru_blue a {
  background-color: #0D72B4;
  border-color: #0D72B4;
  color: #fff;
  border-radius: 35px;
}
.btn_maru_blue a:hover {
  background-color: #84B7D9;
  border-color: #84B7D9;
  color: #fff;
  border-radius: 35px;
}




.btn_kadomaru_blue a {
  background-color: #0D72B4;
  border-color: #0D72B4;
  color: #fff;
  border-radius: 10px;
}
.btn_kadomaru_blue a:hover {
  background-color: #84B7D9;
  border-color: #84B7D9;
  color: #fff;
  border-radius: 10px;
}

.btn_kadomaru_red a {
  background-color: #c00;
  border-color: #c00;
  color: #fff;
  border-radius: 10px;
}
.btn_kadomaru_red a:hover {
  background-color: #FF9494;
  border-color: #FF9494;
  color: #fff;
  border-radius: 10px;
}

.btn_kadomaru_orange a {
  background-color: #FF9900;
  border-color: #FF9900;
  color: #fff;
  border-radius: 10px;
}
.btn_kadomaru_orange a:hover {
  background-color: #FFC46C;
  border-color: #FFC46C;
  color: #fff;
  border-radius: 10px;
}




.btn_kadomaru_catalog_orange a {
  background-color: #FF9900;
  border: solid 2px #fff;
  outline: solid 2px #FF9900;
  margin: 2px;
  padding:10px 3em 10px 4.5em;
  color: #fff;
  border-radius: 16px;
}

@media screen and (max-width: 690px) {
	.btn_kadomaru_catalog_orange a {
	min-width: 300px !important;
	}
}



.btn_kadomaru_catalog_orange a:hover {
  background-color: #FFC46C;
  border: solid 2px #fff;
  outline: solid 2px #FFC46C;
  color: #fff;
}


.dlb_btn--icon--catalog a::before {
		left: 1.5em !important;
}



















.btn_maru_blue_media a {
  display: block;
  padding: 16px 1.5em 16px 2.5em;
  text-align: center;
  position: relative;
  border-width: 2px;
  border-style: solid;
  background-color: #0D72B4;
  border-color: #0D72B4;
  color: #fff;
  border-radius: 35px;
  text-decoration: none !important
}
.btn_maru_blue_media a:hover {
  display: block;
  padding: 16px 1.5em 16px 2.5em;
  text-align: center;
  position: relative;
  border-width: 2px;
  border-style: solid;
  background-color: #84B7D9;
  border-color: #84B7D9;
  color: #fff;
  border-radius: 35px;
  text-decoration: none !important
}
.btn_maru_pink a {
  background-color: #C30000;
  border-color: #C30000;
  color: #fff;
  border-radius: 35px;
}
.btn_maru_pink a:hover {
  background-color: #FF9494;
  border-color: #FF9494;
  color: #fff;
  border-radius: 35px;
}

.btn_maru_pink_media a {
  display: block;
  padding: 16px 1.5em 16px 2.5em;
  text-align: center;
  position: relative;
  border-width: 2px;
  border-style: solid;
  background-color: #C30000;
  border-color: #C30000;
  color: #fff;
  border-radius: 35px;
  text-decoration: none !important
}
.btn_maru_pink_media a:hover {
  display: block;
  padding: 16px 1.5em 16px 2.5em;
  text-align: center;
  position: relative;
  border-width: 2px;
  border-style: solid;
  background-color: #FF9494;
  border-color: #FF9494;
  color: #fff;
  border-radius: 35px;
  text-decoration: none !important
}


.btn_maru_mono a {
  background-color: #fff;
  border-color: #555;
  color: #373737;
  border-radius: 35px;
}
.btn_maru_mono a:hover {
  background-color: #555;
  border-color: #CBCBCB;
  color: #fff;
  border-radius: 35px;
}

.btn_maru_mono a::before {
display:none;
}

.btn_maru_mono a:hover {
  background-color: #555;
  border-color: #CBCBCB;
  color: #fff;
  border-radius: 35px;
}



.btn_kaku_red a {
  background-color: #c00;
  border-color: #c00;
  color: #fff;

}
.btn_kaku_red a:hover {
  background-color: #fff;
  border-color: #c00;
  color: #c00;

}
.btn_kaku_red a::before {
  color: #fff;
}



.btn_kaku_yellow a {
  background-color: #F90;
  border-color: #F90;

}
.btn_kaku_yellow a:hover {
  background-color: #fff;
  border-color: #F90;
  color: #F90;
}
.btn_kaku_yellow a::before {
  color: #fff;
}


.btn_kaku_hanten a {
  background-color: #fff;
  border-color: #0D72B4;
  color: #0D72B4;

}
.btn_kaku_hanten a:hover {
  background-color: #0D72B4;
  border-color: #0D72B4;
  color: #fff;
}
.btn_kaku_hanten a::before {
  color: #0D72B4;
}

/* 20230405 板垣 */
.dlb_pnavi01_area .btn_maruorange_shita li {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  margin:auto;
  list-style: none;
}

.dlb_pnavi01_area .btn_maruorange_shita li a {
  background-color: #f07700;
  border:solid 3px;
  border-color: #f07700;
  border-radius: 35px;
  display:block;
  text-align: center;
}

.dlb_pnavi01_area .btn_maruorange_shita li a:hover {
  background-color: #fff;
  border:solid 3px;
  border-color: #f07700;
  color: #f07700;
  border-radius: 35px;
}

.btn_maruorange_shita .dlb_pnavi01_block li a::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    transform: rotate(135deg);
    position: absolute;
    top: calc(50% - 4px);
    right: 20px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    color: #fff;
}

.btn_maruorange_shita .dlb_pnavi01_block li a:hover::after {
    color: #f07700;
}

/***** 資料ダウンロード　ボタン位置調整 *****/
@media (min-width: 768px) {
	.btn_right {
		display: flex;
		justify-content: flex-end;
	}
}
