body{
 margin:0px auto;padding:0px;
 font-size:14px;letter-spacing:0px;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
 color:#222222;line-height:1.7;
}


header{
}
.head_zab{
 display:none;
}


.hedda{display:none;}
.botan{display:none;}
.botan_lim{display:none;}
.menu  a{
 color:#111111;
 font-size:14px;
 text-decoration:none;
}
.mainimage{
 position: relative;
 z-index:4;
 margin:0px auto;
 padding:0px 0px 0px 0px;
 width:100%;height:350px;
 background-image:url(../image/sooora.jpg);
 background-position: bottom 15% right 50%;
 background-repeat:no-repeat;
 background-size:cover;
 text-align:center;
 border-bottom:20px solid #aaaaaa;
}
.mainimage img{
 opacity: 0;
}
.smh_vis{
 display:none;
}
.smh_vis img{
 width:100%;max-width:400px;
}

.smh_junle{
 display:none;
}

.inner_mainimage{
 position: relative;
 z-index:4;
 margin:0px auto;
 padding:0px 0px 0px 0px;
 width:100%;height:80px;
 background-image:url(../image/inner_mokume.jpg);
 background-position: center center;
 background-repeat:no-repeat;
 text-align:center;
 clear:both;
}
.inner_mainimage p{
 margin:0px auto;padding:20px 0px 0px 0px;
 text-align:center;
 font-size:25px;color:#ffffff;
}

.inner2_mainimage{
 position: relative;
 z-index:4;
 margin:0px auto;
 padding:10px 0px 0px 0px;
 width:100%;height:140px;
 background-image:url(../image/inner2_mokume.jpg);
 background-position: center center;
 background-repeat:no-repeat;
 text-align:center;
 clear:both;
}
.inner2_mainimage img{
 width:130px;
}

.pankuzu{
 margin:0px auto;padding:0px;
 margin-top:10px;
 width:100%;height:15px;
 clear:both;
}
.pankuzu p{
 marigin:0px 0px 0px 00px;padding:0px 0px 0px 20px;
 font-size:90%;
}


.top_contents{
 position: relative;
 z-index:5;
 margin:0px auto;padding:10px 0px 0px 0px;
 width:100%;
 font-size:16px;
}


.contents{
 position: relative;
 z-index:3;
 margin:0px auto;padding:0px;
 width:90%;
 font-size:115%;
}

.prefuddaarea{
 margin:0px auto;padding:0px;
 width:100%;height:25px;
 background-color:#ffffff;
 clear:both;
}
.prefudda{
 margin:0px auto;padding:0px;
 width:98%;height:25px;
 clear:both;
 color:#888888;
}
.prefudda p{
 text-align:left;
 line-height:160%;
}
.prefudda a{
 color:#213F98;
 font-size:100%;
 text-decoration:none;
}
.prefudda a:hover{
 text-decoration:underline;
}

