/*=================================================
 * 初期設定
 * ================================================= */
body{
 text-align : center;
 background-color: #eaf3f7;
 background-image : url(../img/bg.gif);
 font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
 address, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td
{
 margin: 0;
 padding: 0;
 border: 0;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 font-size : 15px;
 line-height: 140%;
 box-sizing: border-box;
}
hr.hr1{
  border:0;
  border-bottom: 1px dashed #000000;
  margin: 15px 0;
}
.sp_only{
  display: none;
}
#price1,#sum1,#price2,#sum2{
  display: none;
}
.check_list li:before {
    font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    left: 0.5em;
    color: #E97400;
}
/*=================================================
 * clearfixの設定
 * ================================================= */
.clearfix:after {
  content: url(clearfix.gif);
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
.clearfix {
  display: block;
}

a{
 color : #000000;
 text-decoration : underline;
}
a:hover{
 color : #999999;
}
img{
 border-style:none;
}
a img{
 border-style:none;
}
a:hover img{
 opacity:0.8;
 filter: alpha(opacity=80);
 -ms-filter: "alpha( opacity=80 )";
 background: #fff;
}
.no_img{
  display: none;
}
a[href^="tel:"] {
  pointer-events: none;
}
/* ------------------------------
   loopSlider
------------------------------ */
.bnr{
  margin: 30px auto 15px;
  max-width: 920px;
  width: 100%;
}
.bnr_list{
  text-align: center;
  margin: 10px auto 25px auto;
  max-width: 480px;
  width: 90%;
}
.bnr_list a{
  display: block;
  padding: 10px 15px;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #000066;
}
.loopSliderWrap {
  top: 0;
  left: 0;
  height: 100px;
  overflow: hidden;
  position: absolute;
}

.loopSlider {
  margin: 0 auto;
  width: 100%;
  height: 50px;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.loopSlider ul {
  height: 50px;
  float: left;
  margin: 10px 0;
  overflow: hidden;
}

.loopSlider ul li {
  width: 100px;
  float: left;
  overflow: hidden;
  margin: 0 10px;
}
.loopSlider ul li img{
  width: 100%;
}

/* ------------------------------
 クライアントページ
------------------------------ */
.loopSliderWrap:after {
  content: "";
  display: none;
  clear: none;
}
.client_list .alph{
  color: #000080;
  text-align: left;
  margin: 10px 0 0 0;
  padding: 5px 0;
}
.client_list ul{
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 30px 0;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 30px;
}
.client_list ul li{
  width: 31%;
  margin: 1%;
  color: #999;
}
.client_list ul li img{
  margin-bottom: 3px;
  max-width: 200px;
  width: 100%;
}

/* ------------------------------
   YOUTUBE
------------------------------ */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*=================================================
 * 全体の幅
 * ================================================= */
#wrapper{
  width : 980px;
  text-align : center;
  overflow:hidden;
  margin:0 auto;
  padding-bottom : 30px;
  background-color: #ffffff;
}
@media screen and ( max-width: 980px ) {
#wrapper{
  width: 100%;
}
.contact_info{
  width: 100%;
}
.contact_info img{
  width: 100%;
}
}
@media screen and ( max-width: 767px ) {
#wrapper{
  padding-bottom : 0px;
}
}

/*=================================================
 * 共通設定
 * ================================================= */

#socialmedia{
  float: left;
  height: 28px;
}
.socialmedia{
  text-align: right;
  padding:2px 0px 2px 10px;
  margin:2px auto 0;
}
#count{
  float: right;
  height: 28px;
  line-height: 28px;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}
.float-right{
  float: right;
}
.float-left{
  float: left;
}
/*=================================================
 * ナビゲーション
 * ================================================= */

#nav{
  margin: 0;
  padding: 0;
  clear: both;
}
#nav li{
  list-style-type: none;
  float: left;
}
@media screen and ( max-width: 980px ) {
#nav li{
  width: 16.66%;
}
#nav li img{
  width: 100%;
}
}


/*=================================================
 * ヘッダー
 * ================================================= */
#head{
  width: 962px;
  margin: 0 auto;
}
#head hr{
  clear: both;
  border-width: 0 0 0 0;
  border-style: solid;
  border-color: #fff;
  height: 0;
}
#head_contact{
  float: right;
  text-align: right;
  width: 510px;
  padding: 0 0 6px 0;
  margin: 0 4px 0 0;
}
#head_contact h1{
  font-size: 13px;
  padding: 0 3px 4px 6px;
  text-align: left;
}
#head_contact div{
  font-size: 13px;
  padding: 0 3px 0px 6px;
  text-align: left;
}
.head_line_btn{
  display: block;
  float: left;
  margin: 10px 0 0 10px;
}
#logo{
  float: left;
  text-align: left;
  width: 38%;
  padding-top: 10px;
}
#logo_img1{
  float: left;
  margin: 0 8px 0 0;
}
#logo p{
  padding: 12px 0 10px 18px;
  font-size: 14px;
  font-weight: normal;
}
#logo p strong{
  font-size: 16px;
  font-weight: bold;
  line-height: 135%;
  color: #122e9d;
}
#logo_img2{
  float: right;
  margin: 0 0 0 0;
  width: 100%;
}
.mb_only,.tab_only,.smb_only{
  display: none;
}
@media screen and ( max-width: 980px ) {
#head{
  width: 100%;
  margin: 0 auto;
}
}
@media screen and ( max-width: 950px ) {
.tab_only{
  display: none;
}
#head_contact {
  width: 50%;
  padding: 0;
  margin: 24px 4px 0 0;
}
#head_contact img{
  width: 100%;
}
}


@media screen and ( max-width: 767px ) {
.pc_only{
  display: none;
}
.sp_only, .tab_only{
  display: block;
}
.smb_only{
  display: none;
}
.sp_head{
  border-bottom: 1px solid #000033;
}
.float-right, .float-left{
  float: none;
}
#global-head {
  width: 100%;
  padding: 0;
  background: #fff;
}
#brand-logo{
  width: 105px;
  float: left;
  min-height: 60px;
}
#brand-logo img{
  max-width: 50px;
  width: 100%;
}
.midashi{
  float: left;
  width: 37%;
}
.midashi h1{
  color: #000;
  font-weight: bold;
  text-align: left;
  padding: 10px 0 0 5px;
}
#sp_r_menu{
  width: 190px;
  float: right;
  margin-right: 60px;
}
.icon_menu{
  float: right;
  width: 60px;
  border-left: 1px solid #ccc;
  min-height: 60px;
}
.icon_menu a{
  display: block;
  font-size: 60%;
  color: #0e72ac;
}
.icon_menu i{
  font-size: 380%;
  line-height: 100%;
}
a[href^="tel:"] {
  pointer-events: auto;
}
}
@media screen and ( max-width: 540px ) {
.midashi{
  display: none;
}
.mb_only{
  display: block;
  background: #003f8b;
  color: #fff;
}
.mb_only h1{
  text-align: left;
  padding: 5px 10px;
}
}
/*=================================================
 * フッダー
 * ================================================= */
#footer{
  background-color: #eaf3f7;
  background-image : url(../img/bg.gif);
  width: 980px;
  margin: 0 auto;
}
#footer p{
  padding: 4px 0;
  font-size: 13px;
}
#foot ul{
  margin: 0 auto;
  width: 850px;
}
#foot li{
  float: left;
  list-style-type: none;
  margin: 0 4px;
  padding: 12px 0;
  font-size: 80%;
}
.foot_info{
  background-image: url(../img/sp_foot_bg.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.foot_info img{
  width: 100%;
}
.foot_info a:hover img{
 opacity:1;
 filter: alpha(opacity=100);
 -ms-filter: "alpha( opacity=1 )";
 background: none;
}
@media screen and ( max-width: 767px ) {
#footer{
  width: 100%;
}
#foot{
  display: none;
}
.foot{
  padding: 10px 0;
}
.foot h4{
  font-size: 120%;
}
.foot p{
  font-size: 60%;
  clear: both;
  padding-top: 5px;
}
}

/*=================================================
 * メインコンテンツ
 * ================================================= */
#main_contents, #is_contents{
    width: 730px;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    padding: 10px 0 0 0;
    margin-right: auto;
    background-color: #fff;
}
#main_contents h1{
  color: #003f61;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 14px;
  background-image : url(../img/midashi.png);
  background-repeat : repeat-x;
  border: 1px solid #d0d0d0;
}

#main_contents h2{
  color: #f6f6f6;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  height: 26px;
  background-image : url(../img/top_line.png);
  background-repeat : no-repeat;
  margin: 16px 0 0 5px;
  padding: 0 0 0 26px;
}
#main_contents h3{
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  padding: 4px 0 4px 6px;
  clear: both;
  border-left: 12px solid #4091c1;
  margin: 10px 0 0 12px;
}

.flash{
  margin: 0 0 10px 0;
}
@media screen and ( max-width: 979px ) {
  #main_contents{
    max-width: 750px;
    float: none;
    margin: 0 auto;
    padding: 0;
  }
}
@media screen and ( max-width: 749px ) {
  #main_contents{
    width: 100%;
  }
}

/*=================================================
 * メニュー
 * ================================================= */
#special{
  margin: 10px;
  font-size: 13px;
  line-height: 140%;
  text-align: left;
}
#special span{
  font-size: 16px;
  font-weight : bold;
}
#special strong{
  font-size: 14px;
  font-weight : bold;
  color: #ff0000;
}
#aisatsu2{
  border: 3px double #cccccc;
  margin: 0 0 15px 0;
  padding: 10px;
  font-size: 13px;
  line-height: 120%;
  text-align: left;
}
#aisatsu2 span{
  font-size: 18px;
  font-weight : bold;
}
#special .side_ranking, #special .side_ranking_company{
  font-size: 13px;
}
#special .side_ranking p, #special .side_ranking_company p{
  padding: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #cc0000;
}
#special .side_ranking_company p{
  background-color: #122E9D;
}

#special .side_ranking li, #special .side_ranking_company li{
  margin-top: 15px;
}
#special .side_ranking li:nth-of-type(1), #special .side_ranking_company li:nth-of-type(1){
  margin-top: 10px;
}
#special .side_ranking li a, #special .side_ranking_company li a{
  margin-top: 10px;
  border-bottom: 2px solid #cc0000;
  font-weight: bold;
}
#special .side_ranking li a span, #special .side_ranking_company li a span{
  display: table-cell;
  font-size: 13px;
  vertical-align: middle;
}
#special .side_ranking li a span:nth-of-type(1), #special .side_ranking_company li a span:nth-of-type(1){
  width: 30px;
}
.menu_box{
  text-align: left;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 210px;
  margin: 0 auto 10px auto;
}
.menu_box h2{
  background-image : url(../img/m_bg2.png);
  background-repeat : repeat-x;
  text-align: center;
  height: 34px;
  line-height: 34px;
  color: #fffff7;
  font-weight: bold;
  font-size: 16px;
}
.menu_box dl{
  text-align: left;
}
.menu_box dt{
  background-image : url(../img/m_bg3.png);
  background-repeat : repeat-x;
  height: 28px;
  line-height: 28px;
  color: #006699;
  font-size: 15px;
  font-weight: bold;
  padding: 0 0 0 18px;
}
.menu_box dd{
  background-image : url(../img/m_bg.png);
  background-repeat : no-repeat;
  background-position : left top;
  background-color: #f8f8f8;
  padding: 10px 0 10px 18px;
  font-size: 14px;
}
.menu_box dd a{
  color: #000;
}
.menu_box dd a span{
  font-size: 15px;
  color: #00F;
  text-decoration: none;
}
.menu_box dd span{
  font-size: 15px;
  color: #00F;
  text-decoration: none;
}
.menu_box dd strong{
  color: #f00;
}
.menu_box dd strong.green{
  color: #3cb371;
}
.menu_box dd a strong{
  color: #F00;
}
.menu_box dd a:hover{
  color: #ff8000;
}
.menu_img1{
  margin: 8px 0 0 5px;
}
.menu_box #special{
  border-bottom: 1px dotted #ccc;
  padding-bottom: 20px;
}
@media screen and ( max-width: 767px ) {
.menu_box, .member, .menu_list, .fb-page{
  display: none;
  float: none;
  width: 100%;
}
.sp_menu{
  width: 100%;
}
/*ボックス全体*/
.accbox {
    margin: 2em 0 0 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #fff;
    font-weight: bold;
    background: #336699;
    cursor :pointer;
    transition: all 0.5s;
    font-size: 160%;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f078';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#336699;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #ffffff;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f077';
}
.accbox ul {
  padding: 0;
  margin: 0;
}

.accbox ul li {
  position: relative;
  list-style-type: none!important;
  text-align: left;
  border-bottom: 1px dotted #ccc;
}
.accbox ul li a{
  display: block;
  font-size: 110%;
  line-height: 2;
  padding: 0.5em 0 0.5em 24px;
  text-decoration: none;
}

.accbox ul li a:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : .5em;/*左端からのアイコンまでの距離*/
  color: skyblue;/*アイコン色*/
}
.accbox ul li a:hover{
  background-color: #FAFAFA;
  color: #336699;
}
}
/* ---------- アコーディオンの設定 ----------- */
ul.accordion {
  list-style-type: none;
}
ul.accordion a {
}
ul.accordion ul {
  display:none;
  list-style-type: none;
}
ul.accordion li p {
  background-color: #e3eef2;
  border-bottom: 1px solid #ffffff;
  height: 30px;
  cursor: pointer;
}
ul.accordion li p span.open {
  background-image : url(../img/close.png);
  background-repeat : no-repeat;
  background-position : 7px center;
  height: 30px;
  display: block;
}
ul.accordion li p span {
  background-image : url(../img/open.png);
  background-repeat : no-repeat;
  background-position : 7px center;
  padding: 0 0 0 18px;
  color: #006699;
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
  display: block;
}
ul.accordion li ul li {
  background-image : url(../img/icon_1.png);
  background-repeat : no-repeat;
  background-position : left 5px;
  margin: 10px 0 10px 10px;
  padding-left: 8px;
  font-size: 14px;
}
ul.accordion li strong {
  color: #F00;
}
/* ---------- / アコーディオンの設定 ----------- */


.menu_box2{
  border: 1px solid #ccc;
  background-color: #fff;
  width: 210px;
  margin: 0 auto 10px auto;
}
.menu_box2 h2{
  background-image : url(../img/m_bg2.png);
  background-repeat : repeat-x;
  text-align: center;
  height: 34px;
  line-height: 34px;
  color: #fffff7;
  font-weight: bold;
  font-size: 16px;
}
.menu_box2 dl{
  text-align: left;
}
.menu_box2 dt{
  background-image : url(../img/m_bg.png);
  background-repeat : no-repeat;
  background-position : left top;
  font-size: 15px;
  color: #00F;
  text-decoration: none;
  padding: 10px 0 2px 18px;
}
.menu_box2 dd{
  padding: 0 5px 10px 18px;
  font-size: 14px;
}
.menu_box2 dd a{
  color: #000;
}

.menu_box2 dd strong{
  color: #f00;
}
.menu_box2 dd a strong{
  color: #F00;
}
.menu_box2 dd a:hover{
  color: #ff8000;
}
.menu_box2 p{
  text-align: left;
  font-size: 16px;
  font-weight : bold;
  margin: 10px 8px;
  border-bottom: 1px solid #cccccc;
}
.menu_box2 p span{
  font-size: 16px;
  font-weight : bold;
  color: #cc0000;
}
.mb1{
  padding: 8px 0 2px 8px ;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}
.mb2{
  font-size: 14px;
  padding: 2px 10px 12px 10px;
  text-align: left;
}
.menu_list{
  width: 210px;
  margin: 0 auto;
}
.menu_list{
  text-align: left;
}
.menu_list li{
  background-image : url(../img/m_bg4.png);
  background-repeat : repeat-x;
  height: 40px;
  line-height: 40px;
  list-style-type: none;
  color: #fffff7;
  padding: 0 0 0 18px;
  font-size: 16px;
  font-weight: bold;
}
.menu_list li a{
  color: #fffff7;
  text-decoration : none;
  display: block;
}
.menu_list li a:hover{
  color: #ffff00;
}
.member{
  padding: 0 0 10px 0;
}
ul.menu_list01{
  margin-left: 10px;
}
/*=================================================
 * サブコンテンツ
 * ================================================= */
#sub_contents{
  float: left;
  width: 212px;
  margin: 10px 0 0 10px;
}
.center{
  margin: 0 auto;
  text-align: center;
}
.tv{
  padding: 5px 0 0 0;
}
.tv_co{
  background-color: #cc0000;
  margin: 5px auto 0;
  padding: 5px;
  color: #fff;
}

/*=================================================
 * トップコンテンツ
 * ================================================= */
