h5@charset "Shift_JIS";


/*画像サイズ*/
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#container{
width:100%;
}

HTML{
font-size : 18px;
}



/* スライドインメニューに必要なところ */
body {
	position: relative;
	left: 0;
	overflow-x: hidden;
}
#slide_menu{
	position: fixed;
	top: 0;
	left: -350px;
	width: 350px;
	height: 100%;
    background: #414141;
}
/* 以下装飾など */
#slide_menu ul{
    padding: 0;
    margin: 0;
}
#slide_menu li{
    border-bottom: solid 1px #bebebe; 
    list-style: none;
	height:80px;
}
#slide_menu li a{
    display: block;
    padding: 20px 0;
    color: #ffffff;
	font-size:50px;
    margin: 30px 0 30px 0;
    text-align: center;
    text-decoration: none;
}
#button{
    position: absolute;
    top: 0;  
    left: 0;  
	margin-right: auto;
    width: 120px;
    height: 120px;
    outline: none;
    border: none;
    background: #414141;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}


/* カテゴリーメニュー */

a {
        text-decoration:none;
}
ul#menu, ul.sub_menu{
        list-style:none;
        margin:0;
        padding:0;
		margin: 0 auto;  
}

ul#menu li{
        list-style:none;
}

#menu{
        width:400px;
        margin:20px;
        border-bottom:none;
		margin: 30px auto;  
}
.main_menu{
        background:#414141;
        color:#ffffff;
        font-size:25pt;
        font-weight:bold;
        padding:5px 13px 0px 15px;
        margin:-1px 0 0 -1px;
        cursor:pointer;
        width:400px;
        height:50px;
        border:1px solid #000000;
}
.sub_menu li{
        list-style:none;
        background:#e0e0e0;       
        padding:13px 10px 0;
        border:1px solid #000000;
        font-size:11pt;
        font-weight:bold;
        width:400px;
        height:50px;
        margin:-1px 0 0 -1px;
}
.sub_menu li a{
        color:#000000;
        display:block;
		font-size:24px;
		margin:5px 0 0 0;
}

.sub_menu li b{
        background:#a0a0a0;
        color:#000000;
		font-size:30px;
		margin:0;
        display:block;
}




/*豆知識用　目次*/
ul.cp_list {
position: relative;
padding: 0 0.5em;
margin-top: 2em;
list-style-type: none;
border: solid 2px #00796B;
}
ul.cp_list::after {
position: absolute;
content:attr(title);
padding: 1px 7px;
letter-spacing: 0.05em;
font-weight: bold;
font-size: .8em;
background: #00796B;
color: #fff;
bottom: 100%;
left: -2px;
border-radius: 4px 4px 0px 0px;
}
ul.cp_list li {
display:block;
line-height: 1.5;
padding: 0.5em 0 0.5em 1.4em;
border-bottom: 1px dashed #4DB6AC;
}
ul.cp_list li::before {
position: absolute;
content: "\002713";
color: #00796B;
font-weight: bold;
left : 0.5em;
}
ul.cp_list li:last-of-type {
border-bottom: none;
}



body {
/*	text-align: center; */
	background-repeat: repeat-y;
	background-position: center top;
/* background-image: url('/img/background.gif'); */
/* background-repeat: repeat-y; */
/* background-position: center 40px; */
}

/* IDの設定 */
@media screen and (orientation:portrait) {
	#contents { margin: 60px auto 0; width:580px; text-align: left; }
}
@media screen and (orientation:landscape) {
	#contents { margin: 36px auto 0; width:580px; text-align: left; }
}
 #header { display:none; }
 #root { clear:left; font-size:80%;}
  #list { float:left; width:48%; white-space:nowrap; padding:8px 0px 3px 20px; }
  #help { display:none; }
 #kaki_bunner { width: 100%; }
  #kaki_bunner a img { width: 100%; height: 80px; }
 #kaki_bunner2 { width: 100%; }
  #kaki_bunner2 a img { width: 100%; }
 #bunner { display:none; }
  #bunner img { margin:1px; }
 #middle { clear:left; }

/* スタイル1 */
  #side1 { width:580px; float:left; }
   #cargo_check img { margin:2px 0px; }
  #main1 { width:580px; float:left; margin-left:10px; }
/* スタイル2 */
  #main2 { float:none; margin-top:50px; }
  #side2 { display:none; }
 #bottom1 { clear:left; }


 #footer { clear:left; text-align: left; }
  .copyright { font-size:90%; }
  #copy { float:left; width:300px; text-align:center; font-family:times new roman; margin: 0px 0px 0px -23px; }


/* フェンスページ用*/

table.fence { width: 100%; }
table.fence td { border-style:none; }
table.fence td img { width:100%; }
table.fence td.big {
     font-family: "ＭＳ ゴシック", "Osaka−等幅";
	 font-size: 18px;
	 font-weight: bold;
	 line-height: 21px;
	 letter-spacing: -1px;
	 border-style:none;
}

table.fence td.big2 {
     font-family: "ＭＳ ゴシック", "Osaka−等幅";
	 font-size: 20px;
	 font-weight: bold;
	 line-height: 20px;
	 letter-spacing: -1px;
	 line-height:1.5em;
	 border-style:none;
}

table.fence td.middle {
     font-family: "ＭＳ ゴシック", "Osaka−等幅";
	 font-size: 19px;
	 font-weight: bold;
	 line-height: 22px;
	 border-style:none;
}

table.fence td.small {
     font-family: "ＭＳ ゴシック", "Osaka−等幅";
	 font-size: 13px;
	 font-weight: bold;
	 line-height: 18px;
	 border-style:none;
}

.scroll-table {
  overflow: auto;
  white-space: nowrap;
}