.fuddaarea{
 position: relative;
 z-index:3;
 margin:0px auto;padding:0px;
 width:100%;
 border-top:3px solid #999999;
 background: -moz-linear-gradient(top, #dddddd,#eeeeee);
 background: -webkit-linear-gradient(top, #dddddd,#eeeeee);
 background: linear-gradient(#dddddd,#eeeeee);
 clear:both;
}
.fudda{
 position: relative;
 z-index:3;
margin:0px auto;padding:30px 0px 100px 0px;
 width:90%;
}


.totopbotan a{
 width:250px;
 height:30px;
 margin:0px 20px 30px 0px;
 padding:7px 0px;
 line-height:200%;
 text-align:center;
 background-color:#ffffff;
 border:2px solid #3B2213;
 border-bottom:5px solid #3B2213;
 float:right;
 text-decoration:none;
 font-size:16px;
 color:#3B2213;
 border-radius:20px;
 transition:0.3s all;
}
.totopbotan a:hover{
 background-color:#92857D;
 color:#ffffff;
 transition:0.3s all;
}



h1{
 margin:0px auto;padding:5px 0px;
 width:100%;
 font-size:15px;line-height:130%;
 font-weight:normal;
 color:#ffffff;
 background-color:#3B2213;
 text-align:center;
 letter-spacing:0.1em;
 font-family:Verdana;
}




.text{
 margin:5px auto;
 margin-bottom:30px;
 width:90%;
 padding:0px;
 border-bottom:1px dotted #888888;
}
.text-nb{
 margin:10px 10px 15px 30px;
 padding:5px 0px;
 font-size:18px;
}

.contents a{
 color:#145de3;
 text-decoration:none;
}
.contents a:hover{
 color:#145de3;
 text-decoration:underline;
}

.lead{
 margin:10px 0px 15px -10px; padding:7px 0px 0px 15px;
 height:30px;
 border-radius:15px;
 border:3px solid #ffffff;
 background-color:#3B2213;
 box-shadow:2px 2px 3px 1px rgba(0,0,0,0.2);
 font-size:20px;line-height:100%;
 color:#ffffff;
 font-weight:normal;
}
.lead_m{
 clear:both;
 margin:20px 0px 20px 0px;padding:5px 0px 2px 5px;
 font-size:20px;
 line-height:150%;
 font-weight:normal;
 color:#000000;text-align::left;
 border-bottom:3px solid #3B2213;
}

.borders{
 margin:0px 1vw 10px 1vw;padding:0px;
 height:4px;
 background-color:#bbbbbb;
 border-left:45vw solid #3B2213;
}
.piriod{
 margin:10px 0px 40px 0px;
 text-align:center;
 clear:both;
}
.piriod img{
 clear:both;
}

.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
.overlay::after {
  content: " ";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: bold;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(0,0,0,.7);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}

.side-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  padding-top: 86px;
  text-align: left;
  background: #d3e3ff;
  z-index: 1;
}
.sides a{
 margin:0px 0px 2px 0px;
 padding:15px;
 width:100%;height:16px;
 float:left;
 background-color:#ffffff;
 font-size:16px;line-height:100%;
 color:#222222;
 text-decoration:none;
}
.sides a:hover{
 width:100%;
 float:left;
 background-color:#eeeeee;
}


.sides2 a{
 margin:0px 0px 2px 2px;
 padding:15px;
 width:39%;height:16px;
 float:left;
 background-color:#ffffff;
 font-size:16px;line-height:100%;
 color:#222222;
 text-decoration:none;
}
.sides2 a:hover{
 float:left;
 background-color:#eeeeee;
}

.side-menu-btn {
  position: fixed;
  top: 20px;
  right: 10px;
  width: 30px;
  height: 30px;
  padding: 5px;
  background: #fff;
  cursor: pointer;
  z-index: 99;
}

.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  font-size: 13px;
  background: #ffffff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 20;
}

.header {
 position: fixed;
 z-index:15;
 top:0;left:0;
 width:100%;
 height:80px;
  background: #ffffff;
  color: #fff;
 border-bottom:6px solid #3B2213;
}
.header img{
 margin:15px 0px 0px 10px;
 width:100%;max-width:320px;
 float:left;
}
.yohaku{ height:80px;}
.contentes {
  width: 100%;
  padding: 150px 0;
  background: #ffffff;
}
.contentes p {
  margin-bottom: 50px;
}
.footer {
  padding: 150px 0;
  background: #fff;
}


.side-open .wrapper,
.side-open .overlay {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}




.sakura{
 margin:0px auto;padding:0px;
 width:100%;
}
.sakura fieldset{
 margin:10px auto;padding:0px;
 width:95%;font-size:16px;
 border-radius:15px;
 border:2px double brown;
 background-color:#EDEDED;
}
.sakura legend{
 width:180px;text-align:center;
 margin:2px auto;padding:2px 2px 0px 2px;
 background-color:#3B2213;
 border-radius:5px;
 color:#ffffff;font-size:20px;line-height:2.0;
 font-family:' q   M m p S Pro W3','Hiragino Kaku Gothic Pro','   C   I',Meiryo,' l r  o S V b N','MS PGothic',sans-serif;
}
.sakura fieldset p{
 margin:0px 20px 0px 20px;padding:15px;
 line-height:150%;
 font-weight:normal;
 color: #444444;
 background-color:#ffffff;
}
.lead2{
 margin:10px 0px; padding:0px;
 font-size:17px;line-height:100%;
 color:#000000;
 font-weight:normal;
 text-indent:0.5em;
 letter-spacing:0.3pt;text-align:center;
}

.p_table{
 margin:0px auto;
 width:90%;
}
.pl_1{
 margin:2px:;padding:3px;
 font-size:95%;
 line-height:150%;
 background-color:#dddddd;
 border:1px solid #999999;
 text-align:center;
}
.pl_2{
 margin:2px:;padding:3px;
 font-size:95%;
 line-height:150%;
 background-color:#FFFF7E;
 border:1px solid #999999;
 text-align:center;
}
.pl_3{
 margin:2px:;padding:3px;
 font-size:95%;
 line-height:150%;
 background-color:#ffffff;
 color:#cc0000;
 border:1px solid #999999;
 text-align:right;
}
.pl_4{
 margin:2px:;padding:3px;
 font-size:95%;
 line-height:150%;
 background-color:#ffffff;
 color:#000000;
 border:1px solid #999999;
 text-align:center;
}
.pl_5{
 margin:2px:;padding:3px;
 font-size:95%;
 line-height:150%;
 background-color:#eeeeee;
 color:#000000;
 border:1px solid #999999;
}
.inlist{
  display: table;
  margin: 0 auto;
 margin-bottom:20px;
 font-size:16px;
 color:#cc0000;
 font-weight:bold;
 font-family:serif;
 letter-spacing:-0.05em;
}
.inlist li{
 margin-bottom:0px;
}


.inlist_price{
 margin:10px 30px 20px 0px;
 font-size:18px;
}
.inlist_price li{
 margin-bottom:5px;
}

.inline_menu{
 width:100%;height:1000px;
 border:0px solid #ffffff;
}
.smh_view{
 display:none;
}
.pc_view{
}


.mail_table{
 margin:0px auto;padding:0px; width:100%;
}
.mail_table table{
 width:95%;
 margin:1px auto;padding:2px;
 border:1px solid #3B2213;
 background-color:#ffffff;
}
.mail_left{
 padding:3px;
 min-width:100px;
 background-color:#3B2213;
 border:1px solid #3B2213;
 color:#ffffff;
 text-align:left;
}
.mail_right{
 padding:3px 20px 3px 13px;
 border:1px solid #3B2213;
}
.mail_right_tb{
 padding:3px 20px 3px 13px;
 border:1px solid #3B2213;
}
.mail_right select{
 font-size:14px;padding:3px;
 width:250px;
 height:30px;
}
.mail_right_tb input{
 margin:2px;font-size:14px;padding:3px;line-height:1.0;height:20px;
}

.mail_right_radio{
 padding:3px 20px 3px 13px;
 border:1px solid #3B2213;
}
.mail_right_radio input{ 
 position: relative;
  top: 4px; 
}

input{
 font-size:16px;height:20px;
}

.btn_size{width:90%; text-align:center}
.btn_size input{
 margin:5px auto;padding:10px 5px; 
 height:50px;
 line-height:150%;
}



.box_area{
 margin:0px auto;padding:0px;
 width:100%;
}
.DivLink{
 width:85%;
 clear:both;
 margin:0px auto;padding:10px;
 margin-top:20px;margin-bottom:40px;
 background-color:#ffffff;
}

.DivLink p{
 margin:0px;padding:0px;
 line-height:160%;
}


.DivLink hr{
 clear:both;
 margin:20px 0px;
 height: 1px;
 background-color: #cccccc;
 border: none;
}


.tsign{
 width:130px;
 float:left
}

.top_inlist{
 margin:0px 0px 10px 0px ;padding:0px;
}
.top_inlist ul{
 margin:0px; padding-left:40px;
 font-size:16px;
 line-height:150%;
 color:#3B2213;
}
.top_inlist li{
 margin:3px;
 font-weight:bold;
 font-family:serif;
 letter-spacing:0em;
}
.osutext{width:180px}
.tad{width:50vw;}


.self{
 margin:10px 0px 0px 10px;
 padding:0px;
 float:right;
 width:135px;height:240px;
 background-image:url(../image/face.jpg);
 background-position: center center;
 background-repeat:no-repeat;
}
.self img{width:100%;}


.inbox,.menu_anc{
  display: table;
  margin: 0 auto;
}
.inbox li{
 font-size:18px;
}


.gt_rt{
 padding:5px;
 width:1em;
 font-weight:bold;
 border:1px solid #D25080;
 font-size:18px;line-height:120%;
 background-color:#F4DCE8;
}
.gt_rt_f{
 padding:5px;
 font-weight:bold;
 border:1px solid #D25080;
 font-size:18px;line-height:120%;
 background-color:#cc0000;
 color:#ffffff;
}


.toia a{
 clear:both;
 position:relative;
 left:calc(50% - 110px);
 width:200px;height:55px;
 margin 0px auto;
 margin:10px; padding:10px 0px 0px 0px;
 float:left;
text-align:center;
 background-color:#ffffff;
 text-decoration:none;
 font-size:18px;line-height:100%;
 color:#333333;
 line-height:120%;
 border:1px solid #aaaaaa;
}
.toia a:hover{
 border:1px solid #cc0000;
 background-color:#ffefef;
 color:#000000;
 text-decoration:none;
}
.toia_text{ font-size:13px;}



.sara a{
 clear:both;
 position:relative;
 width:85%;height:35px;
 left:calc(50% - 43%);
 margin 0px auto;
 margin-bottom:30px; padding:7px 0px 3px 0px;
 float:left;
 text-align:center;
 background-color:#f9f9ff;
 text-decoration:none;
 font-size:18px;line-height:100%;
 color:#2e3091;
 line-height:160%;
 border:1px solid #2e3091;
 border-radius:18px;
 transition:0.3s all;
}
.sara a:hover{
 text-decoration:none;
 color:#ffffff;
 border:1px solid #2e3091;
 background-color:#2e3091;
 transition:0.3s all;
}


.mitsu_tbl{
 width:95%;
 margin:0px auto;padding:2px 0px;
}
.mitsu_tbl td{
 margin:0px auto;padding:2px 0px;
 border-bottom:1px dotted #000000;
}




.image40030{
 margin:0px auto;padding:0px;
 text-align:center;
 width:100%;
}
.image40030 img{
 margin:0px auto;padding:0px;
 width:90%;
 max-width:600px;
 opacity: 0;
}

.TOP_lead{
 margin:0px auto; padding:5px 0px 2px 0px;
 width:93%;
 height:40px;
 font-size:22px;font-weight:100;line-height:180%;
 text-indent:15px;
 border-radius:20px;
 color:#ffffff;
 border:5px solid #ffffff;
 background-color:#3B2213;
 box-shadow:2px 2px 3px 1px rgba(0,0,0,0.2);
 font-family:serif;
 font-feature-settings: "palt" ;
 font-weight: 700;
}
.half{
 position:relative;
 margin:0px;padding:0px;
 margin-left:10px;
 width:95%;float:left;
}
.third{
 position:relative;
 margin:0px;padding:20px 0px 0px 0px;
 margin-left:10px;
 width:31%;float:left;
 border-right:1px solid #aaaaaa;
}
.bother{
 clear:both;
 width:100%; height:5px;
}
.sei-half{
 position:relative;
 margin:0px;padding:0px;
 width:49%;float:right;
}
.sei-half fieldset{
 margin:5px auto;padding:5px;
 width:90%;height:220px;
 border:1px dotted #a0522d;
 border-radius:10px;
 overflow:hidden;
}

.sei-half legend{
 margin:0px auto;padding:2px 5px;
 width:110px;
 font-size:17px;line-height:180%;
 color:#ffffff;
 background-color:#a0522d;
 border-radius:10px;
 text-align:center;
}
.sei-half fieldset img{
 float:right;
 margin:2px;padding:2px;
 width: 80px;
 height: 110px;
 object-fit: cover; 
 border-radius:10px;
}
.voice{
 margin:3px;padding:0px 0px 10px 5px;
 font-size:15px;line-height:150%;
}
.voice_name{
 margin:0px;padding:0px 10px 0px 0px;
 font-size:14px;line-height:150%;
 text-align:right;
}

.borders_top{
 margin:0px auto;padding:0px;
 margin-bottom:7px;
 width:95%;height:4px;
 background-color:brown;
}

.merit{
 margin:0px auto;padding:0px;
 width:90%;
 text-align:center;
}
.merit img{
 margin:0px;padding:0px;
 width:60%;max-width:250px;
}
#me00{
 margin:0px;padding:0px;
 width:98%;max-width:596px;
}
.me06{
 margin:0px;padding:0px;
 width:98%;max-width:700px;
}
.copy{
 margin:30px 0px 30px 30px;padding:0px 0px 0px 10px;
 font-size:min(4.0vw,23px);
 font-weight: bold;
 line-height:160%;
 font-family:serif;
 font-feature-settings: "palt" ;
 color: #444444;
 border-left:10px solid brown;
}
.reds{
 color:#cc0000;
}

