@charset "utf-8";
img {
  max-width: 100%;
}
a img:hover{
  opacity: .7;
}
.bold{
  font-weight:bold;
}
.tac{
  text-align: center;
}
.basicBox{
  margin: auto;
  margin-bottom:32px;
  padding: 0;
  width: 715px;
  border: 1px solid #dadada;
  background: #fff;
}
.basicBox h4{
  padding:8px;
  border-bottom:1px solid #dadada;
  margin-bottom:8px;
}
.basicBox p{
  padding:0 8px;
}
div.basicFlex{
  display: flex;
  display:-webkit-flex;
  justify-content:space-between;
}
table.basicTable{
  border-collapse: collapse;
  border-spacing: 0;
}
table.basicTable th{
  border-collapse: collapse;
border: solid 1px #ccc;
padding: 8px;
background: #eee;
text-align:center;
}
table.basicTable td{
  border-collapse: collapse;
border: solid 1px #ccc;
padding: 8px;

}
.contactBanner{
  margin:32px 0;
}
h3.block{
  background: #13ad67;
  padding:6px 16px;
  color:#FFF;
}
h3.block span.bikou{
  font-size: 14px;
}

h4 span.bikou{
  font-size: 14px;
  color:#717071;
}
#container h4.webSample{
  font-size:13px;
  background: #13ad67;
  padding:2px;
  color:#FFF;
  border-radius: 12px;
  /*display: inline-block;*/
  width:100px;
  text-align:center;
  margin-bottom:8px;
}
p.webSampleMain{
  margin-top:32px;
}
.sampleImageArea{
  display: flex;
  display:-webkit-flex;
  justify-content:space-between;
}
.baseIconColor{
  color:#13AD67;
}
/* Index
------------------------------------------------------------------------*/
.topServiceBoxArea:after{
  display: table;
  clear: both;
  content: "";
}
.topServiceBoxArea{
width:715px;
margin:0 auto 20px;
}

.topServiceBox{
float: left;
width: 217px;
margin: 0 10px 10px 0;
border:1px solid #CCC;
padding:6px;
}
.topServiceBox.last{
  margin-right: 0;
}
#container .topServiceBoxArea h3{
  background: none;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic,  メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size:1.5rem;
  margin-top:10px;
  margin-bottom:10px;
  padding:0;
  padding-bottom:5px;
  color: #857d53;
  color:#13ad67;
  font-weight: normal;
  border-bottom: 1px solid #dddddd;
}
.manzokuList .list,
span.list{
  color:#13ad67;
}
.manzokuList{
  font-size:1.8rem;
}
.manzokuList .small{
  font-size:14px;
}


/* 会社概要
------------------------------------------------------------------------*/
.companyTable th{
    width:120px;
}

/* ニュースレター
------------------------------------------------------------------------*/
.letterMsg{
  /*text-align:center;*/
  /*font-size:1.6rem;*/
  /*line-height:1.6;*/
}
strong{
  /*color:#8f7bc5;*/
  color:#13AD67;
  font-weight:normal;
}
/*.leftterMsgImg{
  float:left;
  padding-right:16px;
  width:240px;
}*/
.leftterMsgImg{
  margin:1rem 0;
}
.letterSampleImage{
  padding-left:16px;
  width:360px;
}
#container ul.nayamiChk li{
  background: url('../images/letter/nayami_chk.png') no-repeat 0px 4px;
  font-size:2rem;
  padding-left:40px;

}
#container ul.nayamiChk{
  margin-bottom:2rem;
}

.newsLetter4TokuArea .block:after{
  display: table;
  clear: both;
  content: "";
}

.newsLetter4TokuArea .block{
  margin-bottom:3rem;
}

.newsLetter4TokuArea .image{
  float:left;
  width:100px;
  text-align:left;
}

.newsLetter4TokuArea .text{
  float:right;
  width:580px;
}

#container .newsLetter4TokuArea h4{
  margin-top:0;
}