span.fence{
font-size:2em;
font-weight:bold;
color:red;
position: relative;
border-top: solid 5px #405357;
border-bottom: solid 5px #405357;
background: #f4f4f4;
line-height: 3;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

span.fence:after {/*タブ*/
position: absolute;
font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #405357;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }

.fence1 { 
font-size:1.5em;
font-weight:bold;
padding: 0.5em;
color: #010101;
background: #eaf3ff;
border-bottom: solid 2px #516ab6;
}

.fence_text {
font-size: 0.9em;
font-weight:bold;
}

span.fence{
font-size: 1.7em;
font-weight:bold;
color:red;
position: relative;
border-top: solid 5px #405357;
border-bottom: solid 5px #405357;
background: #f4f4f4;
line-height: 3;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

span.fence:after {/*タブ*/
position: absolute;
font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #405357;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
}

table.fence {
border-style : none;
}

table.fence tr td {
font-size: 1.2em;
font-weight: bold;
}


/* タグの設定 */
h1 {
 display: none;
}
p { font-size:105%; line-height: 1.2em; }
table { border-collapse:collapse; border-style:solid; border-color:#999999; border-width:0px; margin: 0 auto;}
table img {	width:100%;}
table thead { background-color:#dddddd; }
table th { border-collapse:collapse; border-style:solid; border-color:#999999; white-space:nowrap; font-size:95%;
     padding:3px 16px; }
table td { border-collapse:collapse; border-style:solid; border-color:#999999; font-size:100%; line-height: 1.5em;
     padding:3px 16px; background-color:#ffffff; }
table caption { text-align:left; font-size:95%; margin: 0px 0px 2px; }
dl dt {
 font-size: 95%;
}
dl dd {
 margin: 3px 0px 3px 20px;
 font-size: 95%;
}
li { font-size:95%; margin-bottom:5px; margin-left:3px; line-height: 1.2em;}
form { display:inline; }
table { margin-bottom:5px; }


/* クラスの設定（ヘッダー） */
.head_menu1 { clear:left; }
.head_menu2 { float:left; width:25%; padding-left:18px; white-space:nowrap; margin:5px 18px 5px 0px; font-size:90%; font-weight:bold;
       background-image:url('../img/category1.gif'); background-repeat:no-repeat; background-position:left center; }

/* クラスの設定（メイン） */
h2 {
 background-image:url('../img/arrow2.gif');
 background-repeat:no-repeat;
 background-position:left center;
 margin: 30px 0px 10px;
 padding:10px 0px 10px 20px;
 display:block;
 background-color: #fee;
 color: #f00;
 font-size:160%;
 border-collapse:collapse;
 border-style:solid;
 border-color:#f55;
 border-width: 3px 0px;
}

strong.h2-1 {
 display: block;
 background-image:url('../img/arrow2.gif');
 background-repeat:no-repeat;
 background-position:left center;
 margin: 30px 0px 10px;
 padding:10px 0px 10px 20px;
 display:block;
 background-color: #fee;
 color: #f00;
 font-size:160%;
 border-collapse:collapse;
 border-style:solid;
 border-color:#f55;
 border-width: 3px 0px;
}

strong.h2-1_item_lineup {
 display: block;
 margin: 30px 0px 10px;
 padding:10px 0px 10px 20px;
 display:block;
 background-color: #fee;
 text-align: center;
 color: #f00;
 font-size:160%;
 border-collapse:collapse;
 border-style:solid;
 border-color:#f55;
 border-width: 3px 0px;
}

h3 { font-size:140%; color: #820; margin:0px 0px 2px 0px; padding: 10px 0px 10px 20px; border-collpase: collpase; border-style: solid; border-color: #f90; border-width: 2px 0px; width:95%; background-color: #ffc; }

strong.h3-1 { background-image:url('../img/arrow3.gif'); background-repeat:no-repeat; background-position:left center; font-size:140%; color: #820;
        margin:30px 0px 10px 0px; padding: 10px 0px 10px 20px; display:block; border-collpase: collpase; border-style: solid; border-color: #f90; border-width: 2px 0px; width:95%;  background-color: #ffc; }
.h3-2 { background-image:url('../img/arrow4.gif'); background-repeat:no-repeat; background-position:left center;
        margin:10px 0px 2px 0px; padding-left:35px; }

.h3-3{
position: relative;
font-size: 1.5em;
background: #002f85;
box-shadow: 0px 0px 0px 5px #446197;
border: dashed 2px white;
padding: 0.3em 1em;
color: #ffffff;
background-repeat:no-repeat;
margin:20px 0px 10px 0px;
padding: 10px 0px 10px 20px;
display:block;
width: 100%;
text-align: center;
}

.h3-3:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.text1-1 { margin:5px 0px 5px 5px; line-height: 120%; padding:6px 9px; text-align: left;}
.text1-2 { border-collapse:collapse; border-style:solid; border-color:#777777; border-width:1px; padding:6px 9px; margin:5px;
    line-height: 120%; background-color:#ddeecc; }
.price1-1 { font-size:130%; color:#ff3333; font-weight:bold; vertical-align: middle;}
.url1 { font-family:times new roman; font-weight:bold; }

/* ページ上部の詳細カテゴリー */
#CentFreeSpace2 {
display:none;
}

div.category_list1 {
 display:none;
}

div.category_list2 {
 display:none;
}

div.category_list3 {
 display:none;
}

div.category_list4 {
 display:none;
}

/* external css: flickity.css */

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body { font-family: sans-serif; }

.gallery {
  background: #EEE;
}

.gallery-cell {
  width: 66%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  counter-increment: gallery-cell;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}

/* クラスの設定（サイド）1 */
.side_img1-1 { margin:3px 0px; text-align:center;
               border-collapse:collapse; border-style:solid; border-color:#888888; border-width:1px; }
.side_img1-1v { margin:3px 0px; text-align:center; background-color:#88cc88;
                border-collapse:collapse; border-style:solid; border-color:#888888; border-width:1px; }

/* クラスの設定（サイド）2 */
.side_box2-1 { padding:1px; margin-bottom:10px;
             border-collapse:collapse; border-style:solid; border-color:#3333ff; border-width:1px; }
.side_title2-1 { border-collapse:collapse; border-style:solid; border-color:#446688; border-width:1px 12px;
               padding:2px; font-weight:bold; text-align:center; margin:0px; }
.side_text2-1 { background-image:url('../img/category1.gif'); background-repeat:no-repeat; background-position:left center;
              padding-left:18px; margin:10px 3px; font-size:80%; }
.side_text2-2 { padding-left:12px; margin:10px 0px 10px 1px; font-size:80%; }
.side_img2-1 { margin:6px 0px; text-align:center; font-size: 80%; font-weight: bold; }

.side_special1 { border-collapse:collapse; border-style:solid; border-color:#ddd; border-width:1px;
                 background-color:#ddd; }
.side_special2 { border-collapse:collapse; border-style:solid; border-color:#ddd; border-width:0px 1px 1px 1px;
                 padding:3px; font-size:95%; }

/* クラスの設定（ボトム） */
.bottom_title1 { float:left; width:49%; margin:1px; background-color:#ffddbb; padding:2px; font-weight:bold; }
.bottom_text1 { float:left; width:49%; margin:1px; padding:2px; }

/* テーブルの設定 */
.table1-1 { border-width:1px; }
.table1-2 { border-width:1px 1px 1px 0px; }
.table1-3 { border-width:0px 1px 1px 1px; text-align:center; white-space:nowrap; }
.table1-4 { border-width:0px 1px 1px 0px; }

.table1-4 > select {
 font-size: 0.9em;
 height: 50px;
 margin-bottom: 5px;
}

input[type=radio] {
    width: 3em;
    height: 3em;
    vertical-align: middle;
}

/* 画像部分の設定 */
.img_left1 { text-align:center; width: 100%; padding-bottom: 1em;}
.img_right1 { text-align:center; width: 100%; padding-bottom: 1em;}
.img1 { max-width: 100%; text-align: center; }
.img1 img { width: 100%;}
.img2 { max-width: 100%; text-align: center; }
.img2 img { width: 100%;}
.img3 { max-width: 100%; text-align: center; }
.img3 img { max-width: 100%; text-align: center; }
/* Extended by kitagawa :: table 1px solid border */
table.sheet1 { background-color: #000; border-width: 0px 0px 1px 1px;}
table.sheet1 th { background-color: #ddd; border-width: 1px 1px 0px 0px; padding: 8px 16px; }
table.sheet1 td { background-color: #fff; border-width: 1px 1px 0px 0px; padding: 2px 6px;  font-size: 90%;}
table.sheet1 tr.pickup td { background-color: #ffa; border-width: 1px 1px 0px 0px; padding: 2px 6px;  font-size: 90%;}
table.sheet1 td.pickup { background-color: #ffa; border-width: 1px 1px 0px 0px; padding: 2px 6px;  font-size: 90%;}

table.sheet2 { background-color: #000; border-width: 0px 0px 1px 1px; width:100%;}
table.sheet2 th { background-color: #ddd; border-width: 1px 1px 0px 0px; padding: 8px 16px; }
table.sheet2 td { background-color: #fff; border-width: 1px 1px 0px 0px; padding: 2px 6px;  font-size: 90%;}
table.sheet2 tr.pickup td { background-color: #ffa; border-width: 1px 1px 0px 0px; padding: 2px 6px;  font-size: 90%;}
table.sheet2 td.pickup { background-color: #ffa; border-width: 1px 1px 0px 0px; padding: 2px 6px;  font-size: 90%;}

/* Extended by kitagawa :: table noborder */
table.sheet0 { background-color: transparent; border-width: 0px 0px 0px 0px; margin:0px; padding:0px;}
table.sheet0 th { background-color: transparent; border-width: 0px 0px 0px 0px; margin:0px; padding:0px;}
table.sheet0 td { background-color: transparent; border-width: 0px 0px 0px 0px; margin:0px; padding:0px;}

/* Extended by kitagawa :: p small text */
p.p_small { font-size: 80%; }

/* Extended by Kitagawa :: img float left */
img.img_floatleft { float: left; margin: 2px 10px; }

.center { text-align: center; }
.return { text-align: right; margin-right: 5px; }

/* 関連商品 のためのインラインフレーム */
.iframe_associated { border:0px; width:600px; margin:2px; padding:0px; }
#assoc { display:none; }
 #assoc_50001 { height: 1900px; }
 #assoc_50002 { height: 2000px; }
 #assoc_50012 { height: 2000px; }
 #assoc_50013 { height: 1650px; }
 #assoc_50014 { height: 1400px; }
 #assoc_50015 { height: 1500px; }
 #assoc_50016 { height: 1400px; }
 #assoc_50017 { height: 1400px; }
 #assoc_50018 { height: 2000px; }
 #assoc_50021 { height: 1400px; }
 #assoc_50022 { height: 1900px; }
 #assoc_50023 { height: 1700px; }
 #assoc_50031 { height: 1900px; }
 #assoc_50032 { height: 1200px; }
 #assoc_50033 { height: 1900px; }
 #assoc_50034 { height: 1900px; }
 #assoc_50035 { height: 2100px; }
 #assoc_50036 { height: 1800px; }
 #assoc_50037 { height: 1100px; }
 #assoc_50041 { height: 1900px; }
 #assoc_50042 { height: 1900px; }
 #assoc_50043 { height: 1200px; }
 #assoc_50051 { height: 1900px; }
 #assoc_50052 { height: 800px; }
 #assoc_50053 { height: 1400px; }
 #assoc_50054 { height: 1000px; }
 #assoc_50061 { height: 1900px; }
 #assoc_50062 { height: 1900px; }
 #assoc_50063 { height: 500px; }
 #assoc_50064 { height: 500px; }
 #assoc_50065 { height: 1800px; }
 #assoc_50066 { height: 1900px; }
 #assoc_50071 { height: 2000px; }
 #assoc_50072 { height: 1500px; }
 #assoc_50073 { height: 1700px; }
 #assoc_50074 { height: 1000px; }
 #assoc_50075 { height: 1900px; }
 #assoc_50076 { height: 2000px; }
 #assoc_50077 { height: 1700px; }
 #assoc_50078 { height: 1900px; }
 #assoc_50081 { height: 1900px; }
 #assoc_50082 { height: 2000px; }
 #assoc_50083 { height: 1300px; }
 #assoc_50084 { height: 1400px; }

/* カレンダー部分の設定 */
table tr td.calendar_this_month {
 vertical-align: top;
}

table tr td.calendar_next_month {
 vertical-align: top;
 padding-left: 4px;
}

strong.q_a1 { background-color:#ff8; color:#f55; }

.touchaku { font-size:95%; text-align:center; }
td.topic1 { width:33%; }
td.topic1 div.topic1 { width:90%; margin-bottom:3px; padding:12px 8px; background-color:#eff; font-size:95%; }
.order_type1 { width:90%; font-size:95%; text-align:center; line-height:150%;
               background-color:#efe; padding:8px 7px; margin-bottom:3px;
               border-collapse:collapse; border-style:solid; border-color:#6a6; border-width:1px; }
div.faq1 { background-image:url('../img/faq_bg1.jpg'); background-repeat:no-repeat; background-position:top left; }
div.faq1 strong.midashi { display:block; padding:16px 5px 0px 45px; }
div.faq1 div.faq_text { padding:0px 35px 0px 45px; }
div.faq1 div.faq_text p { line-height:120%; width:95%; }
div.faq1 div.faq_text li { margin-right:20px; }
div.faq_list { background-image:url('../img/faq_bglist.jpg'); background-repeat:no-repeat; background-position:top left;
               padding:1px 0px 5px 1px; }
table.fukusu td { border-collapse:collapse; border-style:solid; border-color:#ccc; border-width:0px 0px 1px 0px; }

div.topic_title {
 margin-top: 10px;
}

div.caution {
 text-align: center;
}



/* スマホ用カゴテーブル */

table.table_size {
 width: 100%;
}

table.table_size_pcf {
 width: 100%;
}

table.table_size > thead {
 font-size: 1.3em;
 line-height: 1.2em;
 vertical-align: middle;
 text-align: center;
}

table.table_size > tbody > tr td.table1-3 {
 font-size: 1.2em;
 line-height: 1.5em;
 vertical-align: middle;
 text-align: center;
}


table.table_size > tbody > tr td.table1-3 > img {
 width: 80%;
 text-align: center;
}

table.table_size > tbody > tr td.table1-4 {
 font-size: 1.3em;
 line-height: 2.8em;
 vertical-align: middle;
}

table.table_size > tbody > tr td.table1-4 > select[name="cnt"] {
 font-size: 0.9em;
 height: 50px;
}

table.table_size > tbody > tr td.table1-4 > form > input[name="cnt"] {
 font-size: 0.9em;
 height: 40px;
}

table.table_size > tbody > tr td.table1-4 > div > img {
 width: 70%;
}


table.table_size > tbody > tr td.table1-4 > form > input[type="image"] {
 width: 55%;
 float: right;
 margin-top: 10px;
 margin-right: 5px;
}

table.table_size > tbody > tr td.table1-4 > form > input[type="image1"] {
 width: 80%;
 text-align: right;
}


table.table_size > tbody > tr td.table1-4 > select[name="option"] {
 width: 100%;
 font-size: 0.9em;
 height: 50px;
}

table.table_size > tbody > tr td.table1-4 > form > select[name="option"] {
 width: 100%;
 font-size: 0.9em;
 height: 50px;
 margin-bottom: 10px;
}

table > tbody > tr td.table1-4 > form > select[name="cnt"] {
 font-size: 0.9em;
 height: 40px;
 margin: 5px 0 5px 0;
}

table.table_size > tbody > tr td.table1-4 > input[type="image"] {
 width: 80%;
 margin-right: 5px;
}

table.table_size > tbody > tr td.table1-4 > select[name="sel0"] {
font-size: 0.9em;
 height: 50px;
}

table.table_size > tbody > tr td.table1-4 > select[name="sel1"] {
font-size: 0.9em;
 height: 50px;
}

table.table_size > tbody > tr td.table1-4 > select[name="sel2"] {
 font-size: 0.9em;
 height: 50px;
}

table.table_size_pcf > tbody > tr td.table1-4 > form > select[name="no"] {
 font-size: 0.9em;
 height: 50px;
 margin-bottom: 5px;
}

table.parent tr td table.guide {
 max-width: 100%;
 font-size: 95%;
 border-collapse: collapse;
 border-style: solid;
 border-color: #888;
 border-width: 1px 1px 0px 0px;
}

table.parent tr td table.guide tr th, table.parent tr td table.guide tr td {
 border-collapse: collapse;
 border-style: solid;
 border-color: #888;
 border-width: 0px 0px 1px 1px;
}

table.parent th, table.parent td {
 border-width: 0px;
}

table.parent table.guide th {
 background-color: #afa;
}

table.parent table.guide th, table.parent table.guide td {
 padding: 3px;
 text-align: center;
}

table.parent caption {
 background-color: #4a4;
 font-weight: bold;
 padding: 3px 10px;
 text-align: left;
 color: #fff;
}

div#menu div {
 display:none;
}

div#header div#logo {
 float: left;
 padding-top: 15px;
}

div#header div#logo a img {
 width: 140px;
 height: 100px;
 border-width: 0px;
}

div#header div#outline {
 float: left;
}

div#header div#outline img {
 width: 610px;
 height: 114px;
}


div.hude_exp { display:none ; }



  /* 検索窓下　人気検索ワード */
div#header div#searchw {
 text-align: right;
 font-size: 13px;
 height: 143px;
}

span.resheet {
 color: #f33;
 font-weight: bold;
}

table.category {
 width: 100%;
}

table.category tr td {
 width: 33%;
 text-align: center;
 font-size: 90%;
}

table.category tr td div.price span.status1 {
 font-size: 125%;
 color: #f33;
}

div.category_menu {
 margin: 7px 12px 0px;
}

div.category_menu div {
 float: left;
 margin-left: 2px;
}

div.category_menu div a img {
 border-width: 0px;
}

div.category_line {
 clear: left;
 width: 600px;
 height: 3px;
 background-color: #fc3;
}

div.connect_header {
 text-align: center;
}

div.connect_header img {
 width:100%;
}

div.connect_goods div {
 float: left;
 width: 33%;
 padding: 10px;
 text-align: center;
 font-size: 80%;
 font-weight: bold;
}

div.connect_goods div a img {
 text-align: center;
 width: 95%;
 border-width: 0px;
}

div.connect_goods div.connect_price, div.connect_goods span.connect_price {
 text-align: right;
 margin-left: 40px;
 color: #f33;
 font-size: 125%;
 font-weight: bold;
}

div.connect_goods p.all_lineup {
 clear: left;
 text-align: center;
 font-size: 80%;
 margin: 1px 0px 2px;
 padding: 5px 0px;
 background-color: #ffc;
 font-weight: bold;
}

div.connect_goods2 div {
 float: left;
 width: 33%;
 padding: 10px;
 text-align: center;
 font-size: 80%;
 font-weight: bold;
}

div.connect_goods2 div a img {
 width: 150px;
 height: 150px;
 border-width: 0px;
}

div.connect_goods2 div.connect_price, div.connect_goods span.connect_price {
 text-align: center;
 margin-top:1.3em;
 margin-left:2em;
 color: #f33;
 font-size: 125%;
 font-weight: bold;
}

div.connect_goods2 p.all_lineup {
 clear: left;
 text-align: center;
 font-size: 80%;
 margin: 1px 0px 2px;
 padding: 5px 0px;
 background-color: #ffc;
 font-weight: bold;
}


p.category_souryou img {
 width: 20%;
}

p.category_souryou2 img {
 width: 20%;
}

p.category_price {
 text-align: right;
 color: #f33;
 font-weight: bold;
}

div.topic_price {
 text-align: right;
 margin-top: 2px;
 color: #f33;
 font-size: 1.6em;
 font-weight: bold;
}

.before_price {
 color: #666;
 font-size: 80%;
 font-weight: bold;
}

div.guide_link {
 width: 100%;
 height: 40px;
 background-image: url('/img/main/contact_m.jpg');
 background-repeat: no-repeat;
 background-position: right;
 text-align: right;
 padding: 11px 23px 8px 8px;
 margin-bottom: 8px;
 font-size: 120%;
 font-weight: bold;
}

div.guide_link2 {
 background-image: url('/img/main/contact2.jpg');
 background-repeat: no-repeat;
 background-position: right;
 text-align: right;
 padding-right: 25px;
 font-size: 50%;
 font-weight: bold;
}

div.guide_link a, div.guide_link2 a {
 color: #fff;
}

div.guide_link a:hover {
 color: #f33;
}

div.guide_link2 a:hover {
 color: #f82;
}

div.guide_link_caution {
 text-align: right;
 color:#f33;
 font-size: 60%;
}

div.guide_link_tax {
 text-align: right;
 font-size: 90%;
}

div.guide_link_photo {
 text-align: right;
 margin-right: 30px;
 font-size: 80%;
}

div.guide_link_pay {
 text-align: right;
 font-size: 90%;
}

div.guide_link_way {
 text-align: right;
 margin-right: 30px;
 font-size: 90%;
}

h2.title_knowledge {
 margin: 0px;
 padding: 5px 5px 5px 20px;
 background-color: #fff;
 color: #555;
 font-size: 160%;
}

h2.title_knowledge img {
 vertical-align: middle;
 margin-left: 10px;
}

ul.kome li {
 list-style-image: url('/img/main/kome.jpg');
}

div.kanren_explanation {
 float: right;
width:65%;
 text-align: left;
}

div.kanren_image {
 float: left;
 width: 15%;
 text-align: right;
}

div.kanren_image img {
 width: 200px;
}

div.kanren_image div.button {
 margin-top: 10px;
 width: 100%;
}

div.kanren_image div img {
 border-width: 0px;
}

div.item_target {
 float: left;
 width: 45%;
 margin: 5px 0px;
 padding: 0px 5px 2px 100px;
 background-image: url('/img/item_target/title.jpg');
 background-repeat: no-repeat;
 background-position: left bottom;
 border-collapse: collapse;
 border-style: solid;
 border-color: #f33;
 border-width: 0px 0px 2px;
 font-size: 100%;
 font-weight: bold;
}

div.item_target2 {
 float: right;
 width: 45%;
 margin: 5px 0px;
 padding: 0px 5px 2px 100px;
 background-image: url('/img/item_target/title2.jpg');
 background-repeat: no-repeat;
 background-position: left bottom;
 border-collapse: collapse;
 border-style: solid;
 border-color: #f33;
 border-width: 0px 0px 2px;
 font-size: 100%;
 font-weight: bold;
}

div.item_target3 {
 width: 100%;
 margin: 5px 0px;
 padding: 0px 5px 2px 100px;
 background-image: url('/img/item_target/title3.jpg');
 background-repeat: no-repeat;
 background-position: left bottom;
 border-collapse: collapse;
 border-style: solid;
 border-color: #f33;
 border-width: 0px 0px 2px;
 font-size: 90%;
}

div.item_target3 div {
 float: left;
 margin: 5px 30px 0px 0px;
}


/* カテゴリーメニュー */

div.menucate {
 display: none;
}

div.menucate img {
 display: none;
}

/* サブカテゴリーメニュー */

div.menucate_sub {
 background-image: url('/smart/img/background.jpg');
}

div.menucate_sub img {
 margin-left: 8px;
}

/* 所属カテゴリへのリンク */
div.link_category {
 margin: 10px 0px;
}
div.link_category img {
 width: 100%;
}

div#main2 fieldset.case {
 border-collpse: collpse;
 border-style: solid;
 border-color: #f80;
 border-width: 2px;
 background-color: #fee;
 font-weight: bold;
}

div.category_map_mame {
 width: 138px;
 margin: 5px 0px;
 padding: 0px;
 border-collapse: collapse;
 border-style: solid;
 border-color: #383;
 border-width: 1px;
}

div.category_map_mame div.category_title_mame {
 margin: 0px;
 padding: 5px;
 text-align: center;
 background-color: #cfc;
 border-collapse: collapse;
 border-style: solid;
 border-color: #383;
 border-width: 0px 0px 1px 0px;
 font-size: 95%;
 font-weight: bold;
}

div.category_map_mame div.category_menu_mame {
 margin: 0px;
 padding: 5px 0px 5px 15px;
 background-color: #dfd;
 font-size: 95%;
 background-image: url('/img/side/category_point.gif');
 background-repeat: no-repeat;
 background-position: 2px 10px;
}

div.category_map_mame div.category_menu_mame:hover {
 background-color: #afa;
}

h4 {
 text-align: center;
 font-size: 115%;
 line-height: 150%;
 font-weight: bold;
}

h4 span {
 color: #f33;
}

.h4-1{
line-height: 430%;
position: relative;
padding: 0.6em;
background: #ffc0c0;
font-size: 1.4em;
font-weight: bold;
}

.h4-1:after {
position: absolute;
content: '';
top: 95%;
left: 30px;
border: 15px solid transparent;
border-top: 18px solid #ffc0c0;
width: 0;
height: 0;
}

.h4-2{
padding: 0.4em;
line-height: 3em;
margin-left: 0.5em;
font-size: 1.1em;
color: #202020;
background: #eafff0;/*背景色*/
border-left: solid 5px #00d040;/*左線（実線 太さ 色）*/
}

fence {
 text-align: center;
 background-color: #4a4;
 font-size: 130%;
 font-weight: bold;
 padding: 3px 10px;
 text-align: left;
 margin: 0px 0px 10px 0px;
 color: #fff;
}

h5{
    position: relative;
    padding: 0.8em;
    margin: 2em 0 1.3em 0;
    font-size: 1.143em;
    font-weight: bold;
    color: #333;
    background: #8A0829;
    text-shadow: 1px 1px 0 #6af, 1px 1px 0 #999;
    border: #6af solid 2px;
    background-image: -webkit-gradient(linear, left top, right bottom,
        from(           rgba(255, 255, 255, 0.0)), 
        color-stop(0.4, rgba(255, 255, 255, 0.0)), 
        color-stop(0.4, rgba(0, 0, 0, 0.1)), 
        color-stop(0.6, rgba(0, 0, 0, 0.1)), 
        color-stop(0.6, rgba(255, 255, 255, 0.0)),
        to(             rgba(255, 255, 255, 0.0))
        );
    background-image: -webkit-linear-gradient(top -45deg,
        transparent 40%,
        rgba(0, 0, 0, 0.1) 40%,
        rgba(0, 0, 0, 0.1) 60%,
        transparent 60%
            );
    background-image: -moz-linear-gradient(top -45deg,
            transparent 40%,
        rgba(0, 0, 0, 0.1) 40%,
        rgba(0, 0, 0, 0.1) 60%,
        transparent 60%
            );
    background-image: -o-linear-gradient(top -45deg,
            transparent 40%,
        rgba(0, 0, 0, 0.1) 40%,
        rgba(0, 0, 0, 0.1) 60%,
        transparent 60%
            );
    background-image: linear-gradient(to bottom -45deg,
            transparent 40%,
        rgba(0, 0, 0, 0.1) 40%,
        rgba(0, 0, 0, 0.1) 60%,
        transparent 60%
            );
    background-size:4px 4px;
}
 
h5:before{
    content: " ";
    position: absolute;
    top: 100%;
    left: 24px;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #6af;
}
 
h5:after{
    content: " ";
    position: absolute;
    top: 100%;
    left: 28px;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #6af;
    z-index:1;
}

h6 {
 text-align: center;
 background-color: #4a4;
 font-size: 130%;
 font-weight: bold;
 padding: 3px 10px;
 text-align: left;
 margin: 0px 0px 10px 0px;
 color: #fff;
 width: 100%;
}

div.main-head {
 text-align: center;
 font-size: 150%;
 line-height: 150%;
 font-weight: bold;
}

div.main-head b {
 color: #f33;
}


div.cage_cargo {
display:none;
}

div.cage_cargom {
}


 .cate_lank {
  display: none;
 }

 .cate_menu {
  width: 100%;
 }
 .cate_menu table img {
  width: 100%;
 }


/* 質問==================================== */
 /* ロゴ */
 div.q_logo {
  float: left;
 }

 div.q_logo img {
  width: 55px;
  height: 90px;
 }

 /* 本文 */
 strong.q_sentence {
  float: left;
  display: block;
  width: 90%;
  height: 90px;
  background-image: url('/img/main/q_a/q_sentence.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  padding-top: 30px;
 }



#QandA-2 {
    width: auto;
    font-family: メイリオ;
    font-size: 12px;
    padding: 8px;
}
#QandA-2 dl {
    border: 1px solid #ccc;
}
#QandA-2 dt {
    font-weight: bold;
	font-size: 18px;
    color: #111;
    background: #e0f2fe; /* 「Q」タイトルの背景色 */
    padding: 8px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#QandA-2 dt:first-child {
    border-top: none;
}
#QandA-2 dt:before {
    content: "Q.";
    font-weight: bold;
	font-size: 30px;
    margin-right: 8px;
}
#QandA-2 dd {
    padding: 16px 16px 16px 30px;
	font-size: 14px;
    margin: 0;
    line-height: 140%;
}
#QandA-2 dd:before {
    content: "A.";
    font-weight: bold;
	font-size: 30px;
	color: #FF0000;
    margin-right: 8px;
    margin-left: -21px;
}


 /* カテゴリのテキスト */
 a.category_text {
  color: #000;
  text-decoration: none;
 }

 a.category_text:hover {
  text-decoration: underline;
 }

 .category_block strong {
  font-weight: bold;
  font-size: 1.5em;
  padding: 0 0 0 5px;
  line-height:  1.2em;
 }

  .category_block h7 {
  background-color: #dddddd;
  font-weight: bold;
  font-size: 115%;
  border-left: 4px red solid;
  padding: 3px 3px 3px 5px;
  display: block;
 }

  .category_block h8 {
  background-color: #dddddd;
  font-weight: bold;
  font-size: 115%;
  border-left: 4px red solid;
  padding: 3px 3px 3px 5px;
  display: block;
 }



 .category_block b.category_important {
  color: #f33;
  font-weight: normal;
 }

 .category_block .heading {
  position: relative;
  padding: 0.7rem 1rem;
  margin-bottom: 0.8rem;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.3em;
  border: 3px solid #c4c4c4;
  border-radius: 10px;
  background: #f4f4f4;
  width: 100%;
 }
.category_block .heading:before {
  position: absolute;
  bottom: -14px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #d8d8d8 transparent transparent transparent;
}
.category_block .heading:after {
  position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #f9f9f9 transparent transparent transparent;
}

 div.topic_group::after {
  content: "";
  display:block;
  clear:both;
 }
 div.topic_lineup {
  float: left;
  width: 100%;
  padding: 10px;
  font-size: 80%;
  line-height: 120%;
 }
 div.topic_group div.topic_lineup {
  float: none;
 }
 div.topic_lineup a img {
  float: left;
  width: 35%;
  border-width: 0px;
  margin-bottom: 2px;
 }
 div.topic_lineup p a {
   color: #000;
   text-decoration: none;
   font-size: 1.3em;
   line-height: 1.3em;
 }
 div.topic_lineup p a:hover {
   text-decoration: underline;
 }

 div.topic_lineup strong {
   font-weight: bold;
  font-size: 1.5em;
  padding: 0 0 0 5px;
  line-height:  1.2em;
 }

 div.topic_lineup_new {
  float: left;
  width: 100%;
  margin-top: 15px;
  font-size: 80%;
  line-height: 120%;
 }
 div.topic_lineup_new a img {
  float: left;
  width: 25%;
  border-width: 0px;
  margin-bottom: 2px;
 }
 div.topic_lineup_new p a {
   color: #000;
   text-decoration: none;
   font-size: 1.3em;
   line-height: 1.3em;
 }
 div.topic_lineup_new p a:hover {
   text-decoration: underline;
 }

 div.topic_lineup_new span {
   color: #000;
   text-decoration: none;
   font-size: 1.3em;
   line-height: 1.3em;
 }

 div.topic_lineup_new strong {
   font-weight: bold;
  font-size: 1.5em;
  padding: 0 0 0 5px;
  line-height:  1.2em;
 }

 /* ライン */
 div.q_a_line {
  clear: left;
  width: 99.1%;
  height: 8px;
 }

 /* 応答 */
  /* 本文 */
  p.a_sentence {
   width: 98.5%;
   text-align: left;
   margin: 0px;
   padding: 0px 10px 0px 100px;
   background-image: url('/img/main/q_a/a_sentence.jpg');
   background-size:100% auto;
   background-repeat: no-repeat;
   background-position: center top;
  }

  /* サイドバースクロール */
 div.scr {
   overflow:auto;
   overflow-y:scroll;   /* スクロール表示 */ 
   width: 158px;
   height: 950px;
}

  /* 商品ページ右下 かごリンク　非表示 */
#cargo-top {
    position: fixed;
    bottom: 85px;
    right: 18px;
}

  /* 商品ページ右下 かごリンク */
#top-link {
    position: fixed;
    bottom: 12px;
    right: 18px;
}


/* ==================================== */

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

.category_block { float:left; width:100%; margin:10px 3px; font-size:95%; line-height:120%; border-bottom: dashed 1px orange; }
.category_block a img { width:35%; height:auto; margin-right:6px; }
.category_block p { margin:0px; font-size: 1.3em; line-height: 1.3em; }

.category_group .category_block { float: none; }

/* ==================================== */

/* ==================================== */

.category_blockw { float:left; width:100%; margin:10px 3px; font-size:95%; line-height:120%; }
.category_blockw a img { width:35%; height:auto; margin-right:6px; }
.category_blockw p { margin:0px; font-size: 1.3em; line-height: 1.3em; }

 .category_blockw strong {
  font-weight: bold;
  font-size: 1.5em;
  padding: 0 0 0 5px;
  line-height:  1.2em;
 }
/* ==================================== */

 /* 関連商品（ペストコントロ・ガーデンバリア） */
  table.index_pest tr td {
   text-align: center;
  }

  table.index_pest tr td div.item_name {
   height: 50px;
   font-size: 90%;
   font-weight: bold;
  }
  table.index_pest tr td div.item_link img, table.index_pest tr td div.item_image img {
   width: 104px;
  }

  table.index_pest tr td div.item_price {
   color: #f33;
   font-weight: bold;
  }

  table.index_pest tr td strong {
   color: #33f;
  }

  table.index_cat tr td {
   text-align: center;
  }

  table.index_cat tr td div.item_name {
   height: 68px;
   font-size: 90%;
   font-weight: bold;
  }
  table.index_cat tr td div.item_link img, table.index_cat tr td div.item_image img {
   width: 93px;
  }

  table.index_cat tr td div.item_price {
   color: #f33;
   font-weight: bold;
  }

  table.index_cat tr td strong {
   color: #33f;
  }

 div.page_top {
  font-size:25px;
 }

 /* フッター */
 div.q_a_footer img {
  width: 99%;
  height: 15px;
  margin-bottom: 20px;
 }

img.item01_free_delivery {
 background-image: url('/img/main/01_free_delivery.jpg');
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center top;
 padding-top: 60px;
}

img.thumbnail {
 width: 100%;
}

div.link_knowledge {
 margin: 22px 0px;
 text-align: center;
}

div.link_knowledge a img {
 border-width: 0px;
}




/* ▼　フッター　▼ */
div#footer {
 clear: both;
 width: 100%;
 margin: 0px auto;
}

div#footer section.left {
  float: left;
  width: 100%;
  padding: 0px 10px 0px 0px;
  border-right: 1px #48f solid;
 }

div#footer section.center {
  float: left;
  text-align:left;
  width: 100%;
  padding: 0px 10px 0px 0px;
  border-right: 1px #48f solid;
 }

div#footer section.right {
  float: left;
  width: 100%;
  padding: 0px 10px 0px 0px;
 }


  /* ▼　フッター　＞　ショッピングガイド　＞　見出し　▼ */

div#footer section h5 {
   margin: 0px;
   padding: 3px 0px 3px 10px;
   border-left: solid #6af 3px;
   background-color: #cdf;
   background:
    linear-gradient(-45deg, transparent 10px, #cdf 0) right,
    linear-gradient(45deg, transparent 10px, #6af 0) left;
   font-size: 90%;
  }


   /* ▼　フッター　＞　ショッピングガイド　＞　見出し　＞　アイコン　▼ */
div#footer section h5 span:before {
    margin-right: 5px;
    color: #6af;
    font-size: 110%;
    font-family: FontAwesome;
    font-weight: normal;
   }

div#footer section h5.payment span:before {
    content: "\f07a";
   }

div#footer section h5.quotation span:before {
    content: "\far";
   }

div#footer section  h5.postage span:before {
    content: "\f0d1";
   }

div#footer section  h5.quotation span:before {
    content: "\f0f6";
   }

div#footer section  h5.product span:before {
    content: "\f023";
   }

div#footer section  h5.carriers span:before {
    content: "\f017";
   }

div#footer section  h5.security span:before {
    content: "\f023";
   }

div#footer section  h5.tell span:before {
    content: "\f095";
   }

div#footer section  h5.contact span:before {
    content: "\f095";
   }

div#footer section  h5.calendar span:before {
    content: "\f073";
   }