#top_contents{
  width: 730px;
  float: right;
  margin: 0 10px 0 0;
  padding: 10px 0 0 0;
}
#top_contents h1{
  color: #003f61;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 14px;
  background-image : url(../img/midashi.png);
  background-repeat : repeat-x;
  border: 1px solid #d0d0d0;
}
#top_contents h2 {
	position: relative;
	padding: 7px 0 5px;
	background-color: #000033;
	background-image: none;
	color: #fff;
	font-size: 200%;
	font-weight: bold;
}
#top_contents h2 span {
	padding: 0 10px;
	color: #fff;
	<br>: 20px;
	font-weight: normal;
}
.bold{
  font-weight: bold;
  color: #ffff00;
}
#top_contents h2::before,
#top_contents h2::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
}
#top_contents h2::before {
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #696969;
}
#top_contents h2::after {
	right: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-top-color: #696969;
}
.btn, .btn1, .btn4, .btn_blue{
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height : 20px;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fd8f9b), color-stop(0.50, #f55), color-stop(0.50, #f60000), color-stop(1.00, #ffa7b0));
  background: -webkit-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
  background: -moz-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
  background: -o-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
  background: -ms-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
  background: linear-gradient(to bottom, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #FF6666;
  -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
  -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
  text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
  width: 30.6%;
  padding: 10px 0;
  float: left;
  margin: 5px 6px;
  color: #FFFf00;
}
.btn_blue{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #70b6f2), color-stop(0.50, #54a3ee), color-stop(0.50, #3690f0), color-stop(1.00, #1a62db));
background: -webkit-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
background: -moz-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
background: -o-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
background: -ms-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
background: linear-gradient(to bottom, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
border: 1px solid #3690f0;
}
.btn1, .btn_blue{
  width: 47%;
}
.btn4 {
  width: 90%;
  margin: 5px auto;
  float: none;
}
a:hover.btn4, a:hover.btn_blue{
  color: #FFF;
}
.peculiarity {
    position: relative;
    margin: 20px auto 0 auto;
    padding: 0.5em 1em;
    border: solid 3px #00bcd4;
    border-radius: 8px;
    width: 92%;
}
.peculiarity .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 21px;
    background: #FFF;
    color: #00bcd4;
    font-weight: bold;
}
.peculiarity p {
    margin: 0;
    padding: 5px 0;
    text-align: left;
}
.peculiarity ul {
  padding: 5px 10px 10px 25px;
  position: relative;
  text-align: left;
  margin: 5px 0px 5px -5px;
}

.peculiarity ul li {
  font-size: 105%;
  line-height: 140%;
  padding: 0.5em 0;
  list-style-type: none!important;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 5px;
}
.peculiarity ul li:before {
  font-family: FontAwesome;
  content: "\f0da";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: gray; /*アイコン色*/
}
.peculiarity ul li span{
  font-size: 90%;
  color: #cc0000;
  margin: 0 0 0 -8px;
}
.peculiarity ul li strong{
  color: #ff0000;
  font-weight: bold;
}
@media screen and ( max-width: 530px ) {
.btn, .btn1, .btn_blue {
  width: 96%;
  float: none;
  margin: 5px auto;
}
}

a:hover.btn, a:hover.btn1 {
	color: #FFF;
}

.btn_order {
	display: inline-block;
	width: 97%;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #aa0000;
	border: 2px solid #aa0000;
	color: #fff;
	margin: 0 auto 35px auto;
	font-size: 150%;
	line-height: 105%;
	font-weight: bold;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
    padding: 15px 30px;
}
.btn_order::before,
.btn_order::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn_order,
.btn_order::before,
.btn_order::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn_order:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}
.btn_order::before,
.btn_order::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #aa0000;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.btn_order::before {
	right: 0;
}
.btn_order::after {
	left: 0;
}
.btn_order:hover::before,
.btn_order:hover::after {
	width: 0;
	background-color: #59b1eb;
}
h3.kitaku,h3.sma,h3.bnr{
  background-color: #369;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  padding: 7px 0 5px 0;
}
h3.sma{
  background-color: #009933;
}
h3.bnr{
  background-color: #E55E2C;
}
.tasu2 p{
  clear: both;
}
.item_box{
  width: 17.98%;
  padding: 5px;
  border: 1px solid #ccc;
  margin: 5px;
  float: left;
  min-height: 170px;
}
.item_box img{
  width: 92%;
}
.tasu2 .item_box{
  min-height: 125px;
}
.bichiku_item .item_box p{
  font-size: 85%;
  padding: 3px 0;
}
.smart{
  width: 45.8%;
  float: left;
  border: 1px solid #ccc;
  margin: 5px 5px 35px 5px;
  padding: 5px;
}
.smart img{
  width: 97%;
}
.smart .btn_order {
  width: 97%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #aa0000;
	border: 2px solid #aa0000;
	color: #fff;
	margin: 0 auto 10px auto;
	font-size: 130%;
	font-weight: bold;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}
.smart .btn_order::before,
.smart .btn_order::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.smart .btn_order,
.smart .btn_order::before,
.smart .btn_order::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.smart .btn_order:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}
.smart .btn_order::before,
.smart .btn_order::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #aa0000;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}
.smart .btn_order::before {
	right: 0;
}
.smart .btn_order::after {
	left: 0;
}
.smart .btn_order:hover::before,
.smart .btn_order:hover::after {
	width: 0;
	background-color: #59b1eb;
}
.smart .comment{
  min-height: 140px;
}

.btn2 {
    float: left;
    margin: 5px 5px 35px;
    width: 48%;
}

.btn2 .btn_order {
   	display: inline-block;
	width: 97%;
	height: 70px;
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #aa0000;
	border: 2px solid #aa0000;
	color: #fff;
	margin: 0 auto 10px auto;
	padding: 8px 0 0 0;
	font-size: 18px;
	font-weight: bold;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}
.btn2 .btn_order::before,
.btn2 .btn_order::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn2 .btn_order,
.btn2 .btn_order::before,
.btn2 .btn_order::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn2 .btn_order:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}
.btn2 .btn_order::before,
.btn2 .btn_order::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #aa0000;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.btn2 .btn_order::before {
	right: 0;
}
.btn2 .btn_order::after {
	left: 0;
}
.btn2 .btn_order:hover::before,
.btn2 .btn_order:hover::after {
	width: 0;
	background-color: #59b1eb;
}


.btn3 {
    float: left;
    margin: 5px 5px 35px;
    width: 31%;
}
.btn3 .btn_order {
   	display: inline-block;
	width: 97%;
	height: 70px;
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #aa0000;
	border: 2px solid #aa0000;
	color: #fff;
	margin: 0 auto 10px auto;
	padding: 8px 0 0 0;
	font-size: 18px;
	font-weight: bold;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}
.btn3 .btn_order::before,
.btn3 .btn_order::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn3 .btn_order,
.btn3 .btn_order::before,
.btn3 .btn_order::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn3 .btn_order:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}
.btn3 .btn_order::before,
.btn3 .btn_order::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #aa0000;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.btn3 .btn_order::before {
	right: 0;
}
.btn3 .btn_order::after {
	left: 0;
}
.btn3 .btn_order:hover::before,
.btn3 .btn_order:hover::after {
	width: 0;
	background-color: #59b1eb;
}

table.type09 {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	width: 97%;
	margin: 15px auto 30px auto;
}
table.type09 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #369;
	border-bottom: 3px solid #036;
	font-size: 110%;
}
table.type09 tbody th {
	width: 40%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #f3f6f7;
	text-align: left;
}
table.type09 td {
	width: 30%;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
table.type09 td img{
	width: 100%;
}
table.type10 {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	width: 97%;
	margin: 15px auto 30px auto;
}
table.type10 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #009933;
	border-bottom: 3px solid #009933;
	font-size: 110%;
}
table.type10 tbody th {
	width: 25%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #f3f6f7;
	text-align: left;
}
table.type10 td {
	width: 25%;
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
table.type10 td img{
	width: 100%;
}
.scroll table{
width:100%;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
@media screen and ( max-width: 680px ) {
.smart{
  width: 96%;
  float: none;
  margin: 5px auto 35px auto;
}
.smart .comment {
  min-height: 0px;
  padding-bottom: 10px!important;
}
.scroll table{
  width:680px;
}
.btn2, .btn3 {
  float: none;
  margin: 5px auto 10px;
  width: 96%;
}
}
#nayami_box{
  margin: 20px auto;
  width: 96%;
  border: 1px solid #999;
}
#nayami_con1{
  background-image : url(../img/bg_nayami.png);
  background-repeat : no-repeat;
  padding-bottom: 15px;
  background-size: cover;
}
#nayami_con1 h3{
  text-align: left;
  padding: 20px 0 5px 15px;
  font-size: 30px;
  font-weight: bold;
}
#nayami_con1 ul{
  margin: 0;
  text-align: left;
  list-style-type: none;
  position: relative;
}
#nayami_con1 li{
  list-style-type: none!important;/*ポチ消す*/
  padding-left: 1em;
  margin: 0 0 5px 20px;
  font-size: 22px;
  line-height: 135%;
}
#nayami_con1 li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f046";
  position: absolute;
  left : 18px; /*左端からのアイコンまで*/
  color: #cc0000; /*アイコン色*/
  font-weight: normal;
}
#nayami_con2{
  padding-bottom: 15px;
  margin-bottom: 10px;
}
#nayami_con2 #k_nayami{
  border-top: 1px solid #999;
  background: url(../img/bg_kashiwagi.png) no-repeat 0 1px;
  text-align: left;
  background-size: contain;
}
#nayami_con2 h3{
  padding: 25px 0 5px 27%;
  font-size: 30px;
  font-weight: bold;
  color:#FF6600;
}
#nayami_con2 p{
  padding: 0 25px 20px 27%;
  font-size: 22px;
  line-height: 32px;
}
#nayami_con2 p span{
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
  color: #cc0000;
}
.point ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
}
.point ol li{
  position: relative;
  padding: 0.5em 0.5em 0.5em 55px;
  line-height: 1.5em;
  text-align: left;
  font-size: 120%;
}
.point ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #cc0000;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 25px;
  border-radius: 50%;/*円にする*/
  left: 5px;
  width: 35px;
  height: 35px;
  line-height: 36px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 30%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.point ol li:after {/*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 34px;/*左からの位置*/
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;

  border-left: 12px solid #cc0000;
  /*以下 上下中央寄せのため*/
  top: 30%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*チェックは隠す*/
.point input, .service input, .item_list input {
  display: none;
}
.pc_none{
  display: none;
}
.service{
    margin: 2em 0 0 0;
}
/*ラベル*/
.service label{
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #fff;
    font-weight: bold;
    background: #cc0000;
    transition: all 0.5s;
    font-size: 160%;
}
/*ラベル*/
.item_list label{
  display: block;
  color: #003f61;
  font-size: 14px;
  font-weight: bold;
  background-color: #e3eef2;
  padding: 5px 13px;
  margin-top: 30px;
}

@media screen and ( max-width: 530px ) {
#nayami_con1 h3{
  font-size: 130%;
  padding: 10px 0 5px 10px;
}
#nayami_con1 li{
  padding-left: 0.6em;
  font-size: 16px;
  line-height: 120%;
}
#nayami_con1 li:before {/*疑似要素*/
  left : 10px; /*左端からのアイコンまで*/
}
#nayami_con2{
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#nayami_con2 h3{
  padding: 15px 0 5px 24%;
  font-size: 130%;
}
#nayami_con2 p{
  padding: 0 5px 0px 28%;
  font-size: 16px;
  line-height: 135%;
}
#nayami_con2 p span{
  font-size: 100%;
  line-height: 100%;
}
.point ol li{
  font-size: 105%;
}
.point, .service{
    margin: 2em 0 0 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.point label{
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #fff;
    font-weight: bold;
    background: #cc0000;
    cursor :pointer;
    transition: all 0.5s;
    font-size: 160%;
}
/*ラベル*/
.service label{
    font-size: 130%;
    text-align: left;
}

/*アイコンを表示*/
.point label:before, .service label:before{
    content: '\f078';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.point label:hover, .service label:hover{
    background :#FF6600;
}
/*中身を非表示にしておく*/
.point .accshow, .service .accshow{
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #fff;
    opacity: 1;
}
/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f077';
}
}

.table_03{
width: 90%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 20px auto;
}
.table_03 th{
width:30%;
padding:4px;
text-align: left;
vertical-align: middle;
color: #444;
background-color: #fafafa;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 110%;
font-weight: bold;
}
.table_03 td{
padding:4px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
font-weight: bold;
}
#sonota{
  margin-bottom: 15px;
}
td.sp{
  color: #009933;
  font-weight: bold;
  width: 40%;
  border-right: none;
}
td.op{
  color: #369;
  font-weight: bold;
  width: 40%;
  border-right: none;
}
p.caution{
  margin: -15px 27px 15px 0;
  text-align: right;
}
#merit{
  background-color: #ccc;
  padding: 10px;
  width: 87%;
  margin: 0 auto;
  text-align: left;
}
#merit h4{
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #000;
  margin: 10px;
}
#merit ul{
  list-style: disc;
  margin: 0 0 0 35px;
}
#merit li{
  list-style: disc;
  margin: 0 10px 5px 0;
  font-size: 15px;
}
#top_contents h2.service {
	position: relative;
	padding: 7px 0 5px;
	background-color: #cc0000;
	background-image: none;
	color: #fff;
	font-size: 210%;
	font-weight: bold;
	margin-top: 50px;
}
#top_contents h2.service span {
	padding: 0 10px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}
#top_contents h2.service::before,
#top_contents h2.service::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
}
#top_contents h2.service::before {
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #696969;
}
#top_contents h2.service::after {
	right: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-top-color: #696969;
}
.service dl{
  margin: 15px auto 25px auto;
  width: 90%;
  text-align: left;
}
.service dt {
	position: relative;
	padding-bottom: 0px;
	border-bottom: 4px solid #ccc;
	font-size: 18px;
	font-weight: bold;
}
.service dt::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #cc0000;
}
.service dd{
  margin: 6px 0 20px 3px;
  font-size: 16px;
}
.name{
  margin: 20px 25px 10px;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}
img.sp_main_visual{
  display: none;
}
#is_contents h1,#regulations h1{
  border: 1px solid #ccc;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d5f1fb), color-stop(0.00, #fff));
  background: -webkit-linear-gradient(#fff, #d5f1fb);
  background: -moz-linear-gradient(#fff, #d5f1fb);
  background: -o-linear-gradient(#fff, #d5f1fb);
  background: -ms-linear-gradient(#fff, #d5f1fb);
  background: linear-gradient(#fff, #d5f1fb);
  text-align: left;
  padding: 8px 5px 8px 7px;
  font-size: 19px;
  font-weight: bold;
  color: #003F61;
  line-height: 135%;
}
#is_contents h1 sup{
  font-size: 12px;
}
#is_contents h1 span{
  border-left: 3px solid #003F61;
  padding-right: 10px;
  color: #003F61;
  vertical-align: middle;
  font-size: 59%;
}
#is_contents h1 .nyuka{
  float: right;
  font-size: 19px;
  font-weight: bold;
  color: #cc0000;
}
@media screen and ( max-width: 979px ) {
#top_contents, #is_contents{
  width: 74%;
  float: right;
  margin: 10px 10px 0 0;
  padding: 0;
}
#top_contents img{
  width: 100%;
}
}
@media screen and ( max-width: 899px ) {
#top_contents, #is_contents{
  width: 72%;
}
}
@media screen and ( max-width: 829px ) {
#top_contents, #is_contents{
  width: 69%;
}
}
@media screen and ( max-width: 767px ) {
#top_contents, #is_contents{
  width: 100%;
  float: none;
}
img.main_visual{
  display: none;
}
img.sp_main_visual{
  display: block;
  width: 100%;
}
}
@media screen and ( max-width: 480px ) {
#top_contents h2, #top_contents h2.service{
	font-size: 145%;
}
.smb_only{
  display: block;
}
.tab_only{
  display: none;
}
}

/*=================================================
 * フラッシュ
 * ================================================= */

.flash{
 width : 720px;
 height : 290px;
 background-color: #ffffff;
 float: left;
 margin: 0 0 10px 5px;
}
ul{
 padding : 0px;
 margin : 0px;
}
li{
 padding : 0px;
 margin : 0px;
 list-style-type: none;
 list-style-position: outside;
}
#image_rotate{
 margin : 0px;
 padding: 0px;
}

/*=================================================
 * おすすめ商品
 * ================================================= */
