@charset "utf-8";
/* CSS Document */

body {
    font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  }
.maintext {
font-size: 18px;
      font-weight: 400;
	  letter-spacing: 2px;
      text-align: left;
      margin: 30px 10px 0 0;
	  line-height:1.3;
}

 /**/#contents section {
width: 100%;
margin: 0 ;
}
section.sc_sp {
display: block;
 /* padding-top: 70px;*/
 /* margin-top: -70px;*/
}


 .text-over1{ 
     font-weight: 300;
    overflow: hidden;
/**  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical; /****/
 /** -webkit-line-clamp: 1;	 1行以上表示しない **/}
  
  .text-over2{ 
    overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;	/** 2行以上表示しない **/}


/** ▼ 1列 ▼ **/
.prod_line1 {	
	width: 100%;
	margin: 0 5px 0;
	text-align: left;		}

/** ▼ 2列 ▼ **/
.prod_line2 {	
	width: calc(50% - 10px);	
	margin: 5px 5px 5px 5px;
	text-align: left;		}

/** ▼ 3列 ▼ **/
.prod_line3 {	
	width: calc(33.333% - 10px);	/*横幅（33％-margin5px×2）*/
	margin: 5px;
	text-align: left;		}

    
.ca_name {

font-size: 16px;
      font-weight: 400;
      text-align: left;
	  letter-spacing: -1px;
      margin: 5px 5px 5px 10px;
	  line-height:1.8;

    
}    

div.list ul, ol {
  background: #EEEEEE;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  border: solid 0px #F4B2BA;/*線の種類 太さ 色*/
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}

div.list ul li, ol li {
  list-style-type: auto;
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
  /*list-style-type:circle; 黒ポチ消します*/
  text-align: left;
  margin-bottom: 0.5rem;
    font:
    1rem 'Fira Sans',
    sans-serif;
      color: #282f60;   
    }
   

    
   ol ol {
  list-style-type: 1; /* A、B、Cに */
  padding-left: 1.5rem; /* 左側の余白を調整 */
  color: #282f60; /* テキストをグレーに */
} 
    
    
    
.abouttxtr {

    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0px;
    text-align: right;
    margin: 0px 10px 0 0;
    line-height:1.8;
}    



table{
  table-layout:fixed;
}

.bc_miru {
    font-size: 14px;
    width: 480px;
    padding: 0.5em 3em;
    line-height:30px;
    border: thin solid #666666;
    border-radius: 30px;
    margin-top: 30px;
    background-color: #FDF0F1;
}


.bc_mirusp {
    font-size: 11px;
    text-align:center;
    width: 90%;
    height: 30px;
    line-height:30px;
    border: thin solid #666666;
    margin: 10px auto 0;
    border-radius: 20px;
    background-color: #FDF0F1;
}
h2{      text-align: center; }    
h3{      text-align: left;
font-weight:bold;/*太字*/
    }

    


/** ▼ ランキング等、商品を並べるためのcss======================== ▼ **/
.prod_wrapper {
	display: flex;  /** 並列に並べる **/
	flex-wrap: wrap;  /** 折り返し許可 **/
	justify-content: center;
	margin: 0px 0px 2rem;}

  .prod_wrapper img{    width:100%;
  border: none;}
  
  .prod_wrapper h3{
	margin: 0px;
	font-weight: 700;}
    
  .prod_wrapper p{    
margin: 0 0 1rem;
line-height: normal;
}
 .text-over1{ 
     font-weight: 300;
    overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;	/** 1行以上表示させない **/}
  
  .text-over2{ 
    overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;	/** 2行以上表示させない **/}


/** ▼ 1列 ▼ **/
.prod_line1 {	
	width: 100%;
	margin: 0 5px 0;
	text-align: left;		}

/** ▼ 2列 ▼ **/
.prod_line2 {	
	width: calc(50% - 10px);	/*横幅（50％-margin5px×2）*/
	margin: 0 5px 0;
	text-align: left;		}

/** ▼ 3列 ▼ **/
.prod_line3 {	
	width: calc(33.333% - 10px);	/*横幅（33％-margin5px×2）*/
	margin: 0 5px 0;
	text-align: left;		}