div#footer section  h5.store_overview span:before {
    content: "\f0f7";
   }

div#footer section h5.calendar,
div#footer section h5.store_overview {
    clear: both;
   }

  /* ▼　フッター　＞　ショッピングガイド　＞　詳細　▼ */
div#footer section div {
   font-size :90%;
  }

   /* ▼　フッター　＞　ショッピングガイド　＞　詳細　＞　定義づけ　▼ */
div#footer section div dl {
    margin: 0px;
    padding: 0px;
   }

div#footer section div dl dt {
    margin: 0px;
    padding: 3px 0px;
    border-bottom: dotted 1px #6af;
   }

div#footer section div dl dt:before {
    content: "\f061";
    margin-right: 10px;
    color: #6af;
    font-size: 80%;
    font-family: FontAwesome;
   }

div#footer section div dl dd {
    margin: 0px;
    padding: 5px 0px 10px;
   }


   /* ▼　フッター　＞　ショッピングガイド　＞　詳細　＞　定義づけ　＞　箇条書き　▼ */
div#footer section div dl dd ul {
    margin: 0px 0px 0px 30px;
    padding: 0px;
    list-style-type: none;
   }

div#footer section div dl dd ul li {
    list-style-type: none;
   }


   /* ▼　フッター　＞　ショッピングガイド　＞　詳細　＞　定義づけ　＞　箇条書き　＞　テーブル（共通）　▼ */