.select{
  text-align: left;
}
.select_l{
  float : left;
  width: 290px;
  margin-right: 10px;
}
.select_l img{
  margin: 10px 0px 0px 20px;
}
.sl1{
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0 0 0;
  color: #006699;
}
.sl2{
  padding: 25px 20px 0 0;
  font-size: 14px;
  line-height: 140%;
}
.sl3{
  font-size: 18px;
  line-height: 140%;
  font-weight : bold;
  margin: 4px 0 0 0;
}
.select_cart{
  text-align: right;
  padding: 10px 20px 4px 0;
  font-size: 16px;
}
.select_cart strong{
  font-size: 18px;
  color: #e80000;
}
.slsw{
  margin: 10px;
}
.slsw dt{
  font-size: 16px;
  font-weight: bold;
  color: #023399;
}
.slsw dd{
  font-size: 14px;
}
.slsw dd strong{
  color: #ff0000;
}

/*=================================================
 * 商品一覧
 * ================================================= */
hr{
  clear: both;
  border-width: 0 0 0 0;
  border-style: solid;
  border-color: #fff;
  height: 0;
}
.zaiko{
  font-size: 14px;
  font-weight: bold;
  color: #e80000;
}
.top_contents{
  text-align : left;
}
.top_contents img{
  margin-bottom : 10px;
}
.top_contents p{
  width : 360px;
  float : right;
  font-size: 14px;
  line-height: 140%;
  margin-right : 15px;
}
.top_contents iframe{
  float : left;
  margin-left : 5px;
}
.top_contents .top_content1{
  float: left;
  width: 230px;
  margin: 0px 2px 10px 10px;
  padding: 0px 0px 7px 0px;
  background-color: #ffffff;
}
.top_contents .top_content2{
  float: left;
  width: 230px;
  margin: 0px 3px 10px 3px;
  padding: 0px 0px 7px 0px;
  background-color: #ffffff;
}
.top_contents .top_content3{
  float: left;
  width: 230px;
  margin: 0px 5px 10px 2px;
  padding: 0px 0px 7px 0px;
  background-color: #ffffff;
}
.top_contents .top_content1 img,.top_contents .top_content2 img,.top_contents .top_content3 img{
  margin: 5px 0px 0px 0px;
}
.typhoon{
  width: 720px;
  background-color: #f0f0f0;
  margin: 0px 0px 25px 10px;
}
.typhoon p{
  float: none;
  font-size : 14px;
  text-align : left;
  padding : 10px 20px 0 0;
  line-height : 150%;
}
.typhoon p strong{
  font-size: 16px;
  font-weight : bold;
}
.bosai{
  clear : both;
  height: 160px;
  background-color: #ffffff;
  margin : 5px 10px;
}
.bosai img{
  float : left;
  margin : 5px 10px 5px 5px;
}

.img01{
  margin-top : 5px;
}
.img02{
  margin-bottom : 10px;
}

/*=================================================
 * トップスタイル2016
 * ================================================= */
.top_txt1{
  font-size: 22px;
  padding-right : 0px;
  text-align: left;
  line-height: 140%;
  margin: 15px 10px 0 10px;
}
.right_img{
  float: right;
}
.maq{
  float: right;
  margin: 10px 0 0 15px;
}
@media screen and ( max-width: 530px ) {
.right_img{
  display: none;
  float: none;
}
.maq{
  float: none;
  margin: 10px auto;
  clear: both;
}
.step_box p.toire .right_img{
  display: block;
  margin: 0 auto;
}
}
.top_txt1 span{
  font-size: 22px;
  text-align: left;
  line-height: 140%;
  color: #e80000;
  font-weight: bold;
}
.top_txt1 ul{
  margin : 5px 0 10px 20px;
}
.top_txt1 ul li{
  font-size : 16px;
  list-style-type : disc;
}
.top_txt2 dl{
  margin : 5px 20px 20px 20px;
  text-align: left;
}
.top_txt2 dt{
  font-size : 16px;
  font-weight : bold;
  line-height : 160%;
}
.top_txt2 dd{
  font-size : 14px;
  line-height: 160%;
  margin-left: 20px;
}
.top_txt2 dd span{
  font-size : 14px;
  font-weight : bold;
  color : #cc0000;
}
.top_txt3{
  font-size : 18px;
  font-weight : bold;
  line-height: 160%;
  color : #003399;
  margin: 15px 0 0 15px;
  text-align: left;
}
.top_txt4{
  margin : 10px 20px;
  text-align: left;
  font-size : 16px;
  line-height: 160%;
}
.top_txt5{
  margin : 10px 20px;
  text-align: left;
  font-size : 14px;
  line-height: 160%;
  padding: 10px;
  border: 1px solid #369;
}

#company_ba{
  text-align: center;
}
#company_ba img{
  margin : 5px 2px;
}
#company_ba p{
  padding : 5px 10px 0;
  font-size : 15px;
  font-weight : normal;
  color : #000;
  text-align: left;
  line-height: 150%;
}
.topitem_box{
  overflow:hidden;
  zoom:1;
  padding: 0 0 20px 0;
}
ul.list_top1{
  margin : 5px 0px 20px 50px;
}
ul.list_top1 li{
  font-size : 18px;
  line-height : 160%;
  font-weight : bold;
  list-style-type : disc;
}
ul.list_top1 li span{
  font-size : 15px;
  color : #ff0000;
}
#top_contact{
  margin : 15px auto 0px auto;
  text-align: center;
  font-family : HGP創英角ｺﾞｼｯｸUB,sans-serif;
  font-size : 22px;
  border : 4px solid #013364;
  padding : 8px 0px;
  width : 700px;
}
#top_contact span{
  font-family : HGP創英角ｺﾞｼｯｸUB,sans-serif;
  font-size : 17px;
}
#top_contact img{
  margin : 5px 10px 0;
}
.topimg_ct{
  text-align: center;
  padding: 4px 0;
}
#aisatsu{
  border: 3px double #cc0000;
  margin: 0 15px 15px 15px;
  padding: 10px;
  font-size: 16px;
  text-align: left;
}
#aisatsu span{
  font-size: 17px;
  font-weight : bold;
  color: #cc0000;
}


/*=================================================
 * ご質問ご要望
 * ================================================= */
.faq01{
  margin : 10px 20px;
}
.faq01 dt{
  text-align: left;
  border-bottom : 1px dotted #619eb6;
  padding : 10px 0 3px 38px;
  margin-bottom : 8px;
  background-image : url(../img/q.gif);
  background-repeat : no-repeat;
  background-position : left top;
  font-size : 14px;
  font-weight : bold;
}
.faq01 dd{
  text-align: left;
  margin-bottom : 35px;
  background-image : url(../img/a.gif);
  background-repeat : no-repeat;
  padding-top : 10px;
  padding-left : 38px;
  font-size : 14px;
  line-height : 150%;
}

/*=================================================
 * 販売事例
 * ================================================= */
ul#jirei01{
  margin : 10px 20px;
  text-align: left;
}
ul#jirei01 li{
  font-size : 18px;
  line-height: 150%;
  font-weight : bold;
  list-style-type : square;
  margin: 0 0 0 20px;

}
ul#jirei01 li dl{
  margin : 5px 0 0 0px;
}
ul#jirei01 li dl dt{
  font-size : 14px;
  line-height: 150%;
  font-weight : bold;
  margin-bottom : 5px;
  color : #0000cc;
}
ul#jirei01 li dl dt a{
  color : #0000cc;
}
ul#jirei01 li dl dd{
  font-size : 14px;
  line-height: 150%;
  padding-bottom : 2px;
  margin-bottom : 12px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
}


#sidebar {
	font-size: 15px;
	padding-top: 120px;
	width: 260px;
	height: 100%;
	position: fixed;
	color: #033560;
	background: #fff;
	text-align: center;
}

#global-nav ul {
	list-style: none;
	margin-left: 0;
}
#global-nav > ul > li {
	position: relative;
	border-bottom: 1px dotted #ccc;
}

#global-nav a {
	color: #033560;
	text-decoration: none;
	display: block;
	padding: 15px 0;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
}
#global-nav .sub-menu.is-active > a,
#global-nav a:hover {
	color: #fff;
	background: #033560;
}

#global-nav .sub-menu-nav a,
#global-nav .sub-menu:hover .sub-menu-nav {
	width: 230px;
}

/* sub-menu icon */
#global-nav .sub-menu-head {
	position: relative;
}
#global-nav .sub-menu-head:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	margin: auto;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #033560;
	border-right: 1px solid #033560;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* sub-menu */
#global-nav .sub-menu-nav {
	position: fixed;
	background: #033560;
	color: #999;
	top: 0;
	padding-top: 90px;
	left: 260px;
	width: 0;
	height: 100%;
	overflow: hidden;

	-moz-transition: width .2s ease-out;
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;
}
#global-nav .sub-menu.is-active > a:after,
#global-nav .sub-menu-head:hover:after {
	border-color: #fff;
}
#global-nav .sub-menu-nav a {
	color: #fff;
}
#global-nav .sub-menu-nav a:hover {
	color: #033560;
	background: #fff;
}


@media screen and (max-width: 767px) {
/* nav-toggle */
#nav-toggle {
	display: none;
	position: fixed;
	top: 0;
	right: 0px;
	height: 60px;
	padding: 16px 15px;
	background-color: rgba(51, 104, 151, 0.4);

}
#nav-toggle > div {
	position: relative;
	width: 32px;
}
#nav-toggle span {
	width: 100%;
	height: 2px;
	left: 0;
	display: block;
	background: #033560;
	position: absolute;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
#overlay {
	display: none;
	position: fixed;
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
	#main-in {
		padding-left: 0;
	}



	#sidebar {
		/*display: none;*/
		position: fixed;
		right: -300px;
		top: 0;
		height: 100%;
		width: 300px;
		color: #333;
		background: #fff;
		-webkit-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}

	/* サブメニューは開けない */
	#global-nav .sub-menu-head:after,
	#global-nav .sub-menu-nav {
		display: none;
	}
	#nav-toggle {
		display: block;
	}

	/* nav open */
	.open {
		overflow: hidden;
	}
	.open #overlay {
		display: block;
	}
	.open #sidebar  {
		-webkit-transform: translate3d(-300px,0,0);
		transform: translate3d(-300px,0,0);
	}

	/* #nav-toggle close */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	/* z-index */
	#overlay {
		z-index: 200;
	}
	#sidebar {
		z-index: 300;
	}
	#nav-toggle {
		z-index: 400;
	}


}

@media screen and (max-width: 767px) {
	#sidebar {
		right: -200px;
		width: 200px;
		padding-top: 60px;
	}
	.open #sidebar  {
		-webkit-transform: translate3d(-200px,0,0);
		transform: translate3d(-200px,0,0);
	}
}

/*=================================================
 * 中ページコンテンツ
 * ================================================= */
#main_visual{
  margin: 0 10px;
}
#regulations{
  margin: 0 10px;
}
#regulations table.spec6 tr.bg_c{
  background-color: #efffff;
}
#regulations table.spec6 td{
  font-size: 13px;
}
#regulations table.spec6 td.city{
  background-color: #fff4f9;
}
#regulations table.spec6 td.human{
  background-color: #fff9f4;
}
#regulations table.spec6 td.com{
  background-color: #f4f9ff;
}
#regulations table.spec6 td ol{
  margin: 0 0 0 0;
  font-size: 13px;
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
#regulations table.spec6 td ol li{
  margin-bottom: 3px;
  padding-left: 20px;
  position: relative;
}
#regulations table.spec6 td ol li:before{
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #bada55;
  color: #fff;
  display: block;
  float: left;
  line-height: 18px;
  margin-left: -20px;
  text-align: center;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}
#regulations table.spec6 td.center{
  text-align: center;
}
#regulations table.spec6 th#pref{
  width: 60px;
}
#regulations table.spec6 th#seko{
  width: 75px;
}
#regulations table.spec6 th#city{
  width: 90px;
}
#regulations table.spec6 th#days{
  width: 105px;
}
#regulations table.spec6 th#jhorei{
  width: 130px;
}
#regulations table.spec6 th#taisho{
  width: 40px;
}
#regulations table.spec6 th#example{
  width: 215px;
}
hr{
  clear: both;
  border-width: 0 0 0 0;
  border-style: solid;
  border-color: #fff;
  height: 0;
}
.sub_main_con{
  text-align: left;
}
.sub_main_con table.spec{
  width: 95%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
#main_visual{
  margin: 0;
}
}
/*=================================================
 * 個人情報保護方針
 * ================================================= */

#kojin{
  text-align: left;
  padding: 0 14px 20px 14px;
}
#kojin dt{
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0 4px 0;
  border-bottom: 1px dotted #666;
}
#kojin dd{
  font-size: 14px;
  line-height: 140%;
  padding: 6px 10px 0 10px;
}

/*=================================================
 * お客様の声
 * ================================================= */
#voice h2{
  background-color: #f5f5f5;
  font-size: 15px;
  font-weight: bold;
  margin: 30px 0 0 0;
  padding: 4px 10px;
  text-align: left;
}
.voice{
  text-align: left;
  margin: 10px 30px 10px 20px;
}
.voice dt{
  font-size: 15px;
  line-height: 160%;
  margin: 24px 0 0 0;
  list-style-type: none;
}
.voice dd{
  text-align: right;
  font-size: 15px;
  margin: 0 0 36px 0;
  border-bottom: 1px solid #005e91;
  color: #005e91;
}
.voice_jirei{
  border-bottom: 4px double;
  margin: 0 0 30px;
  padding: 0 0 30px;
}
#voice .nintei{
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-top: 1px solid #999;
  background: url(../img/bg_kashiwagi.png) no-repeat 0 40px;
  text-align: left;
  background-size: contain;
}
#voice .nintei p{
  padding: 0 25px 20px 27%;
}
/*=================================================
 * よくある質問
 * ================================================= */
.faq01{
  margin : 10px 20px;
}
.faq01 dt{
  text-align: left;
  border-bottom : 1px dotted #619eb6;
  padding : 5px 0 10px 38px;
  margin-bottom : 8px;
  background-image : url(../img/q.gif);
  background-repeat : no-repeat;
  background-position : left top;
  font-size : 14px;
  font-weight : bold;
}
.faq01 dd{
  margin-bottom : 35px;
  padding-top : 5px;
  padding-left : 38px;
  font-size : 14px;
  line-height : 150%;
  text-align: left;
  background-image : url(../img/a.gif);
  background-repeat : no-repeat;
}
.faq01 dd:nth-last-of-type(1){
  margin-bottom: 20px;
}
.faq01_txt1{
  margin: 20px 0 0;
  text-align: left;
  font-size : 20px;
  font-weight : bold;
  line-height: 160%;
  color : #003399;
}
.faq01_top{
  margin-bottom: 65px;
  text-align: right;
}
.faq01_top a{
  color: #003399;
  font-weight: bold;
}
.faq01_top a:hover{
  color: #0099ff;
  text-decoration: none;
}
.faq01_cate{
  width: 94%;
  margin: 25px auto;
}
.faq01_cate a{
  display: block;
  width: 49%;
  margin: 10px 0;
  padding: 15px 0;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: #003399;
}
.faq01_cate a:nth-of-type(2n+1){
  float: left;
}
.faq01_cate a:nth-of-type(2n){
  float: right;
}
.faq01_cate a:hover{
  text-decoration: none;
  background-color: #0066cc;
}
@media screen and (max-width: 480px) {
.faq01_cate a{
  width: 96%;
  margin: 10px auto;
}
.faq01_cate a:nth-of-type(2n+1){
  float: none;
}
.faq01_cate a:nth-of-type(2n){
  float: none;
}
}
/*=================================================
 * 法令に基づく表記
 * ================================================= */

#tokutei{
  background-color: #666;
  margin: 20px 20px;
}
.spec{
  background-color: #666;
  margin: 20px auto;
  width: 98%;
}
#tokutei th, .spec th, #company th{
  font-size: 15px;
  text-align: left;
  background-color: #f5f5f5;
  padding: 8px 4px;
  width: 120px;
}
#tokutei td, .spec td ,#company td{
  font-size: 14px;
  line-height: 160%;
  text-align: left;
  background-color: #fff;
  padding: 8px 8px;
}
@media screen and (max-width: 480px) {
#tokutei,
#tokutei tbody,
#tokutei thead,
#tokutei tr,
#tokutei td,
#tokutei th {display:block;
}
#tokutei th {
width:auto;
}
.spec,
.spec tbody,
.spec thead,
.spec tr,
.spec td,
.spec th {display:block;
}
.spec th {
width:auto;
}
#company,
#company tbody,
#company thead,
#company tr,
#company td,
#company th {display:block;
}
#company th {
width:auto;
}
}
/*=================================================
 * 会社概要
 * ================================================= */
#company{
  margin: 20px 0;
  width: 100%;
  background-color: #666;
}