/** ▲ /.ランキング等、商品を並べるためのcss ▲ **/
  
/** ▼ 詳しくはこちら ボタン ▼======================== **/
  .btn {	/** buttonタグのブラウザ標準スタイルをリセット **/
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  
  display: block;
  margin: 0 auto;
}
  
  a.btn-blu:hover {opacity:0.6} 
/** ▲ /.詳しくはこちら ボタン ▲ **/

.mb3{margin-bottom: 3rem;}

    
@media screen and (min-width: 650px) {  /** PC用 **/
    
.ca_name {
      font-size: 16px;
  	  line-height:1.8;
      font-weight: 400;
      text-align: left;
	  letter-spacing: -1px;
      margin: 5px 5px 5px 10px;
    margin-bottom: 5em;
}
 .kounyu {
        max-width: 500px;
        margin: 0px auto 20px;
    }
 .kounyu3 {

     width: 80%;
        margin: 10px auto 15px;  
     margin-bottom: 2rem;
} 

    
a.btn-pink {
    color: #333;  /** 文字の色 **/
  font-size: 14px;
    background-color: #FDF0F1;  /** 背景の色 **/
  border: solid 1px #333;
  padding: 0.8rem 4rem;
  border-radius: 25px;
}   
a.btn_buk {
	font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    display: flex;
    /**/ justify-content: center; 
    align-items: center;
    width: 100%;
    height: 25px;
    position: relative;
    background: #bcbcbc;
    border: 1px solid #bcbcbc;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 0px 0 0 5px;
   /*margin: 0 20px 0px 20px;*/
    color: #fff;
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-align: left;
    text-decoration: none;
    transition-duration: 0.3s;
}
a.btn_buk:before {
    content: '';
    width: 5px;
    height: 5px;
    border: 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 35%;
    right: 8px;
    FONT-VARIANT: JIS78;
}
a.btn_buk:hover {
  background: #fff;
  color: #666666;
}
a.btn_buk:hover:before {
  border-top: 2px solid #666666;
  border-right: 2px solid #666666;
} 
	
    }
    


