* {
  margin: 0px;
  padding: 0px;
}

#body {
  max-width: 100%;
  min-width: 650px;
  font-weight: 500;
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fs09{font-size:90%;}
.fs10{font-size:100%;}
@media screen and (max-width: 650px){
  #body{font-size:1em;}
  .fs13{font-size:100%;}
  .fs16{font-size:120%;}
  .fs19{font-size:140%;}
  .fs23{font-size:160%;}
  .fs30{font-size:230%;}
  .fs40{font-size:330%;}
  .left{padding:10px 0px 0px 0px;}
  .right{padding:10px 0px 0px 0px;}
  .width48{width:98%; margin:0px auto;}
  #top_section_img{width:150px;}
  #h1{top: 70px;left: 180px;}
  #top_info{left:180px; width:400px;}
  #top_tel,#top_mail{height:80px;}
  .culc_box,.culc_box3, .culc_p{width:120px; height:120px; font-size:90%;}
  .culc_box2{height:120px;}
  .culc_box_a{width: 181px;height: 160px;}
  #foot_img{width:180px;}
  .header_nav_a{font-size:110%;}
  #footer_div1{height:220px;}
  #f_strong{top: 40px; right: 180px;}
    #footer{height:320px;}
  .price_p2{display:block;}
  #manga_box{height:250px;}
}
@media screen and (min-width: 651px) and (max-width: 850px){
  #body{font-size:1.1em;}
  .fs13{font-size:130%;}
  .fs16{font-size:130%;}
  .fs19{font-size:160%;}
  .fs23{font-size:200%;}
  .fs30{font-size:270%;}
  .fs40{font-size:370%;}
  .left{padding:10px 0px 0px 0px;}
  .right{padding:10px 0px 0px 0px;}
  .width48{width:98%; margin:0px auto;}
  #top_section_img{width:200px;}
   #h1{top: 70px; left: 230px;}
  #top_info{left:230px; width:500px;}
  #top_tel,#top_mail{height:100px;}
  .culc_box,.culc_box3,.culc_p{width:140px; height:140px; font-size:90%;}
  .culc_box2{height:140px;}
  .culc_box_a{width: 200px;height: 160px;}
  #foot_img{width:250px;}
  .header_nav_a{font-size:110%;}
  #footer_div1{height:270px;}
  #footer{height:500px;}
  .price_p2{display:block;}
  #manga_box{height:350px;}
}
@media screen and (min-width: 851px){
  #body{font-size:0.95em;}
  .fs13{font-size:130%;}
  .fs16{font-size:160%;}
  .fs19{font-size:190%;}
  .fs23{font-size:230%;}
  .fs30{font-size:300%;}
  .fs40{font-size:400%;}
  .left{float:left;}
  .right{float:right;}
  .width48{width:48%;}
  #top_section_img{width:300px;}
  #h1{top: 100px;left: 360px;}
  #top_info{left:360px; width:600px;}
  #top_tel,#top_mail{height:132px;}
  .culc_box,.culc_box3,.culc_p{width:180px; height:180px;}
  .culc_box2{height:180px;}
  .culc_box_a{width: 260px;height: 160px;}
  #foot_img{width:330px;}
  .header_nav_a{}
  #footer_div1{height:270px;}
  #f_strong{top: 80px; right: 360px;}
  #footer{height:500px;}
  .price_p2{display:inline;}
  #manga_box{height:396px;}
}

#header {
  position: fixed;
  top: 0px;
  width: 100%;
  background: #66cc00;
  height: 50px;
  z-index: 3;
}

#header_nav {
  max-width: 1160px;
  margin: 0px auto;
  overflow: hidden;
}

#header_nav_a {
  display: block;
  background: #fff;
  height: 50px;
  width: 40px;
  float:left;
  margin:0px 15px 0px 0px;
}



#ft {
  position:fixed;
  bottom:10px ;
  right:10px;
  padding: 6px 6px;
  background: rgba(230, 230, 230, 0.9);
  text-decoration: none;
  color: #ff0066;
  text-shadow: 0px 0px 2px #fff;
}
  