/*=================================================
 * 送料・お支払い
 * ================================================= */
#payment{
  text-align: left;
  padding: 10px 14px 20px 14px;
}
#payment p{
  font-size: 14px;
  padding: 4px 20px;
}
#payment h2{
  background-color: #f5f5f5;
  font-size: 15px;
  font-weight: bold;
  margin: 16px 0 0 0;
  padding: 4px 10px;
}
#payment dl{
  margin: 0 10px;
}
#payment dt{
  margin: 10px 0 4px 0;
  font-size: 14px;
  font-weight: bold;
}
#payment dd{
  line-height: 170%;
  font-size: 14px;
  padding: 0 10px;
}
.soryo{
  color: #003f61;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 14px;
  background-image : url(../img/midashi.png);
  background-repeat : repeat-x;
  border: 1px solid #d0d0d0;
  margin: 6px 0 0 0;
}
.pm_box{
  background-color: #ccc;
  margin: 10px;
}
.pm_box2{
  background-color: #ccc;
  margin: 10px;
  width: 90%;
}
.pm_box th{
  background-color: #f5f5f5;
  padding: 6px;
  font-size: 14px;
  font-weight: bold;
}
.pm_box td{
  background-color: #fff;
  font-size: 14px;
  padding: 6px 4px;
  text-align: left;
}
.pm_box2 th{
  background-color: #f5f5f5;
  padding: 6px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.pm_box2 td{
  background-color: #fff;
  font-size: 14px;
  padding: 6px 4px;
  text-align: center;
}
.m1{
  width: 40%;
}
.m2{
  width: 30%;
}
.m3{
  width: 15%;
}
.m4{
  width: 15%;
}
.pm1{
  text-align: left;
  padding: 4px 10px 20px 10px;
  font-size: 18px;
  font-weight: bold;
  color: #ff0000;
}
.pm2{
  text-align: left;
  font-size: 14px;
  color: #ff0000;
  padding: 2px 10px;
}
.pm3{
  text-align: left;
  font-size: 14px;
  padding: 0 10px;
}
/*=================================================
 * お問合せフォーム
 * ================================================= */

#mail{
  text-align: left;
  margin: 10px 20px;
}
#mail h2{
  background-color: #2066ac;
  font-size: 18px;
  font-weight: bold;
  margin: 16px 0 0 0;
  padding: 5px 10px;
  color: #ffffff;
}
#mail p{
  font-size: 14px;
  line-height: 150%;
  margin: 3px 0 8px;
}
#mail .m_l{
  margin-left : 14px;
}
#mail .m_2{
  padding : 5px 14px;
  background-color: #e3eef2;
}
#mail .m_2 p{
  font-size: 15px;
  font-weight : bold;
}
#mail dl{
  padding: 30px 0 0 0;
}
#mail dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 190px;
  border-left: solid 8px #CCC;
  padding-left: 5px;
  color: #000;
  font-size: 15px;
  line-height: 22px;
  font-weight: bold;
}
#mail dt img{
  float : right;
  margin: 3px 0 0 0;
}

#mail dd {
  margin-bottom: 1.5em;
  margin-left: 220px;
  font-size: 14px;
}
#mail dt span,#mail p span{
  color: #cc0000;
}

#thanks p{
  padding: 10px;
  font-size: 15px;
}
#submit_button{
  padding: 20px 50px;
  margin: 8px auto;
  background-color: #0B2161;
  color: #fff;
  border-style: none;
}
#submit_button:hover{
  background-color: #0080FF;
}
#form_con{
  margin: 5px auto 80px auto;
  text-align: center;
}
#form_con p{
  text-align: left;
  font-size: 14px;
  margin-bottom: 25px;
}
#mail_con select{
  padding: 5px;
}
.short{
  width: 30%;
  padding: 5px;
}
.middle{
  width: 50%;
  padding: 5px;
}
.long{
  width: 75%;
  padding: 5px;
}
.full{
  width: 100%;
  padding: 5px;
}


/*=================================================
 * 販売用
 * ================================================= */
.pdf_txt{
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0 0 10px;
}
.pdflist{
  margin: 10px;
  width: 94%;
}
.pdflist th{
  width: 47%;
  background-color: #0099ff;
  color: #fff;
  font-size: 15px;
  padding: 4px 0;
}
.pdflist td{
  padding: 8px 0 18px 0;
  text-align: center;
}

/*=================================================
 * 商品ページ
 * ================================================= */
.cart{
  text-align: left;
  margin : 0px 0px 0px 20px;
  padding: 4px 0 0 0;
  overflow:hidden;
  position: relative;
}
.cart3{
  text-align: left;
  margin: 0 0 0 306px;
  padding: 4px 0 0 0;
  overflow:hidden;
}
.cart p:first-of-type, .cart3 p{
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  border-left: 4px solid #cc0000;
  padding: 0 0 0 4px;
  margin: 4px 0 0 0;
}
.cart p sup{
  font-size: 12px;
}
.cart p span,.cart3 p span{
  font-size: 26px;
  font-weight: bold;
  color: #cc0000;
}
.cart p span.negation {
  text-decoration: line-through;
  color: #000000;
}
.cart p span.negation span {
  font-size: 15px;
  color: #000000;
}
.cart p strong{
  font-size: 12px;
  color: #008800;
}
.cart div,.cart3 div{
  font-size: 16px;
  text-align: right;
  margin: 0 10px 0 0;
}
.qty{
  font-size: 16px;
  text-align: right;
  padding: 5px;
  width: 55px;
}
.cart_img{
  vertical-align:middle;
  margin: 10px 0;
}
.cart div span,.cart3 div span{
  font-size: 15px;
  color: #cc0000;
  font-weight: bold;
}
.cart .normalprice,.cart3 .normalprice{
  font-size: 15px;
  color: #000000;
  font-weight: bold;
  border: none;
  padding: 0;
}
.cart_box{
  border: 1px solid #cc0000;
  margin: 10px 0 0 0;
  padding: 5px 0 15px;
}
.cart_box .pricedown{
  position: absolute;
  top: 10px;
  right: 10px;
}
.item_set{
  margin: 0 0 15px 0;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 15px;
}
.item_photo{
  float: left;
  border: 1px solid #ccc;
  margin: 0 10px 0 0;
  width: 210px;
}
.item_photo img{
  width: 100%;
}
.item{
  margin : 0 0 15px;
  clear : both;
}
.item_title{
  font-size : 24px;
  padding: 20px 0 16px 10px;
  text-align: left;
  line-height: 140%;
}
.item_title2{
  font-size: 32px;
  padding: 30px 0 16px 10px;
  text-align: left;
  line-height: 140%;
  color: #000;
}
.item_title3{
  font-size: 23px;
  padding: 20px 0 16px 10px;
  text-align: left;
  line-height: 140%;
  color: #000;
}
.item_title3 span{
  font-size: 30px;
  color: #ff6600;
}
.item_title span,.item_title2 span{
  font-size: 28px;
  padding: 4px 0;
  color: #e80000;
}
.item_title span sup{
  font-size: 14px;
}
.item_title4{
  font-size: 22px;
  padding-right : 0px;
  text-align: left;
  line-height: 140%;
  color: #000;
  margin-left : 10px;
  margin-top : 20px;
  margin-right : 0px;
  margin-bottom : 10px;
}
.item_title4 .s1{
  font-size: 22px;
  padding : 20px 0px 16px 0px;
  text-align: left;
  line-height: 140%;
  color: #e80000;
}
.item_title4 .s2{
  font-size: 16px;
  padding : 20px 0px 16px 0px;
  text-align: left;
  line-height: 140%;
}
.item_title4 img{
  float : left;
  margin-right : 10px;
}
.item_title5{
  font-size : 26px;
  padding: 30px 0 16px 10px;
  text-align: left;
  line-height: 140%;

}
.item_title5 span{
  font-size : 36px;
  text-align: left;
  line-height: 140%;
  color: #e80000;
}
.item_sub_title{
  text-align: left;
  font-size: 15px;
  padding: 4px 16px 0 0;
  overflow:hidden;
  zoom:1;
}
.item_sub_title span{
  font-size: 15px;
  color : #cc0000;
  font-weight : bold;
}
.item_sub_title2{
  text-align: left;
  font-size: 16px;
  padding: 6px 16px;
  text-indent: 0;
  line-height: 150%;
}
.item_sub_txt1{
  border-top: 1px solid #cccccc;
  margin: 20px 0 15px 0;
  text-align: left;
  font-size: 15px;
  line-height : 150%;
  padding: 4px 16px 0 16px;
  overflow:hidden;
}
.item_sub_txt1 span{
  font-size: 17px;
  font-weight : bold;
  color : #cc0000;
}
.item_sub{
  float: right;
}
.item_t_list{
  text-align: left;
  padding: 0 24px 20px 6px;
}
ul.item_t_list li{
  font-size: 16px;
  border-bottom: 1px dotted #666;
  padding: 6px 4px 6px 36px;
  color: #336600;
  list-style-type: none!important;
  font-weight: bold;
  line-height: 150%;
}
.item_t_list li strong{
  font-size: 18px;
  font-weight : bold;
  color: #000000;
}
ul.item_big_list,ul.item_biger_list{
  margin: 0 10px 20px 20px;
}

ul.item_big_list li, ul.item_biger_list li{
  font-size: 16px;
  font-weight: bold;
  list-style: disc;
  text-align: left;
  margin: 0 0 8px 0;
}
ul.item_biger_list li{
  font-size: 20px;
  margin: 0 0 8px 30px;
}
ul.item_biger_list li span{

  font-size: 20px;
  font-weight: bold;
  color: #cc0000;
}
.last_stock{
  background-color: #cc0000;
  text-align: center;
  color: #ffff00;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0 3px 0;
}
.ic1{
  background-image : url(../img/is_img/ic1.png);
  background-repeat : no-repeat;
  background-position : left 6px;
}
.ic2{
  background-image : url(../img/is_img/ic2.png);
  background-repeat : no-repeat;
  background-position : left 6px;
}
.ic3{
  background-image : url(../img/is_img/ic3.png);
  background-repeat : no-repeat;
  background-position : left 6px;
}
.ic4{
  background-image : url(../img/is_img/ic4.png);
  background-repeat : no-repeat;
  background-position : left 6px;
}
.item_box1{
  text-align: left;
  overflow:hidden;
  zoom:1;
  padding: 0 0 20px 0;
}
.item_box1 .t_pd_cart{
  text-align: right;
  font-size: 15px;
  font-weight: bold;
}
.item_box1 .t_pd_cart span{
  color: #e80000;
  font-size: 15px;
  font-weight: bold;
}
.item_box1 h2{
  color: #003f61;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 14px;
  background-image : url(../img/midashi.png);
  background-repeat : repeat-x;
  border: 1px solid #d0d0d0;
  margin: 8px 0 0 0;
  clear: both;
}
.item_box1 h2 sup{
  font-size: 12px;
}
.item_box1 .attention{
  margin: 13px 0px 15px 15px;
  font-size: 16px;
  font-weight: bold;
  color: #ff0000;
}
.item_box1 ul{
  margin: 4px 0 10px 30px;
}
.item_box1 li{
  font-size: 14px;
}

.item_box1 li b a{
  font-size: 14px;
  color: #ff0000;
}

.item_bousaibox{
  clear: both;
  background-image : url(../img/is_img/item_bg1.png);
  background-repeat : no-repeat;
  width : 720px;
  height : 250px;
  text-align: left;
}
.item_bousaibox p{
  font-size: 20px;
  font-weight: bold;
  padding: 16px 240px 4px 20px;
}
.item_bousaibox img{
  margin: 0 0 0 140px;
}
.item_img{
  float: left;
  margin: 6px 20px 0 10px;
  overflow:hidden;
}
.item_img p{
  margin: 6px 0;
  font-size: 12px;
  border: 1px solid #cc6600;
  padding: 5px;
}
.item_img p span{
  font-size: 17px;
  color: #cc0000;
  font-weight: bold;
}
.item_img2{
  float: right;
  margin: 10px 12px;
  width: 60%;
}
.item_img3{
  float: right;
  padding: 18px 0 0 10px;
}
.item_img4{
  padding: 6px 0 0 0;
}
.item_img5{
  float: left;
}
.item_img6{
  text-align: center;
  margin: 0 auto;
}
.item_img7{
  margin : 0 0 14px 25px;
}
.item_img8{
  float: right;
  margin : 20px 50px 0px 0px;
}
.item_img9{
  float: right;
  margin : 50px 20px 0px 0px;
}
.water,.tukamari,.enebrid{
  padding: 0 0 0 20px;
  text-align: left;
}
.water_txt{
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 4px 0 0 0;
  overflow:hidden;
  zoom:1;
}
.water_txt span{
  font-size: 16px;
  color: #cc0000;
  font-weight: bold;
}
.water_box{
  background-color : #999999;
  margin: 20px 0 8px 0;
  width: 370px;
}
.water p{
  font-size: 14px;
}
.water_box th{
  background-color : #f0faff;
  font-size : 16px;
  padding : 6px 10px;
}
.water_box td{
  background-color : #ffffff;
  font-size : 16px;
  padding : 6px 10px;
  text-align : center;
}
.tukamari p{
  font-size: 15px;
  padding: 6px 0;
}
.img_ct{
  text-align: center;
  padding: 4px 0;
}
.img_left{
  float: left;
  margin: 1%;
}
.check{
  margin: 6px 10px 0 0;
  text-align: left;
  overflow:hidden;
  zoom:1;
  background-color: #f5f5f5;
  padding: 14px;
}
.check3{
  margin: 6px 10px 0 6px;
  text-align: left;
  float: left;
  background-color: #f5f5f5;
  padding: 14px;
}
.check dt,.check3 dt{
  font-size: 18px;
  font-weight: bold;
  color: #003399;
}
.check dd,.check3 dd{
  background-image : url(../img/is_img/check.png);
  background-repeat : no-repeat;
  background-position : left top;
  padding: 0 0 0 22px;
  font-size: 14px;
  margin: 4px 0;
}
.check_txt{
  padding: 10px 0 0 0;
  font-size: 14px;
  color: #cc6600;
  overflow:hidden;
  zoom:1;
}
.check2{
  padding: 6px 0px;
  text-align: left;
}
.check2 li{
  background-image : url(../img/is_img/check2.png);
  background-repeat : no-repeat;
  background-position : left center;
  padding: 0 0 0 28px;
  font-size: 18px;
  font-weight: bold;
  margin: 8px 0;
  list-style-type: none;
}
.item_box2,.item_box3{
  width: 330px;
  float: left;
  padding: 0 0 20px 0;
  margin: 0 0 0 16px;
}
.item_box4{
  width: 96%;
  padding: 0 0 20px 0;
  margin: 0 auto;
}
.item_box h3{
  background-color: #efefef;
  font-size: 15px;
  font-weight: bold;
  color: #003399;
  padding: 4px 10px;
  margin-top: 15px;
}
.item_box2 h3,.item_box3 h3,.item_box4 h3{
  background-color: #efefef;
  font-size: 15px;
  font-weight: bold;
  color: #003399;
  padding: 4px 10px;
}
.item_box5{
  width: 96%;
  padding: 0 0 20px 0;
  margin: 10px auto 0 auto;
}
.item_box6{
  width: 32%;
}
.bg_red{
  color: #ffffff;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: bold;
  padding: 4px 10px;
}
.bg_yellow{
  color: #000000;
  background-color: #ffff00;
  font-size: 15px;
  font-weight: bold;
  padding: 4px 10px;
}
.item_box2 p{
  font-size: 14px;
  text-indent: 0.7em;
  line-height: 150%;
  padding: 4px 10px 0 10px;
}
.item_box3 p{
  font-size: 14px;
  line-height: 150%;
  padding: 4px 10px 0 10px;
}
.message_box{
  background-color: #008e3e;
  padding: 15px;
  color: #fff;
  font-size: 120%;
}
.message_box span{
  color: #fff;
  font-weight: bold;
}
.keisan_box{
  border: 1px solid #cc0000;
  padding: 15px;
  margin: 10px auto 50px auto;
}
p.need{
  font-size: 22px;
  font-weight: bold;
}
p.need span{
  font-size: 100%;
  font-weight: bold;
  color: #cc0000;
}
p.kei_cau{
  font-size: 15px;
  text-align: left;
  padding-top: 15px;
}
.keisan{
  margin: 10px auto;
  max-width: 485px;
}
.keisan .set_name{
  font-size: 16px;
  text-align: center;
  float: left;
  padding: 5px;
  vertical-align: middle;
}
.keisan .shiki{
  font-size: 16px;
  padding: 5px;
  float: right;
}
.keisan .shiki input{
  font-size: 16px;
  text-align: right;
  padding: 5px;
}
.cal{
  text-align: center;
}
.cal input[type="button"] {
   /* input要素のうちtype属性値がbuttonのものに対して装飾 */
   background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd); /* グラデーション */
   border: 1px solid #3c7fb1; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
   padding: 0.5em 2em;
   font-size: 105%;
}
@media screen and (max-width: 960px) {
.item_box2,.item_box3{
  width: 96%;
  float: none;
  margin: 0 auto 15px auto;
}
.cart_box .pricedown {
  position: relative;
  top: auto;
  right: auto;
  text-align: center;
  margin: 10px 0 20px;
}
}
@media screen and (max-width: 480px) {
.keisan .set_name{
  float: none;
}
.keisan .shiki{
  text-align: center;
  float: none;
}
.img_left{
  float: none;
  margin: 1% auto;
}
}
.shiyo{
  margin: 0 18px;
  padding: 0 0 30px 0;
}
.shiyo dt{
  font-size: 14px;
  font-weight: bold;
}
.shiyo dd{
  margin: 4px 0 0 10px;
}
.saigai{
  text-align: left;
  padding: 20px 0 0 10px;
}
.saigai div{
  font-size: 16px;
  padding: 16px 0 40px 0;
  line-height: 150%;
}
.saigai p{
  line-height: 150%;
  font-size: 14px;
  padding: 0 0 20px 0;
}

