@charset "utf-8";
/* CSS Document */
/* PCだけに見せる　960px以上
------------------------------------------------------------*/
@media screen and (min-width:960px) {
  .tb_view {
    display: none !important;
    border: 0;
  }
  .sp_view {
    display: none !important;
    border: 0;
  }
	.pcmb5{margin-bottom: 5px;}
}
/* タブだけに見せる 768px-959pxまで959pxまで
------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:959px) {
  .sp_view {
    display: none !important;
    border: 0;
  }
	.pcmb5{margin-bottom: 5px;}
}
/* スマホだけに見せる 100px～767pxまで
------------------------------------------------------------*/
@media screen and (min-width:100px) and (max-width:767px) {
  .pc_view {
    display: none !important;
    border: 0;
  }
  .tb_view {
    display: none !important;
    border: 0;
  }  }

.flex{display: flex;}

/*拡大縮小*/
.wide2p{width: 2%!important;}
.wide10p{width: 10%!important;}
.wide15p{width: 15%!important;}
.wide20p{width: 20%!important;}
.wide30p{width: 30%!important;}
.wide40p{width: 40%!important;}
.wide50p{width: 50%!important;}
.wide55p{width: 55%!important;}
.wide60p{width: 60%!important;}
.wide66p{width: 66%!important;}
.wide70p{width: 70%!important;}
.wide80p{width: 80%!important;}
.wide90p{width: 90%!important;}
.wide100p{width: 100%!important;}
.wide150p{width: 150%!important;}
.wide200p{width: 200%!important;}
.wide250p{width: 250%!important;}
.wide300p{width: 300%!important;}

.pcwide10p{width: 10%!important;}
.pcwide12p{width: 12%!important;}	
.pcwide15p{width: 15%!important;}	
.pcwide20p{width: 20%!important;}
.pcwide30p{width: 30%!important;}
.pcwide40p{width: 40%!important;}
.pcwide50p{width: 50%!important;}
.pcwide52p{width: 52%!important;}	
.pcwide55p{width: 55%!important;}
.pcwide60p{width: 60%!important;}
.pcwide70p{width: 70%!important;}
.pcwide80p{width: 80%!important;}
.pcwide90p{width: 90%!important;}
.pcwide100p{width: 100%!important;}

.pcwide400px{max-width:400px!important;}
.pcwide500px{max-width:500px!important;}
.pcwide600px{max-width:600px!important;}
.pcwide700px{max-width:700px!important;}
.pcwide800px{max-width:800px!important;}


.pcheight50px{height: 50px!important;}

/*PCだけのmarginとpadding*/
.pc_mt10{margin-top: 10px;}
.pc_mt15{margin-top: 15px;}
		.pc_mt20{margin-top: 20px;}
	.pc_mb5{margin-bottom: 5px;}
	.pc_mb10{margin-bottom: 10px;}
		.pc_mb20{margin-bottom: 20px;}


.left {
  width: auto;
  float: left;
}
.floatleft {
  float: left;
}
.vertical_md {
  vertical-align: middle;
}
.self_center {align-self: center;}