.text-top{
 margin:10px 10px 10px 30px;
 padding:5px 0px;
 font-size:15px;
}


.top_contentsLP{
 position: relative;
 z-index:4;
 margin:0px auto;padding:10px 0px 10px 0px;
 width:100%;
 font-size:16px;
 box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
}

.pr01{
 display:none;
 margin:0px;padding:0px;
 width:90%;max-width:700px;
}

.pr01s{
 margin:0px;padding:0px;
 width:90%;max-width:700px;
}
#pr02{
 margin:3px 0px;padding:0px;
 width:90%;max-width:450px;
}
.pr03{
 margin:3px 0px;padding:0px;
 width:40%;max-width:320px;
}
#pr05{
 margin:3px 0px;padding:0px;
 width:80%;max-width:701px;
}
#pr07{
 margin:3px 0px;padding:0px;
 width:60%;max-width:460px;
 opacity: 0;
}
#pr08{
 margin:3px 0px;padding:0px;
 width:40%;max-width:304px;
}

 

.bt_lead{
 margin:20px 0px 0px 0px;padding:0px;
 font-size:120%;
 line-height:180%;
 font-weight:normal;
 color:#000000;
 text-indent:1.2em;
}
.top_book{
 margin:0px auto;padding:0px;
 width:100%;
 text-align:center;
}
.top_book img{
 margin:0px auto;padding:0px;
 height:28vh;height:150px
}
#topil01{
 width:98%;max-width:200px;
 float:right;
}