dl.aqua1{
  text-align: left;
  margin: 0 10px 10px 10px;
}
dl.aqua1 dt{
  font-size: 20px;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  color: #000099;
  padding: 8px 0 0 0;
  font-weight: bold;
}
dl.aqua1 dd{
  font-size: 15px;
  line-height: 150%;
  padding: 0 0 15px 20px;
}
.aqua_img{
  float: right;
  margin: 20px 10px 0 0;
}
.aqua2{
  margin: 10px 20px;
  text-align: left;
  float: left;
  width: 430px;
}
.aqua2 p{
  font-size: 15px;
  margin: 6px 0 6px 0;
}
.aqua_img2{
  float: left;
}
.aqua2 h3{
  color: #cc0000;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  font-size: 16px;
  padding: 10px 0 0 0;
}
.aqua2 ol{
  margin: 0 0 0 26px;
  padding: 0 0 20px 0;
}
.aqua2 li{
  font-size: 13px;
  color: #cc0000;
}
.step_box {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #1777bd;
    border-radius: 8px;
}
.step_box .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #1777bd;
    font-weight: bold;
}
.step_box p {
    margin: 0;
    padding: 10px 0;
    font-size: 16px;
    line-height: 150%;
    font-weight: bold;
}
.step_box p span{
    font-size: 14px;
    font-weight: normal;
}
.step_box p.toire{
    font-size: 16px;
    font-weight: normal;
}
.caution_box{
  border: 2px solid #cc0000;
  padding: 10px;
  margin: 0 auto 20px auto;
  width: 96%;
}
.caution_box h3{
font-size: 20px;
font-weight: bold;
color: #cc0000;
}
.caution_box ul.check {
  padding: 0.5em 0 0 2.9em;
  position: relative;
  background-color: #fff;
  margin: 0;
}

.caution_box ul.check li {
  line-height: 135%;
  padding: 0.5em 0 0.2em 0;
  list-style-type: none!important;/*ポチ消す*/
  font-size: 16px;
  font-weight: bold;
}

.caution_box ul.check li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #cc0000; /*アイコン色*/
}
.caution_box p.item_sub_title{
  padding-bottom: 10px;
}
.faq{
  margin: 10px;
  text-align: left;
}
.faq dt{
  background-color: #f3f3f3;
  padding: 3px 10px;
  font-weight: bold;
  font-size: 15px;
  margin: 16px 0 0 0;
}
.faq dd{
  font-size: 15px;
  margin: 4px 0 0 10px;
}
.media{
  padding: 0 0 20px 0;
}
.media h2{
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
  text-align: center;
  font-size: 34px;
  padding: 4px 0;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  color: #ff6600;
}
.media dl{
  margin: 10px 20px;
  text-align: left;
}
.media dt{
  font-size: 16px;
  font-weight: bold;
  margin: 14px 0 0 0;
}
.media dd{
  padding: 2px 18px;
  font-size: 15px;
}
.media dd img{
  width: 100%;
  max-width: 421px;
}
.media dd span{
  color: #cc0000;
  font-size: 80%;
  font-weight: bold;
}
.media h3{
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 0 12px;
}
.item_toolbox{
  clear: both;
  background-image : url(../img/is_img/item_bg2.png);
  background-repeat : no-repeat;
  width : 720px;
  height : 250px;
  text-align: left;
}
.item_toolbox p{
  font-size: 15px;
  padding: 16px 200px 4px 20px;
  text-align: left;
}
.i_tool_img1{
  margin: 14px 0 0 16px;
}
.i_tool_img2{
  margin: 0 0 0 16px;
}

.switch2 h2{
  margin: 28px 0 0 0;
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
  text-align: center;
  font-size: 30px;
  padding: 6px 0;
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  color: #ff6600;
}
.switch3{
  margin: 50px 20px 0 20px;
  border: 2px solid #ccc;
  text-align: left;
  padding: 12px 16px;
}
.switch3 img{
  float: right;
  margin: 16px 0 0 0;
}
.switch3 h2{
  font-size: 26px;
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  color: #cc0000;
}
.switch3 dt{
  font-size: 18px;
  font-weight: bold;
  padding: 4px 0 0 0;
}
.switch3 dd{
  font-size: 14px;
  padding: 4px 2px 4px 2px;
  line-height: 140%;
}
.switch1{
  background-color: #f5f5f5;
  margin: 10px 20px;
  padding: 10px 18px;
  text-align: left;
  font-size: 14px;
  line-height: 160%;
}
.switch1 img{
  float: right;
}
.switch1 span{
  color: #cc0000;
}
.pole_img{
  float: left;
}
.cart2{
  clear: both;
}
.cart2 div{
  text-align: right;
}
.cart2 p{
  color: #000000;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
}
.cart2 p span{
  font-size: 18px;
  font-weight: bold;
  color: #cc0000;
}
.pole2{
  clear: both;
  border-top: 1px dotted #ccc;
  margin: 10px 20px;
  padding: 6px 0 0 0;
  line-height: 150%;
}
.bichiki_strong{
  font-size: 20px;
  padding: 8px 0 0 14px;
  color: #cc0000;
  font-weight: bold;
}

.bench_img{
  float: left;
}
.bench1 dl{
  text-align: left;
}
.bench1 dd{
  line-height: 150%;
  font-size: 11px;
}
.item_b_list{
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0 20px 0 0;
}
.item_b_list li{
  margin: 6px 0 0 0;
  color: #000040;
  font-size: 16px;
}

.light1{
  text-align: center;
  padding: 10px 0 18px 0;
  margin: 0 10px;
}
.light_img{
  float: left;
  margin: 0 8px 4px 0;
}
.light_img2{
  float: left;
  margin: 10px 8px 4px 0;
}
.light1 h3{
  text-align: left;
  font-weight: bold;
  font-size: 18px;
  color: #008000;
  padding: 4px 0 0 0;
}
.light1 p{
  text-align: left;
  font-size: 15px;
  overflow:hidden;
  zoom:1;
  padding: 0 10px 0 0;
}
.light2{
  padding: 10px 20px;
  text-align: center;
}
.lb1{
  float: left;
}
.light_box{
  background-color: #ccc;
}
.light_box th{
  text-align: left;
  background: #f5f5f5;
  font-size: 15px;
  padding: 6px 4px;
}
.light_box td{
  text-align: left;
  padding: 6px 4px;
  font-size: 13px;
  background-color: #fff;
}
.cart .gg{
  background-color: #cc0000;
  padding: 2px 4px;
  color: #fff;
}
.room2 {
  text-align: left;
  margin: 10px 0;
}
.room2 h2{
  margin: 10px 0 4px 0;
  background-color: #003399;
  text-align: center;
  font-size: 24px;
  padding: 6px 0;
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  color: #fff;
}
.room2 p{
  font-size: 22px;
  font-weight: bold;
  padding: 18px 0 4px 0;
}
.lock {
  text-align: left;
  margin: 10px 0 30px 0;
}
.lock h2{
  margin: 10px 0 4px 0;
  background-color: #003399;
  text-align: center;
  font-size: 24px;
  padding: 6px 0;
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  color: #fff;
}
.lock p{
  font-size: 22px;
  font-weight: bold;
  padding: 0px 0 4px 0;
}
.r_txt1{
  padding: 8px 10px;
  text-align: left;
  font-size: 15px;
  line-height: 160%;
}
.r_txt1 span{
  font-size: 15px;
  font-weight : bold;
  color : #ff0000;
}
.r_txt2{
  font-size: 18px;
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  color: #cc0000;
  padding: 0 10px;
  line-height: 150%;
}
.r_txt3{
  padding: 0 10px;
  text-align: left;
  font-size : 15px;
  line-height: 160%;
  font-weight : bold;
}
.r_txt3 span{
  font-size : 15px;
  line-height: 160%;
  font-weight : bold;
  color : #ff0000;
}
.r_txt4{
  margin : 10px 20px 0px 30px;
  text-align: left;
  font-size : 15px;
  line-height: 160%;
  font-weight : bold;
}
.r_txt4 span{
  font-size : 15px;
  line-height: 160%;
  font-weight : bold;
  color: #ff6600;
}
.r_txt5{
  text-align: left;
  font-size : 13px;
  line-height: 160%;
  margin-top: 10px;
}
.r_txt6{
  font-size: 20px;
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  color: #cc0000;
  line-height: 150%;
}
.r_txt7{
  padding: 0 20px 0 0;
  text-align: left;
  font-size : 20px;
  line-height: 160%;
  font-weight : bold;
}
.r_txt8{
  margin-top : 10px;
  font-size : 20px;
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  color : #0000cc;
  line-height: 150%;

}
.r_txt9{
  margin-left: 10px;
  text-align: left;
  font-size : 20px;
  line-height: 160%;
  font-weight : bold;
}
.r_txt10{
  margin : 10px 0 0 30px;
  font-size : 22px;
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  color : #cc0000;
  line-height: 150%;
}
.r_txt11{
  margin : 0px 20px 20px 30px;
  text-align: left;
  font-size : 14px;
  line-height: 150%;
  font-weight : bold;
}
.r_txt11_b{
  font-size : 15px;
  line-height: 160%;
  font-weight : bold;
  color : #0000cc;
  margin-left : 23px;
}
.r_txt11_r{
  font-size : 15px;
  line-height: 160%;
  font-weight : bold;
  color : #ff0000;
  margin-left : 23px;
}
.r_txt12{
  margin: 8px 10px 8px 20px;
  text-align: left;
  font-size: 15px;
  line-height: 160%;
}
.r_txt12 span{
  border-bottom: 1px solid #ff0000;
  font-size: 15px;
}
.r_txt13{
  margin: 8px 10px 8px 20px;
  text-align: left;
  font-size: 13px;
  line-height: 160%;
}
.r_txt14{
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  margin: 8px 10px 8px 20px;
  text-align: left;
  font-size: 20px;
  line-height: 160%;
  color: #cc0000;
}
.r_txt15{
  text-align: left;
  font-size: 15px;
  line-height: 160%;
  margin: 0 20px;
}
.r_txt15 span{
  font-size: 15px;
  font-weight : bold;
  color : #cc0000;
}
.r_txt16{
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  margin : 8px 0px 8px 0px;
  text-align: left;
  font-size: 20px;
  line-height: 160%;
}
.r_txt16 span{
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  font-size : 24px;
  line-height: 160%;
  color: #cc0000;
}
.r_txt16 strong{
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  font-size : 20px;
  line-height: 160%;
  color: #3886c6;
}
.r_txt17{
  margin: 8px 10px 8px 20px;
  text-align: left;
  font-size: 20px;
  line-height: 160%;
  font-weight: bold;
  color: #0000ff;
}
.r_txt18{
  border: 3px double #8080ff;
  margin: 0 10px 10px 5px;
  padding: 10px;
  font-size: 16px;
  line-height: 160%;
  text-align: left;
}
.r_txt18 span{
  font-size: 16px;
  font-weight: bold;
  color: #cc0000;
}
.r_txt18 strong{
  font-size: 16px;
  font-weight: bold;
  color: #122094;
}
.r_txt19 {
  text-align: right;
  font-size : 14px;
  margin : 5px 20px;
}
.r_txt20 {
  font-size : 16px;
  font-weight : bold;
  padding : 5px;
  border : 1px solid #0000ff;
  background-color : #dfefff;
  margin : 15px 20px 0 0;
}
.care {
  margin : 5px 20px 20px 30px;
  font-size : 14px;
  color : #ff0000;
}
.care ol {
  margin : 5px 0px 0px 25px;
}
.care ol li{
  font-size : 14px;
  color : #ff0000;
  margin-bottom : 5px;
}
.enebrid dl{
  margin : 5px 20px 20px 0px;
}
.enebrid dt{
  font-size : 16px;
  font-weight : bold;
  line-height : 160%;
}
.enebrid dd{
  font-size : 14px;
  line-height: 160%;
  margin-left: 20px;
  margin-bottom: 10px;
}
.enebrid dd span{
  font-size : 14px;
  font-weight : bold;
  color : #cc0000;
}
.enebrid_txt1{
  font-size : 18px;
  font-weight : bold;
  line-height: 160%;
  color : #003399;
  margin: 15px 0 0 0;
}
.enebrid_txt1 sup{
  font-size : 12px;
}
.enebrid_txt2{
  font-size : 12px;
  line-height : 140%;
  text-align : left;
  margin : 5px 120px;
}
.allergy_txt3{
  font-size : 14px;
  line-height : 140%;
  text-align : left;
  margin : 5px 20px;
}

#top_under_form{
	width:580px;
	margin: 12px auto 0;
	border: 1px solid #999999;
	padding: 20px 10px 20px 10px;
	clear:both;
}
#top_under_form h1{
	font-size:18px;
	color:#222222;
	font-weight:bold;
	letter-spacing: 1px;
}
#top_under_form p{
	font-size:14px;
	margin:12px 0;
	color:#333;
	line-height: 17px;
}
#top_under_form p.error{
	font-size:15px;
	margin:3px 0;
	color:#F00;
	font-weight: bold;
	line-height: 17px;
}
table.form{
	width:320px;
	margin: 0 auto;
}
table.form td{
	font-size:15px;
	color:#444;
	padding:2px 5px;
}
table.form td input{
	font-size:14px;
	width: 130px;
	margin: 0 0 0 5px;
}
table.form td.c_left{
	font-size:14px;
	color:#444;
	padding: 2px 5px 2px 30px;
	width:70px;
	text-align: left;
}
table.form a{
	font-size:11px;
}
#toilet_back{
  text-align : left;
  width : 100%;
}
#toilet_back h2{
  font-size : 28px;
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  padding : 20px 0 0 290px;
}
#toilet_back h2 span{
  font-size : 32px;
  color : #ff0000;
}
#toilet_back p{
  padding : 10px 10px 0 290px;
  font-size : 15px;
  line-height : 160%;
}

dl.list01{
  margin : 5px 0 0 20px;
  width : 430px;
}
dl.list01 dt{
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width : 120px;
  font-size : 15px;
}
dl.list01 dd{
  float : right;
  width: 300px;
  margin-bottom: 0.8em;
  font-size : 15px;
}
ul.list02{
  margin : 5px 0 0 20px;
}
ul.list02 li{
  margin: 0 0 0.8em;
  font-size : 15px;
  line-height : 160%;
}
ul.list03{
  margin : 5px 0px 20px 50px;
}
ul.list03 li{
  font-size : 15px;
  line-height : 160%;
}
ul.list03 li span{
  font-size : 15px;
  color : #ff0000;
}
.list04{
  margin : 5px 0px 20px 50px;
  list-style-type : none;
}
.list04 li{
  font-size : 15px;
  line-height : 160%;
  margin-bottom : 8px;
}
ul.list05{
  margin : 0 0 30px 50px;
}
ul.list05 li{
  margin: 0 0 0.5em;
  font-size : 14px;
  line-height : 150%;
}
ul.list06{
  margin : 0px 0px 30px 50px;
}
ul.list06 li{
  margin: 0 0 0.5em;
  font-size : 18px;
  line-height : 150%;
}