table.letterPriceTable{
  width:100%;
  border:none;
  margin-bottom:1.5rem;
}
table.letterPriceTable th{
  color:#13AD67;
  font-size:1.6rem;
  text-align:left;
  font-weight:normal;
  border:none;
  vertical-align: top;
}
table.letterPriceTable td{
  vertical-align: top;
}
table.letterPriceTable td.colorType{
  width:100px;
}
table.letterPriceTable td.price{
  text-align:right;
  border:none;
  /*padding-right:1.5rem;*/
}

table.letterPriceTable tr.color td{
  padding-top:16px;
}
/* ホームページ制作
------------------------------------------------------------------------*/
.hansokuSubTitle{
  color:#13AD67;
  font-size:2.2rem;
}
#container ul.hansokuServiceList:after{
  display: table;
  clear: both;
  content: "";
}
#container ul.hansokuServiceList li{
  background: url('../images/hansoku/hansoku_service_list_bg.gif') no-repeat;
  color:#717071;
  float:left;
  text-align:center;
  line-height:60px;
  margin:0 11px 11px 0 ;
  padding:0;
  width:225px;
}
#container ul.hansokuServiceList li:hover{
  opacity: .7;
}
#container.hansokupage h3{
border:none;
padding: 0 5px 0 0;
margin-bottom:22px;
line-height:37px;
font-size: 2.2rem;
background:url(../images/base/h2Bg.png) no-repeat 0 100%;
}
#container.hansokupage #sidebar h3{
border:none;
padding: 0;
margin:0;
line-height:1.6;
font-size: 1.4rem;
background:none;
font-weight: normal;
border-bottom: 1px solid #dddddd;
margin-bottom: 10px;
padding-bottom: 5px;
color: #857d53;
}
#container.hansokupage h4{
  font-size: 2rem;
  margin-bottom:2rem;
  margin-top:0;
}
.hansokuBlock:after{
  display: table;
  clear: both;
  content:"";
}
.hansokuBlock .image{
  float:left;
  width:260px;
}
.hansokuBlock .detail{
  float:right;
  width:405px;
}
.hansokuBlock .priceTitle{
  color:#9F926D;
  font-size:1.8rem;
  margin-bottom:0;
}
.hansokuBlock .priceBikou{
  font-size:13px;
  margin-bottom:0;
  padding-bottom:0;
}
.hansokuBlock .priceBikou span.mark{
    color: #13ad67;
}
.hansokuBlock .priceBlock{
  color:#717071;
}
.hansokuBlock .tani{
  font-size:2rem;
}
.hansokuBlock .price{
  font-size:3rem;
  font-weight:bold;
  font-family: 'Arial Black','ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic' ;
}
.meisiLink{
  font-size:16px;
  color:#13ad67;
}
/* ホームページ制作
------------------------------------------------------------------------*/
h4.web{
    font-size:16px;
    color:#13ad67;
}


.webMsg1{
  color:#e2a099;
  font-size:18px;
  text-align:center;
}
.webMsg2{
  color:#9f926d;
  text-align:center;
}
.webTokuchoTitle{
  font-size:16px;
  display: block;
}
ul.webKinou{
   display: flex;
   display:-webkit-flex;
   flex-wrap:wrap;
   justify-content:space-between;
}
#container ul.webKinou li{
  width:33%;
  background: none;
  list-style: none;
  margin:0;
  margin-bottom:16px;
  padding:0;;
}
.kinouBox{
  display: flex;
  display:-webkit-flex;
  justify-content:space-between;
}
.kinouBox .icon{
  /*width:72px;*/
  /*width:30%;*/
  width:50px;
  margin-right:8px;
}
.kinouBox .icon img{
  /*width:72px;*/
  width:50px;
  max-width:50px;
}
.kinouBox .text{
  width:200px;
}
.kinouBox .title{
  font-size:15px;
  color:#13ad67;
}
p.webDetail{
  padding-bottom:16px;
  border-bottom:1px dotted #717071;
}