div#footer section div table tr th,
div#footer section div table tr td {
    background-color: #cdf;
    white-space: nowrap;
	border-color:#FFFFFF;
   }

div#footer section div table tr th {
    text-align: center;
   }



   /* ▼　フッター　＞　ショッピングガイド　＞　詳細　＞　定義づけ　＞　箇条書き　＞　テーブル（支払方法、手数料）　▼ */
div#footer section div.payment dl dd ul li img {
    width: 100%;
    text-align: center;
   }


div#footer section div.payment dl dd ul li table tr th {
    padding: 0px 2px;
   }

div#footer section div.payment dl dd ul li table tr td {
    width: 62px;
    text-align: center;
   }

   /* ▼　フッター　＞　ショッピングガイド　＞　詳細　＞　定義づけ　＞　箇条書き　＞　テーブル（送料）　▼ */
div#footer section div.postage dl dd ul li{
   list-style: none;
   }

div#footer section div.postage dl dd ul li table {
	widows: 80%;
}

div#footer section div.postage dl dd ul li table tr th {
    width: 50%;
	font-size: 1.2em;
   }

div#footer section div.postage dl dd ul li table tr td {
    width: 50px;
	font-size: 1.2em;
    text-align: center;
   }

   /* ▼　フッター　＞　ショッピングガイド　＞　詳細　＞　定義づけ　＞　箇条書き　＞　テーブル（見積書・請求書）　▼ */