#topil02{
 width:98%;max-width:150px;
 float:right;
}
.top_price{
 margin:0px auto;padding:0px;
 width:90%;
 max-width:750px;
 text-align:center;
}
.top_price img{
 opacity: 0;
}
.toptoi{
 margin:0px auto;padding:0px;
 width:100%;height:350px;
 background-image:url(../image/sora.jpg);
 background-position: bottom center;
 background-repeat:no-repeat;
 background-size:cover;
 text-align:center;
}
.toptoi_in{
 position: relative;
 z-index:5;
 margin:0px auto;padding:10px 0px 0px 0px;
 width:90%;
 font-size:16px;
}
.toptoia a{
 position:relative;
 margin:5px auto;padding:15px 0px 0px 0px;
 margin-top:30px;
 width:250px;height:70px;
 text-align:center;
 float:left;
 background-color:green;
 text-decoration:none;
 font-size:18px;line-height:130%;
 color:#ffffff;
 border-radius:15px;
 transition:0.3s all;
}
.toptoia a:hover{
 background-color:#green;
 color:yellow;
 font-size:20px;line-height:130%;
 text-decoration:none;
 transition:0.3s all;
}
.toptoia_text{ font-size:13px;}



.pm{
 margin:0px auto;padding:15px 0px 5px 0px;
 width:100%;
 position: fixed;
 z-index:15;
 bottom:-80px;
 background-color:#ffffff;
 border-top:1px solid #aaaaaa;
}
.pm2{
 display:none;
 margin:0px auto;padding:15px 0px 5px 0px;
 width:100%;
 position: fixed;
 z-index:15;
 top:-150px;
 box-shadow:3px 3px 5px 2px rgba(0,0,0,0.2);
 background-color:#ffffff;
}
.pm_area{
 margin:0px auto;padding:0px 0px;
 width:550px;
 font-size:13px;
 text-align:center;
 line-height:140%;
 opacity:1;
}
#tan01{
 margin:0px;padding:0px;
 width:55%;max-width:437px;
}
#tan02{
 margin:0px;padding:0px;
 width:43%;max-width:250px;
}