.block{display: block;}
.bg_pink {background-color: #fce7e7;}
.bg_pink2 {background-color: #f26f8b;}
.bg_pink3 {background-color: #ffe4e1;}

.bg_blue {background-color: #e7f2fe;}
.bg_blue2 {background-color: #2ac7fc;}
.bg_blue3{background-color: #e5f7ff;}

.bg_purple {background-color: #f4e6fc;}
.bg_purple2 {background-color: #ae34c0;}
.bg_white {background-color: #ffffff;}
.bg_beige {background-color: #f0ede7;}
.bg_beige2 {background-color: #EFEBEC;}
.bg_red{background-color: #f5404e;}
.bg_red2{background-color: #c60303;}

.bg_green{background-color: #3b8208;}
.bg_green2{background-color: #cdf3b1;}
.bg_green3{background-color: #cbfca8;}
.bg_green4{background-color: #d8fef9;}
.bg_green5{background-color: #e7feef;}

.bg_yellow{background-color: #f59e3f;}
.bg_yellow2{background-color: #fefbe4;}
.bg_yellow3{background-color: #f9cb11;}
.bg_yellow4{background-color: #fcd8b1;}
.bg_yellow5{background-color: #fce8da;}

.bg_broun{background-color: #a1750a;}
.bg_broun2{background-color: #715103;}
.bg_broun3{background-color: #493401;}

.bg_gray{background-color: #8c8c8c;}
.bg_gray2{background-color: #d9d9d9;}
.bg_rgray{background-color: #f8fafb;}

.bg_navy{background-color: #012441;}
.bg_navy2{background-color: #3d5c8a;}
.bg_navy3{background-color: #023463;}



/*テキストプレート*/
.plate_red{background-color: #ca0202;display: inline-block;}
.plate_pink{background-color: #e59a9f;display: inline-block;}
.plate_pink2{background-color: #e05b5b;display: inline-block;}
.plate_orange{background-color: #e5bc9a;display: inline-block;}
.plate_yellow{background-color: #e5d69a;display: inline-block;}
.plate_yellow2{background-color: #e8ba04;display: inline-block;}
.plate_green{background-color: #2a7e00;display: inline-block;}
.plate_blue{background-color: #006bb2;display: inline-block;}
.plate_blue2{background-color: #19b7f0;display: inline-block;}
.plate_navy{background-color: #023463;display: inline-block;}
.plate_broun{background-color: #a1750a;;display: inline-block;}
.plate_broun2{background-color: #715103;;display: inline-block;}


/*ボーダー*/
.b_red_1px{border: solid 1px #ca0202;}
.b_pink_1px{border: solid 1px #e59a9f;}
.b_pink2_1px{border: solid 1px #e05b5b;}
.b_orange_1px{border: solid 1px #e5bc9a;}
.b_yellow_1px{border: solid 1px #e5d69a;}
.b_yellow2_1px{border: solid 1px #e8ba04;}
.b_green_1px{border: solid 1px #2a7e00;}
.b_blue_1px{border: solid 1px #006bb2;}
.b_blue2_1px{border: solid 1px #19b7f0;}
.b_navy_1px{border: solid 1px #023463;}
.b_broun2_1px{border: solid 1px #a1750a;}
.b_broun2_1px{border: solid 1px #715103;}
.b_gray_1px{border: solid 1px #e5e5e5;}

.b_red_2px{border: solid 2px #ca0202;}
.b_pink_2px{border: solid 2px #e59a9f;}
.b_pink2_2px{border: solid 2px #e05b5b;}
.b_orange_2px{border: solid 2px #e5bc9a;}
.b_yellow_2px{border: solid 2px #e5d69a;}
.b_yellow2_2px{border: solid 2px #e8ba04;}
.b_green_2px{border: solid 2px #2a7e00;}
.b_blue_2px{border: solid 2px #006bb2;}
.b_blue2_2px{border: solid 2px #19b7f0;}
.b_navy_2px{border: solid 2px #023463;}
.b_broun2_2px{border: solid 2px #a1750a;}
.b_broun2_2px{border: solid 2px #715103;}
.b_gray_2px{border: solid 2px #e5e5e5;}

.bd_red_1px{border: dashed 1px #ca0202;}
.bd_pink_1px{border: dashed 1px #e59a9f;}
.bd_pink2_1px{border: dashed 1px #e05b5b;}
.bd_orange_1px{border: dashed 1px #e5bc9a;}
.bd_yellow_1px{border: dashed 1px #e5d69a;}
.bd_yellow2_1px{border: dashed 1px #e8ba04;}
.bd_green_1px{border: dashed 1px #2a7e00;}
.bd_blue_1px{border: dashed 1px #006bb2;}
.bd_blue2_1px{border: dashed 1px #19b7f0;}
.bd_navy_1px{border: dashed 1px #023463;}
.bd_broun2_1px{border: dashed 1px #a1750a;}
.bd_broun2_1px{border: dashed 1px #715103;}
.bd_gray_1px{border: dashed 1px #e5e5e5;}



.border_pink {border-color: #fce7e7;}
.border_pink2 {border-color: #f26f8b;}
.border_blue {border-color: #e7f2fe;}
.border_blue2 {border-color: #2ac7fc;}
.border_blue3{border-color: #e5f7ff;}
.border_purple {border-color: #f4e6fc;}
.border_purple2 {border-color: #ae34c0;}
.border_white {border-color: #ffffff;}
.border_beige {border-color: #f0ede7;}
.border_beige2 {border-color: #EFEBEC;}
.border_red{border-color: #f5404e;}
.border_red2{border-color: #c60303;}
.border_green{border-color: #3b8208;}
.border_green2{border-color: #cdf3b1;}
.border_green3{border-color: #cbfca8;}
.border_yellow{border-color: #f59e3f;}
.border_yellow2{border-color: #fefbe4;}
.border_yellow3{border-color: #f9cb11;}
.border_yellow4{border-color: #fcd8b1;}
.border_yellow5{border-color: #fce8da;}
.border_broun{border-color: #a1750a;}
.border_broun2{border-color: #715103;}
.border_gray{border-color: #8c8c8c;}
.border_rgray{border-color: #F0F0F0;}
.border_navy{border-color: #012441;}
.border_navy2{border-color: #3d5c8a;}
.border_navy3{border-color: #023463;}
.border_beige2 {border-color: #EFEBEC;}



/*アイコン枠*/
.Features {
    border: 1px solid #b3afae;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px!important;
    display: block;
    font-weight: bold;
    float: unset;
	margin: 5px auto;
}

.Features2 {
    border: 1px solid #b3afae;
    padding: 5px;
    border-radius: 5px;
    display: inline;
    margin: 5px 5px 0px 0px;
    float: left;
}
.Features3 {
    border: 1px solid #b3afae;
    padding: 3px;
    border-radius: 5px;
    display: inline;
     margin: 0px 5px 5px 0px;
    float: left;
	 font-size: 13px!important;
	font-weight: bold;
}

.border_beige2{border: solid 1px #DCDCDC;}
.border_beige2_r{border-right: solid 1px #DCDCDC;}

.to_ribbon_button{
    display: inline-block;
    text-align: center;
    padding: 10px;
    background: #F29900;
    color: #ffffff;
    cursor: pointer;
    line-height: 1.5em;
    transition: .3s;
    font-size: 1.1em;
    border-radius: 8px;
    border: 2px solid #fd7e00;
    width: 100%;
}
.to_ribbon_button a{
    color: #ffffff;
}
.to_ribbon_button a:hover{
    color: #ffffff;
}
.to_ribbon_button a:visited{
    color: #ffffff;
}

h4.pink {
  border-bottom: 2px solid #f5404e;
	padding-bottom: 5px;
}
h4.yellow {
  border-bottom: 2px solid #f59e3f;
	padding-bottom: 5px;
}
	
h4.gray {
  border-bottom: 2px solid #8d8d8d;
	padding-bottom: 5px;
}	
.green_bg {
    padding: 15px;
    background-color: #b3ec9c;
}

.btn-flat-border {
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #72635e;
  border-radius: 3px;
  transition: .4s;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
}
.btn-flat-border:hover {
  background: #988a85;
  color: white;
}
.btn-flat-border_a {
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #72635e;
  border-radius: 3px;
  transition: .4s;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 0 5px;
}
.btn-flat-border_a:hover {
  background: #988a85;
  color: white;
}
.btn-flat-border_mini {
  display: inline-block;
  padding: 15px;
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #c60303;
  border-radius: 3px;
  transition: .4s;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}
.btn-flat-border_mini:hover {
  background: #999999;
  color: white;
}

.btn-flat-border_mini_pink {
     display: inline-block;
    padding: 10px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #FF655D;
    border-radius: 3px;
    transition: .4s;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}
.btn-flat-border_mini_pink:hover {
  background: #999999;
  color: white;
}


.btn-flat-border_mini_yellow {
     display: inline;
    padding: 15px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #f9cb11;
    border-radius: 3px;
    transition: .4s;
    font-weight: normal;
    text-align: center;
}
.btn-flat-border_mini_yellow:hover {
  background: #999999;
  color: white;
}

.btn-flat-border_mini_green {
    display: inline;
    padding: 5px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #3b8208;
    border-radius: 3px;
    transition: .4s;
    font-weight: normal;
    text-align: center;
}

.btn-flat-border_mini_blue {
    display: inline;
    padding: 5px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #0D7FA5;
    border-radius: 3px;
    transition: .4s;
    font-weight: normal;
    text-align: center;
}

.btn-flat-border_mini_pinkorange {
    display: inline;
    padding: 5px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #f22424;
    border-radius: 3px;
    transition: .4s;
    font-weight: normal;
    text-align: center;
}



.btn-flat-border_pink {
  	display: inline;
	padding: 2% 20%;
	text-decoration: none !important;
	color: #ffffff !important;
	background-color: #FF655D;
	border-radius: 3px;
	transition: .4s;
	font-size: 2rem;
	font-weight: normal;
	text-align: center;
}
.btn-flat-border_pink:hover {
  background: #FF918C;
  color: white;
}

.btn-flat-border_pink2 {
    display: inline;
    padding: 1.5% 20%;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #FF655D;
    border-radius: 3px;
    transition: .4s;
    font-size: 1.8rem;
    font-weight: normal;
    text-align: center;
}
.btn-flat-border_pink2:hover {
  background: #FF918C;
  color: white;
}


.btn-flat-border_red {
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #ac2812;
  border-radius: 3px;
  transition: .4s;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
}
.btn-flat-border_red:hover {
  background: #ac2812;
  color: white;
}

	.btn-flat-border_red2 {
    display: block;
    padding: 15px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #d00f0f;
    border-radius: 3px;
    transition: .4s;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}

.btn-flat-border_red3 {
    display: inline-block;
    padding: 18px 60px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #ac2812;
    border-radius: 12px;
    transition: .4s;
    font-size: 17px;
    font-weight: normal;
    text-align: center;
    box-shadow: 2px 2px 4px #d0cbcb;
}

	.btn-flat-border_broun {
    display: block;
    padding: 15px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #492603;
    border-radius: 3px;
    transition: .4s;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}


.btn-flat-border_navy {
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #083f82;
  border-radius: 3px;
  transition: .4s;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
}
.btn-flat-border_navy:hover {
  background: #083f82;
  color: white;
}
	.btn-flat-border_navy2 {
    display: block;
    padding: 10px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #0e6f91;
    border-radius: 3px;
    transition: .4s;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}

.btn-flat-border_navy3 {
     display: inline-block;
    padding: 18px 60px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #034c65;
    border-radius: 12px;
    transition: .4s;
    font-size: 17px;
    font-weight: normal;
    text-align: center;
    box-shadow: 2px 2px 4px #d0cbcb;
}

.btn-flat-border_beju {
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #b7ab86;
  border-radius: 3px;
  transition: .4s;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
}
.btn-flat-border_beju:hover {
  background: #b7ab86;
  color: white;
}
.btn-flat-border_beju2 {
    display: inline-block;
    padding: 18px 60px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #b7ab86;
    border-radius: 12px;
    transition: .4s;
    font-size: 17px;
    font-weight: normal;
    text-align: center;
    box-shadow: 2px 2px 4px #d0cbcb;
}


.btn-flat-border_purple {
  display: inline-block;
  padding: 10px 25px;
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #b01dc5;
  border-radius: 3px;
  transition: .4s;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
}
.btn-flat-border_purple:hover {
  background: #b01dc5;
  color: white;
}
.btn-flat-border_gray {
  display: inline-block;
  padding: 10px;
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #999999;
  border-radius: 3px;
  transition: .4s;
  font-weight: normal;
  text-align: center;
}
.btn-flat-border_gray:hover {
  background: #999999;
  color: white;
}
.btn-flat-border_gray2 {
  display: block;
  padding: 10px;
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #999999;
  border-radius: 3px;
  transition: .4s;
  font-weight: normal;
  text-align: center;
}
.btn-flat-border_gray2:hover {
  background: #999999;
  color: white;
}


a.btn_sm {
    max-width: 400px;
    display: inline-block;
    color: #795548;
    text-align: center;
    text-decoration: underline;
    box-sizing: border-box;
    position: relative;
    transition-duration: 0.3s;
}

a.btn_sm::after {
    right: -25px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #7b4836;
    border-width: 6px;
    margin-top: -6px;
    transform: scale(1, 0.65);
}

a.btn_sm:hover {
	opacity: 0.6;
}


.button-003 {
        display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 5px;
    border: none;
    background-color: #f6e8e8;
    color: #572c0d;
    font-weight: 600;
    font-size: 1em;
    border-radius: 5px;
}


.button-003:hover {
    background-color: #572c0d;
	color: #fff;
}


.DivLink{
    position:relative;
    width:100%;
    height:auto;
}

.DivLink .Link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.fk {
  position: relative;
  padding: .5em .75em;
  background-color: #fcb304;
  border-radius: 6px;
}
.fk::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #fcb304;
}

.fk_navy {
  position: relative;
  padding: 10px;
  background-color: #013e5d;
  border-radius: 6px;
}
.fk_navy::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #013e5d;
}


.fk_beige {
    position: relative;
    padding: .5em .75em;
    background-color: #f0ede7;
    border-radius: 6px;
    border: 1px solid #f0ede7;
    margin-top: 15px;
	margin-bottom: 5px;
    text-align: center;
}
.fk_beige::after {
    position: absolute;
    content: '';
    top: -25px;
    left: 50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 15px solid #f0ede7;
}

.fk_white {
    position: relative;
    padding: .5em .75em;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid #ffffff;
    margin-bottom: 10px;
    text-align: center;
}
.fk_white::after {
    position: absolute;
    content: '';
    bottom: -25px;
    left: 50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #ffffff;
}

.balloon1 {
    position: relative;
    display: inline-block;
    /* margin: 1.5em 0; */
    /* padding: 7px 10px; */
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #e0edff;
    border-radius: 15px;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 20px solid transparent;
  border-top: 20px solid #e0edff;
	margin-bottom: 10px;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}

.balloon2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #feedee;
  border-radius: 15px;
}

.balloon2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 20px solid transparent;
  border-top: 20px solid #feedee;
		margin-bottom: 10px;
}

.balloon2 p {
  margin: 0;
  padding: 0;
}


.fk_gray {
  position: relative;
  padding: .5em .75em;
  background-color: #b3afae;
  border-radius: 6px;
	border:1px solid #b3afae;
	color: #ffffff;
}
.fk_gray::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #b3afae;
}
.fk_red {
  position: relative;
  padding: .5em .75em;
  background-color: #c60303;
  border-radius: 6px;
	border:1px solid #c60303;
	color: #ffffff;
}
.fk_red::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #c60303;
}
.fk_blue {
  position: relative;
  padding: .5em .75em;
  background-color: #2ac7fc;
  border-radius: 6px;
	border:1px solid #2ac7fc;
	color: #ffffff;
}
.fk_blue::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #2ac7fc;
}
.fk_green {
  position: relative;
  padding: .5em .75em;
  background-color: #3b8208;
  border-radius: 6px;
	border:1px solid #3b8208;
	color: #ffffff;
}
.fk_green::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #3b8208;
}

.fk_yellow {
  position: relative;
  padding: .5em .75em;
  background-color: #f9cb11;
  border-radius: 6px;
	border:1px solid #f9cb11;
	color: #ffffff;
}
.fk_yellow::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f9cb11;
}
.fk_red2 {
    position: relative;
    padding: 5px 35px;
    background-color: #c60303;
    border-radius: 6px;
    border: 1px solid #c60303;
    color: #ffffff;
    display: inline-table;
}
.fk_red2::after {
    position: absolute;
    top: 100%;
    left: 45%;
    content: '';
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 10px solid #c60303;
}

/*自作カート上の吹き出し*/
.arrow_box_price{
    position:relative;
margin: 10 auto 0!important;
    width:100%;
    background:#FFFFFF;
    padding:10px;
    text-align:center;
   color:#574242;
    border:1px solid #72635e;
    font-size:14px;
    font-weight:normal;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.arrow_box_price:after,.arrow_box_price:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:52%;
}
.arrow_box_price:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:21px;
    border-bottom-width:21px;
    border-left-width:13px;
    border-right-width:13px;
    margin-left: -13px;
    border-top-color:#FFFFFF;
}
.arrow_box_price:before{
    border-color: rgba(185, 255, 143, 0);
    border-top-width:22px;
    border-bottom-width:22px;
    border-left-width:14px;
    border-right-width:14px;
    margin-left: -14px;
    margin-top: 1px;
    border-top-color:#72635e;

}
hr.style3 {
border-top: 1px dashed #e0e0e0;
}
hr.style4 {
    border-color: #e0e0e0;
}
/*フェイドイン*/
.fadein {
  opacity : 0;
  transform: translateY(10px);
  transition: all 1s;
}


/*カテゴリページで使うバーなど*/
h1.ttl-border {
  margin: 1.2em 0 2em;
  font-size: 18px;
  font-weight: bold;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #008f83;
  border-bottom: 1px solid #008f83;
  clear: both;
}
.itemtext16 {
  text-align: center;
  font-size: 17px;
  line-height: 1.8em;
  font-weight: bold;
  color: #666;
}


.ttl-border {
    margin: 1.2em 0 1em;
    font-size: 20px;
    font-weight: normal;
    padding: .25em 0 .5em .75em;
    border-left: 6px solid #574242;
    border-bottom: 1px solid #574242;
    clear: both;
}



table.sizetable td {
  border: solid 1px #dcdcdc;
  empty-cells: hide;
}

/* 文字の下線（水色）*/
.under2 {
	background: linear-gradient(transparent 50%, #a8eaff 50%);
	width: 70%;
	position: relative;
	left: 15%;
}

/* 各項目タイトル（グリーン＆グレーの下線） */
.eachtitle {
  color: #574242;
  position: relative;
  padding-top: 20px;
  padding-left: 10px;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
  margin-bottom: 20px;
  font-size: 1.1em;
  font-weight: bold;
}
.eachtitle::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 25%;
  height: 4px;
  background-color: #008f83;
}

/* タイトルバー（赤）*/
.umetitle {
    font-size: 17px;
    color: #666;
    font-weight: bold;
    padding: .25em 0 .5em .75em;
    border-left: 6px solid #E63531;
    border-bottom: 1px solid #E63531;
}

.hinme_ttl {
  padding: .5em .75em;
  margin-bottom: 1em;
  background-color: #F0EFEF;
  font-size: 18px;
  font-weight: bold;
}
.ttl1 {
  padding: .5em .75em;
  font-size: 18px;
}


.minittl {
    position: relative;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}
		.minittl::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
}
		.minittl span {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    background-color: #fff;
    text-align: left;
}

.btn-flat-border_blog {
    display: inline-block;
    padding: 20px 20px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #491b04;
    border-radius: 3px;
    transition: .4s;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
 width: 100%
}
.btn-flat-border_FB {
    display: inline-block;
    padding: 20px 20px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #083f82;
    border-radius: 3px;
    transition: .4s;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
 width: 100%
}

.btn-flat-border_tw {
    display: inline-block;
    padding: 20px 20px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #549cfd;
    border-radius: 3px;
    transition: .4s;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
 width: 100%
}

.btn-flat-border_youtube {
    display: inline-block;
    padding: 20px 20px;
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #ff0000;
    border-radius: 3px;
    transition: .4s;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
 width: 100%
}

.text-divider {
  display: flex;
  align-items: center;
  justify-content: center;
	margin-bottom: 10px;
}
.text-divider:before, .text-divider:after {
    border-top: 1px solid #979393;
    content: "";
    width: 20%;
}
.text-divider:before {
  margin-right: 10px; 
}
.text-divider:after {
  margin-left: 10px; 
}

.shadow{box-shadow: 0 1px 3px rgba(0,0,0,0.1);}


.undertext {
  padding-bottom: .5em;
  border-bottom: 1px solid #666;
	margin-bottom: 10px;
}
.undertext span {
    display: block;
    color: #666;
    font-size: .7em;
}

.undertext2 {
    padding: 7px;
    margin-bottom: 15px;
    background-color: #71634b;
    color: #fff!important;
    font-size: 16px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
.undertext2 span {
  display: block;
  margin-bottom: .2em;
  color: #aaa;
  font-size: .9em;
}

.undertext3 {
  padding-bottom: .5em;
  border-bottom: 1px solid #666;
	margin-bottom: 10px;
}

a.bt_more {
    position: relative;
    display: inline-block;
    background: #fff;
    color: #581c07;
    font-weight: bold;
    font-size: 95%;
    padding: 5px 24px 5px 10px;
    text-decoration: none;
    margin: 0 auto;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #581c07;
    text-align: center;
}

a.bt_more::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #7b4836;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more:hover {
box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	color: #581c07;
}

a.bt_more2 {
    position: relative;
    display: block;
    width: 450px;
    background: #fff;
    color: #392200;
    font-weight: bold;
    text-decoration: none;
    line-height: 40px;
    /* margin: 0 auto; */
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #392200;
    font-size: 15px;
    text-align: center;
	 letter-spacing: 1.8px;
}

a.bt_more2::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #392200;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more2:hover {
  background: #392200;
  color: white!important;
}


a.bt_more3 {
    position: relative;
    display: block;
    width:100%;
    background: #555;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    /* margin: 0 auto; */
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #581c07;
    font-size: 15px;
    text-align: center;
	 letter-spacing: 1.8px;
}

a.bt_more3::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more3:hover {
  background: #555;
  color: white!important;
}

a.bt_more4 {
    position: relative;
    display: block;
    background: #fff;
    color: #581c07;
    font-weight: normal;
    text-decoration: none;
    line-height: 40px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #581c07;
    font-size: 15px;
    text-align: center;
    letter-spacing: 1.8px;
	border-radius: 5px;
}

a.bt_more4::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #7b4836;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more4:hover {
  background: #988a85;
  color: white!important;
}

a.bt_more5 {
    position: relative;
    display: block;
    width: 98%;
    padding: 10px 20px 10px 5px;
    background: #fff;
    color: #581c07;
    font-weight: bold;
    text-decoration: none;
    margin: 0 auto;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #581c07;
    font-size: 14px;
    text-align: center;
	   letter-spacing: 1.8px;
}

a.bt_more5::before {
    right: 5px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #7b4836;
    border-width: 6px;
    margin-top: -6px;
    transform: scale(1.5, 0.85);
}
	
a.bt_more5:hover {
  background: #988a85;
  color: white!important;
}

a.bt_more6 {
	position: relative;
	display: block;
	background: #fff;
	color: #581c07;
	font-weight: bold;
	text-decoration: none;
	line-height: 50px;
	/* margin: 0 auto; */
	border-radius: 6px;
	box-sizing: border-box;
	border: 1px solid #581c07;
	font-size: 18px;
	text-align: center;
	 letter-spacing: 1.8px;
}

a.bt_more6::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #7b4836;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more6:hover {
  background: #988a85;
  color: white!important;
}

a.bt_more7 {
    position: relative;
    display: block;
    width:100%;
    background: #512a08;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    /* margin: 0 auto; */
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #512a08;
    font-size: 15px;
    text-align: center;
	 letter-spacing: 1.8px;
}

a.bt_more7::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more7:hover {
  background: #555;
  color: white!important;
}

a.bt_more8 {
    position: relative;
    display: block;
    width: 90%;
    background: #000000;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
    padding: 5px 20px 5px 5px;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #000000;
    text-align: center;
}

a.bt_more8::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more8:hover {
  background: #555;
  color: white!important;
}

a.bt_more8_2 {
    position: relative;
    display: block;
    width: 90%;
    background: #512a08;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
    padding: 5px 20px 5px 5px;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #512a08;
    text-align: center;
}

a.bt_more8_2::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more8_2:hover {
  background: #512a08;
  color: white!important;
}


a.bt_more9 {
    position: relative;
    display: block;
    width: 100%;
    background-color: #B40B01;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
    padding: 8px 20px 8px 8px;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #B40B01;
    text-align: center;
font-weight: bold;
}

a.bt_more9::before {
    right: 10px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fff;
    border-width: 4px 6px;
    margin-top: -3px;
    transform: translateY(0.1em) scale(1) rotate(90deg);
}
	
a.bt_more9:hover {
  color: white!important;
}

a.bt_more9_2 {
    position: relative;
    display: block;
    width: 100%;
    background-color: #B40B01;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
    padding: 11px 20px 11px 5px;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #B40B01;
    text-align: center;
font-weight: bold;
}

a.bt_more9_2::before {
    right: 10px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fff;
    border-width: 4px 6px;
    margin-top: -3px;
    transform: translateY(0.1em) scale(1) rotate(90deg);
}
	
a.bt_more9_2:hover {
  color: white!important;
}
a.bt_more9_3 {
    position: relative;
    display: block;
    width: 90%;
    background-color: #B40B01;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
    padding: 5px 20px 5px 8px;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #B40B01;
    text-align: center;
    font-weight: bold;
}

a.bt_more9_3::before {
    right: 10px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fff;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more9_3:hover {
  color: white!important;
}

	
a.bt_more10 {
    position: relative;
    display: block;
    width: 100%;
    background-color: #013e5d;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
    padding: 8px 20px 8px 8px;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #013e5d;
    text-align: center;
    font-weight: bold;
}

a.bt_more10::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more10:hover {
  color: white!important;
}	

a.bt_more11 {
    position: relative;
    display: block;
    width: 100%;
    color: #382600;
    text-decoration: none;
    margin: 0 auto;
    padding: 5px 20px 5px 5px;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #382600;
    text-align: center;
    font-weight: bold;
}

a.bt_more11::before {
    right: 10px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #382600;
    border-width: 4px 6px;
    margin-top: -3px;
    transform: translateY(0.1em) scale(1) rotate(90deg);
}
	
a.bt_more11:hover {
  color: #382600!important;
}

a.bt_more12 {
    position: relative;
    display: inline-block;
    width: auto;
    color: #000;
    padding: 0px 20px 0px 0px;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: center;
}
a.bt_more12::before {
    top: 50%;
    right: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #000;
    border-width: 6px;
    margin-top: -6px;
    transform: scale(1, 0.65);
}

a.bt_more12:hover {
  color: #000!important;
	    text-decoration: underline;
}

a.bt_more13 {
    position: relative;
    display: block;
    background: #fff;
    color: #581c07;
    font-weight: normal;
    text-decoration: none;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #581c07;
    text-align: center;
    letter-spacing: 1.5px;
}
a.bt_more13::before {
    right: 7px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #7b4836;
    border-width: 5px 8px;
    margin-top: -3px;
    transform: translateY(0.1em) scale(1) rotate(90deg);
}

a.bt_more13:hover {
  color: #581c07!important;
	    text-decoration: underline;
}

a.bt_more14 {
    position: relative;
    display: block;
    background: #fff;
    color: #581c07;
    font-weight: normal;
    text-decoration: none;
    line-height: 40px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #581c07;
    font-size: 15px;
    text-align: center;
    letter-spacing: 1.8px;
    border-radius: 5px;
    box-shadow: 0 3px 4px rgba(0,0,0,0.2);
}

a.bt_more14::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #7b4836;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more14:hover {
  background: #988a85;
  color: white!important;
}

a.bt_more15 {
    color: #fff;
    position: relative;
    display: inline-block;
    background: #581c07;
    font-weight: bold;
    line-height: 42px;
    height: auto;
    margin: 0 auto;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #581c07;
    font-size: 22px;
    text-align: center;
    padding: 10px 30px 10px 20px;
}

a.bt_more15::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #ffffff;
	border-width: 8px;
	margin-top: -8px;
	transform: scale(1, 0.65);
}
	
a.bt_more15:hover {
  background: #581c07;
  color: #fff!important;
}

a.bt_more16 {
    position: relative;
    display: inline-block;
    background: #fff;
    color: #581c07;
    font-weight: bold;
    text-decoration: none;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #581c07;
    padding: 5px 25px 5px 5px;
    letter-spacing: 1.8px;
}

a.bt_more16::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #7b4836;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
a.bt_more16:hover {
  background: #581c07;
  color: #fff!important;
}

a.bt_more17 {
    position: relative;
    display: inline-block;
    background: #fff!important;
    color: #581c07 !important;
    font-weight: bold;
    text-decoration: none!important;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #581c07;
    padding: 2px 20px 2px 10px;
    letter-spacing: 1.8px;
}

a.bt_more17::before {
    right: 7px;
    top: 37%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-top: 6px solid #452707;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    pointer-events: none;
}
	
a.bt_more17:hover {
    background: #fff!important;
    color: #581c07 !important;
}


a.bt_more_down {
    position: relative;
    display: block;
    width:100%;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    margin: 0 auto;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
	 letter-spacing: 1.8px;
}


a.bt_more18 {
    position: relative;
    display: block;
    background: #f7f7f7;
    color: #210901;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid #4b1b0a;
    text-align: center;
    letter-spacing: 1.8px;
    padding: 5px;
    border-radius: 5px;
}

a.bt_more18::before {
    right: 5px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #452114;
    border-width: 6px;
    margin-top: -6px;
    transform: scale(1, 0.65);
}
	
a.bt_more18:hover {
 background: #f7f7f7;
    color: #210901!important;
}


a.bt_more_down::before {
  right: 10px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fff;
    border-width: 4px 6px;
    margin-top: -3px;
    transform: translateY(0.1em) scale(1) rotate(90deg);
}
	
a.bt_more_down:hover {
  color: white!important;
}


a.bt_more_pink {
    position: relative;
    display: block;
    width:100%;
    background: #FF655D;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    /* margin: 0 auto; */
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
}

a.bt_more_pink::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more_pink:hover {
  background: #FF655D;
  color: white!important;
}

a.bt_more_blue {
    position: relative;
    display: block;
    width:100%;
    background: #2ac7fc;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    /* margin: 0 auto; */
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
}

a.bt_more_blue::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more_blue:hover {
  background: #2ac7fc;
  color: white!important;
}

a.bt_more_orange {
    position: relative;
    display: block;
    width:100%;
    background: #ff7f50;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    /* margin: 0 auto; */
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
}

a.bt_more_orange::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more_orange:hover {
  background: #ff7f50;
  color: white!important;
}

a.bt_more_silver {
    position: relative;
    display: block;
    width:100%;
    background: #9f9f9e;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    /* margin: 0 auto; */
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
}

a.bt_more_silver::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
	
a.bt_more_silver:hover {
  background: #9f9f9e;
  color: white!important;
}

.orange{display:inline-block; padding:10px 20px; background-color:#ff7f50; color:#fff; text-decoration:none; border-radius:5px; font-weight:bold;}
.orange::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}
span.marker_gray {
    background: linear-gradient(transparent 80%, #f7f7f7 90%);
	    padding-bottom: 5px;
}
span.marker_yellow {
    background: linear-gradient(transparent 80%, #ff6 90%);
	  padding-bottom: 5px;
}
span.marker_pink {
    background: linear-gradient(transparent 80%, #fce3e3 90%);
 padding-bottom: 5px;
}
span.marker_yellowgreen {
    background: linear-gradient(transparent 80%, #deffd4 90%);
	 padding-bottom: 5px;
}
span.marker_orange {
    background: linear-gradient(transparent 80%, #fff5d4 90%);
	padding-bottom: 5px;
}
span.marker_blue {
    background: linear-gradient(transparent 80%, #d4e9ff 90%);
	padding-bottom: 5px;
}
span.marker_red {
    background: linear-gradient(transparent 80%, #ff5758 90%);
	padding-bottom: 5px;
}

/* アコーディオン（季節ラッピングページで使用）*/
.accordion-pink {
    margin-bottom: 10px;
    border-bottom: solid 1px #666;
    padding: 10px 10px 10px;
    color: #666;
    background-color: #fde8e8;
}
.accordion-pink summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 5px;
    color: #666;
    font-weight: 600;
    cursor: pointer;
}
.accordion-pink summary::-webkit-details-marker {
    display: none;
}

.accordion-pink summary::before,
.accordion-pink summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #333;
    content: '';
}

.accordion-pink summary::before {
    position: absolute;
    right: 5px;
    rotate: 90deg;
}

.accordion-pink summary::after {
    transition: rotate .3s;
}

.accordion-pink[open] summary::after {
    rotate: 90deg;
}

.accordion-pink p {
    margin: 0;
    padding: 10px 15px 0px;
    color: #666;
    background-color: #fde8e8;
    transition: transform .5s, opacity .5s;
}
.accordion-pink[open] p {
    transform: none;
    opacity: 1;
}

.accordion-blue {
    margin-bottom: 10px;
    border-bottom: solid 1px #666;
    padding: 10px 10px 10px;
    color: #666;
    background-color: #e8f3fd;
}
.accordion-blue summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 5px;
    color: #666;
    font-weight: 600;
    cursor: pointer;
}

.accordion-blue summary::-webkit-details-marker {
    display: none;
}

.accordion-blue summary::before,
.accordion-blue summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #333;
    content: '';
}

.accordion-blue summary::before {
    position: absolute;
    right: 5px;
    rotate: 90deg;
}

.accordion-blue summary::after {
    transition: rotate .3s;
}

.accordion-blue[open] summary::after {
    rotate: 90deg;
}

.accordion-blue p {
    margin: 0;
    padding: 10px 5px 0px;
    color: #666;
    background-color: #e8f3fd;
    transition: transform .5s, opacity .5s;
}
.accordion-blue[open] p {
    transform: none;
    opacity: 1;
}

.accordion-orange {
    margin-bottom: 10px;
    border-bottom: solid 1px #666;
    padding: 10px 10px 10px;
    color: #666;
    background-color: #fdeacb;
}
.accordion-orange summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 5px;
    color: #666;
    font-weight: 600;
    cursor: pointer;
}

.accordion-orange summary::-webkit-details-marker {
    display: none;
}

.accordion-orange summary::before,
.accordion-orange summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #333;
    content: '';
}

.accordion-orange summary::before {
    position: absolute;
    right: 5px;
    rotate: 90deg;
}

.accordion-orange summary::after {
    transition: rotate .3s;
}

.accordion-orange[open] summary::after {
    rotate: 90deg;
}

.accordion-orange p {
    margin: 0;
    padding: 10px 5px 0px;
    color: #666;
    background-color: #fdeacb;
    transition: transform .5s, opacity .5s;
}
.accordion-orange[open] p {
    transform: none;
    opacity: 1;
}

.accordion-green {
    margin-bottom: 10px;
    border-bottom: solid 1px #666;
    padding: 10px 10px 10px;
    color: #666;
    background-color: #e0fdf0;
}
.accordion-green summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 5px;
    color: #666;
    font-weight: 600;
    cursor: pointer;
}

.accordion-green summary::-webkit-details-marker {
    display: none;
}

.accordion-green summary::before,
.accordion-green summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #333;
    content: '';
}

.accordion-green summary::before {
    position: absolute;
    right: 5px;
    rotate: 90deg;
}

.accordion-green summary::after {
    transition: rotate .3s;
}

.accordion-green[open] summary::after {
    rotate: 90deg;
}

.accordion-green p {
    margin: 0;
    padding: 10px 5px 0px;
    color: #666;
    background-color: #e0fdf0;
    transition: transform .5s, opacity .5s;
}
.accordion-green[open] p {
    transform: none;
    opacity: 1;
}



/* 赤下線に赤文字のタイトル */
.heading-016 {
    padding: 0 .4em .2em;
    border-bottom: 3px solid #c80202;
    background-color: #ffffff;
    color: #c80202;
    font-size: 120%;
    font-weight: normal;
}

/* 背景グレーの枠 */
.ribbon13-wrapper {
    display: block;
    position: relative;
    margin: 5px auto;
    padding: 10px 10px;
    width: 95%;
    background: #f1f1f1;
}

/* こちらのページも見られています */
.box-007 {
    max-width: 90%;
    border: 2px solid #008080;
    border-radius: 5px;
    color: #333333;
    float: right;
    padding: 0 10px 0 0;
}

.box-007 div {
    display: inline-flex;
    align-items: center;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #008080;
    font-weight: 600;
    vertical-align: top;
}

.box-007 svg {
    padding-right: 4px;
}

.box-007 p {
    margin: 0;
    padding: 0 1.5em 1em;
}
ul.f_link_inner {
    display: block;
    padding: 0;
}
.f_link_inner li {
    background: url(https://wrapping.itembox.design/item/images/footer/footer-middle-li-back.png?t=202210141332) right no-repeat;
    font-size: 85%;
    display: table-cell;
    padding: 12px;
    text-decoration: underline!important;
}
.f_link_inner a {
    text-decoration: underline;
    color: #555!important;
}

/* ツールチップ　アイコンをボタンっぽくしてホバーで吹き出しで説明が出る */
	.tooltip-002 {
    display: inline-block;
    position: relative;
}

.tooltip-002 > div {
    cursor: pointer;
}

.tooltip-002 > span {
    display: flex;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -150px;
    left: 50%;
    transform: translateX(-50%);
    padding: .5em 1em;
    border-radius: 3px;
    background-color: #ffffff;
    color: #555;
    font-size: 14px;
    transition: opacity .3s;
    width: 600px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.tooltip-002 > span::before {
    position: absolute;
    bottom: -8px;
    width: 25px;
    height: 10px;
    background-color: inherit;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.tooltip-002:hover > span {
    visibility: visible;
    opacity: 1;
}

/* 写真入りボタン */
.wrapper_layout_1wk,
.wrapper_layout_2wk,
.wrapper_layout_3wk,
.wrapper_layout_4wk,
.wrapper_layout_5wk,
.wrapper_layout_6wk
 {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 50px 28px;
    width: 100%;
}
.wrapper_layout_1wk dl {width: 99%;margin: 0 auto;}
.wrapper_layout_2wk dl {width: 48%;margin: 0 auto;}
.wrapper_layout_3wk dl {width: 31%;margin: 0 auto;}
.wrapper_layout_4wk dl {width: 23%;margin: 0 auto;}
.wrapper_layout_5wk dl {width: 18%;margin: 0 auto;}
.wrapper_layout_6wk dl {width: 14%;margin: 0 auto;}

.bgcolor_1 dt a .img_bd {
    border: 1px solid #eaeaea;
}
.one-index .img_bd {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #f7f7f7;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
}
.one-index .content_thumbnail {
    width: 72px !important;
    height: 76px !important;
    object-fit: cover;
    opacity: 1 !important;
}
.one-index .index-name {
    padding: 5px 5px 5px 10px;
    color: #333;
    font-weight: bold;
    width: 100%;
}
.img_bd {
    position: relative;
}

 /* 続きを見る */
.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-btn {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 148px;
    margin: 0 auto -30px;
    padding: .5em 0;
    /* border-radius: 2px; */
    /* background: #009e8f; */
    /* color: #fff; */
    font-size: 1.3rem;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    /* box-shadow: 0 0 3px rgba(0,0,0,.3); */
}
.grad-btn::after {
    line-height: 3rem;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    width: 18rem;
    font-family: FontAwesome;
    content: '\f13a'' 続きを見る';
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    color: #ffffff;
    border-radius: 5px;
    background-color: #6a3d06;
    font-size: 95%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.grad-btn:hover {
  background: #fff;
  color: #009e8f;
}
.grad-btn .fa {
  margin-right: .5em;
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 180px;
}
.grad-item p + p {
  margin-top: 1em;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px; /*グラデーションで隠す範囲*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger {
  display: none;
}
.grad-trigger:checked ~ .grad-btn {
  bottom: -2em;
}
.grad-trigger:checked ~ .grad-btn::after {
  content: "閉じる"
}
.grad-trigger:checked ~ .grad-btn .fa {
  transform: rotate(180deg);
}
.grad-trigger:checked ~ .grad-item {
  height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
  display: none;
}	


.grad-wrap2 {
  position: relative;
}
.grad-wrap2 + .grad-wrap2 {
  margin-top: 40px;
}
.grad-btn2 {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 148px;
    margin: 0 auto -30px;
    padding: .5em 0;
    /* border-radius: 2px; */
    /* background: #009e8f; */
    /* color: #fff; */
    font-size: 1.3rem;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    /* box-shadow: 0 0 3px rgba(0,0,0,.3); */
}
.grad-btn2::after {
    line-height: 3rem;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    width: 18rem;
    font-family: FontAwesome;
    content: '\f13a'' 続きを見る';
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    color: #ffffff;
    border-radius: 5px;
    background-color: #6a3d06;
    font-size: 95%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.grad-btn2:hover {
  background: #fff;
  color: #009e8f;
}
.grad-btn2 .fa {
  margin-right: .5em;
}
.grad-item2 {
  position: relative;
  overflow: hidden;
  height: 180px;
}
.grad-item2 p + p {
  margin-top: 1em;
}
.grad-item2::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px; /*グラデーションで隠す範囲*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger2 {
  display: none;
}
.grad-trigger2:checked ~ .grad-btn2 {
  bottom: -2em;
}
.grad-trigger2:checked ~ .grad-btn2::after {
  content: "閉じる"
}
.grad-trigger2:checked ~ .grad-btn2 .fa {
  transform: rotate(180deg);
}
.grad-trigger2:checked ~ .grad-item2 {
  height: auto;
}
.grad-trigger2:checked ~ .grad-item2::before {
  display: none;
}	

.orbtn {
    background: #ffd567 url(https://wrapping.itembox.design/item/css/icon_arrow.png) 10px 50% no-repeat;
    padding: 10px 20px 10px 34px;
    margin: 5px 10px;
    color: #333!important;
    text-decoration: none!important;
    border-radius: 10px;
    font-weight: bold;
    letter-spacing: 0.03em;
    display: inline-block;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}


/* 名入れページのよく使うリンク */
.a-txt {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #333;
    vertical-align: middle;
    text-decoration: underline;
}
.a-txt::before {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: -3px;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #0299ed;
    transform: translate(0, -50%);
}
.a-txt::after {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    content: "";
    vertical-align: middle;
    left: 3px;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 4px solid transparent;
    border-left: 6px solid #fff;
    transform: translate(0, -50%);
}
.a-txt2 {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #333;
    vertical-align: middle;
    text-decoration: underline;
}
.a-txt2::before {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: -3px;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #0299ed;
    transform: translate(0, -50%);
}
.a-txt2::after {
    position: absolute;
    top: 60%;
    bottom: 0;
    content: "";
    vertical-align: middle;
    left: 0px;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 6px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
    transform: translate(0, -50%);
}
/* ヘッダーなど説明用リンク */
.b-txt {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: underline!important;
}
.b-txt::before {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: -3px;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #818283;
    transform: translate(0, -50%);
}
.b-txt::after {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    content: "";
    vertical-align: middle;
    left: 3px;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 4px solid transparent;
    border-left: 6px solid #fff;
    transform: translate(0, -50%);
}
.b-txt2 {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: underline;
}
.b-txt2::before {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: -3px;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #818283;
    transform: translate(0, -50%);
}
.b-txt2::after {
    position: absolute;
    top: 60%;
    bottom: 0;
    content: "";
    vertical-align: middle;
    left: 0px;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 6px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
    transform: translate(0, -50%);
}

/* クエスチョンマークリンク */
.q-txt {
    vertical-align: middle;
    font-size: 95%;
    background: url(https://wrapping.itembox.design/item/images/question.webp) left no-repeat;
    display: table-cell;
    padding: 0px 0px 0px 25px;
    text-decoration: underline!important;
}


.entrybody strong {
    background: rgba(192,162,117,.1);
    border-left: 7px solid #CEB793;
    padding: 12px 15px;
}

.entrybody {
    margin: 10px 0 20px 0;
    padding: 0;
    line-height: 180%;
    letter-spacing: 1px;
    color: #444;
    display: grid;
}


/* アコーディオンボックス(メルマガアーカイブページで使用) */
.accordion-002 {
    border: 2px solid #d5090e;
    border-radius: 5px;
    width: 96.8%;
    margin: 0 auto 10px;
}
.accordion-002 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0.5em 2em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20style%3D%22fill%3A%23d5090e%3B%22%2F%3E%0A%3C%2Fsvg%3E');
    background-position: right calc(2em - 7px) center;
    background-size: 22px;
    background-repeat: no-repeat;
    color: #d5090e;
    font-weight: 600;
    cursor: pointer;
}

.accordion-002 summary::-webkit-details-marker {
    display: none;
}

.accordion-002 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 5px;
    height: 5px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-002[open] summary::after {
    transform: rotate(225deg);
}

.accordion-002 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-002[open] p {
    transform: none;
    opacity: 1;
}

/* 左に画像ボタン*/
a.season_btn_link_orange {display: flex;justify-content: left;align-items: center;text-align: center;
text-decoration: none;width: 100%;height: 100px;padding: 5px 18px 5px 3px;background-color: #ffffff;
border: 1px solid #f59813;border-radius: 10px;box-sizing: border-box;position: relative;transition-duration: 0.3s;}
a.season_btn_link_orange::after{right: 5px;top: 50%;border: solid transparent;content: " ";
height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);
border-left-color: #f59813;border-width: 10px;margin-top: -6px;transform: scale(1, 0.65);}	
a.season_btn_link_orange span {font-size: 17px;font-weight: bold;line-height: 1.5;text-align: center;margin-left: auto; margin-right: auto;}
a.season_btn_link_orange span span {display: block;font-size: 16px;text-align: center;}
a.season_btn_link_orange:hover {color: #ffffff;background-color: #f59813;}

a.season_btn_link_red {
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding: 5px 18px 5px 3px;
    border: 1px solid #a81b04;
    border-radius: 5px;
    box-sizing: border-box;
    position: relative;
    transition-duration: 0.3s;
}
a.season_btn_link_red::after{right: 5px;top: 50%;border: solid transparent;content: " ";
height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);
border-left-color: #8f0202;border-width: 10px;margin-top: -6px;transform: scale(1, 0.65);}	
a.season_btn_link_red span {font-size: 16px;font-weight: normal;line-height:normal;text-align: center;margin-left: auto; margin-right: auto;}
a.season_btn_link_red span span {display: block;font-size: 16px;text-align: center;}
a.season_btn_link_red:hover {color: #ffffff;background-color: #a81b04;}

a.season_btn_link_pink {display: flex;justify-content: left;align-items: center;text-align: center;
text-decoration: none;width: 100%;height: 80px;padding: 5px 18px 5px 3px;background-color: #ffffff;
border: 1px solid #f16868;border-radius: 10px;box-sizing: border-box;position: relative;transition-duration: 0.3s;}
a.season_btn_link_pink::after{right: 5px;top: 50%;border: solid transparent;content: " ";
height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);
border-left-color: #f16868;border-width: 10px;margin-top: -6px;transform: scale(1, 0.65);}	
a.season_btn_link_pink span {font-size: 17px;font-weight: bold;line-height: 1.5;text-align: center;margin-left: auto; margin-right: auto;}
a.season_btn_link_pink span span {display: block;font-size: 16px;text-align: center;}
a.season_btn_link_pink:hover {color: #ffffff;background-color: #f16868;}

a.season_btn_link_blue {display: flex;justify-content: left;align-items: center;text-align: center;
text-decoration: none;width: 100%;height: 80px;padding: 5px 18px 5px 3px;background-color: #ffffff;
border: 1px solid #0449a8;border-radius: 10px;box-sizing: border-box;position: relative;transition-duration: 0.3s;}
a.season_btn_link_blue::after{right: 5px;top: 50%;border: solid transparent;content: " ";
height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);
border-left-color: #0449a8;border-width: 10px;margin-top: -6px;transform: scale(1, 0.65);}	
a.season_btn_link_blue span {font-size: 17px;font-weight: bold;line-height: 1.5;text-align: center;margin-left: auto; margin-right: auto;}
a.season_btn_link_blue span span {display: block;font-size: 16px;text-align: center;}
a.season_btn_link_blue:hover {color: #ffffff;background-color: #0449a8;}

a.season_btn_link_brown {display: flex;justify-content: left;align-items: center;text-align: center;
text-decoration: none;width: 100%;height: 80px;padding: 5px 18px 5px 3px;background-color: #ffffff;
border: 1px solid #3f2803;border-radius: 10px;box-sizing: border-box;position: relative;transition-duration: 0.3s;}
a.season_btn_link_brown::after{right: 5px;top: 50%;border: solid transparent;content: " ";
height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);
border-left-color: #3f2803;;border-width: 10px;margin-top: -6px;transform: scale(1, 0.65);}	
a.season_btn_link_brown span {font-size: 17px;font-weight: bold;line-height: 1.5;text-align: center;margin-left: auto; margin-right: auto;}
a.season_btn_link_brown span span {display: block;font-size: 16px;text-align: center;}
a.season_btn_link_brown:hover {color: #ffffff;background-color: #3f2803;}

a.season_btn_link_brown2 {display: flex;justify-content: left;align-items: center;text-align: center;
text-decoration: none;width: 100%;height: 80px;padding: 5px 18px 5px 3px;background-color: #ffffff;
border: 1px solid #3f2803;border-radius: 10px;box-sizing: border-box;position: relative;transition-duration: 0.3s;}
a.season_btn_link_brown2::after{right: 5px;top: 50%;border: solid transparent;content: " ";
height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);
border-left-color: #3f2803;border-width: 10px;margin-top: -6px;transform: scale(1, 0.65);}	
a.season_btn_link_brown2 span {font-size: 17px;font-weight: normal;line-height: 1.5;text-align: center;margin-left: auto; margin-right: auto;}
a.season_btn_link_brown2 span span {display: block;font-size: 16px;text-align: center;}
a.season_btn_link_brown2:hover {color: #ffffff;background-color: #3f2803;}

.button_b {
    display: table;
    background-color: #b32801;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
        .button_b:hover {
            background-color: #b32801;
			color: white;
        }
.button_b:visited{
            background-color: #b32801;
			color: white;
        }

/* 別ページで開く */
.fas_link_anothertab {
    text-decoration: underline;
}
.fas_link_anothertab:before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 400;
	content: '\f24d';
	margin-right: 5px;
}


.fas_link_anothertab2 {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: underline;
    font-size: 95%;
}
.fas_link_anothertab2::before {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: -3px;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #818283;
    transform: translate(0, -50%);
}
.fas_link_anothertab2::after{
  position: absolute;
    top: 60%;
    bottom: 0;
    content: "";
    vertical-align: middle;
    left: 0px;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 6px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
    transform: translate(0, -50%);
}