div#footer section div.quotation dl dd ul li table tr td {
    width: 104px;
    text-align: center;
    font-size: 110%;	
   }

div#footer section div.quotation dl dd ul li table tr td span:before {
    margin: 0px 5px 0px 0px;
    color: #6af;
    font-family: FontAwesome;
   }

div#footer section div.quotation dl dd ul li table tr td:first-child span:before {
    content: "\f095";
   }

div#footer section div.quotation dl dd ul li table tr td:nth-child(2) span:before {
    content: "\f1ac";
   }

div#footer section div.quotation dl dd ul li table tr td:last-child span:before {
    content: "\f0e0";
   }

   /* ▼　フッター　＞　ショッピングガイド　＞　詳細　＞　定義づけ　＞　箇条書き　＞　テーブル（時間指定・配送）　▼ */
div#footer section div.delivery dl dd ul li img {
	width: 100%;
   }

   /* ▼　フッター　＞　ショッピングガイド　＞　詳細　＞　定義づけ　＞　箇条書き　＞　テーブル（当サイトについて）　▼ */
div#footer section div.store_overview dl dd table tr th {
    width: 75px;
   }

div#footer section div.store_overview dl dd table tr td {
    width: 303px;
   }

   /* ▼　フッター　＞　ショッピングガイド　＞　連絡先　▼ */