.hum_link a{
 float:left;
 margin:0px;padding:3px 0px;
 width:100%;height:35px;
   white-space: nowrap;
 color:#000000;
 font-size:16px;line-height:220%;
 letter-spacing:0.01em;
 transition:0.3s all;
 text-indent:0.8em;
 border-bottom:1px dotted #aaaaaa;
 font-feature-settings: "palt" ;
 text-decoration:none;
}
.hum_link a:hover{
 background-color:cornsilk;
 transition:0.3s all;
 text-decoration:none;
}


.val{
 clear:both;
 margin:5px 0px;padding:10px 0px 0px 0px;
 width:100%;height:50px;
 background-image:url(../image/tile.jpg);
 opacity: 0.5;
 font-size:23px;color:#4682b4;
 text-align:center;
}


.pc_fb{ 
 clear:both;text-align:center;
}
.smh_fb{
 display:none;
 clear:both;text-align:center;
}


.pc_movie{
text-align:center;
}
.pc_movie iframe{
 padding:2px;
 border:1px solid #aaaaaa;
}
.smh_movie{
 display:none;
 text-align:center;
}

.tik{
 margin:3px auto;padding:0px;
 padding-top:20px;
 font-size:14px;line-height:150%;letter-spacing:0.2em;
 color:#111111;
 font-weight:normal;
 text-align:left; 
}