@media screen and (min-width : 480px ){ /** PC用 **/ 
/* ▼メニューバーの装飾 */
	
	li{list-style-type: none!important;
	}
ol.ddmenu {
padding: 10px 10px 0px 30px;
background-color: #EEEEEE;
margin-bottom: 1.5rem !important;
}
ol.ddmenu li {
 width: 250px; 
 position: relative; 
 background-color: #EEEEEE;
 padding: 0px 0px 0px 20px;
}
ol.ddmenu a {
 background-color: #EEEEEE; 
 color: #3B91D6;
 line-height: 40px;
 text-align: left;
 text-decoration: none;
 font-weight: 300;
 display: block;
}
ol.ddmenu a:hover {
 background-color: #DBDBDB;
 color: #FFFFFF;
}
ul.ddmenu ul {
 display: none;
}
ol.ddmenu ul {
 display: none; 
 margin: 0px; 
 padding: 0px; 
 position:relative ;
}
ol.ddmenu li:hover > ul {
 display: block;
}
/* メニュードロップダウンここまで */
a:visited {
    text-decoration: none;
    color: #3B91D6;
}
    

    
/* アンカーリンクスムース */
html{
  scroll-behavior: smooth;
}
:target {
  scroll-margin-top: 80px;
}
/* アンカーリンクスムースここまで */


ol li {
margin-left: 2rem;
margin-right: 1rem;
list-style-type: auto;
line-height: 1.2;
padding: 0.5em 0;
text-align: left;
 color: #333; 
}
.section {
padding-top: 60px;
margin-top:-60px;
}
.t-over1{
 font-size:0.8rem;
 font-weight: 200;
overflow: hidden;
 display: -webkit-box;
 text-overflow: ellipsis;
 -webkit-box-orient: vertical;
/** -webkit-line-clamp: 1;　 1行以上表示させない **/
    }
.price{
 font-size: 0.9rem;
 font-weight: 300;
 /**/ color: #000; 
 font-size: 0.8rem;
}
div.list ul, ol {
    font-size: 1.2rem;
    /* background: #EEEEEE; */
    padding: 1rem 1.5rem 1rem 3rem;
    text-align: left;
    font: 1rem;
}
.abouttxtr {

        text-align: right;
        /* margin: 0px 10px 0 0; */
        line-height: 1.8;
}
.back_con{
background-color: #EFECEA;
 width: 100%;
 text-align: center;
} 
.bar_h1 {
font-weight: 550!important;
font-size: 1.8rem!important;
color: #282f60!important;
text-align: center;
margin: 2rem 1rem 0rem 1rem;
    }
.maintext1{
font-size: 1.2rem;
font-weight: 300;
letter-spacing: 0.08rem;
text-align: left;
/*padding-bottom: 3rem;*/
line-height: 2.2rem;
margin: 0rem 3rem 2rem 3rem;
}
.bar_title {
font-weight: 800;
font-size: 2.2rem;
color: #282f60;
text-align: center;
border-bottom: solid 2px #282f60;
margin-block-end: 0.2em;
line-height: 3rem;
}
	.menu_title {
font-weight: 800;
font-size: 2.2rem;
color: #282f60;
text-align: center;
margin-block-end: 0.2em;
line-height: 3rem;
}
.bar_h2{ 
text-align: center;
font-size: 1.2rem!important;
margin: 0rem 0rem 1.5rem 0rem;
font-weight: 550;
color: #282f60;
}
.bar_title2 { 
color: #282f60;
text-align: left;
font-weight: bold;
border-bottom: solid 2px #282f60;
padding: 5px;
font-size: 1.8rem!important;
margin-bottom: 1.2rem ;
    margin-top: 2rem;
} 
.ca_namem0 {
font-size: 16px;
font-weight: 400;
text-align: left;
letter-spacing: -1px;
margin: 5px 5px 5px 10px;
line-height: 1.8;
}
h3.title3{ 
font-size: 1.5rem;
border-left: 7px solid #282f60;
color: #282f60;
text-align: left;
font-weight: bold;
padding: 10px 10px 5px 15px;
line-height: 1.9rem;
    margin-top: 2rem;
 }
 h4 {
font-size: 1.5rem;
text-align: left;
font-weight: bold;
color: #282f60;
padding-left: 10px;
margin-bottom: 15px;
         margin-top: 2rem;
} 
a.btn_buk {
display: flex;
justify-content: center;
align-items: center;
height: 5rem;
position: relative;
background: #999999;
border: 1px solid #999999;
border-radius: 50px;
box-sizing: border-box;
margin: 1rem 8rem;
color: #fff !important;
font-size: 1.2rem;
/*letter-spacing: 0.1em;*/
line-height: 1.6rem;
text-align: center;
transition-duration: 0.3s;
	width: 70%;
}
a.btn_buk:before {
width: 5px;
height: 5px;
border: 0;
border-top: 1px solid #fff;
border-right: 1px solid #333;
transform: rotate(45deg);
position: absolute;
top: 35%;
right: 8px;
color: #999999; 
}
a.btn_buk:hover {
 background: #EEEEEE;
 color: #666666;
}
a.btn_buk:hover:before {
 border-top: 2px solid #666666;
 border-right: 2px solid #666666;
}
.kounyu3 {

width: 100%;
margin-bottom: 100px;
} 
 .kounyu {
 max-width: 500px;
 margin: 0px auto 20px;
}
.link {
font-weight: 300;

font-size: 0.7rem;
} 
.box27 {
 position: relative;
 margin: 3rem 0;
 padding: 1.1em 1em;
 border: solid 2px #282f60;
}
.box27 .box-title {
position: absolute;
display: inline-block;
top: -32px;
left: 1rem;
padding: 10px 20px 10px 20px;
height: 25px;
line-height: 25px;
font-size: 1.2rem;
background: #282f60;
color: #ffffff;
font-weight: bold;
}
.box27 p {
margin: 0; 
}
section.sc_sp {
display: block;
margin-top: 70px;
 } 
    .list{
margin: 1.8rem 0rem 1.8rem 0rem;    }
        
  .toha_main{
        margin-right: 2rem;
        margin-left: 2rem;
    }
	.toha_menu {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
        margin: 0 auto;

    }
}
.toha_menu h3{
	margin: auto;
	margin-top: 20px;
	}
	.toha_menu > li {
    font-size: 14px;
    flex: 1 1 25%;
    border: 1px solid #282f60;
color:#282f60;
    padding: 0;
    margin: 4px;
    text-align: center;
    position: relative;
    vertical-align: middle;
}
	.toha_menu > li > a {
      display: block;
    width: 100%;
    height: 100%;
    padding: 16px 4px;
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
position: relative;
}

	.youto a{ 
		padding: 5px;
	}
	
    
    }

