/* 問い合わせフォーム
------------------------------------------------------------------------*/
table.formTable {
  /*width:600px;*/
  margin:auto;
  width:90%;
}
table.formTable th{
  width:25%;
}
table.formTable input[type="text"], table.formTable textarea{
  width:100%;
}
span.formHissu{
  color:#FF0000;
  font-size:13px;
  font-weight:normal;
}
.contactMsg{
  text-align:center;
}
.contactMsg .tel{
  font-size:20px;
  font-weight:bold;
}
#btnsubmit{
  display: block;
  margin:auto;
  width:120px;
  height:36px;
  text-align:center;
  margin-bottom:20px;
}
#formResult{
  text-align: center;
  font-weight:bold;
  margin-top:20px;
  padding:10px;
  border-radius: 8px;
}
.formError{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
    margin-bottom:20px;
}
.formSuccess{
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
    margin-bottom:20px;
}
.hankaku{
  ime-mode: disabled;
}
input[type="text"], textarea {
    vertical-align: middle;
    max-width: 90%;
    line-height: 30px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fcfcfc;
}

textarea{
  line-height: 1.6;
  height:120px;
}
#btnsubmit{
  padding:12px;
  height:auto;
}

/* 応援
------------------------------------------------------------------------*/
#container h2.ouen{
  background: none;
  font-size:2.2rem;
  border:none;
}
.ouen p{
  padding-bottom:20px;
}
#container h2.ouen.green,
.strongGreen{
  color:#21ab38;
}
#container h2.ouen.olive,
.strongOlive{
  color:#889b54;
}
#container h2.ouen.blue,
.strongBlue{
  color:#00b4c4;
}
#container h2.ouen.purple,
.strongPurple{
  color:#c270aa;
}
#container h2.ouen.pink,
.strongPink{
  color:#e497a5;
}
#container h2.ouen.brown,
.strongBrown{
  color:#b4905f;
}
.skyblue{
  color:#409AD6;
}

div.ichigoichie a{
  text-decoration: none;
}

/**/
.news34Graph{
  float:right;
  padding:0 0 16px 16px;
}
@media only screen and (max-width:435px){
  .news34Graph{
  float:none;
  padding:0;
  display: block;
  margin:16px auto;
}
}

/* リコールDM */
/* 画像エリア */
div.recallArea{
  flex-wrap: wrap;
}
div.recallArea .recallBlock{
  margin-bottom:16px;
}
div.recallArea.hagakiTate .recallBlock{
  /* width:24%; */
  width:32%;
}
div.recallArea.hagakiYoko .recallBlock{
  width:32%;
}
div.recallArea .recallImage{
  text-align:center;
}
div.recallArea .designIdBlock{
  color:#13AD67;
  font-weight:bold;
  font-size:14px;
  width:50%;
}
div.recallArea .designIdBlock a{
  color:#13AD67;
}

div.recallArea .orderBtnBlock{
  width:50%;
}
div.recallArea .orderBtnBlock img{
  width:86px;
  height:auto;
}
div.recallArea a{
  text-decoration: none;
}
div.recallArea .designIdBlock a:hover{
  color:#e8807d;
}
@media only screen and (max-width:959px){
  div.recallArea.hagakiTate .recallBlock{
    width:100%;
  }
  div.recallArea.hagakiYoko .recallBlock{
    width:100%;
  }
  div.recallArea .designIdBlock{
    text-align:center;
  }
  div.recallArea .orderBtnBlock{
    text-align:center;
  }
}
/* -- 画像エリア */
div.recallTextSampleBlock{
  margin-bottom:20px;
}
div.recallTextSampleBlock .icon{
  width:7%;
}
div.recallTextSampleBlock .sample{
  width:90%;
}
div.recallHagakiSampleArea{
  width:96%;
  margin:auto;
}
div.recallHagakiSampleBlock{
  width:45%;
}
div.recallHagakiSampleArea .image{
  text-align:center;
}
@media only screen and (max-width:959px){
  div.recallHagakiSampleArea{
    flex-wrap: wrap;
  }
  div.recallHagakiSampleBlock{
    width:100%;
    margin-bottom:16px;
  }
}
/* 注文フォーム */
table.recallOrderTable #num2{
  margin-left:32px;
}
@media only screen and (max-width:959px){
  table.recallOrderTable #num2{
    margin-left:0;
  }
}

br.spOnly{
  display:none;
}
@media only screen and (max-width:959px){
  br.spOnly{
    display:inherit;
  }
}