div#footer section.right {
    width: 100%;
   }

div#footer section.right div ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
   }

div#footer section.right div ol li {
    margin: 0px;
    padding: 0px;
    list-style: none;
   }

div#footer section.right div ol:not(:first-child) {
    clear: left;
   }

div#footer section.right div ol li {
    float: left;
   }

div#footer section.right div ol li.icon {
    width: 1%;
    line-height: 40px;
	margin: 20px 0 0 20px;
   }

div#footer section.right div ol.tel li.icon:before {
     content: "\f095";
     margin-right: 10px;
     font-size: 300%;
     font-family: FontAwesome;
    }

div#footer section.right div ol.fax li.icon:before {
     content: "\f02f";
     margin-right: 10px;
     font-size: 300%;
     font-family: FontAwesome;
    }

div#footer section.right div ol.mail li.icon:before {
     content: "\f0e0";
     margin-right: 10px;
     font-size: 300%;
     font-family: FontAwesome;
    }

div#footer section.right div ol.time li.icon:before {
     content: "\f017";
     margin-right: 10px;
     font-size: 300%;
     font-family: FontAwesome;
    }

div#footer section.right div ol li.midashi {
    width: 40%;
    line-height: 80px;
    font-size: 1.8em;
	padding-left: 60px;
   }

div#footer section.right div ol:nth-child(-n+3) li.midashi {
    font-family: century;
   }

div#footer section.right div ol li.detail {
    max-width: 80%;
    line-height: 80px;
    font-family: century;
    letter-spacing: 1px;
    font-size: 2.2em;
   }

  /* ▼　フッター　＞　ショッピングガイド　＞　カレンダー　▼ */
div#footer section div.calendar ol {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
  }

div#footer section div.calendar ol li:first-child {
   float: left;
  }

div#footer section div.calendar ol li:last-child {
   float: left;
  }

div#footer section div.calendar ol li {
   width: 49%;
   margin: 5px 0px 10px;
   text-align:center
  }

div#footer section div.calendar ol li img {
   width: 80%;
  }

  /* ▼　フッター　＞　ショッピングガイド　＞　当サイトについて　▼ */
div#footer section div.store_overview {
	font-size: 1.3em;
	}

div#footer section div.store_overview dl dd ol {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
  }

div#footer section div.store_overview dl dd ol li {
   width: 191px;
   height: 30px;
   line-height: 30px;
   border-radius: 3px;
   text-align: center;
  }

div#footer section div.store_overview dl dd ol li a {
   display: block;
   color: #fff;
   text-decoration: none;
  }

div#footer section div.store_overview dl dd ol li a i {
   margin-right: 5px;
  }

div#footer section div.store_overview dl dd ol li a:hover {
   color: #ccc;
  }

div#footer section div.store_overview dl dd ol li:first-child {
   float: left;
   background-color: #3B5998;
  }

div#footer section div.store_overview dl dd ol li:nth-child(2) {
   float: right;
   background-color: #00aced;
  }

div#footer section div.store_overview dl img {
    width: 100%;
    text-align: center;
   }

 /* ▼　ご注文・お問い合わせ　▼ */

.footer_bottom_tel a img {
width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;	
 }





div#footer div#to_top {
 float: left;
 width: 150px;
 height: 23px;
 padding: 5px 5px 0px 0px;
 background-image: url('/img/footer/contact.jpg');
 background-size: 130px 23px;
 background-repeat: no-repeat;
 background-position: left top;
}

div#footer div#to_head {
 float: right;
 width: 150px;
 text-align: right;
 height: 23px;
 padding: 3px 0px 0px;
 background-image: url('/img/footer/contact.jpg');
 background-size: 130px 23px;
 background-repeat: no-repeat;
 background-position: right top;
}

div#footer div#to_top a  {
 padding-left: 30px;
 color: #fff;
 font-size: 80%;
 font-weight: bold;
}

div#footer div#to_head a  {
 padding-right: 15px;
 color: #fff;
 font-size: 80%;
 font-weight: bold;
}

div#footer table ul,li {
 list-style-type: disc;
}  

/* ドロップダウン式のメニュー */
		/* Dropdown menu */
		table.ddm tr td {
		    display:none;
		}


/* マウスオーバーで画像拡大 */
#mainImage img { width:100%;}
#imageList ul {list-style: none;}
#imageList ul li {list-style: none;}
#imageList img { width:33%; object-fit: cover; float:left;}

#imageList2 ul {list-style: none;}
#imageList2 ul li {list-style: none;}
#imageList2 img { width:33%; object-fit: cover; float:left;}












  /* ▼　ヘッダー　▼ */

   /* ▼　スマホ用電話番号　▼ */
   div.smart_tel > img {
    width: 100%;
   }

   /* ▼　ロゴ　▼ */
   div.head_logo {
    display: none;
   }

   div.logo_mobile {
    float: left;
	width: 100%;
   }

   div.logo_mobile > a > img {
	border-width: 0px;
    width: 100%;
	margin: 10px 0 10px 0;
   }

  div.logo_mobile2 {
    float: left;
	width: 100%;
   }

   div.logo_mobile2 > a > img {
	border-width: 0px;
	width: 33%;
	margin: 10px 0 5px 0;
   }

   /* ▼　サブメニュー　▼ */
   div.submenu {
    display: none;
   }
   div.submenu_fax {
    display: none;
   }

  /* ▼　メニュー　▼ */
.menu {
    display: none;
}

.menu > li {
    float: left;
    width: 9%; /* グローバルナビ11個の場合 */
    height: 60px;
    line-height: 60px;
    background: rgb(255, 255, 255);
	list-style:none;
}

.menu > li a {
    display: block;
    color: #000;
}

.menu > li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 999;
	border: 1px dotted #000000;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #edeeee;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #fff;
	font-size:18px;
	vertical-align: middle;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #edeeee;
}

.menu__third-level li a:hover {
    background: #edeeee;
}

.menu__fourth-level li a:hover {
    background: #edeeee;
}



/*捕獲器一覧表*/
TABLE.list_hokakuki{
background-color : #000000;
border-collapse: collapse;
border: 2px #000000 solid;
}
TABLE.list_hokakuki TH{
background-color : #ffeeee;
font-size:15px;
font-weight : bold;
padding : 4px;
border: 2px #000000 solid;
}
TABLE.list_hokakuki TD{
background-color : #ffffff;
font-size:15px;
padding : 3px;
border: 2px #000000 solid;
}

TABLE.list_hokakuki TD.operation{
padding-left : 10px;
padding-top : 10px;
padding-right : 10px;
padding-bottom : 10px;
text-align : center;
}

TABLE.list_hokakuki TD.image{
width: 100%;
padding-left : 30px;
padding-right : 30px;
text-align : center;
vertical-align: middle;
}
TABLE.list_hokakuki TD.image IMG{
}


TABLE.list_hokakuki TD.explanation{
padding-left : 10px;
padding-top : 5px;
padding-right : 10px;
padding-bottom : 5px;
text-align : left;
vertical-align: middle;
}

TABLE.list_hokakuki A{

}