.balloon1-right {
  position: relative;
  display: inline-block;
  margin: 10px 0px 10px 50px;
  padding: 15px 20px; 
 color:brown ;
  font-size: 20px; font-weight:bold;
  background: #eeeeee;
 border-radius:20px; 
}

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

.balloon1-right p {
  margin: 0;
  padding: 0;
}
.bal_under{
 margin:0px 30px 20px 60px;
 font-size:17px;
}

.min{
 margin:30px 0px;
 text-align:center;
 font-size:22px;
 font-family:serif;
 font-weight:bold;
 font-feature-settings: "palt" ;
}


.ptb{
 margin:5px auto;padding:0px;
 float:left;width:70%;
}
.ptb img{
 width:100%;max-width:450px;
}
.text-ptb{
 margin:5px;padding:5px;
 text-align:left;
 float:right;width:22%;
}



.pkz{
 margin:10px 0px;padding:0px;
 font-size:15px;line-height:120%;
 color:#333333;
}
.pkz a{
 margin:0px 5px 0px 2px;
 color:#213F98;
 text-decoration:none;
}
.pkz a:hover{
 text-decoration:underline;
}


.vmail_table{
 margin:0px auto;padding:2px;
 width:90%;
 max-width:700px;min-width:500px;
 font-size:15px;
 letter-spacing:0px;
 font-feature-settings: "palt" ;
 font-family:'   C   I', 'Meiryo', sans-serif;
}
.vmail_left{
 position: relative;
 margin:0px 2px 3px 0px;padding:3px;
 width:170px;height:45px;
 float:left;
 background-color:#3B2213;
 border:1px solid #3B2213;
 color:#ffffff;
 text-align:center;
 border-radius:10px 0px 0px 10px;
}
.vmj{
 margin:0px auto;padding:0px;
 position: absolute;
 top: 25%;
 width:100%;
 text-align:center;
 font-size:15px;
}

