@charset ”utf-8”; /* CSS Document */

* {
	margin-top: auto;
	margin-right: 10px;
	margin-bottom: auto;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

html { font:62.5%　Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif; color:#000b00; text-shadow:0px 0px 4px #ddd; }

      a { text-decoration:none; color:#000b00; }
     ul { list-style:none; }
    img { vertical-align:middle; max-width:100%; }

    table { font-size:1.2em; }



    .main-text { font-size:1.2em; line-height:1.5em; }
    .caution { font-size:.8em; color:#c53d43; }


#container { margin:0px; font-size:1em; background:url(img/noise.png) #fffffc; }

.tb { display:none; }



header navi { display:block; width:100%; margin:0px; background:rgba(15,35,80,.2); text-align:center; }
header navi a { display:inline-block; border:1px solid #ddd; border-top:none; border-bottom:none;

                background:rgba(255,255,252,.2); font-size:1.2em; padding:.5em .75em; }


       #copy { background:#000b00; color:#fffffc; padding:.75em; }
       #title { background:url(img/title-back.png); text-align:center; }
       #title img { background:rgba(255,255,255,.4); }



main #news { width:86%; height:180px; margin:0 auto; margin-top:12px; box-shadow:0px 0px 4px 4px #ddd; padding:.75em 1.5em; }

     #news h1 { font-size:1.6em; font-weight:normal; margin:6px 0px 0px 8px; }

     #news hr { border:none; border-bottom:1px dashed #ddd; }

     #news li { clear:both; display:block; padding:1.8em 0; }

         #news li img { width:38%; float:left; margin-right:12px; margin-bottom:2px; border-radius:6px; }

         #news li div h3 { font-size:1.2em; color:#aaa; }

         #news li div h2 { font-size:1.6em; margin-top:-2px; }




main #address { width:90%; margin:0 auto; margin-top:18px; }

     #address table { margin:4px 0px; }

     #address table th { font-weight:normal; padding-right:.8em; border-right:1px solid #ddd; }

     #address table td { padding-left:.8em; }




main #about { width:80%; margin:0 auto; margin-top:16px; margin-bottom:16px; padding:1.4em; font-size:1.2em;

              background:url(img/about-back.png) top right; border:4px solid rgba(100,1,37,.2); border-radius:24px; box-shadow:0px 0px 6px rgba(100,1,37,.8); }


div#bn { margin:0 auto; margin-top:8px; margin-bottom:8px; }
div#bn a:hover { opacity:.6; }



div#coupon { width:100%; position:fixed; bottom:0; background:rgba(13,0,21,.2); text-align:center; }

   #coupon img { width:98%; margin-top:6px; }



main #netshop { width:100%; margin:0 auto; margin-top:16px; padding:2em 0; background:rgba(248,251,248,.2); }

     #netshop h1 { width:80%; margin:0 auto; text-align:center; font-size:1.6em; background:rgba(47,93,80,.4); color:#fffffc; text-shadow:0px 0px 6px #000; }
     #netshop div.main-text { text-align:center; margin-top:4px; }

         #netshop-box1 { width:84%; margin:0 auto; padding:0em 1.75em; }
         #netshop-box1 img { width:100%; }
         #netshop-box1 h2 { font-size:1.4em; color:#2f5d50; margin-top:8px; }
         #netshop-box1 a { display:block; margin:0 auto; margin-bottom:6px; text-align:center; padding:.8em 0em;
                           border-radius:6px; box-shadow:0px 0px 2px 2px #eee inset; }
         #netshop-box1 a img { width:90%; }
             a#cherry { background:url(img/c-back.gif); }

             a#inago  { background:url(img/i-back.png); }


footer { background:#000b00; color:#fffffc; text-align:center; }



/* ---------------------------------------------------------------------- 768px～ ---------------------------------------------------------------------- */
@media screen and ( min-width:768px ) {

#container { font-size:1.2em; }

.sp { display:none;  }
.tb { display:block; }



div#coupon { position:relative; }

   #coupon img { width:100%; margin:0; }

#yahoo a { display:inline-block; width:48%; }

}



/* ---------------------------------------------------------------------- 1024px～ ---------------------------------------------------------------------- */
@media screen and ( min-width:1024px ) {

#container { font-size:1.4em; }





header navi a { float:right; }

header navi a:hover { background:rgba(13,0,21,.2); }


       #copy { clear:both; }


       #title img { background:none; }





main { max-width:900px; margin:0 auto; }




main #news { height:280px; }

     #news h1 { margin:12px 0px 0px 26px; }

     #news li { padding:1.8em .8em; }

         #news li img { padding-top:4px; margin-right:20px; }



div#coupon { position:relative; width:86%; margin:0 auto; }


main #netshop { width:90%; }

}




/* ----------------------------------------------------------------------  ---------------------------------------------------------------------- */

div#kaitori { width:90%; margin:0 auto; }

    div#kaitori h1 { text-align:center; margin-top:12px; }
    div#kaitori h1 span {  }
    div#kaitori h1 span:before {  }
    div#kaitori h1 span:after {  }

    div#kaitori section { margin:2em; }
    div#kaitori section h2 { font-size:1.4em; color:#cd5e3c; margin-left:24px; position:relative; }
    div#kaitori section h2:before { content:" "; display:block; position:absolute; top:24%; width:8px; height:8px; margin-left:-16px;
                                    border:1px solid #cd5e3c; -webkit-transform:rotate(45deg); transform:rotate(45deg); }

    #gm { float:right; }        

            #kaitori-02 table    { width:100%;
 margin:0 auto;
 border-collapse:separate;
 border-spacing:0px 8px;
 }


            #kaitori-02 table th {
 padding:.5em .75em;
 }

            #kaitori-02 table th { width:70px; position:relative;
 overflow:visible;

 background-color:#fef263;

                             
      text-align:center; 
vertical-align:middle; color:#005243;

 }

            #kaitori-02 table th:after { content:" ";
 position:absolute; top:50%;


 left:100%;
 height:0;
 width:0;
 margin-top:-10px;
                                         border:solid transparent;
 border-width:10px;
 border-color:#dcd3b2;
 border-left-color:#fef263;
 }
	

            #kaitori-02 table td {
 background-color:#dcd3b2;
 padding:26px;
 }

            #kaitori-03 table { margin:4px; background-color:#fbfaf5; }
            #kaitori-03 table th { padding:.5em .75em; color:#7b7c7d; background-color:#dcdddd; }
            #kaitori-03 table td { padding:.5em .75em; }

@media screen and ( min-width:1024px ) { div#kaitori { max-width:900px; margin:0 auto; } }
#container main p {
	font-size: medium;
	color: #F00;
}
#container main p {
	color: #000;
}