dl.list07{
  margin : 5px 20px 0px 20px;
}
dl.list07 dt{
  font-size : 17px;
  font-weight: bold;
}
dl.list07 dd{
  font-size : 15px;
  margin-left : 17px;
  margin-bottom : 8px;
}
ul.list08{
  margin : 0 20px 30px 50px;
}
ul.list08 li{
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  margin: 0 0 0.5em;
  font-size : 22px;
  line-height : 160%;
}
ul.list08 li span{
  font-family: "HGP創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","DFG特太ゴシック体","DFG極太ゴシック";
  font-size : 22px;
  color : #ff0000;
}
dl.list09{
  margin : 5px 20px 0 20px;
}
dl.list09 dt{
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width : 120px;
  font-size : 15px;
}
dl.list09 dd{
  margin: 0 0 0.8em 120px;
  font-size : 15px;
}
ol.list10{
  margin : 5px 20px 20px 20px;
}
ol.list10 li{
  margin : 0px 0px 8px 15px;
  font-size : 16px;
  font-weight : bold;
}
ol.list10 p{
  font-size : 14px;
  margin-right : 30px;
}
ol.list10 li span{
  font-size : 16px;
  font-weight : bold;
  color : #cc0000;
}
.list11{
  margin : 5px 0px 20px 30px;
  list-style-type : square;
}
.list11 li{
  font-size : 15px;
  line-height : 160%;
  margin-bottom : 8px;
}
ul.list12{
  margin : 5px 0 0 20px;
  text-align: left;
}
ul.list12 li{
  margin: 0 0 0.8em;
  font-size : 16px;
  line-height : 160%;
  font-weight : bold;
}
ul.list12 li span{
  font-size : 15px;
  line-height : 160%;
}
ul.list12 li strong{
  font-size : 16px;
  line-height : 150%;
  font-weight: bold;
  color: #cc0000;
}
ul.list12-1{
  margin : 5px 0 0 340px;
  text-align: left;
}
ul.list12-1 li{
  margin: 0 0 0.8em;
  font-size : 16px;
  line-height : 160%;
  font-weight : bold;
}
ul.list12-1 li span{
  font-size : 15px;
  line-height : 160%;
}
ul.list12-1 li strong{
  font-size : 16px;
  line-height : 150%;
  font-weight: bold;
  color: #cc0000;
}
ul.list13{
  margin : 5px 0 0 20px;
  text-align: left;
}
ul.list13 li{
  margin: 0 0 0.8em;
  font-size : 12px;
  line-height : 140%;
}
dl.list14{
  margin : 20px 40px 0px 140px;
}
dl.list14 dt{
  font-size : 16px;
  font-weight : bold;
  background-color : #efeff5;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}
dl.list14 dd{
  font-size : 14px;
  margin-top : 8px;
  text-align: left;
}
dl.list15{
  margin : 20px 40px 0px 290px;
}
dl.list15 dt{
  font-size : 16px;
  font-weight : bold;
  background-color : #efeff5;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}
dl.list15 dd{
  font-size : 14px;
  margin-top : 8px;
}
.allergy{
  width: 100%;
  margin: 0;
  text-align: left;
}
.allergy .allergy_title{
  margin: 15px 0px 0px 0px;
  padding: 3px 0px 0px 15px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-color: #ff0000;
  text-align: center;
}
.allergy .allergy_title span{
  vertical-align: top;
}
.allergy .allergy_txt{
  margin: 5px 0px 0px 0px;
}
.allergy .allergy_txt2{
  display: inline-block;
  padding: 3px 0px 0px 0px;
  font-size: 11px;
}
.aller_box{
  background-color: #76ae00;
  padding: 15px;
  margin-top: 10px;
}
.aller_box h2{
  background-color: #fff;
  color: #cc0000;
  font-size: 24px;
  font-weight: bold;
  padding: 6px 0 0 0;
  margin-bottom: 10px;
}
.aller_box p{
  color: #fff;
  text-align: left;
  font-size: 15px;
  padding: 5px 0;
}
dl.allergy dt{
  font-size: 18px;
  font-weight: bold;
  padding: 15px 15px 0 15px;
}
dl.allergy dd{
  font-size: 16px;
  padding: 0px 15px 5px 35px;
}
table.spec1{
  margin : 10px auto 10px auto;
  border-bottom : 1px solid #666666;
  width: 92%;
}
table.spec1.led{
  margin : 10px auto;
  border-bottom : 1px solid #666666;
  width: 94%;
}
table.spec1 th{
  font-size : 14px;
  background-color : #cccccc;
  padding : 5px 10px;
  border-top : 1px solid #666666;
}
table.spec1 td{
  font-size : 14px;
  padding : 5px 10px;
  border-top : 1px solid #666666;
}
table.spec1 td sup{
  font-size : 10px;
}
table.spec2{
  width: 98%;
  margin: 5px;
  border-bottom : 1px solid #666666;
  border-left : 1px solid #666666;
}
table.spec2 th{
  font-size : 14px;
  padding : 5px 0px;
  border-top : 1px solid #666666;
  border-right : 1px solid #666666;
}
table.spec2 td{
  font-size : 14px;
  padding : 5px 10px;
  border-top : 1px solid #666666;
  border-right : 1px solid #666666;
}
table.spec2 td span{
  font-size : 14px;
  font-weight : bold;
  color : #ff0000;
}
table.spec3{
  margin : 10px 20px;
  border-bottom : 1px solid #666666;
  border-left : 1px solid #666666;
}
table.spec3 th{
  font-size : 14px;
  padding : 5px 10px;
  border-top : 1px solid #666666;
  border-right : 1px solid #666666;
}
table.spec3 td{
  font-size : 14px;
  padding : 5px 10px;
  border-top : 1px solid #666666;
  border-right : 1px solid #666666;
}
table.spec4{
  margin : 10px 0px;
  border-bottom : 1px solid #666666;
  border-left : 1px solid #666666;
  width: 100%;
}
table.spec4 th{
  font-size : 12px;
  padding : 5px;
  border-top : 1px solid #666666;
  border-right : 1px solid #666666;
  background-color: #e8efff;
  text-align: left;
}
table.spec4 td{
  font-size : 12px;
  padding : 5px;
  border-top : 1px solid #666666;
  border-right : 1px solid #666666;
  background-color: #fdfccc;
  text-align: left;
}
table.spec5{
  margin : 10px 0px;
  border-bottom : 1px solid #666666;
  border-left : 1px solid #666666;
  width: 100%;
}
table.spec5 th{
  font-size : 14px;
  font-weight : bold;
  padding : 5px;
  border-top : 1px solid #666666;
  border-right : 1px solid #666666;
  background-color: #cccccc;
  text-align: center;
}
table.spec5 td{
  font-size : 14px;
  font-weight : bold;
  padding : 5px;
  border-top : 1px solid #666666;
  border-right : 1px solid #666666;
  text-align: center;
}
table.spec6{
  margin : 10px 0px;
  border-bottom : 1px solid #666666;
  border-left : 1px solid #666666;
  width: 100%;
}
table.spec6 th{
  font-size : 14px;
  font-weight : bold;
  padding : 5px;
  border-top : 1px solid #666666;
  border-right : 1px solid #666666;
  background-color: #cccccc;
  text-align: center;
}
table.spec6 td{
  font-size : 14px;
  padding : 5px;
  border-top : 1px solid #666666;
  border-right : 1px solid #666666;
  text-align: left;
}
table.spec6 td ul{
  margin: 0 0 0 20px;
}
.txt_b{
  font-size : 16px;
  font-weight : bold;
  text-align: center;
}
.c1{
  background-color : #cccccc;
}
.c2{
  background-color : #60afff;
}
.c3{
  background-color : #76e97b;
}
.cap_txt1{
  font-size : 12px;
  margin : 0 40px 20px;
}
#cap_comment{
  background-image : url(../img/is_img/item_img18-4.gif);
  background-repeat : no-repeat;
  height : 121px;
  margin : 20px 0 20px 20px;
}
#cap_comment p{
  margin : 0px 40px 0px 146px;
  padding-top : 10px;
}
#cap_comment1{
  background-image : url(/product/cap/img/bg_comment.png);
  background-repeat : no-repeat;
  height : 121px;
  margin : 20px 0 20px 20px;
}
#cap_comment1 p{
  margin: 0 45px -10px 135px;
  padding-top: 16px;
}
.cap_woman img{
  width: 100%;
  max-width: 479px;
}
.img_ct img{
  width: 100%;
  max-width: 730px;
}
dd.cap_shock img{
  width: 100%;
  max-width: 510px;
}
dd.cap_boukak img{
  width: 100%;
  max-width: 300px;
}
dl.cap_spec{
  text-align: left;
  margin: 10px;
}
dl.cap_spec dt{
  font-size: 16px;
  font-weight: bold;
}
dl.cap_spec dd{
  font-size: 14px;
}
.balloon5 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon5 .faceicon img{
    width: 100%;
    height: auto;
    border: solid 3px #eaf7f0;
    border-radius: 50%;
}

.balloon5 .chatting {
    width: 100%;
}

.says {
    display: inline-block;
    position: relative;
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #eaf7f0;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #eaf7f0;
}

.says p {
    margin: 0;
    padding: 0 0 10px 0;
    text-align: left;
    font-size: 14px;
}
.jingi_box h3.t_jingi{
  background-image : url(/product/rearcar/img/t_jingi.png);
  background-repeat : no-repeat;
  background-position: 0 0;
  color: #ffff00;
  text-align: left;
  padding: 14px 0 2px 10px;
  font-size: 26px;
  font-weight: bold;
}
.jingi_box .col_2{
  width: 47%;
  float: left;
  margin: 1%;
  border: 2px solid #ccc;
  border-radius: 6px;
}
.jingi_box .col_2 img{
  width: 100%;
}
.jingi_box p{
  text-align: left;
  font-size: 110%;
  padding: 0px 10px 10px 10px;
}

#in_contact{
  margin : 15px auto 0px auto;
  text-align: center;
  font-size : 22px;
  border : 4px solid #013364;
  padding : 8px 0px;
}
#in_contact span{
  font-size : 17px;
}
#in_contact img{
  margin : 5px 10px 0;
}
body{
  font-weight : bold;
}
.img01{
  margin-top : 6px;
}
.img02{
  margin : 10px 0 30px 0;
}
.img03{
  margin : 5px 0px 20px 33px;
}
.img04{
  margin : 30px 0px 0px 30px;
}
.img05{
  margin : 5px;
}
.img06{
  margin : 10px;
}
.img07{
  margin : 5px 0 10px 20px;
}
.img08{
  float : left;
  margin : 0 5px 0 20px;
}
.img09{
  margin: 15px 0 15px 20px;
}
.img10{
  float : right;
}
.img11{
  float : left;
  margin : 20px;
}
.img12{
  float : right;
  margin : 10px 50px 20px 0;
}
.img13 {
    float: right;
    margin: 40px 30px 0 0;
}
.img14 {
  margin: 0 0 20px 0;
}
.img15 {
  margin-right: 50px;
}
.r_right{
  float : right;
  width: 380px;
}
.r_right2{
  float : right;
  width: 440px;
}
.r_right3{
  float : right;
  width: 500px;
}
.r_right4{
  float : right;
  width: 370px;

}
.c_red{
  color : #ff0000;
}
table#hyo1 {
  border-left : 1px solid #666666;
  border-top : 1px solid #666666;
  margin : 10px 10px 3px 10px;
}
table#hyo1 th{
  font-size : 12px;
  font-weight : bold;
  text-align : center;
  padding : 3px;
  border-right : 1px solid #666666;
  border-bottom : 1px solid #666666;
  color : #ffffff;
  background-color : #000099;
}
table#hyo1 td{
  font-size : 12px;
  text-align : left;
  padding : 2px;
  border-right : 1px solid #666666;
  border-bottom : 1px solid #666666;
  line-height : 140%;
}
table#hyo1 td.c_b{
  background-color : #ced2e1;
}
table#hyo1 td.c_y{
  background-color : #fafeda;
}
table#hyo1 td span{
  font-size : 10px;
}
table#hyo1 td.w_1{
  width : 4em;
}
.item_one {
  background-color: #000080;
  color: #fff;
  font-weight: bold;
  margin: 8px 0;
  padding: 5px 3px 3px;
  text-align: center;
  font-size: 80%;
}

/* videoタグ */
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
h2.product_h2, .product_box h2, .bichiku_item h2{
    color: #003f61;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding: 4px 14px;
    background-image: url(../img/midashi.png);
    background-repeat: repeat-x;
    border: 1px solid #d0d0d0;
    margin: 10px 0;
    clear: both;
}
.pioma_box{
  width: 35%;
  float: left;
}
.pioma_box p{
  text-align: left;
  padding: 5px;
}
.pioma_box img{
  width: 100%;
  max-width: 240px;
}
ul.kome{
  text-align: left;
  margin: 10px 0 15px 20px;
}
ul.kome li{
  list-style:disc;
  margin-bottom: 8px;
}
.res_img img{
  width: 100%;
}
.product_box{
    width: 98%;
    margin: 10px auto 30px;
}
.product_box p{
  text-align: left;
}
.product_box ul{
  text-align: left;
  margin: 10px 0 15px 20px;
}
.product_box ul li{
  list-style:disc;
  margin-bottom: 5px;
  font-size: 110%;
  line-height: 130%;
}
.product_box p.attention {
  text-align: left;
  margin: 0 0px 15px 15px;
  font-size: 16px;
  font-weight: bold;
  color: #ff0000;
}
.product_box.bicycle h3{
  text-align: left;
  margin: 10px 0 0 15px;
  font-size: 20px;
  font-weight: bold;
  color: #69b61d;
  border-bottom: 1px solid #69b61d;
}
.product_box.bicycle h3 span{
  padding: 0 0 0 10px;
  font-size: 15px;
  font-weight: normal;
  color: #666;
}
.product_box .redcross{
  padding: 0.5em;
  background-color: #f3f3f3;
}
.product_box .redcross p{
  width: 57%;
  float: left;
}
.product_box .redcross img{
  float: right;
  padding: 6px 16px;
}
@media screen and (max-width: 680px) {
  .product_box .redcross{
    text-align: center;
  }
  .product_box .redcross p{
    float: none;
    width: 100%;
  }
  .product_box .redcross img{
    float: none;
    text-align: left;
  }
  #toilet_back h2{
    padding : 0;
  }
  #toilet_back p{
    padding : 0;
  }
  #toilet_back img{
    margin : 0;
  }
  .item_img3 {
    float: none;
  }
}
.chui{
  border: 2px solid #ff0000;
  padding: 15px;
  text-align: left;
}
.chui h3{
  border-bottom: 1px solid #ff0000;
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
  font-weight: bold;
}
.chui p{
  padding: 5px 0;
  font-size: 14px;
  text-align: left;
  line-height: 135%;
}
.chui h4{
  background-color: #ff0000;
  color: #fff;
  padding: 5px 20px;
  width: 40%;
  border-radius: 25px;        /* CSS3草案 */
    -webkit-border-radius: 25px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 25px;   /* Firefox用 */
  text-align: center;
  margin: 5px 0;
  font-weight: bold;
}
.chui ul{
  margin-left: 20px;
}
.chui ul li{
  float: left;
  font-size: 14px;
  width: 33%;
  margin-bottom: 3px;
  list-style: disc;
}
.chui ul li span{
  font-size: 10px;
}
.product_box h3.pereco {
  background-color: #efefef;
  font-size: 15px;
  font-weight: bold;
  color: #003399;
  padding: 4px 10px;
  margin-top: 15px;
}
.item_contents{
  margin: 10px auto 30px;
}
.item_contents .box_left{
  float: left;
  width: 42%;
}
.item_contents .box_left img{
  width: 100%;
}
.item_contents .box_right{
  float: right;
  width: 55%;
}
.item_contents .box_right .cart{
  margin: 0;
}
.item_contents .title{
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  border-left: 4px solid #cc0000;
  padding: 0 0 0 4px;
  margin: 4px 0 10px 0;
  text-align: left;
}
.pro_right{
  float: right;
  width: 45%;
  margin: 10px 0;
}
.pro_right img, .pro_left img{
  width: 100%;
}
.pro_left{
  float: left;
  width: 53%;
  margin: 0;
}
.cart div.movie{
  text-align: center;
}
.item_topics{
  border: 3px solid #006699;
  background: #F9F9F9;
  border-radius: 10px;        /* CSS3草案 */
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;   /* Firefox用 */
  padding: 15px;
  margin: 10px 10px 30px 10px;
}
.item_topics img.r_img{
  float: right;
}
.item_topics p{
  text-align: left;
  font-size: 120%;
  line-height: 150%;
}
.topics_btn {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  color: #FFF;
  background: #4B77A6;/*背景色*/
  border-bottom: solid 2px #3F6689;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  margin: 15px 0;
  font-size: 160%;
  line-height: 150%;
}
a.topics_btn:hover {
  color: #FFFDB0;
}
.topics_btn:active {
    border-bottom: solid 2px #7AA6CE;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
p.attention{
  text-align: center;
  padding: 10px 0 0 0;
  color: #ff0000;
  font-size: 110%;
}
.pro_left ul li b a{
  color: #ff0000;
}
.allergy_btn, .make_btn{
    color: #67c5ff;
    border: solid 2px #87c40b;
    border-radius: 3px;
    transition: .4s;
    margin: 15px auto;
    width: 100%;
}
.make_btn{
  border: solid 2px #fd9535;
}
.allergy_btn a, .make_btn a{
  display: block;
  padding: 10px 0;
  font-size: 16px;
  text-decoration: none;
}
.allergy_btn a:hover{
    background: #87c40b;
    color: white;
}
.make_btn a:hover{
    background: #fd9535;
    color: white;
}
p span.hot{
  font-weight: bold;
  color: #ff6a03;
}
p span.cold{
  font-weight: bold;
  color: #22b5ff;
}
ul.col_2_list{
  margin: 15px 0 15px 40px;
}
ul.col_2_list li{
  float: left;
  width: 48%;
  font-size: 130%;
}

@media screen and (max-width: 680px) {
.cart3{
  text-align: left;
  margin: 0 0 0 20px;
}
#mail dt {
  clear: both;
  float: none;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
#mail dd {
  margin-left: 0px;
}
#mail dt img{
  float : none;
  margin: 3px 0 0 5px;
}
.chui h4{
  width: 65%;
}
.chui ul li{
  float: left;
  width: 48%;
}
ul.col_2_list li{
  float: none;
  width: 100%;
  font-size: 120%;
}
}
@media screen and (max-width: 530px) {
.pioma_box{
  width: 100%;
  float: none;
}
.item_img2 {
  float: none;
  margin: 10px auto 25px auto;
  width: 96%;
}
table.light_box{
  width: 100%;
  margin: 0 auto;
}
.item_sub_title {
  padding: 4px 10px;
}
.item_contents .box_right .item_sub_title {
  padding: 0px;
}
}
@media screen and (max-width: 480px) {
.pro_right{
  float: none;
  width: 96%;
  margin: 10px auto;
}
.pro_right img{
  width: 100%;
}
.pro_left{
  float: none;
  width: 96%;
  margin: 10px auto;
}
.item_contents .box_left{
  float: none;
  width: 96%;
  margin: 10px auto;
}
.item_contents .box_left img{
  max-width: 300px;
}
.item_contents .box_right{
  float: none;
  width: 96%;
  margin: 10px auto;
}
.item_title {
  font-size: 130%;
  padding: 15px 10px 10px;
  text-align: left;
  line-height: 140%;
}
.item_title span{
  font-size: 90%;
}
.item_topics{
  margin: 0 10px;
}
.item_topics img.r_img {
  width: 37%;
}
.short, .middle, .long{
  width: 100%;
}
.client_list ul li{
  width: 48%;
}
.item_photo{
  float: none;
  border: 1px solid #ccc;
  margin: 5px auto;
  max-width: 300px;
}
.item_photo img{
  width: 100%;
}
.jingi_box .col_2{
  width: 96%;
  float: none;
  margin: 1% auto;
}
.chui ul li{
  float: none;
  width: 96%;
}
}