@media screen and (max-width : 479px ){ /** スマホ用 **/ 

  

/* ▼メニューバーの装飾 */
ol.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   background-color: #EEEEEE; /* バーの背景色(濃い赤色) */
}

/* ▼メインメニュー項目の装飾 */
ol.ddmenu li {
   width: 250px;           /* メニュー項目の横幅(125px) */
   display:inherit;  /* ★1:横並びに配置する */
   list-style-type: 1;  /*★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}
ol.ddmenu a {
   background-color: #EEEEEE; /* メニュー項目の背景色(濃い赤色) */
   color: #3B91D6;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: left;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: 300;         /* 太字にする */
   display: block;            /* ★4:項目内全域をリンク可能にする */
}
ol.ddmenu a:hover {
   background-color: #DBDBDB; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #FFFFFF;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}
/* ▼サブメニューは、とりあえず非表示にしておく */
ul.ddmenu ul {
   display: none;         /* ★5:非表示にする */
}
/* ▼サブメニューの装飾 */
    ol.ddmenu ul {
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */
}
/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ol.ddmenu li:hover ul {
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
}
    /* メニュードロップダウンここまで */
    
    
    
      ol li {
    margin-left: 2rem;
            margin-right: 1rem;
    list-style-type: auto;
    line-height: 1.2;
    padding: 0.5em 0;
    text-align: left;
    /* margin-bottom: 0.5rem; */
    /*font: 1rem 'Fira Sans', sans-serif;*/
       color: #282f60;     
}


    .text-over1{
        font-size:0.8rem;
     font-weight: 200;
    overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;	/** 1行以上表示させない **/}
    
   .price{
        font-size: 0.9rem;
        font-weight: 300;
        /**/ color: #000; 
        font-size: 0.8rem;
    }
    
    .abouttxtr{margin: 0px 0px 0 0;}
    
    .back_con{
    background-color: #EFECEA;
        width: 100%;
        text-align: center;
    } 
    .bar_h1{
        font-weight: 500;
        font-size: 1.2rem;
        color: black;
        text-align: center;
      /*border-bottom: solid 2px black;*/
       margin-block-end: 0.2em;
        
    }
    
    .maintext1{
        font-size: 0.8rem;
        font-weight: 300;
        letter-spacing: 0.05rem;
        text-align: left;
        padding-bottom: 2rem;
        line-height: 1.5rem;
        margin: 8px 8px 8px 15px;
    }
    
    .bar_title {
  /*線の種類（実線） 太さ 色*/
  
        font-weight: 500;
        font-size: 1.5rem;
        color: black;
        text-align: center;
        border-bottom: solid 2px black;
        margin-block-end: 0.2em;
  
}
.bar_h2{        text-align: center;
        font-size: 1rem;
        margin-top: 0;
        font-weight: 400;
    }     
    
    
.bar_title2 {  
    color: #282f60;
    text-align: left;
    font-weight: bold;
    border-bottom: solid 2px #282f60;
    padding: 5px;
    font-size: 1.2rem;
    }
    
 .ca_name {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    text-align: left;
    letter-spacing: -1px;
    margin: 5px 5px 5px 10px;
    margin-bottom: 1rem;
}

    .ca_namem0 {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    letter-spacing: -1px;
    margin: 5px 5px 5px 10px;
    line-height: 1.8;
}
      h3.title3{ 
   font-size: 1.1rem;
   border-left: 7px solid #282f60;
    color: #282f60;
    text-align: left;
    font-weight: bold;      
    /*border-block-end: solid 1px;*/
    padding:5px 5px 0px 10px;
           }
    
    h4 {
        font-size: 1.1rem;
        text-align: left;
        font-weight: bold;
        color: #282f60;
        padding-left: 10px;
        margin-bottom: 0px;
    }
    
         
  
    
a.btn-pink {
    color: #333;  /** 文字の色 **/
  font-size: 11px;
    background-color: #FDF0F1;  /** 背景の色 **/
  border: solid 1px #333;
  padding: 0.5rem 1rem;
  border-radius: 25px;
} 

    a.btn_buk {
        /* font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; */
        display: flex;
        justify-content: center;
        align-items: center;
        /* width: 70%; */
        height: 3rem;
        position: relative;
        background: #bcbcbc;
        border: 1px solid #bcbcbc;
        border-radius: 30px;
        box-sizing: border-box;
        /* padding: 0px 0 0 5px; */
        margin: -0.5rem 3rem;
        color: #fff !important;
        font-size: 12px;
        letter-spacing: 0.1em;
        line-height: 1.1rem;
        text-align: center;
        text-decoration: none;
        transition-duration: 0.3s;
    }
    a.btn_buk:before {
    content: '';
    width: 5px;
    height: 5px;
    border: 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    position: absolute;
    top: 35%;
    right: 8px;
    color: #bcbcbc; 
    FONT-VARIANT: JIS78;
}
a.btn_buk:hover {
  background: #EEEEEE;;
  color: #666666;
}
a.btn_buk:hover:before {
  border-top: 2px solid #666666;
  border-right: 2px solid #666666;
} 
  
.kounyu3 {
        width: 100%;
       
     /* margin: 10px auto 15px;*/  
     margin-bottom: 3rem;
} 
   
 .kounyu {
        max-width: 500px;
        margin: 0px auto 20px;
}

    
  .link {
    color: #555 !important;
    font-weight: 300;
      font-size: 0.7rem;
}  


    .box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #282f60;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 28px;
    line-height: 25px;
    font-size: 17px;
    background: #282f60;
    color: #ffffff;
    font-weight: bold;
    /*border-radius: 5px 5px 0 0;*/
}
.box27 p {
    margin: 0; 
    padding: 0;
}
    }