.vmail_right{
 margin:0px 2px 3px 0px;padding:3px;
 width:calc(100% - 192px);height:45px;
 float:right;
 border:1px solid #3B2213;
 background-color:#ffffff;
}
.vmail_right_tb{
 margin:0px 2px 3px 0px;padding:3px;
 width:calc(100% - 192px);height:45px;
 float:right;
 border:1px solid #3B2213;
 background-color:#ffffff;
}
.vmail_right_tb select{
 margin:2px;padding:3px;
 font-size:15px;line-height:1.0;
 width:80%;height:95%;
 border:1px solid #cccccc;
}
.vmail_right textarea{
 padding:3px;
 font-size:15px;line-hegiht:150%;border:0px solid #cccccc;
}
.vmail_right_tb input{
 margin:2px;padding:3px;
 font-size:15px;line-height:1.0;
 height:75%;
 border:0px solid #cccccc;
}

.vm_long{
 margin:-2px 2px 5px 0px;padding:5px 0px;
 width:99.3%;
 float:right;
 border:1px solid #3B2213;
 border-radius:10px 0px 0px 10px;
}


#vm_texarea_left{height:240px;}
#vm_texarea_right{height:240px;}

#vm_dokode_left{height:110px;}
#vm_dokode_right{height:110px;}

#vm_ad_left{height:100px;}
#vm_ad_right{height:100px;}
#vm_sh{ margin-top:11px}
.vmp{display:none;}


input[type="radio"],input[type="checkbox"]{
 margin-top:-2px;vertical-align:middle;
}



.vma_all{
 margin:0px auto;padding:2px;
 width:80%;
 max-width:700px;min-width:500px;
 font-size:15px;
 letter-spacing:0px;
 font-feature-settings: "palt" ;
 font-family:'   C   I', 'Meiryo', sans-serif;
}
.vm_l{
 margin:0px;padding:3px 5px;
 width:100%;
 float:left;
 background-color:#3B2213;
 border:1px solid #3B2213;
 color:#ffffff;
 text-align:center;
 border-radius:10px 10px 0px 0px;
}
.vm_r{
 margin:0px 0px 5px 0px;padding:10px 5px;
 width:100%;
 float:left;
 border:1px solid #3B2213;
}



.short_menu{
 margin: 0px auto;padding:0px;
 position: fixed;
 z-index:10;
 bottom:-1px;
 right:0px;
 width:350px;height:65px;
 opacity:1;
 border-top:0px solid #213F98;
 border-right:0px solid #cccccc;
 background-color:#ffffff;
 box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .3);
 border-radius:20px 0px 0px 0px;
}
.sma_area{
 position: absolute;
 margin:0px;
 width:250px;
 text-align:left;
 left:20px;
}
.sma a{
 margin:5px 0px 0px 0px;padding:0px;
 float:left;
 width:48px;
 text-align:center;
 letter-spacing:1px;
 font-size:9px;line-height:90%;
 text-indent:-2px;
 color:#213F98;
 text-decoration:none;
}
.sma a img{
 margin:0px;padding:0px;
 width:30px;
}
.sm_botan a{
 position: fixed;
 z-index:11;
 bottom:15px;
 right:20px;
 width:40px;height:40px;
 border-radius:20px;
 background-color:#213F98;
 color:#ffffff;
 text-decoration:none;
 text-align:center;
 font-size:25px;line-height:160%;
}



.fodda_tree_matome{
 margin:0px auto;padding:10px 0px;
 width:100%;
 text-align:center;
}
.tree{
 float:left;
 margin:0px;padding:0px;
 width:33%;
 text-align:left;
}
.fodda_list{
 margin:10px;padding:0px;
 color:#333333;
 font-size:14px;
 list-style-type:none;
}
.fodda_list li a{
 color:#333333;
 font-size:14px;
 transition:0.3s all;
}
.fodda_list li a:hover{
 transition:0.3s all;
}
.tree a{
 color:#333333;
 font-size:14px;
 transition:0.3s all;
 text-decoration:none;
}
.tree a:hover{
 transition:0.3s all;
}