#ht {
  display: block;
  font-weight: bold;
}

#header_nav_img {
  display: block;
  margin: 9px 0px 0px 5px;
}

.header_nav_a {
  display: block;
  float:left;
  color: #fff;
  text-decoration: none;
  padding:0px 16px 0px 16px;
  line-height: 50px;
}

.header_nav_a:hover{
  transition:0.3s;
  background:rgba(0, 0, 0, 0.1);
}

.header_nav_b{
  display: block;
  float:right;
  margin:0px 15px 0px 0px;
}

#berger_mn{
  position:absolute;
  right:0px;
  padding:50px 20px 20px 20px;
  top:0px;
  background:rgba(0, 0, 0, 0.8);
  z-index:-1;
}

.berger_mn{
  text-decoration:none;
  display:block;
  color:#fff;
  margin:10px 0px 0px 0px;
}

#top_section {
  position: relative;
  max-width: 1160px;
  margin: 0px auto;
  padding: 100px 0px 0px 0px;
  overflow: hidden;
}

#top_section_img {
  display: block;
}

#h1 {
  position: absolute;
  font-weight: normal;
  color: #66cc00;
}

#h1_strong {
  color: #333;
  font-weight: normal;
  display: block;
  margin: 30px 0px 0px -2px;
}

#top_info {
  position: absolute;
  bottom: 20px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 2px 0;
}

#top_tel,
#top_mail {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 5px;
  width: 45%;
  color: #fff;
  overflow: hidden
}

#top_mail a{
  color:#fff;
  text-decoration: none;
}

#top_tel{
  background:#ff0066;
}

#top_mail{
  background:#66cc00;
}

#top_tel_span {
  font-weight: bold;
  display: block;
}

.section {
  line-height: 1.6;
}

.section1 {
  width: 100%;
  padding: 60px 0px;
  background: #effae5;
}

.section2 {
  width: 100%;
  padding: 60px 0px;
}

.section3 {
  width: 100%;
  padding: 60px 0px 0px 0px;
}

.h2 {
  font-weight: normal;
  color: #66cc00;
}

.section_div1 {
  max-width: 1160px;
  padding:0px 10px;
  margin: 0px auto;
}

.section1_div_box {
  overflow: hidden;
}

.section1_div_l,
.section1_div_r{
  padding:30px 0px 0px 0px;
}

.section1_p{
  font-size:110%;
}

.h3 {
  margin: 0px 0px 20px 0px;
  font-weight: normal;
}

.h3:first-letter {
  color: #66cc00;
}

.h4 {
  padding: 8px 0px;
  margin: 0px 0px 10px 0px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  font-weight: normal;
}

#manga_wrap {
  overflow: hidden;
}

#manga_box {
  position: relative;
  width:48%;
  min-width:350px;
  padding:0px 0px 20px 0px;
  float:left;
}

.manga {
  max-width:100%;
  position: absolute;
}

#manga1 {
  top: 0px;
  left: 0px;
}

#manga2,
#manga3,
#manga4 {
  top: 0px;
  left: -700px;
}

#manga_txt_but_box {
  margin: 20px 0px 0px 0px;
}

.manga_txt_but {
  background: rgba(0, 0, 0, 0.2);
  border: none;
  padding: 8px 10px;
  margin:0px 16px 0px 0px;
  transition: 0.3s;
  outline: none;
  font-size:110%;
}

.manga_txt_but:hover {
  background: rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

#manga_but_box {
  float:right;
  width: 48%;
}

.manga_but {
  width: 60px;
  margin: 0px 8px 0px 0px;
  border: 2px solid #fff;
}

#mel_strong {
  margin: 50px 0px 0px 0px;
  display: block;
}

#gra_img{
  width:500px;
  display: block;
  margin:10px auto 0px auto;
}

.fact2_3h3{
  margin:0px 0px 20px 0px;
}

.price_p1 {
  margin: 30px 0px;
}

.price_p2 {
  margin: 0x 0px 20px 0px;
}