TABLE.list_hokakuki SPAN.name{
font-weight : bold;
font-size:16px;
}

TABLE.list_hokakuki SPAN.shikake{
font-weight : bold;

}

TABLE.list_hokakuki SPAN.size{
line-height : 22px;

}

TABLE.list_hokakuki SPAN.object{
line-height : 22px;
font-weight : bold;
}

TABLE.list_hokakuki .price{
background-color : #ffffff;
padding-left : 10px;
padding-top : 5px;
padding-right : 10px;
padding-bottom : 5px;
font-size:15px;
font-weight : bold;
color : #ff0000;
text-align : right;
}

/*犬用ケージ一覧表*/
#imageList_cage img,#imageList_cage2 img,#imageList_cage3 img,#imageList_cage4 img,#imageList_cage5 img,#imageList_cage6 img,#imageList_cage7 img,#imageList_cage8 img,#imageList_cage9 img,#imageList_cage10 img,#imageList_cage11 img,#imageList_cage12 img,#imageList_cage13 img,#imageList_cage14 img,#imageList_cage15 img,#imageList_cage16 img,#imageList_cage17 img,#imageList_cage18 img,#imageList_cage19 img,#imageList_cage20 img,#imageList_cage21 img,#imageList_cage22 img,#imageList_cage23 img,#imageList_cage24 img { width:47%; height: 47%; object-fit: cover; float: left;}
#imageList_cage ul,#imageList_cage2 ul,#imageList_cage3 ul,#imageList_cage4 ul,#imageList_cage5 ul,#imageList_cage6 ul,#imageList_cage7 ul,#imageList_cage8 ul,#imageList_cage9 ul,#imageList_cage10 ul,#imageList_cage11 ul,#imageList_cage12 ul,#imageList_cage13 ul,#imageList_cage14 ul,#imageList_cage15 ul,#imageList_cage16 ul,#imageList_cage17 ul,#imageList_cage18 ul,#imageList_cage19 ul,#imageList_cage20 ul,#imageList_cage21 ul,#imageList_cage22 ul,#imageList_cage23 ul,#imageList_cage24 ul {list-style: none;}
#imageList_cage ul li img,#imageList_cage2 ul li img,#imageList_cage3 ul li img,#imageList_cage4 ul li img,#imageList_cage5 ul li img,#imageList_cage6 ul li img,#imageList_cage7 ul li img,#imageList_cage8 ul li img,#imageList_cage9 ul li img,#imageList_cage10 ul li img,#imageList_cage11 ul li img,#imageList_cage12 ul li img,#imageList_cage13 ul li img,#imageList_cage14 ul li img,#imageList_cage15 ul li img,#imageList_cage16 ul li img,#imageList_cage17 ul li img,#imageList_cage18 ul li img,#imageList_cage19 ul li img,#imageList_cage20 ul li img,#imageList_cage21 ul li img,#imageList_cage22 ul li img,#imageList_cage23 ul li img,#imageList_cage24 ul li img { list-style: none; text-align: center;margin: 0 2px 0 2px;}


TABLE.list_cage{
background-color : #000000;
border-collapse: collapse;
border: 2px #000000 solid;
}

TABLE.list_cage TH{
background-color : #ffeeee;
font-size: 15px;
font-weight : bold;
padding : 4px;
border: 2px #000000 solid;
}
TABLE.list_cage TD{
background-color : #ffffff;
font-size:15px;
padding : 3px;
border: 2px #000000 solid;
}

TABLE.list_cage TD.image {
text-align: center;
}

TABLE.list_cage TD.image #imageList_cage ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage2 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage3 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage4 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage5 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage6 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage7 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage8 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage9 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage10 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage11 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage12 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage13 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage14 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage15 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage16 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage17 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage18 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage19 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage20 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage21 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage22 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage23 ul li{list-style: none;}
TABLE.list_cage TD.image #imageList_cage24 ul li{list-style: none;}

TABLE.list_cage TD.operation{
font-size: 1.2em;
text-align : center;
line-height: 2.2em;
}

TABLE.list_cage TD.operation SPAN.blue_b{
line-height: 2.2em;
text-align : center;
}

TABLE.list_cage td.operation select#material{
height: 35px;
font-size: 16px;
}

TABLE.list_cage td.operation select#roof{
height: 35px;
font-size: 16px;
}

TABLE.list_cage td.operation select#panel{
height: 35px;
font-size: 16px;
}

TABLE.list_cage td.operation select#hight{
height: 35px;
font-size: 16px;
}

TABLE.list_cage TD.explanation{
padding-left : 10px;
padding-top : 5px;
padding-right : 10px;
padding-bottom : 5px;
text-align : left;
vertical-align: middle;
}

TABLE.list_cage TD.explanation SPAN.name{
font-weight : bold;
font-size:16px;
}

TABLE.list_cage TD.explanation p.name2{
text-align: center;
font-size: 120%;
font-weight: bold;
margin-top: 0px;
line-height: 1.7em;
}

TABLE.list_cage SPAN.price1-1{
background-color : #ffffff;
padding-right : 20px;
font-size:28px;
font-weight : bold;
color : #ff0000;
text-align : right;
}

TABLE.list_cage div SPAN.door{
line-height:1.5em;
font-size:1.3em;
text-align: center;
}

TABLE.list_cage div SPAN.number{
text-align: center;
}

TABLE.list_cage td.explanation select[name="option"]{
height: 30px;
font-size: 1.1em;
margin-top: 5px;
margin-bottom: 5px;
}

TABLE.list_cage td.explanation select[name="cnt"]{
height: 30px;
font-size: 1.1em;
vertical-align: center;
}

TABLE.list_cage td.explanation table.detail{
margin-left: auto;
margin-top: 15px;
text-align: center;
}
TABLE.list_cage td.explanation table.detail th{
border: 1px #646464 solid;
background: #E3E3E3;
}

TABLE.list_cage td.explanation table.detail td{
border: 1px #646464 solid;
}

TABLE.list_cage form dl dt{
width: 45%;
float:left;
margin-top: 2px;
text-align: right;
clear:both;
}

TABLE.list_cage form dl dd{
text-align: left;
margin-top: 17px;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



   /* ▼　商品画像　▼ */

#slideshow_item {
    width: 100%;
    text-align: center;
}
#slideshow_item div {
	margin-top:15px;
    width: 100%;
    height: 520px;
    overflow: hidden;
    position: relative;
	float: left;
}
#slideshow_item div div {
    top: 0;
    left: 0;
    position: absolute;
}

#slideshow_item div div img {
    width: 90%;
}

#slideshow_item ul {
	margin:-30px 0 0 -40px;
	width: 100%;
}
 
#slideshow_item ul li {
    float: center;
    display: inline;
}

#slideshow_item ul li a img {
    width: 200px;
    height: 200px;	
	border: 1px #c0c0c0 solid;
}
 
 
#slideshow_item .active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}


   /* ▼　商品画像2　▼ */

#slideshow_item2 {
    width: 100%;
    text-align: center;
}
#slideshow_item2 div {
	margin-top:15px;
    width: 100%;
    height: 520px;
    overflow: hidden;
    position: relative;
	float: left;
}
#slideshow_item2 div div {
    top: 0;
    left: 0;
    position: absolute;
}

#slideshow_item2 div div img {
    width: 90%;
}

#slideshow_item2 ul {
	margin:-30px 0 0 -40px;
	width: 100%;
}
 
#slideshow_item2 ul li {
    float: center;
    display: inline;
}

#slideshow_item2 ul li a img {
    width: 200px;
    height: 200px;	
	border: 1px #c0c0c0 solid;
}
 
 
#slideshow_item2 .active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}


   /* ▼　商品画像3　▼ */

#slideshow_item3 {
    width: 100%;
    text-align: center;
}
#slideshow_item3 div {
	margin-top:15px;
    width: 100%;
    height: 520px;
    overflow: hidden;
    position: relative;
	float: left;
}
#slideshow_item3 div div {
    top: 0;
    left: 0;
    position: absolute;
}

#slideshow_item3 div div img {
    width: 90%;
}

#slideshow_item3 ul {
	margin:-30px 0 0 -40px;
	width: 100%;
}
 
#slideshow_item3 ul li {
    float: center;
    display: inline;
}

#slideshow_item3 ul li a img {
    width: 200px;
    height: 200px;	
	border: 1px #c0c0c0 solid;
}
 
 
#slideshow_item3 .active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

   /* ▼　商品画像4　▼ */

#slideshow_item4 {
    width: 100%;
    text-align: center;
}
#slideshow_item4 div {
	margin-top:15px;
    width: 100%;
    height: 520px;
    overflow: hidden;
    position: relative;
	float: left;
}
#slideshow_item4 div div {
    top: 0;
    left: 0;
    position: absolute;
}

#slideshow_item4 div div img {
    width: 90%;
}

#slideshow_item4 ul {
	margin:-30px 0 0 -40px;
	width: 100%;
}
 
#slideshow_item4 ul li {
    float: center;
    display: inline;
}

