@charset "UTF-8";

@import url("footer.css") print;
@import url("default_print.css?rev=221223") print;
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700;900&family=Zen+Maru+Gothic:wght@400;700;900&family=Zen+Old+Mincho:wght@400;700&display=swap');



body{
  font-family: Arial, "Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

}
h2{
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
h3{
  margin-top: 0.8em;
  margin-bottom: 0.4em;
}
textarea ,input,select{
  font-family: Arial, "Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
/* print */
.p_only{display:none;}

/* disp */
.disp_inline{display: inline-block;}
.disp_block{display: block;}

.dnone{display:none;}
.dnonei{display:none !important;}

/* def */
.w100{width:100%;height:auto;}
.w080{width:80%;height:auto;}
.w070{width:70%;height:auto;}
.w060{width:60%;height:auto;}
.w618{width:61.8%;height:auto;}
.w050{width:50%;height:auto;}
.w049{width:49%;height:auto;}
.w040{width:40%;height:auto;}
.w382{width:38.2%;height:auto;}
.w033{width:33%;height:auto;}
.w032{width:32%;height:auto;}
.w030{width:30%;height:auto;}
.w024{width:24%;height:auto;}
.w025{width:25%;height:auto;}
.w020{width:20%;height:auto;}

.img_080 img{width: 80%;}
.img_060 img{width: 60%;}
.img_050 img{width: 50%;}
.img_040 img{width: 40%;}
.img_030 img{width: 30%;}

.theme_col_bk{background-color: #21adde;}
.clear{  clear: both;}
.caution{  color: #fc1e1e;}

.margin_zero{margin:0;}
.margin_auto{margin:0 auto;}
.margin_05{margin:0.5em;}
.margin_b05{margin-bottom: 0.5em;}
.margin_b10{margin-bottom: 1em;}
.margin_t10{margin-top: 1em;}
.margin_r05{margin-right: 0.5em;}
.margin_l05{margin-left: 0.5em;}
.padding_zero{  padding: 0;}
.padding_03{  padding: 0.3em;}
.padding_05{  padding: 0.5em; box-sizing: border-box;}
.padding_10{  padding-left: 1em;}
.padding_1{  padding: 1em;}
.padding_lr_10{  padding-left: 1em; padding-right:1em;}
.padding_lr_20{  padding-left: 2em; padding-right:2em;}

.relative{  position: relative;}
.absolute{ position: absolute;}

.float_left{float: left;}
.float_right{float: right;}

.center{
  align-items: center;
  align-items: center;
  align-self: center;
}

.vertical_center{  display: flex;    justify-content: center;    flex-direction: column;}

/* font  , text*/
.mincho{  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.gothic{  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}

.zen_gothic{ font-family:  "Zen Kaku Gothic New";}
.zen_mincho{ font-family: "Zen Old Mincho";}
.zen_maru{ font-family: "Zen Maru Gothic", sans-serif;}

.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.normal{font-weight:normal;}
.bold{font-weight: bold;}
.bolder{font-weight: bolder;}
.italic{font-style: italic;}

.small,small,.small p{font-size: small;}
.smaller,.smaller p,smaller{font-size: x-small; line-height: 1.1em;}
.xsmall,.xsmall p{font-size: x-small; line-height: 1.1em;}

.medium,.medium p{font-size: medium;}
.large,p.large{font-size: large;}
.xlarge,p.xlarge{    font-size:  x-large;}
.xxlarge,p.xxlarge{    font-size: xx-large;}

.largei,p.largei{font-size: large !important;}
.xlargei,p.xlargei{    font-size:  x-large !important;}
.xxlargei,p.xxlargei{    font-size: xx-large !important;}


/* color */
.black{color: black;}
.white{color: white;}
.brown{color: brown;}
.gray{color: gray;}
.red{color:red;}
.blue{color:blue;}
.dblue{color:darkblue;}
.dgreen{color:darkgreen;}

.radius_05{border-radius: 0.5rem;}
.radius_10{border-radius: 1rem;}

.visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;

  clip:rect(1px,1px,1px,1px);
  clip-path: inset(50%);

  white-space:nowrap;
}

.link_gray,.link_gray:link,.link_gray:visited{color: gray;}
.link_black,.link_black:link,.link_black:visited{color: #333333;}

.text_center{text-align: center;}
.text_right{text-align: right;}
.text_left{text-align: left;}
.align_right{  text-align: right;}

.text_through,.text_torikeshi{text-decoration: line-through;}

.box_shadow{
  box-sizing: border-box;;
  box-shadow: 1px 1px 5px gray;
}
/* list */
.list_none{list-style: none;}

.list_inline{list-style: none;}
.list_inline li{  border-radius: 0.3em;
  background-color: #eef;  padding: 0.3em 1em;
  display: inline-block;  margin: 3px;
}
/* div layouts  */

.float_parent_left:nth-child(n){        float: left;  }
.flex_parent_center{        display:flex;  justify-content: space-around; flex-wrap:wrap; -js-display: flex;   }
.flex_parent{        display:flex;     -js-display: flex;   }
.flex_parent_left{        display:flex;  flex-wrap:wrap; -js-display: flex;   }
.flex_wrap{flex-wrap: wrap;}
.flex_between{justify-content: space-between;}
.half_div{  width: 100%;  overflow-y:hidden;}
.half_div::after{  content: "";  clear: both;}
.half_div > div{  float: left;  width: 49%; margin-left:0.5%; margin-right:0.5%;  box-sizing: border-box;}

.floatbox{
  box-sizing: border-box;;
  margin: 1em;
  padding: 1em;
  box-shadow: 2px 2px 5px gray;
}

.line {
    box-sizing: border-box;
    clear: both;
    width: auto;
    height: 1px;
    margin-bottom: 1em;
    background-color: #e6e5de;
}

/* design */
.border{  border:1px solid #6c6b6b;}
.border_red{  border:1px solid red;}

.border_bottom_gray{  border-bottom:1px solid #6c6b6b;}

.circle{ display: block; border-radius: 50%; height: 4em;width: 4em; text-align: center; padding: 0.5em;}

/* ie */
.fixtable{table-layout: fixed;}
.mainmenus_t{margin:0 auto; text-align:center;}

/* hov_opacity */
.hov_opacity{
    opacity: 1;
}
.hov_opacity:hover{
  opacity: 0.7;
}

.hov_zoom{
  transition: all 0.7s ;
  transform: scale(1);
}
.hov_zoom:hover{
  transform: scale(1.1);
}
/* screen reader*/
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/*   sub menu setting*/
#sub_menu ul {

    display:  flex;
    padding:  0;
  -js-display: flex;
}


#sub_menu li {
    flex:  auto;
    list-style:  none;
    text-align:  center;
    padding:  0.5em;
}
#sub_menu_ul a {
    display: block;
    text-decoration: none;
    font-size: medium;
}


.horizontal_menu ul {
    display:  flex;
    padding:  0;
  -js-display: flex;
}


.horizontal_menu li {
    flex:  auto;
    list-style:  none;
    text-align:  center;
    padding:  0.5em;
}
.horizontal_menu a {
    display: block;
    text-decoration: none;
    font-size: medium;
}


.color_g_bttom_blue{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #0f4d73);
  background-image: -moz-linear-gradient(top, #3498db, #0f4d73);
  background-image: -ms-linear-gradient(top, #3498db, #0f4d73);
  background-image: -o-linear-gradient(top, #3498db, #0f4d73);
  background-image: linear-gradient(to bottom, #3498db, #0f4d73);
  color: #ffffff;
}
.color_g_bttom_blue a{
  color: #ffffff;
}
.color_g_bttom_blue:hover{
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #1f5d83);
  background-image: -moz-linear-gradient(top, #3cb0fd, #1f5d83);
  background-image: -ms-linear-gradient(top, #3cb0fd, #1f5d83);
  background-image: -o-linear-gradient(top, #3cb0fd, #1f5d83);
  background-image: linear-gradient(to bottom, #3cb0fd, #1f5d83);
}

.color_g_bttom_dblue{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #7d7dff, #040486);
  background-image: -moz-linear-gradient(top, #7d7dff, #040486);
  background-image: -ms-linear-gradient(top, #7d7dff, #040486);
  background-image: -o-linear-gradient(top, #7d7dff, #040486);
  background-image: linear-gradient(to bottom, #7d7dff, #040486)
  color: #ffffff;
}
.color_g_bttom_dblue a{
  color: #ffffff;
}
.color_g_bttom_dblue:hover{
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #7d7dff, #3434a6);
  background-image: -moz-linear-gradient(top, #7d7dff, #3434a6);
  background-image: -ms-linear-gradient(top, #7d7dff, #3434a6);
  background-image: -o-linear-gradient(top, #7d7dff, #3434a6);
  background-image: linear-gradient(to bottom, #7d7dff, #3434a6);
}


.color_g_bttom_green{
  background: #55d934;
  background-image: -webkit-linear-gradient(top, #55d934, #107327);
  background-image: -moz-linear-gradient(top, #55d934, #107327);
  background-image: -ms-linear-gradient(top, #55d934, #107327);
  background-image: -o-linear-gradient(top, #55d934, #107327);
  background-image: linear-gradient(to bottom, #55d934, #107327);
  color: #ffffff;
}
.color_g_bttom_green a{
  color: #ffffff;
}
.color_g_bttom_green:hover{
  background: #55d934;
  background-image: -webkit-linear-gradient(top, #65eA44, #208337);
  background-image: -moz-linear-gradient(top, #65eA44, #208337);
  background-image: -ms-linear-gradient(top, #65eA44, #208337);
  background-image: -o-linear-gradient(top, #65eA44, #208337);
  background-image: linear-gradient(to bottom, #65eA44, #208337);
  color: #ffffff;
}



.color_g_bttom_gray{
  background: #cccccc;
  background-image: -webkit-linear-gradient(top, #cccccc, #303030);
  background-image: -moz-linear-gradient(top, #cccccc, #303030);
  background-image: -ms-linear-gradient(top, #cccccc, #303030);
  background-image: -o-linear-gradient(top, #cccccc, #303030);
  background-image: linear-gradient(to bottom, #cccccc, #303030);
  color: #ffffff;
}

.color_g_bttom_gray a{
  color: #ffffff;
}
.color_g_bttom_gray:hover{
  background: #cccccc;
  background-image: -webkit-linear-gradient(top, #dddddd, #404040);
  background-image: -moz-linear-gradient(top, #dddddd, #404040);
  background-image: -ms-linear-gradient(top, #dddddd, #404040);
  background-image: -o-linear-gradient(top, #dddddd, #404040);
  background-image: linear-gradient(to bottom, #dddddd, #404040);
  color: #ffffff;
}



.color_g_bttom_orange{
  background: #f7810c;
  background-image: -webkit-linear-gradient(top, #f7810c, #914c07);
  background-image: -moz-linear-gradient(top, #f7810c, #914c07);
  background-image: -ms-linear-gradient(top, #f7810c, #914c07);
  background-image: -o-linear-gradient(top, #f7810c, #914c07);
  background-image: linear-gradient(to bottom, #f7810c, #914c07);
  color: #ffffff;
}
.color_g_bttom_orange a{
  color: #ffffff;
}
.color_g_bttom_orange:hover{
  background: #f79b40;
  background-image: -webkit-linear-gradient(top, #f79b40, #bf772f);
  background-image: -moz-linear-gradient(top, #f79b40, #bf772f);
  background-image: -ms-linear-gradient(top, #f79b40, #bf772f);
  background-image: -o-linear-gradient(top, #f79b40, #bf772f);
  background-image: linear-gradient(to bottom, #f79b40, #bf772f);
}
.color_g_bttom_red{
  background: #ff7d7d;
  background-image: -webkit-linear-gradient(top, #ff7d7d, #860404);
  background-image: -moz-linear-gradient(top, #ff7d7d, #860404);
  background-image: -ms-linear-gradient(top, #ff7d7d, #860404);
  background-image: -o-linear-gradient(top, #ff7d7d, #860404);
  background-image: linear-gradient(to bottom, #ff7d7d, #860404);
  color: #ffffff;
}
.color_g_bttom_red a{
  color: #ffffff;
}
.color_g_bttom_red:hover{
  background: #860404;
  background-image: -webkit-linear-gradient(top, #ff7d7d, #a63434);
  background-image: -moz-linear-gradient(top, #ff7d7d, #a63434);
  background-image: -ms-linear-gradient(top, #ff7d7d, #a63434);
  background-image: -o-linear-gradient(top, #ff7d7d, #a63434);
  background-image: linear-gradient(to bottom, #ff7d7d, #a63434);
}

.color_g_bttom_purple{
  background: #340486;
  background-image: -webkit-linear-gradient(top, #601ed0, #340486);
  background-image: -moz-linear-gradient(top, #601ed0, #340486);
  background-image: -ms-linear-gradient(top, #601ed0, #340486);
  background-image: -o-linear-gradient(top, #601ed0, #340486);
  background-image: linear-gradient(to bottom, #601ed0, #340486);
}
.color_g_bttom_purple a{
  color: #ffffff;
}
.color_g_bttom_purple:hover{
  background: #340486;
  background-image: -webkit-linear-gradient(top, #601ed0, #5424a6);
  background-image: -moz-linear-gradient(top, #601ed0, #5424a6);
  background-image: -ms-linear-gradient(top, #601ed0, #5424a6);
  background-image: -o-linear-gradient(top, #601ed0, #5424a6);
  background-image: linear-gradient(to bottom, #601ed0, #5424a6);
}

/*  */


.topi_yellow{
  /* margin: 0.5em 0.2em 0.2em 1em; */
  padding: 0.3em;
  border-left: 7px solid #F6CA06;
  border-bottom: 1px double #F6CA06;
  font-size: 1.2em;
  font-weight: bold;
}
.topi_blue{
  /* margin: 0.5em 0.2em 0.2em 1em; */
  padding: 0.3em;
  border-left: 7px solid #2c61b7;
  border-bottom: 1px double #2c61b7;
  font-size: 1.2em;
  font-weight: bold;
}
.topi_orange{
  /* margin: 0.5em 0.2em 0.2em 1em; */
  padding: 0.3em;
  border-left: 7px solid #ed621c;
  border-bottom: 1px double #ed621c;
  font-size: 1.2em;
  font-weight: bold;
}

.topi_red{
  /* margin: 0.5em 0.2em 0.2em 1em; */
  padding: 0.3em;
  border-left: 7px solid #b90000;
  border-bottom: 1px double #b90000;
  font-size: 1.2em;
  font-weight: bold;
}

.topi_bluewhite{
  border-bottom: 2px solid #96c2ff;
  border-left: 7px solid #96c2ff;
  padding: 0.3em;
  margin-top: 0.5em;
}

.topi_green {
  border-bottom: 2px solid #89eb87;
  border-left: 7px solid #89eb87;
  padding: 0.3em;
  margin-top: 0.5em;
}

.topi_gray{
  border-bottom: 2px solid #666666;
  border-left: 7px solid #666666;
  padding: 0.3em;
  margin-top: 0.5em;
}

.topi_purple{
  border-bottom: 2px solid #9B59B6;
  border-left: 7px solid #9B59B6;
  padding: 0.3em;
  margin-top: 0.5em;
}

.topi_dark_purple{
  border-bottom: 2px solid #763568;
  border-left: 7px solid #763568;
  padding: 0.3em;
  margin-top: 0.5em;
}


/*  */
.topi_bar{
  padding: 0.3em;
}

.topi_bar_wgray{
   background: #aaaaaa;
    background-image: linear-gradient(to right, #abaaaa, #ffffff);
}


.topi_bar_gray{
    background: #eeeeee;
    background-image: linear-gradient(to bottom, #eeeeee, #999999);
}

.topi_bar_pink{
  background: #ff87a4;
  background-image: linear-gradient(to bottom, #ff87a4, #dF67A3);
  color: black;
}
.topi_bar_red{
  background: #ff7d7d;
  background-image: linear-gradient(to bottom, #ff7d7d, #860404);
  color: white;
}

.topi_bar_purple{
  background: #a300e8;
  background-image: linear-gradient(to bottom, #a300e8, #4b0096);
  color: white;
}


.topi_bar_blue{
  background: #7d7dff;
  background-image: linear-gradient(to bottom, #7d7dff, #040486);
  color: white;
}
.topi_bar_dblue{
  background: #1616aa;
  background-image: linear-gradient(to bottom, #1616aa, #040486);
  color: white;
}

.topi_bar_green{
  background: #6fdc7a;
background-image: linear-gradient(to bottom, #6fdc7a, #0c8604);
color: white;
}

.topi_dark_purple{
    background: #9B59B6;
  background-image: linear-gradient(to bottom, #9B59B6, #76418c);
  color: white;
}

.topi_bar_orange{
  background: #ff7200;
  background-image: linear-gradient(to bottom, #ff7200, #bc5400);
  color: white;
}

.topi_bar_brown{
  background: #5c3100;
  background-image: linear-gradient(to bottom, #5c3100, #855620);
  color: white;
}

.topi_bar_yellow{
  background: #ffe700;
  background-image: linear-gradient(to bottom, #ffcd30, #ffe700);
  color: black;
}

/*  */


.button_blue{
  padding:0.5em 3em 0.5em 3em;
  font-weight: bolder;
  font-size: large;
  border-radius: 0.2em;
  background: #3498db;
  text-decoration: none;
  background-image: -webkit-linear-gradient(top, #3498db, #0f4d73);
  background-image: -moz-linear-gradient(top, #3498db, #0f4d73);
  background-image: -ms-linear-gradient(top, #3498db, #0f4d73);
  background-image: -o-linear-gradient(top, #3498db, #0f4d73);
  background-image: linear-gradient(to bottom, #3498db, #0f4d73);
  color: #ffffff;
}
.button_blue:hover{
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #1f5d83);
  background-image: -moz-linear-gradient(top, #3cb0fd, #1f5d83);
  background-image: -ms-linear-gradient(top, #3cb0fd, #1f5d83);
  background-image: -o-linear-gradient(top, #3cb0fd, #1f5d83);
  background-image: linear-gradient(to bottom, #3cb0fd, #1f5d83);
}
a.button_blue {
    text-decoration:  none;
    color:  white;
}

.button_green{
  padding:0.5em 3em 0.5em 3em;
  font-weight: bolder;
  font-size: large;
  border-radius: 0.2em;
  text-decoration: none;
    background: #55d934;
    background-image: -webkit-linear-gradient(top, #55d934, #107327);
    background-image: -moz-linear-gradient(top, #55d934, #107327);
    background-image: -ms-linear-gradient(top, #55d934, #107327);
    background-image: -o-linear-gradient(top, #55d934, #107327);
    background-image: linear-gradient(to bottom, #55d934, #107327);
  color: #ffffff;
}
.button_green:hover{
  background: #55d934;
  background-image: -webkit-linear-gradient(top, #65eA44, #208337);
  background-image: -moz-linear-gradient(top, #65eA44, #208337);
  background-image: -ms-linear-gradient(top, #65eA44, #208337);
  background-image: -o-linear-gradient(top, #65eA44, #208337);
  background-image: linear-gradient(to bottom, #65eA44, #208337);
}
a.button_green {
    text-decoration:  none;
    color:  white;
}



.button_orange{
  padding:0.5em 3em 0.5em 3em;
  font-weight: bolder;
  font-size: large;
  border-radius: 0.2em;
  background: #3498db;
  text-decoration: none;
  background: #f7810c;
  background-image: -webkit-linear-gradient(top, #f7810c, #914c07);
  background-image: -moz-linear-gradient(top, #f7810c, #914c07);
  background-image: -ms-linear-gradient(top, #f7810c, #914c07);
  background-image: -o-linear-gradient(top, #f7810c, #914c07);
  background-image: linear-gradient(to bottom, #f7810c, #914c07);
  color: #ffffff;
}
.button_orange a{
  color: #ffffff;
}
.button_orange:hover{
  background: #f79b40;
  background-image: -webkit-linear-gradient(top, #f79b40, #bf772f);
  background-image: -moz-linear-gradient(top, #f79b40, #bf772f);
  background-image: -ms-linear-gradient(top, #f79b40, #bf772f);
  background-image: -o-linear-gradient(top, #f79b40, #bf772f);
  background-image: linear-gradient(to bottom, #f79b40, #bf772f);
}


/* underline */

.underline{
  border-bottom: 1px solid #666666;
}
.underline_01,.underline_purple{
  border-bottom: 3px solid #311B92;
}
.underline_02{
  border-bottom: 3px solid #1A237E;
}
.underline_03,.underline_blue{
  border-bottom: 3px solid #0D47A1;
}
.underline_04{
  border-bottom: 3px solid #01579B;
}
.underline_05{
  border-bottom: 3px solid #006064;
}
.underline_06{
  border-bottom: 3px solid #004D40;
}
.underline_07{
  border-bottom: 3px solid #1B5E20;
}
.underline_08,.underline_green{
  border-bottom: 3px solid #33691E;
}
.underline_09{
  border-bottom: 3px solid #827717;
}
.underline_10,.underline_orange{
  border-bottom: 3px solid #F57F17;
}
.underline_11{
  border-bottom: 3px solid #E65100;
}
.underline_12,.underline_red{
  border-bottom: 3px solid #BF360C;
}


/**material design color**/

.mcolor_01{
  color:#311B92;
}
.mcolor_02{
  color:#1A237E;
}
.mcolor_03{
  color:#0D47A1;
}
.mcolor_04{
  color:#01579B;
}
.mcolor_05{
  color:#006064;
}
.mcolor_06{
  color:#004D40;
}
.mcolor_07{
  color:#1B5E20;
}
.mcolor_08{
  color:#33691E;
}
.mcolor_09{
  color:#827717;
}
.mcolor_10{
  color:#F57F17;
}
.mcolor_11{
  color:#E65100;
}
.mcolor_12{
  color:#BF360C;
}



.border_table{      border-collapse: collapse;    }
.border_table td{      border: solid 1px #333333;    }


.fullwidth{
  max-width: 100%;
  margin: 0 auto;
}

.fullwidth .content {
    max-width: 1920px;
    margin: 0 auto;
}

.fullwidth .box_content {
  max-width: 1024px;
    margin: 0 auto;
}
.box_content{
  max-width: 1024px;
  margin: 0 auto;
}

.box_content .content {
    max-width: 1024px;
    margin: 0 auto;
}

.box_content a img:hover {
    transform: scale(1.1);
    transition: all 0.3s;
    filter: brightness(0.8);
}
/* price list table use div */
.price_list ul{
  padding: 0.5em; margin: 0 auto;
  list-style: none;
}
.price_list li{
  display: flex;
  justify-content: space-between;
    border: 1px solid whitesmoke;

}
.price_list li:nth-child(2n){
  background-color: #EEEEEE;
}
.price_list div{
  flex:1;
  text-align: center;
}
.soldout {
    text-decoration-line: line-through;
    position: relative;
    color:red;
}

/* soldout  */
.soldout:before {
    content: "Sold Out";
    position:absolute;
    font-size: 0.6em;
    color: red;
    padding: 0.1em 0.2em;
    margin: 0.1em;
    box-sizing:border-box;
    border: 1px solid;
    border-radius: 0.2em;
}
@media only screen and (max-width: 767px) {
  /* .soldout:before { display: none;  } */
}

#float_inquiry{  position: fixed;  right:0;  bottom:5em;  z-index: 100;}



.card {
  display: flex;    box-sizing: border-box;    box-shadow: black 2px 2px 5px;    margin-top: 5px;    flex-grow: 0 !important;    margin-right: 1%;
}
.card h3{
  padding:0;margin-top: 0;    font-weight:700;
  font-family: 'M PLUS 1p', sans-serif;
}
.card h3:before {
    content: "";
}
.card_left {
  padding:0.5em;    box-sizing: border-box;
  flex:62;    display: flex;
  justify-content: space-between;    flex-direction: column;
}
.card_right {
  flex:38;    position: relative;
}
.card_image {
  object-fit: cover;    object-position: center;
  width: 100%;    height: 100%;    position: absolute;
}


.arrow_block_right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: #bed2e4;
    clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100% ,0 100%);
}


@media print {
  /* 221223 */
  .chartjs-size-monitor{
      display:none;
  }
}

/* material icons */
.material-icons{vertical-align: middle;}

/*
<div class="diamond">
  <span>テーマ</span>
</div>
<div class="circle">
  <span>Point</span>
</div>
*/
/* 菱形 (外枠) */
.diamond {
  width: 100px;
  height: 100px;
  background: #e74c3c;
  transform: rotate(45deg); /* 四角を菱形に回転 */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px;
}

/* 中の文字を水平に戻す */
.diamond span {
  transform: rotate(-45deg); /* テキストだけ逆回転 */
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}


/* 円形 (二重枠つき) */
.circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #e60012; /* 赤色 */
  border: 6px solid #fff; /* 外枠の白 */
  box-shadow: 0 0 0 3px #e60012; /* 外側にもう一重の赤枠 */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px;
}

.circle span {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
}

/* 3つ円形並びのリスト */
.list_circle_3{
  display:flex;
  justify-content:center;
  gap:clamp(6px,2vw,24px);
  padding:0;
  margin:24px 0;
  list-style:none;
}

.list_circle_3 li{
  width:clamp(100px,28vw,260px);
  aspect-ratio:1;
  border-radius:50%;
  box-sizing:border-box;
  padding:clamp(6px,2vw,24px);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.2;
  font-weight:bold;
  font-size:clamp(11px,3.2vw,20px);
  letter-spacing:-0.03em;
  overflow:visible;
}
.list_circle_bg_pink li{ background:#f8e4ec; }
.list_circle_bg_blue li{ background:#e7f3ff; }
.list_circle_bg_green li{ background:#e8f6ec; }
.list_circle_bg_yellow li{ background:#fff3d8; }
.list_circle_bg_purple li{ background:#f0e8ff; }
.list_circle_bg_mint li{ background:#e6f7f6; }
.list_circle_bg_orange li{ background:#fff0e6; }
.list_circle_bg_gray li{ background:#eef0f4; }
.list_circle_bg_beige li{ background:#f5f0e8; }
.list_circle_bg_red li{ background:#ff9f9f; }
.list_circle_bg_dred li{ background:#ff9f9f; }
.list_circle_bg_sred li{ background:#971010; color:white; }

@media (max-width:480px){
  .list_circle_3{
    gap:4px;
  }

  .list_circle_3 li{
    width:31vw;
    padding:4px;
    font-size:clamp(10px,3.6vw,15px);
  }
}
/*  */
.box_line {
    position:relative;
    padding: 1rem;
    text-align: center;
    box-shadow: 0px 0px 3px gray;
    border-radius: 1.5rem;
    margin-bottom: 0.5rem;
    overflow:hidden;
}

.box_line:before{
    content:"";
    display:block;
    position:absolute;
    border:1px solid gray;
    top :0.5rem;
    right :0.5rem;
    width: calc( 100% - 1rem );
    height: calc( 100% - 1rem );
    border-radius: 1.2rem;
}