@media screen and (max-width : 479px ){ /** スマホ用 **/ 
/* ▼メニューバーの装飾 */

ol.ddmenu {
 padding: 1rem 0.5em 1em 2em; 
 background-color: #EEEEEE; 
}
ol.ddmenu li {
 width: 250px; 
 position: relative; 
 background-color: #EEEEEE;
 padding: 0px 0px 0px 20px;
}
ol.ddmenu a {
 background-color: #EEEEEE; 
 color: #3B91D6;
 line-height: 40px;
 text-align: left;
 text-decoration: none;
 font-weight: 400;
 display: block;
}
ol.ddmenu a:hover {
 background-color: #DBDBDB;
 color: #FFFFFF;
}
ul.ddmenu ul {
 display: none;
}
ol.ddmenu ul {
 display: none; 
 margin: 0px; 
 padding: 0px; 
 position:relative ;
}
ol.ddmenu li:hover > ul {
 display: block;
}
/* メニュードロップダウンここまで */

/* アンカーリンクスムース */
html{
  scroll-behavior: smooth;
}
:target {
  scroll-margin-top: 80px;
}
/* アンカーリンクスムースここまで */

ol li {
margin-left: 2.5rem;
margin-right: 1rem;
list-style-type: auto;
line-height: 1.2;
padding: 0.5em 0;
text-align: left;
 color: #333; 
font-size: 1rem;
}
.section {
padding-top: 60px;
margin-top:-60px;
}
.text-over1{
 font-size:0.8rem;
 font-weight: 400;
overflow: hidden;
 display: -webkit-box;
 text-overflow: ellipsis;
 -webkit-box-orient: vertical;
/* -webkit-line-clamp: 1;　 1行以上表示させない **/
    }
.price{
 font-size: 0.9rem;
 font-weight: 400;
 /**/ color: #000; 
 font-size: 0.8rem;
}
.abouttxtr{margin: 0px 0px 0 0;}
.back_con{
background-color: #EFECEA;
 width: 100%;
 text-align: center;
} 
.bar_h1{
 font-weight: 500;
 font-size: 1.2rem;
 color: #282f60;
 text-align: center;
 margin-block-end: 0.2em;
 }
.maintext1{
 font-size: 0.8rem;
 font-weight: 300;
 letter-spacing: 0.05rem;
 text-align: left;
/* padding-bottom: 2rem;*/
 line-height: 1.5rem;
 margin: 8px 8px 8px 15px;
}
.bar_title {
 font-weight: 550;
 font-size: 1.5rem;
 color: #282f60;
 text-align: center;
 border-bottom: solid 2px #282f60;
 margin-block-end: 0.2em;
}
	
.menu_title {
font-weight: 550;
font-size: 1.5rem;
color: #282f60;
text-align: center;
margin-block-end: 0.2em;
line-height: 3rem;
}
	
.bar_h2{ text-align: center;
 font-size: 1rem;
 margin-top: 0;
 font-weight: 550;
color: #282f60;
}
.bar_title2 { 
color: #282f60;
text-align: left;
font-weight: bold;
border-bottom: solid 2px #282f60;
padding: 5px;
font-size: 1.2rem;
} 
.ca_namem0 {
font-size: 16px;
/**/font-weight: 400;
text-align: left;
}
h3.title3{ 
font-size: 1.1rem;
border-left: 7px solid #282f60;
color: #282f60;
text-align: left;
font-weight: bold;
padding:5px 5px 0px 10px;
 }
 h4 {
 font-size: 1.1rem;
 text-align: left;
 font-weight: bold;
 color: #282f60;
 padding-left: 10px;
 margin-bottom: 0px;
} 
a.btn_buk {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 3rem;
 position: relative;
 background: #888888;
 border: 1px solid #888888;
 border-radius: 30px;
 box-sizing: border-box;
 margin: -0.5rem 3rem;
 color: #fff !important;
 font-size: 12px;
 /*letter-spacing: 0.1em;*/
 line-height: 1.1rem;
 text-align: center;
 text-decoration: none;
 transition-duration: 0.3s;
}
a.btn_buk:before {
width: 5px;
height: 5px;
border: 0;
border-top: 1px solid #fff;
border-right: 1px solid #333;
transform: rotate(45deg);
position: absolute;
top: 35%;
right: 8px;
color: #999999; 
}
a.btn_buk:hover {
 background: #EEEEEE;;
 color: #666666;
}
a.btn_buk:hover:before {
 border-top: 2px solid #666666;
 border-right: 2px solid #666666;
}
.kounyu3 {
 width: 100%;
 /* margin: 10px auto 15px;*/ 
margin-bottom: 2.5rem;
margin-top: -2rem;
} 
 .kounyu {
 max-width: 500px;
 margin: 0px auto 20px;
}
.link {
font-weight: 300;
font-size: 0.7rem;
} 
.box27 {
 position: relative;
 margin: 3rem 0;
 padding: 1.1em 1em;
 border: solid 1px #282f60;
}
.box27 .box-title {
 position: absolute;
 display: inline-block;
 top: -32px;
 left: 1rem;
 padding: 7px 15px 7px 15px;
 height: 25px;
 line-height: 25px;
 font-size: 1rem;
 background: #282f60;
 color: #ffffff;
 font-weight: bold;
}
.box27 p {
margin: 0; 
}
section.sc_sp {
display: block;
}
  .toha_main{
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }
	.toha_menu {
    width: 100%;
    display: flex
;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;

}
	.toha_menu > li {
    font-size: 14px;
    flex: 1 1 25%;
    border: 1px solid #282f60;
color:#282f60;
    margin: 4px;
    text-align: center;
    position: relative;
    vertical-align: middle;
}
	.toha_menu > li > a {
      display: block;
    width: 100%;
    height: 100%;
    padding: 16px 4px;
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
}

 summary {
    display: block;
    padding: 16px 4px;
    position: relative;
} 

   summary:before {
content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #282f60 transparent;

} 
 #contents section{
        background: url(<!--../img/theme11/section_bg.png-->);
    padding-bottom: 1px;
    clear: both;
}
 } 