.price_but,
.price_but2 {
  border: none;
  outline: none;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 3px 2px 2px 3px;
  color: #333;
  margin: 0px 3px 0px 0px;
  font-family: inherit;
  transition: 0.2s;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}

.price_but:hover,
.price_but2:hover {
  transition: 0.2s;
  border-bottom: 3px solid rgba(0, 153, 51, 0.8);
}

#f2_but,
#f_but50 {
  background: rgba(0, 153, 51, 1);
  color: #fff;
}

.price_but_box {
  margin: 10px 0px 0px 0px;
  overflow: hidden;
}

#f_kind,
#p_kind {
  margin: 0px 5px 0px 0px;
  color: #ff3333;
}

#p7_kind {
  color: #ff3333;
}

.flow_p {}

#flow_box {
  overflow: hidden;
}

.flow_dl {
}

.flow_dt {
  margin: 30px 0px 0px 0px;
  font-weight: bold;
}

.flow_dd {
  margin: 0px 0px 0px 1em;
}

#flow_document {
  margin: 30px 0px 0px 0px;
  background: rgba(0, 0, 0, 0.1);
  padding: 10px;
  background: ;
}

#flow_document_title {
  display: block;
  margin: 0px 0px 10px 0px;
  font-weight: bold;
}

.flow_document_li {
  margin: 0px 0px 15px 1.5em;
  list-style: decimal;
}

.flow_document_span {
  display: block;
}

#tr {
  overflow: hidden;
  width: 100%;
}

.tr_box {
  overflow: hidden;
  width: 100%;
  margin: 50px 0px 0px 0px;
}



#tr1,
#tr3 {
  margin-right: 4%;
  margin-top: 5px;
}

.tr_li:hover {
  background: rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}

.tr_divl {
  overflow: hidden;
}

.idi_img {
  display: block;
  width: 120px;
  float:left;
}

.tr_vo_p1 {
  margin: 0px 0px 0px 20px;
  float:left;
}

.tr_divr {
  overflow: hidden;
}

.com_sec {
  padding: 10px 0px;
  display: block;
  font-weight: bold;
}

.tr_img_box {
  background: #fff;
  overflow: hidden;
  width: 100%;
}

.tr_vo_p2 {
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 10px 0px;
  border-top: 1px dashed #bbb;
  border-bottom: 1px dashed #bbb;
}

.voice {
  font-weight: bold;
  display: block;
  padding: 10px 0px;
}

.tr_vo_box {
  padding: 20px;
  background: #fff;
}

#tr1_div {
  background: no-repeat;
}

.fact2_3 {
  overflow: hidden;
  margin: 60px 0px 0px 0px;
}


.fact2_3_strong {
  font-weight: bold;
  display: block;
  border-bottom: 1px solid #333;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 5px 0px;
}

.fact2_3_p {
  margin: 0px 0px 10px 0px;
}


.fact2_3_dl {
  margin: 0px 0px 10px 0px;
}

.fact2_3_dt {
  font-weight: bold;
}

.fact2_3_dd {
  margin: 0px 0px 0px 1em;
  overflow: hidden;
}



.fact2_3_culc {
  margin: 50px 0px 0px 0px;
  overflow: hidden;
}

.culc_title {
  display: block;
  margin: 10px 0px;
}

.bold {
  font-weight: bold;
}

.culc_box,
.culc_box3 {
  margin: 0px 10px 0px 0px;
  background: #ccc;
  line-height: 1.3;
  float:left;
}

.culc_box2 {
  width: 20px;
  margin: 0px 10px 0px 0px;
  font-weight: bold;
  float:left;
}

.culc_box3 {
  background: #66cc00;
}

.culc_box_a {
  margin: 0px 10px 0px 0px;
  background: #ccc;
  line-height: 1.3;
  float:left;
}

.culc_box2_a {
  width: 15px;
  height: 160px;
  margin: 0px 10px 0px 0px;
  font-weight: bold;
  float:left;
}

.culc_p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.culc_p_a {
  display: table-cell;
  vertical-align: middle;
  width: 260px;
  height: 160px;
  text-align: center;
}