/*=================================================
 * 追加商品2017秋
 * ================================================= */
.item_car{
  margin-top: -20px;
}
.item_car .reco_box, .item_deli .reco_box, .item_deli .reco_box.short, .item_deli .reco_box.middle{
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
}
.item_car .reco_box img, .item_deli .reco_box img{
  width: 100%;
}
.item_car .reco_box h3, .item_deli .reco_box h3 {
  color: #000080;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
  border-bottom: 1px solid #000080;
}
.item_car .reco_box ul, .item_deli .reco_box ul{
  text-align: left;
  margin: 0 0 0 15px;
}
.item_car .reco_box ul li, .item_deli .reco_box ul li{
  line-height: 135%;
  margin-bottom: 3px;
}
.item_car .reco_box .item_one, .item_deli .reco_box .item_one{
  font-size: 90%;
}
.item_car .caution, .item_deli .caution{
  margin: 10px 0 0 15px;
  text-align: left;
}
.shiyo_btn{
  text-align: right;
  margin: 10px 20px;
}
.square_btn{
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 15px 30px;
  text-decoration: none;
  color: #fff;
  background: #4682b4;
  transition: .4s;
  font-size: 130%;
}
.square_btn:hover {
  background: #00bcd4;
  color: white;
}
.item_deli,.item_car {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}
.item_deli::after,.item_car::after{
  content:"";
  display: block;
  width:32%;
}
.item_deli .reco_box,.item_deli .reco_box2,.item_car .reco_box{
  flex-basis: 32%;
  width: 32%;
  margin: 10px 0;
}
.item_deli .reco_box.short{
  min-height: 510px;
}
.item_deli .reco_box.middle{
  min-height: 530px;
}
.caution ul li, .reco_box ul li{
  list-style: disc;
  line-height: 120%;
}
.caution ul li{
  padding-bottom: 3px;
}
.red{
  color: #cc0000;
}
.green{
  color: #3cb371;
}
ol.maru, ol.maru1{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
  text-align: left;
  margin: 0 0 30px 0;
}
ol.maru1{
  margin: 0 0 -5px 0;
}
ol.maru li, ol.maru1 li{
  border-bottom: dotted 1px #ccc;
  position: relative;
  padding: 0.5em 0.5em 0.5em 30px;
  line-height: 1.5em;
  font-size: 110%;
}
ol.maru1 li{
  font-size: 120%;
}
ol.maru li:before, ol.maru1 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #ffb107;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 12%;
}
ul.use{
  text-align: left;
  margin: 15px 10px 15px 30px;
}
ul.use li{
  font-size: 14px;
}
ul.use li span{
  font-size: 100%;
}
ul.use li span.use1{
  font-size: 120%;
  color: #cc0000;
}
.col_35_l{
  float: left;
  width: 33%;
}
.col_50_l{
  float: left;
  width: 48%;
}
.col_50_r{
  float: right;
  width: 48%;
}
.col_65_r{
  float: right;
  width: 63%;
}
ul.check_list {
  position: relative;
  text-align: left;
  padding: 0 10px 10px 0;
  margin: 0 auto;
}

ul.check_list li {
  line-height: 1.2;
  padding: 0.5em 0 0 1.8em;
  list-style-type: none!important;
  font-size: 120%;
}

ul.check_list li:before {
  font-family: FontAwesome;
  content: "\f00c";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #E97400; /*アイコン色*/
}
.info_come{
  text-align: center;
  background-color: #cc0000;
  color: #fff;
  font-size: 16px;
  width: 94%;
  margin: 25px auto 0 auto;
  padding: 10px;
}
.box27 {
    position: relative;
    margin: 4em auto 0 auto;
    padding: 0.5em 1em;
    border: solid 3px #E97400;
    width: 90%;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -33px;
    left: -3px;
    padding: 0 9px;
    height: 33px;
    line-height: 36px;
    vertical-align: middle;
    font-size: 22px;
    background: #E97400;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0;
    padding: 0;
}
.product_box ul.storage{
  list-style: none;
}
.product_box ul.storage li{
  list-style: none;
  width: 30%;
  float: left;
  margin: 1%;
  min-height: 220px;
}
.product_box ul.storage li.w50{
  width: 46%;
  margin: 1.5%;
}
.flex_2, .flex_3{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 15px 0;
}
.flex_2 .col_box{
  width: 48%;
  text-align: center;
}
.flex_2 .col_box img{
  max-width: 325px;
}
.flex_2 .col_box h3, .flex_2 .b_item_box h3{
  font-size: 130%;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #ffb107;
  padding: 5px 10px;
  border-radius: 8px;
}
.flex_2 .col_box p{
  text-align: left;
}
.flex_3 .col_3{
  width: 28%;
  text-align: center;
  margin: 0.5%;
  border: 1px solid #ccc;
  padding: 10px;
}
.flex_3 .col_3.col_3-2{
  width: 48%;
}
.flex_3 .col_3 h3{
  background-color: #F6AD3C;
  padding: 5px 0;
  font-size: 120%;
  font-weight: bold;
  color: #fff;
}
.flex_3 .col_3 h3.dx{
  background-color: #00A95F;
}
.flex_3 .col_3 h3.pr{
  background-color: #187FC4;
}
.flex_3 .col_3 img{
  width: 100%;
}
.flex_3 .col_3 p{
  text-align: left;
  padding: 8px 0 5px;
  font-size: 14px;
}
.flex_2 .b_item_box{
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 10px;
  width: 46%;
  margin: 1%;
}
.flex_2 .b_item_box ul{
  text-align: left;
  list-style: disc;
  margin: 5px 0 5px 20px;
}
.flex_2 .b_item_box ul li{
  list-style: disc;
  font-size: 13px;
}
.flex_2 .col_box_66{
  width: 66%;
  text-align: center;
}
.flex_2 .col_box_33{
  width: 33%;
  text-align: center;
}
.flex_2 .col_box_66 h3{
  text-align: left;
  font-size: 130%;
  font-weight: bold;
  margin: 0 0 -15px 5px;
}
.hitori {
  color: #000080;
  font-weight: bold;
  margin: 15px 0 5px 5px;
  padding: 0;
  text-align: left;
  font-size: 110%;
}
.sou{
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 110%;
  background-color: #3cb371;
  margin: 5px;
}
.sou a{
  color: #ffff00;
}
.sou span{
  font-size: 100%;
  font-weight: bold;
}
span.loan{
  border: 1px solid #cc0000;
  padding: 5px 10px;
  margin: 0 10px 0 0;
}
.cart p.no_cash{
  font-weight: normal;
  font-size: 14px;
  border-left: none;
  text-align: right;
}
.cart p.no_cash span{
  color: #cc0000;
  font-weight: normal;
}
.ex_box {
    position: relative;
    margin: 0 auto 1em auto;
    padding: 0.5em 1em;
    border: solid 3px #369239;
    border-radius: 8px;
    width: 90%;
}
.ex_box .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #369239;
    font-weight: bold;
}
.ex_box p {
    margin: 0;
    padding: 15px 10px;
    font-size: 16px;
    line-height: 150%;
}
.col_box table.spec{
margin: 0 auto 10px auto;
}
.col_box p.order{
  border: 1px solid #cc0000;
  text-align: center;
  color: #cc0000;
  font-size: 18px;
  width: 97%;
  padding: 5px 0;
  font-weight: bold;
  margin: 10px auto;
}
.movie{
  width: 75%;
  min-width: 320px;
  margin: 10px auto;
}
.cart p.naiyo{
  font-weight: normal;
  border-left:none;
  margin: 0 0 20px;
  padding: 0;
  font-size: 14px;
  line-height: 100%;
}
dl.check_list{
  background-color: #f5f5f5;
  padding: 15px;
  text-align: left;
  margin: 0 0 15px 0;
}
dl.check_list dt{
  font-size: 18px;
  font-weight: bold;
  color: #003399;
}
dl.check_list dd{
  background-image : url(/product/mado/img/check.png);
  background-repeat : no-repeat;
  background-position : left top;
  padding: 2px 0 2px 32px;
  font-size: 16px;
  margin: 4px 0;
}
.checked{
  border: 1px solid #cc0000;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  background-color: #fff;
  margin: 10px 0 0 0;
}
.point_box {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ffcc00;
}
.point_box .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #ffcc00;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.point_box p {
    margin: 0;
    padding: 0;
}
ol.point_list{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
}
ol.point_list li{
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
  border-bottom: dashed 1px orange;
  text-align: left;
  font-size: 16px;
}
ol.point_list li strong{
  color: #008000;
  font-weight: bold;
  font-size: 18px;
}

ol.point_list li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #ffcc00;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);

}
ol.point_list li:last-of-type{
  border-bottom: none; /*最後のliの線だけ消す*/
}
ol.set{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
}
ol.set li{
  position: relative;
  padding-left: 30px;
  line-height: 120%;
  padding: 0.2em 0.5em 0.2em 30px;
  text-align: left;
  font-size: 120%;
}

ol.set li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #fff;
  color: #000;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
  border: 1px solid #000;
}
.col_50_r ul.use li{
  list-style: disc;
  font-size: 120%;
  padding: 0 0 5px 0;

}
.col_50_r ul.use.point{
  margin-left: 0;
}
.col_50_r ul.use.point li{
  list-style: none;
  padding: 10px 0 10px 70px;
}
.col_50_r ul.use.point li:nth-of-type(1){
  background-image: url(/product/terubo/img/point1.png);
  background-repeat: no-repeat;
  background-position: center left;
}
.col_50_r ul.use.point li:nth-of-type(2){
  background-image: url(/product/terubo/img/point2.png);
  background-repeat: no-repeat;
  background-position: center left;
}
.col_50_r ul.use.point li:nth-of-type(3){
  background-image: url(/product/terubo/img/point3.png);
  background-repeat: no-repeat;
  background-position: center left;
}
.col_50_r ul.use.point li:nth-of-type(4){
  background-image: url(/product/terubo/img/point4.png);
  background-repeat: no-repeat;
  background-position: center left;
}
.col_50_r ul.use.point li:nth-of-type(5){
  background-image: url(/product/terubo/img/point5.png);
  background-repeat: no-repeat;
  background-position: center left;
}
.col_50_r ul.use.point li:nth-of-type(6){
  background-image: url(/product/terubo/img/point6.png);
  background-repeat: no-repeat;
  background-position: center left;
}
@media screen and ( max-width: 940px ) {
.item_car .reco_box, .item_deli .reco_box, .item_deli .reco_box.short, .item_deli .reco_box.middle,
.item_car .reco_box{
  flex-basis: 48%;
  width: 48%;
}
}
@media screen and ( max-width: 767px ) {

}

@media screen and ( max-width: 690px ) {

.col_35_l{
  float: none;
  width: 96%;
  margin: 0 auto;
}
.col_50_l{
  float: none;
  width: 96%;
  margin: 0 auto;
}
.col_50_r{
  float: none;
  width: 96%;
  margin: 0 auto;
}
.col_65_r{
  float: none;
  width: 96%;
  margin: 0 auto;
}
}
@media screen and ( max-width: 580px ) {
.item_car .reco_box, .item_deli .reco_box, .item_deli .reco_box.short, .item_deli .reco_box.middle,
.item_car .reco_box{
  flex-basis: 98%;
  width: 98%;
}
.product_box ul.storage li{
  min-height: 200px;
}
.flex_2{
  flex-wrap: wrap;
}
.flex_2 .col_box{
  width: 98%;
}
.flex_3{
flex-wrap: wrap;
}
.flex_3 .col_3{
  width: 43%;
}
}
@media screen and ( max-width: 480px ) {
.item_car .reco_box ul, .item_deli .reco_box ul{
  margin: 10px 0 0 15px;
}
.item_car .caution ul, .item_deli .caution ul{
  margin: -25px 20px 0 13px;
}
.item_car .caution ul li, .item_deli .caution ul li{
  line-height: 125%;
}
.product_box ul.storage li{
  width: 48%;
  margin: 1%;
  min-height: 217px;
}
.flex_3 .col_3{
  width: 90%;
  margin: 1% auto;
}
.flex_3 .col_3.col_3-2{
  width: 90%;
}
.flex_2 .col_box_66, .flex_2 .col_box_33{
  width: 96%;
  margin: 1% auto;
}
.flex_2 .col_box_33 img{
  display: none;
}
}
/*=================================================
 * お役立ちページ
 * ================================================= */
#useful1{
  margin : 20px;
  text-align : left;
}
h2.useful_txt1{
  color: #003f61;
  font-size: 16px;
  font-weight: bold;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  margin : 30px 0px 0px 20px;
  text-align: left;
}

ul.useful_list1{
  margin : 20px 0 20px 20px;
}
ul.useful_list1 li{
  font-size : 15px;
  line-height : 26px;
  list-style-type : none;
  background-image : url(../img/is_img/check_icon.gif);
  background-repeat : no-repeat;
  background-position : left center;
  padding-left : 28px;
  margin-bottom : 8px;
}
.useful_link{
  margin : 10px 0px 0px 20px;
}
.useful_link a{
  margin-right : 50px;
  padding-left : 20px;
  font-size : 15px;
  background-image : url(../img/is_img/check.png);
  background-repeat : no-repeat;
  background-position : left 2px;
}
.useful_box{
  width: 214px;
  float: left;
  margin: 16px 0 0 16px;
}
.useful_box h3{
  font-size: 15px;
  font-weight: bold;
  color: #006699;
  padding: 4px 0 2px 0;
  text-align: left;
}
.useful_box p{
  text-align: left;
  padding: 0 2px 0 2px;
  font-size: 14px;
  line-height: 140%;
}
.item_list{
  margin : 5px 10px 0px 20px;
  text-align : left;
}
.item_list .listbox_l{
  width: 46%;
  float: left;
}
.item_list .listbox_r{
  width: 46%;
  float: right;
}