#slideshow_item4 ul li a img {
    width: 200px;
    height: 200px;	
	border: 1px #c0c0c0 solid;
}
 
 
#slideshow_item4 .active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}



  /* ▼　カゴ周辺　▼ */

   html > body > div#contents > div#main > div.cart_area {
   }

   html > body > div#contents > div#main > div.cart_area > form > table {
    width: 95%;
	margin: 0 auto;
	border-collapse: collapse;
	border: 1px solid black;
   }

   .guide_link {
	text-align: right;
	font-size: 2em;
   }

   .guide_link_pay {
	text-align: right;
	font-size: 2em;
   }

	.guide_link_way {
	text-align: right;
	font-size: 2em;
   }


  /* ▼　カゴ周辺〜複数購入〜　▼ */

	.table1-3 > input[type="radio"] {
	 display: none;
	}

	label {
	 display: block;
	 margin: 5px;
	 width: 95%;
	 height: 80px;
	 font-size: 1.5em;
	 margin-top: 15px;
	 padding-top: 20px;
	 padding-left: 5px;
	 padding-right: 5px;
	 color: #000;
	 text-align: center;
	 line-height: 45px;
	 cursor: pointer;
	 border: 2px solid #006DD9;
	 border-radius: 5px;
	}

	label:hover {
	 background: #e1f3ff;
	}

	input[type="radio"]:checked.item + label {
	 color: #000;
	 border: 2px solid #3275bc;
	 background-color: #a9f2ff;
	}



/*  スマホ用メニューボタン  */


nav.globalMenuSp {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    background: #fff;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
nav.globalMenuSp ul {
    background: #ebebeb;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
nav.globalMenuSp ul li {
    font-size: 1.5em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 3px solid #fff;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
	text-decoration:none;
    color: #000;
    padding: 1em 0;
}

nav.globalMenuSp ul li a img {
	width: 50px;
	margin: -3px 5px 0 0;
	vertical-align: middle;
}


/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}

/* 関連商品_スライド */
div.flickity-syncer img{
	margin: 0 5px 0 5px;
	width: 180px;
}
div.flickity-syncer div.flickity-syncer-text{
	text-align: center;
	font-size: 0.9em;
}

/* スマホ用メニューの三本ライン */
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 9px;
    top: 20px;
    width: 100px;
    height: 90px;
    cursor: pointer;
    z-index: 550;
    background: #032977;
    text-align: center;
    border-left: 5px solid #fff;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 83px;
    border-bottom: solid 12px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    top: 8px;
}
 
.navToggle span:nth-child(2) {
    top: 30px;
}
 
.navToggle span:nth-child(3) {
    top: 52px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    top: 58px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 29px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 29px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}



/* スマホ用メニューの三本ライン */
.navToggle_item {
    display: none;
}


/*  商品ページ用メニューボタン  */
nav.globalMenuSp_item {
	display: none;
}

   /* ▼　検索枠　▼ */
   div.header_search {
	   width: 100%;
	   text-align: center;
   }


div.header_search form {
 margin: 0px;
}

div.header_search form input.input {
 width: 60%;
 height: 30px;
 margin-bottom: 5px;
 border : solid 1px #333 ;
 font-size: 16px;
 transform: scale(0.8);
}

div.header_search form input.submit {
 margin-left: 5px;
 vertical-align: middle;
 width: 108px;
 height: 30px;
}



/*  カテゴリーページ用  */
.accordion ul {
	width:100%;
	padding:0;
}
.accordion li {
	position:relative;
	border-bottom:1px solid #ccc;
	list-style:none;
	border-top:1px solid #ccc;
}

.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 0.3em 1em;
	position: relative;
}

.accordion > ul > li > a .cate_title {
	font-size: 2em;
	font-weight: bold;
	margin: 10px 0 0 0;
	line-height: 0px;
}

.accordion > ul > li > a .cate_title > img {
	margin-top: 5px;
	margin-right: 30px;
	width: 80px;
	height: 50px;
	vertical-align: middle;
}


.accordion > ul > li > a .cate_title:hover {
	color: #111;
	text-decoration:none;
}

.accordion > ul > li > ul {
	display: none;
	text-align:left;
	padding:0 .8em 1.4em 1em;
	color:#555;
	line-height:1.8;
}

.accordion > ul > li > ul > li {
	display: inline-block;
	width: 47%;
	font-size: 1.4em;
	line-height:3.5;
}

.accordion > ul > li > ul > li:nth-child(2n) {
	border-left:1px solid #ccc;
}

.accordion > ul > li > ul > li > a {
	display:block;
	text-decoration: none;
	margin-left: 0px;
}

.accordion > ul > li > ul > li > a > img {
	width: 75px;
	margin-top: 0px;
	vertical-align: middle;
}


.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
	position: absolute;
	width: 30px;
	height: 30px;
	top:25px;
	right:40px;
}
.accordion li .accordion_icon span {
	position: absolute;
    width: 100%;
	height: 1px;
    background-color: #000;
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


  /* ▼　ガイド　▼ */

div#guide_title {
  font-size: 1.2em;
  color: #44a5c5;
  font-weight: bold;
  margin: 50px 0 0 20px;
  border-left: solid 5px #44a5c5;
  padding-left: 15px;
  }

div#guide > p {
	max-width: 100%;
  }

div.submenu > ul > li {
	margin:15px 0px 5px 40px;
  }

div#guide > ul.guide-ship {
  }

div#guide > ul.guide-ship > li {
	display: inline-block;
	width: 100%;
	margin-top: 15px;
  }

div#guide > ul.guide-ship > li > a {
	margin-left:6px;
	font-size: 1.5em;

  }


div#guide > table.guide_souryou {
    width: 70%;
	margin-left: 50px;
	border: solid 2px #7ddfff;
  }

div#guide > table.guide_souryou th {
	background-color: #adebff;
	border: solid 2px #ffffff;
	width: 35%;
  }

div#guide > table.guide_souryou td {
	border: solid 2px #7ddfff;
	line-height: 2em;
	font-weight: bold;
  }

div#guide > table.guide_company {
    width: 100%;
	border: solid 2px #7ddfff;
  }

div#guide > table.guide_company th {
	background-color: #adebff;
	border: solid 2px #ffffff;
	width: 15%;
  }

div#guide > table.guide_company td {
	border: solid 2px #7ddfff;
	line-height: 2em;
  }

div#guide > div.website {
   float: left;
   width: 50%;
   margin: 15px 0px;
   font-size: 80%;
   font-weight: bold;
   text-align: center;
   line-height: 120%;
  }

div#guide > div.website > a > img {
   width: 90%;
   height: 200px;
  }

/* ▼　ラジオボタンの設定　▼ */
table.table_size > tbody > tr td.table1-4 label{
	font-weight:bold;
	font-size: 1em;
	text-align:left;
	border: 2px outset;
	height: auto;
}
table.table_size > tbody > tr td.table1-4 div.label:hover{
	background-color:#e2f4ff;
}
table.table_size > tbody > tr td.table1-4 div.label:active:checked{
	color:#FFFFFF;
background-color:aa0000;
}
table.table_size > tbody > tr td.table1-4 input[type=radio]{
width:15px;
height:15px;
border:3px;
}
table.table_size > tbody > tr td.table1-4 div.label input[type=radio]:before{
background-color:ffffff;
}
table.table_size > tbody > tr td.table1-4 div.label input[type=radio]:checked + label:after{
background-color:aa0000;
}

table.table_size > tbody > tr td.table1-4 div.label input.radiosize {
width: 1.5em;
height: 1.5em;
vertical-align: -0.3em;
}


.table-contents {
    overflow-x: scroll;
    width: 100%;
  }

  .tbl-r05 {
    width: 90%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #fbf5f5;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:last-child {
    color: red;
    font-weight: bold;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }



  .tbl-r06 {
    width: 90%;
  }
  .tbl-r06 .thead {
    display: none;
  }
  .tbl-r06 tr {
    width: 100%;
  }
  .tbl-r06 td {
    display: block;
    text-align: right;
    width: 100%;
  }




.highlight {
    background: linear-gradient(transparent 50%, #feffad 0%);
	margin-left: 25px;
	font-weight:  bold;
	color: #340000;
}


.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}
 
.col-head-type1 th {
  background: #f9fafc;
  text-align: left;
  width: 120px;
}
 
@media only screen and (max-width: 800px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }
  
  .col-head-type1 tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
}

.youtube {
  position: relative;
  width: 70%;
  margin: 0 auto;
}

.youtube .md_iframe_image {
    background: #fff;
}
.youtube .md_iframe_image a {
    border: 2px solid #fff;
    display: block;
    position: relative;
}
.youtube .md_iframe_image a:hover {
    opacity: 0.6;
}
.youtube .md_iframe_image a::before {
    background: url(/img/movie_start.png) center center / 64px 64px no-repeat;
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    margin: -32px auto 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
}
.youtube .md_iframe_image a img {
    width: 100%;
}

/* 利用ガイド　よくある質問 */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	font-size: 1em;
	height: 3em;
	width: 100%;
	line-height: 2.4em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 0.3em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
	text-align: left;
	border-style: none;
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.9em;
	position: absolute;
	top: 0;
	right: 0;
	content: '＋';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}