/*20250327実績リストアップ*/

.category-list {
 position:relative;
 margin: 10px auto;
 padding: 0px 10px 10px 20px;
 width:50%;min-width:450px;
 border-radius: 5px;
 background-color: #f9f9f9;
 border: 1px solid #595980;
}

.category-list legend {
 margin:0px auto;padding:10px 0px;
 font-weight: bold;
 background-color:#ffffff00;
 color: #595980;
 font-size: 16px;
}

.category-list ul {
 list-style-type: none;
 margin-top:0px;
 margin-bottom:0px;
 padding: 0;
}

.category-list li {
 margin-bottom: 5px;
 font-size: 15px;
 color: #333;
}

.category-list li::before {
 content: "";
 color: #595980;
}

.prof{
 margin:0px auto; padding:10px 0px 30px 0px;
 margin-bottom:20px;
 width:100%;
 background-color:#f6f6f6;
}

/*20250409ロングインタビュー置き換え*/

.tzk{
 display: block;
 list-style: none;
 position: relative;
 cursor: pointer;
 background-color:#efefef; 
 padding: 10px 0px;
 width: 98%;
 text-align: center;
 border: none;
 border-right:0px solid #cccccc;
 border-bottom:0px dotted #cccccc;
 margin-bottom:0px;
 font-size: 15px;color:brown;text-indent:1em;
 transition:0.3s ease;
}
.tzk::-webkit-details-marker{
  display:none;
}
.tzk:hover, details[open] summary {
transition: 0.3s ease;
}
.tzk::after {
 content: '  ';
 font-size: 95%;
 position: absolute;
 top: 15px;
 right: 15px;
 transform:rotateY(0deg); 
 transition:0.3s ease;
}
details[open] .tzk::after{
 transform:rotateX(180deg); 
 top: 15px;
 right: 15px;
 transition:0.3s ease;
}
.tzk_text{
 margin:0px 30px 0px 45px;padding:10px 10px 0px 10px;
 font-size:16px;line-height:170%;
 font-weight:normal;
 color: #444444;
 text-align:left;
 border-left:5px solid #eeeeee;
}

/*20250605長編原稿Q＆A*/

.under_QA{
 margin:5px 10px;padding:0px;
 width:100%;
}

.under_QA dt{
 margin:5px 10px;padding:5px 10px;
 font-size:16px;
 background-color:#b0e0e6;
 width:calc(100% - 60px) ;
}
.under_QA dd{
 margin:0px 0px 20px 15px;padding:0px 5px;
 font-size:15px;
 width:calc(100% - 50px) ;
}

/*20250624*/
.epis{
 margin:5px auto;padding:20px 0px 0px 0px;
 width:95%;
 border:1px dotted #aaaaaa;
 border-radius:15px;
 background-color:#cccccc40;
}

/*20250625*/

.nagare{
 margin:5px auto;padding:7px 7px 9px 7px;
 margin-bottom:0px;
 text-align:center;
 width:450px;
 background-color:#1A75BB;
 border-radius:7px;
 font-size:18px;line-height:1.7;color:#ffffff;
 border-radius:7px 7px 0px 0px ;
}
.nagare_kaisetsu{
 margin:0px auto;padding:7px;
 text-align:left;
 width:448px;
 font-size:14.5px;line-height:1.6;color:#333333;letter-spacing:.0.2px;
 border:1px dotted #1A75BB;
 border-radius:0px 0px 7px 7px;
}

.nagare_c{
 margin:5px auto;padding:8px 8px;
 text-align:center;
 width:250px;
 font-size:16px;line-height:1.3;
 border:1px dotted #aaaaaa;
 background-color:#eeeeee;
 border-radius:15px;
}