.item_list .listlink{
  margin: 15px 0 10px;
}
.item_list .listlink li a{
  display: block;
  text-align: center;
  padding: 16px 5px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
.item_list .listlink li:nth-of-type(1) a{
  background: #13289A;
  background: -moz-linear-gradient(top,  #1875c9 0%, #13289A 100%);
  background: -webkit-linear-gradient(top,  #1875c9 0%,#13289A 100%);
  background: linear-gradient(to bottom,  #1875c9 0%,#13289A 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1875c9', endColorstr='#13289A',GradientType=0 );
}
.item_list .listlink li:nth-of-type(2) a{
  background: #d64915;
  background: -moz-linear-gradient(top,  #e87139 0%, #d64915 100%);
  background: -webkit-linear-gradient(top,  #e87139 0%,#d64915 100%);
  background: linear-gradient(to bottom,  #e87139 0%,#d64915 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87139', endColorstr='#d64915',GradientType=0 );
}
.item_list .listlink li a:hover{
  opacity: 0.8;
}

.item_list .listlink li{
  position: relative;
  vertical-align: middle;
  margin: 0 0 8px;
}
  .item_list .listlink li::before,
  .item_list .listlink li::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    content: "";
    vertical-align: middle;
  }
  .item_list .listlink li::before{
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    -webkit-border-radius: 25%;
    border-radius: 25%;
  }
  .item_list .listlink li::after{
    left: 17px;
    box-sizing: border-box;
    width: 10px;
    height: 8px;
    border: 4px solid transparent;
    border-left: 6px solid #fff;
  }

.item_list h2{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  padding: 10px;
  margin: 20px 0 0;
  padding: 10px 0 10px 40px;
  position: relative;
}
.item_list#corp h2{
  background: #13289A;
}
.item_list#home h2{
  background: #d64915;
}
.item_list#corp h2::before,
.item_list#home h2::before{
  content: "";
  display: inline-block;
  width: 38px;
  height: 32px;
  vertical-align: middle;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.item_list#corp h2::before{
  background: url(../img/item_list_icon1.png) no-repeat center / contain;
}
.item_list#home h2::before{
  background: url(../img/item_list_icon2.png) no-repeat center / contain;
}

.item_list dl{
  margin : 5px 0px 0px 0px;
}
.item_list dl dt{
  color: #003f61;
  font-size: 14px;
  font-weight: bold;
  background-color : #e3eef2;
  padding : 5px 13px;
  margin-top : 18px;
}
.item_list dl dd{
  font-size: 14px;
}
.item_list dl dd{
  background-image : url(../img/icon_1.png);
  background-repeat : no-repeat;
  background-position : left 5px;
  margin: 10px 0 10px 5px;
  padding-left : 8px;
  font-size: 14px;
}
.item_list dl dd a{
  color: #000;
  text-decoration: none;
}
.item_list dl dd a span{
  color: #cc0000;
  padding-left: 10px;
  text-decoration: none!important;
}
.item_list dl dd a:hover{
  text-decoration: underline;
}
.item_list#corp label{
  background: #737fbf;
  color: #fff;
}
.item_list#home label{
  background: #f39b7a;
  color: #fff;
}

@media screen and (max-width: 530px) {
.item_list{
  margin: 2em 0 0 0;
  padding: 0;
  width : 100%;
  float : none;
  text-align : left;
}
.item_list .listbox_l, .item_list .listbox_r{
  width: 100%;
  float: none;
}
.item_list .listbox_l + hr, .item_list .listbox_r + hr{
  display: none;
}

.item_list h2 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  border-bottom: none;
  margin-top: 20px;
  background :#003F61;
  text-align: center;
  padding: 10px 0;
}
/*ラベル*/
.item_list label{
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #003F61;
    font-weight: bold;
    background: #fff;
    cursor :pointer;
    transition: all 0.5s;
    font-size: 130%;
    border-bottom: 1px dotted #003F61;
}

/*アイコンを表示*/
.item_list label:before{
    content: '\f078';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.item_list label:hover{
    background :#f7f7f7;
}
/*中身を非表示にしておく*/
.item_list .accshow{
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #fff;
    opacity: 1;
}
/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f077';
}
.item_list dl dd{
  position: relative;
  font-size: 14px;
}
.item_list dl dd{
  background-image : url(../img/icon_1.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
  font-size: 14px;
  margin: 0;
}
.item_list dl dd a{
  display: block;
  color: #000;
  padding : 15px 10px;
  border-bottom: 1px dotted #ccc;
}
.item_list dl dd span{
  color: #cc0000;
  padding-left: 10px;
}
}

table#table_link{
  margin : 20px 0 20px 50px;
  width : 80%;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}
table#table_link th{
  color: #003f61;
  background-color : #e3eef2;
  font-size : 16px;
  font-weight : bold;
  padding : 5px 10px;
  text-align : left;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
table#table_link td{
  font-size : 16px;
  text-align : left;
  padding : 5px 10px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.yt{
  width : 350px;
  float : left;
  margin : 10px 5px;
}
.yt p{
  font-size : 14px;
  font-weight: bold;
  margin-bottom : 6px;
}
/*=================================================
 * 引き出物ページ
 * ================================================= */
#gift_name{
  line-height : 140%;
  text-align: right;
  margin: 10px 30px 10px 20px;
 }
.gift_con{
  text-align: left;
  margin: 10px 30px 40px 20px;
}
.gift_con h2{
  font-size: 20px;
  line-height : 140%;
  font-weight: bold;
  border: 1px solid #cccccc;
  padding: 6px;
}
.gift_con p{
  font-size: 16px;
  line-height : 140%;
  margin: 8px 10px 20px;
}
.gift_con p span{
  font-size: 16px;
  line-height : 140%;
  font-weight: bold;
  color: #cc0000;
}
.gift_con ol{
  margin: 0 0 10px 50px;
}
.gift_con ol li{
  font-size: 16px;
  line-height : 140%;
}
.gift_con dl{
  margin : 5px 20px 40px 0;
}
.gift_con dl dt{
  font-size : 17px;
  line-height : 140%;
  font-weight: bold;
}
.gift_con dl dd{
  font-size : 16px;
  line-height : 140%;
  margin : 5px 0 8px 17px;
}

/*=================================================
 * 備蓄用品ページ
 * ================================================= */
#bichiku {
  margin: 0 0 20px 0;
}
#bichiku h2 {
	position: relative;
	padding: 7px 0 5px;
	background-color: #000033;
	background-image: none;
	color: #fff;
	font-size: 34px;
	font-weight: bold;
}
#bichiku h2 span {
	padding: 0 10px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}
#bichiku h2::before,
#bichiku h2::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
}
#bichiku h2::before {
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #696969;
}
#bichiku h2::after {
	right: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-top-color: #696969;
}

.regulations {
    position: relative;
    margin: 15px 10px 30px;
    padding: 0.5em 1em;
    border: solid 3px #cc0000;
    border-radius: 8px;
}
.regulations .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 22px;
    background: #FFF;
    color: #cc0000;
    font-weight: bold;
}
.regulations p {
    margin: 0;
    padding: 15px 10px;
    text-align: left;
    font-size: 16px;
    line-height: 145%;
}
a.law_btn {
    font-size: 18px;
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 15px 30px;
    text-decoration: none;
    color: #FFF;
    background: #004097;
    transition: .4s;
    margin-bottom: 10px;
    line-height: 115%;
  }

a.law_btn:hover {
    background: #59a4c9;
}
#regulations .caution{
  color: #ff0000;
  text-align: right;

  padding: 5px 0 0 0;
}
p.bag_item{
  text-align: left;
  padding: 5px 0px;
  width: 55%;
  float: left;
  line-height: 135%;
}
p.bag_item span{
  color: #ff6600;
  padding-left: 2px;
}
p.bag_item strong{
  font-size: 120%;
  color: #ff6600;
  font-weight: bold;
}
.bag_check{
  margin: 6px 0;
  text-align: left;
  float: right;
  background-color: #f5f5f5;
  padding: 14px;
}
.bag_check dt{
  font-size: 18px;
  font-weight: bold;
  color: #003399;
}
.bag_check dd{
  background-image : url(../img/is_img/check.png);
  background-repeat : no-repeat;
  background-position : left top;
  padding: 0 0 0 22px;
  font-size: 14px;
  margin: 4px 0;
}
.color_ver{
  margin: 0 auto 30px auto;
}
.color_ver p{
  text-align: left;
  font-size: 120%;
  border-bottom: 1px solid #79CC21;
  color: #79CC21;
  margin: 15px 3px 0 6px;
  font-weight: bold;
}
.color_ver div{
  float: left;
  width: 18%;
  margin: 1%;
  text-align: center;
}
.color_ver div span{
  color: #ccc;
  font-weight: normal;
  font-size: 70%;
  line-height: 180%;
}
.color_ver div span.c_wh{
  color: #ccc;
}
.color_ver div span.c_rd{
  color: #ff0000;
}
.color_ver div span.c_bk{
  color: #000000;
}
.color_ver div span.c_mc{
  color: #DAA520;
}
.color_ver div span.c_pk{
  color: #FF69B4
}
.color_ver div img{
  width: 100%;
  border: 1px solid #ccc;
}
.cart.color_cart{
  text-align: right;
}
.buy_btn{
  display: inline-block;
  padding: 15px 25px;
  text-decoration: none;
  color: #69b61d;
  border: solid 2px #69b61d;
  border-radius: 3px;
  transition: .4s;
  font-size: 130%;
  margin-bottom: 30px;
  font-weight: bold;
}
.buy_btn:hover {
  background: #69b61d;
  color: white;
}
ol.post{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  border: dashed 1px gray;
  width: 94%;
  margin: 0 auto 10px auto;
  text-align: left;
}

ol.post li{
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
  font-size: 16px;
}

ol.post li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #74c2f8;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
ol.post li span{
  font-size: 100%;
  color: #cc0000;
  font-weight: bold;
}
#postage .c_btn{
  text-align: center;
  margin: 15px 0;
}
@media screen and (max-width: 870px) {
  p.bag_item{
    width: 46%;
  }
}
@media screen and (max-width: 767px) {
  p.bag_item{
    width: 56%;
  }
}
@media screen and (max-width: 650px) {
  p.bag_item{
    width: 50%;
  }
}
@media screen and (max-width: 560px) {
  p.bag_item{
    width: 41%;
  }
}
@media screen and (max-width: 480px) {
  p.bag_item{
    width: 96%;
    float: none;
    padding: 2%;
  }
  .bag_check{
    margin: 6px auto;
    float: none;
    width: 100%;
    max-width: 300px;
  }
  .color_ver div{
    width: 31%;
  }
}


/*=================================================
 * レスポンシブ用テーブル
 * ================================================= */
.res_table table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 100%;
    border-spacing: 0;
    margin: 0 auto;
}
.res_table table th, .res_table table td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
    line-height: 150%;
}
.res_table table th { background-color: #61c5bb; color: #fff;}
.res_table table th.item_image{ width: 22%;}
.res_table table th.item_name{ width: 28%;}
.res_table table td.setsu ul{
  text-align: left;
  list-style-type: disc!important;
  margin: 0 0 0 20px;
}
.res_table table td.setsu ul li{
  list-style-type: disc!important;
  padding: 0 0 2px 0;
}
.res_table table td p.txt_b span{
  display: none;
}
table.client {
  border-collapse: collapse;
  width: 100%;
}
table.client th,
table.client td {
  padding: 10px;
  border: 1px solid #999;
  width: 50%;
}

@media screen and (max-width: 530px) {
.res_table table { width: 100%; border:none; padding: 10px;}
.res_table table thead { display: none;}
.res_table table tr {
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}
.res_table table th.item_image,.res_table table th.item_name{ width: 100%;}
.res_table table td {
    border-right: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    padding: 3px 0;
}
/* tdのデザイン */
.res_table table td:nth-of-type(1) { background-color: #fff; color: #999;}
.res_table table td:last-child { border-bottom: 1px solid #4f4d47;}

/*td:beforeのデザイン*/
.res_table table td:before {
    background-color: #fff;
    color: #999;
    display: block;
}
.item_one {
  margin: 0;
}
.res_table table td.setsu ul{
  margin: 0 0 0 20px;
}
.res_table table td p.txt_b span{
  display: inline-block;
}
table.client {
   border-top: 1px solid #999;
   margin: 0 auto;
   width: 92%;
  }
table.client td {
    display: block;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    border-top: 0px;
  }
.item_img {
  float: none;
  margin: 5px auto;
  overflow: hidden;
}
.r_txt13 {
  margin: 0 10px;
}
.cart {
  margin: 0px 0px 0px 8px;
}
.item_sub_title2 {
  padding: 4px 10px;
  font-size: 14px;
}
.cap_txt1 {
  margin: 0 10px;
}
}
@media screen and (max-width: 515px) {
.regulations p {
  padding: 30px 10px 15px 10px;
}
}

/*チェックは隠す*/
.option input#option {
  display: none;
}
.pc_none{
  display: none;
}
.option{
    margin: 2em 0 0 0;
}
/*ラベル*/
.option label{
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #fff;
    font-weight: bold;
    background: #004097;
    transition: all 0.5s;
    font-size: 160%;
}
.op_item{
  border: 1px solid #ccc;
  padding: 10px;
  width: 44%;
  float: left;
  margin: 0.8%;
  text-align: center;
}
.op_item_img img{
  max-height: 145px;
  width: auto;
}
.op_item_name{
  font-size: 120%;
  line-height: 150%;
  font-weight: bold;
  color: #000080;
  padding: 5px 0;
}
.op_oneprice{
  font-size: 110%;
  font-weight: bold;
  line-height: 150%;
}
.op_setprice{
  font-size: 120%;
  font-weight: bold;
  line-height: 150%;
}
.op_setprice span{
  font-size: 130%;
  font-weight: bold;
  line-height: 150%;
  color: #cc0000;
}
.op_item .cart_img{
  margin: 10px 0 0 0;
}

@media screen and ( max-width: 530px ) {
/*ラベル*/
.option label{
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #fff;
    font-weight: bold;
    background: #004097;
    cursor :pointer;
    transition: all 0.5s;
    font-size: 160%;
}
/*ラベル*/
.option label{
    font-size: 130%;
    text-align: left;
}

/*アイコンを表示*/
.option label:before{
    content: '\f078';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.option label:hover{
    background :#FF6600;
}
/*中身を非表示にしておく*/
.option .accshow{
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.option .cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #fff;
    opacity: 1;
}
/*アイコンを入れ替える*/
.option .cssacc:checked + label:before {
    content: '\f077';
}
.op_item{
  width: 92%;
  float: none;
  margin: 5px auto 10px auto;
}
}
@media screen and ( max-width: 480px ) {
.img11 {
  float: none;
  margin: 20px;
}
dl.list14 {
  margin: 20px 15px 0px 15px;
}
dl.list14 dd {
  padding-bottom: 30px;
}
.img12 {
  float: none;
  margin: 10px auto;
}
.flex_2 .b_item_box{
  width: 90%;
  margin: 1% auto;
}
}
table.wide3{
   margin: 20px auto;
   width: 98%;
   background-color: #666;
}
table.wide3 th{
   background-color: #f5f5f5;
   padding: 8px;
   font-size: 14px;
   font-weight: bold;
}
table.wide3 td{
   background-color: #fff;
   padding: 8px;
   font-size: 14px;
}
table.wide3 th.bg_blue, table.wide3 td.bg_blue{
  background-color: #eaf3f7;
}

.enebrid_faq a,
.enebrid_back a{
  display: block;
  margin: 0 20px;
  padding: 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #003399;
}
.enebrid_faq a{
  max-width: 350px;
  width: 90%;
  margin: 0 auto 20px;
  padding: 20px 10px;
  border-bottom: 4px solid #001166;
  font-size: 18px;
}
.enebrid_faq a:hover,
.enebrid_back a:hover{
  text-decoration: none;
  background-color: #0066cc;
}
.enebrid_faq a:hover{
  border-bottom: 4px solid #003399;
}
.enebrid_faq a:active{
  border-bottom: 4px solid #0066cc;
}

#news{
  margin: 10px 20px;
}
#news h2{
  margin: 15px 0;
	padding: 0 0 3px;
  border-bottom: 2px solid #f44;
  font-size: 16px;
  font-weight: bold;
}
#news > *{
  font-size: 16px;
  text-align: left;
}
#news p{
  margin: 0 0 10px;
}
#foot .sdgs_icon li{
  width: 10%;
}
#foot .sdgs_icon img{
  max-width: 100%;
}