.culc_span {
  display: block;
}

.price_result {
  margin: 20px auto 0px auto;
  overflow: hidden;
}

#price_result_p {
  margin: 50px 0px 20px 0px;
}

#price_sec {
  margin: 40px 0px 0px;
}

.red {
  color: #ff3333;
}

#qa_dl{
  overflow: hidden;
  width:100%;
}

.qa_dt,
.pp_dt{
  color: #66cc00;
  font-weight: bold;
  margin: 20px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
  border-top: 1px dashed #bbb;
  overflow: hidden;
}

.qa_dd {
  width: 630px;
  overflow: hidden;
}

.q,
.a {
  float:left;
  display: block;
  width: 30px;
}

.q2,
.a2 {
  float:left;
  width: 590px;
  display: block;
}

#footer {
  position: relative;
  width: 100%;
}

#footer_div1 {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: rgba(102, 204, 0, 0.2);
}

#f_strong {
  position: absolute;
  color: #66cc00;
  display: block;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}

#foot_img {
  position: absolute;
  right: 10px;
  bottom: 0px;
}

#f_h6 {
  text-align: left;
  margin: 30px 0px 0px 0px;
  font-weight: bold;
  color: #333;
}

.f_p {
  margin: 5px 0px 0px 0px;
  color: #333;
}

#f_table {
  border-collapse: collapse;
  border-spacing: 1px;
  background: ;
  margin: 15px 0px 15px 0px;
}

#address {
  font-weight: bold;
  font-style: normal;
}

.f_td_r {
  padding: 5px 40px 0px 0px;
}

.foot_mn {
  padding:0px 0px 3px 0px;
  margin: 0px 8px 0px 0px;
  color: #333;
  text-decoration: none;
  transition: 0.2s;
  text-decoration:underline;
}

.foot_mn:hover {
  transition: 0.2s;
}

#footer_div2 {
  max-width: 1160px;
  padding:0px 10px;
  margin: 0px auto;
}

.pp_dl{
  width:96%;
}

.pp_dt{
  margin:20px 0px 10px 0px;
}
.pp_dd1{
  margin:0px 0px 5px 0px  ;
}
.pp_dd2{
  margin:0px 0px 5px 1em;
}

#c_table{
  float:left;
  border-collapse:separate;
  border-spacing:1px;
  background:#bbb;
  width:96%;
  margin:0px auto 20px auto;
}

.c_tdl,
.c_tdr{
  vertical-align: top;
  padding:5px;
 background:#fff;}






#mail_section{
width:800px;
margin:80px auto 180px auto;
overflow:hidden;
}


#mail_section table, #mail_section td, #mail_section th{
border:none;
}

#mail_section table{
background:#cccccc;
border-collapse:separate;
border-spacing:1px;
margin:0px 0px 20px 0px;
}

#mail_section th{
font-size:100%;
font-weight:normal;
width:250px;
text-align:left;
vertical-align:top;
padding:5px;
background:#fff;
}

#mail_section td{
padding:5px;
background:#fff;
}

#mail_section textarea{
width:400px;
height:180px;
border:1px solid #ccc;
padding:5px;
}


#mail_section .button_box input{
border:1px solid #ccc;
width:150px;
padding:10px 0px;
}

#mail_section .button_box input:hover{
background:#ccc;
border:1px solid #999;
}

#mail_section .red{
color:#ff6600;
}

#mail_section #next_link{
margin:20px 0px 20px 0px;
}

#mail_section input{
width:400px;
padding:2px;
background:#eee;
border:none;
font-size:100%;
}

#mail_section #mail_submit{
margin:10px 0px;
padding:5px;
width:200px;
}


/* caution */

#cau_h3{
  font-size:140%;
}

#caution{
  border:2px solid #ff3333;
  box-sizing:border-box;
  max-width: 1160px;
  padding:10px;
  margin:0 auto 20px autod;
}

#caution .red{
  margin:0 0 0 5px;
}

.cau_p,
.cau_pb{
  margin:15px 0 0;
}

.cau_pb{
  font-weight:bold;
}