@charset "utf-8";

body,p,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,th,td {
	margin: 0;
	padding: 0;
}

address,em {
font-style: normal;
}
strong,th {
font-weight: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

img {
max-width: 100%;
height: auto;
width /***/:auto;
border: 0;
vertical-align: bottom;

}

li {
list-style-type: none;
}

a {
text-decoration: none;
color:#000000;
}
a:link { color: #6495ed;
}


/*----------------------------------------------------------
  レイアウト関係
----------------------------------------------------------*/

/*---------------------------------フォントサイズなど*/
body {
  
  font-size: 100%;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGot";
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}

/*---------------------------------ページ全体の横幅*/
#wrapper {
  width: 100%;
  max-width: 960px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#contents {
  width:100%;
  max-width: 960px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  border: 0px solid #ffffff;
}

/*---------------------------------ヘッダー部分*/

#header_wrap {
  width:100%;
  max-width: 960px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /*background-image:url("../../../entry/img/header_bg2.png");
  background-repeat: repeat-x;*/
  background-color: #ffffff;
}

#header {
  width: 100%;
  max-width: 960px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#header_up {
  width: 100%;
  margin: 50px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  overflow: hidden;
}

#header_left {
  width: 50%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  background-color: #ffffff;
}

#header_right {
  width: 50%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
  background-color: #ffffff;
}

div.logo{
  width: 111px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

.co_tite{
  margin: 70px 120px 0px 0px;
  padding: 0px 0px 0px 0px;
  
  font-size: 70%;
}

#contents_dual {
  width:100%;
  max-width: 960px;
  margin: 0px auto 100px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#contents_smp {
  display: none;
}

h1{
  margin: 60px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right; 
  color:#83c61a;
  font-size:20px;
  font-weight:bold;
}

h2{
  margin: 0px 0px 0px 0px;
  padding: 60px 0px 0px 0px;
  color:#83c61a;
  font-size: 120%;
  position:relative; top:200px;
}

#menu-box {
  width: 100%;
  max-width: 960px;
  margin: 50px auto 50px auto;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  background-color: #ffffff;
  border-top: 1px dotted #000000;
  border-bottom: 1px dotted #000000;
}

#menu{
  width: 50%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#menu li{
  display: block;
  float: left;
  width: 25%;
  margin: 0;
  padding: 0; 
  font-size: 12px;
  
}

#menu li a{
  display: block;
  padding: 15px 15px 10px 15px;
  color: #000000;
  text-decoration: none;
}

#toggle{
  display: none;
}

table.line1{
  width: 100%;
  margin: 50px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-collapse: separate;
  border-spacing: 15px 20px;
  border: solid 0px #000000;
}

.tex{
  text-align: center;
  font-size: 12px;
}

.tex a{
  text-align: center;
  font-size: 12px;
  color: #000000;
}

ul.line1 li.las{
 margin: 0px 0px 0px 0px;
}

.table_title {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  font-size: 95%;
}

.table_title_1 {
  margin: 100px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.siyou {
  margin: 60px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: 800%;
  font-size: 90%;
}

table.spec{
  width: 60%;
  margin: 0px 0px 80px 0px;
  padding: 0px 0px 0px 0px;
  border-collapse: separate;
  border-spacing: 15px 20px;
  border: solid 0px #000000;
  font-size: 90%;
}

table.spec2{
  width: 100%;
  margin: 0px 0px 80px 0px;
  padding: 0px 0px 0px 0px;
  border-collapse: separate;
  border-spacing: 15px 20px;
  border: solid 0px #000000;
  font-size: 90%;
}

td.lef {
 width: 25%;
}

td.righ {
  width: 75%;
}

td.lef2 {
 width: 40%;
}

td.righ2 {
  width: 60%;
}

.order_title {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: 800%;
}

#exparea {
  width: 100%;
  max-width: 960px;
  margin: 0px auto 0px auto;
  padding: 20px 20px 20px 20px;
  
  background-color: #fbfbfb;
  border-top: 0px dotted #000000;
  border-bottom: 0px dotted #000000;
}



.exa1 {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1.8em;
}

.exa2 {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1.8em;
}

.exa3 {
  margin: 0px 0px 35px 0px;
  padding: 0px 0px 0px 0px;
}

table.conbini_smp {
 display: none;
}

table.conbini_pc {
 width:500px;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 text-align: left;
 border: 0px solid #000000;
 border-collapse: separate;
 border-spacing: 10px 30px;
}

.exa4 {
  margin: 0px 0px 50px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1.8em;
}

.exa_title {
  margin: 50px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 110%;

}

.exa_title_co {
  margin: 50px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

.exa_title_co_pul {
  margin: 50px 0px 35px 0px;
  padding: 0px 0px 0px 0px;
}

#exa_title_un {
  margin: 50px 0px 0px 0px;
  padding: 50px 0px 15px 0px;
  border-top: dotted 1px #c0c0c0;
}

.exa_title_un {
  margin: 50px 0px 0px 0px;
  padding: 50px 0px 15px 0px;
  border-top: dotted 1px #c0c0c0;
}

.exa_lim {
  margin: 0px 0px 50px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right;
  font-size: 80%;
}

.exp_title {
  margin: 0px 0px 50px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 115%;
  font-weight: bold;
  line-height: 1.8em;
}

.kiff {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #636363;
  font-weight:bold;
}

.kiff a {
  color: #636363;
}

.kiff a span.reset{
  color: #000000;
  font-weight: normal;
  font-size: 95%;
}

.kifu {
  margin: 10px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  font-size: 90%;
  color: #ec38ec;
  border: solid 1px #fbd3fb;
}

.kifu a {
  display: block;
  color: #ec38ec;
}

ul.guide {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/*---------------------------------テーブル部分*/

#guide_smp {
   display: none;
}

#guide_pc {
   width:100%;
   display: block;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

#price_table {
  width:100%;   
  margin: 0px auto 50px auto;
  border: 0px #c0c0c0 solid;
  text-align: center;
}

#price_table_las {
  width:100%;   
  margin: 0px auto 90px auto;
  border: 0px #c0c0c0 solid;
  text-align: center;
}

#price_table_left {
  width:48%;   
  margin: 0px auto 10px auto;
  float: left;
  border: 0px #ff0000 solid;
}

#price_table_right {
  width:48%;   
  margin: 0px auto 10px auto;
  float: right;
  border: 0px #ff0000 solid;
}

#price_table_co {
   text-align: center;
   margin: 0px auto 50px auto;
}

table.noveltable {
   width:100%;
   font-size: 80%;
   border: 2px #c0c0c0 solid;
　 margin: 0px auto 30px auto;
}

table.noveltable th,
table.noveltable td {
   border: 1px #c0c0c0 solid;
   padding: 6px 6px 6px 50px;

}

table.noveltable {
   border-collapse: collapse;
}

table.noveltable thead th {
   border-bottom: 1px solid #c0c0c0;
   background-color: #ffffff;
   padding: 10px 6px 10px 50px;
}

table.noveltable th,
table.noveltable td, {
   font-size: 85%;
   padding: 0.3em;
}

.asta{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #ea5550;
}

td.left{
  text-align: left;
}

table.noveltable th.large {
   border-bottom: 1px solid #6495ed;
   
  background-color: #F5F5F5;
   padding: 10px 6px 10px 6px;
}

table.noveltable th.large_top {
   border-bottom: 1px solid #6495ed;
   border-top: 2px solid #6495ed;
  background-color: #F5F5F5;
   padding: 10px 6px 10px 6px;
}

th {
  padding: 0px 0px 0px 50px;
  text-align: left;
}

.red{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #ff1493;
}

/*---------------------------------mons_pc*/

#mons_pc {
  width: 100%;
  max-width: 960px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

#mons_pc_bottom {
  width: 100%;
  max-width: 960px;
  margin: 0px auto 70px auto;
  padding: 0px 0px 70px 0px;
  border-bottom: 0px solid #c0c0c0;
}

p.mons_logo_pc{
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}

#contents_pc_inner {
  width: 100%;
  margin: 0px 0px 100px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: 2px solid #c0c0c0;
}

.exp1{
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1.8em;
}

.exp2{
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  
}

.exp3{
  margin: 60px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight:bold;
}

table#product_title {
  width: 100%;
  margin: 150px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  background-color: #ffffff;
  border: solid 0px #ff0000;
}

table#product_title td.product_title_left {
  width: 65%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 0px #0000ff;
  background-color: #ffffff;
  font-weight: bold;
}

table#product_title td.product_title_middle {
  width: 10%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 0px #00ff00;
  background-color: #ffffff;
}

table#product_title td.product_title_middle_co {
  width: 10%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 0px #000ff0;
  background-color: #ffffff;
}

table#product_title td.product_title_right {
  width: 15%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 0px #000000;
  background-color: #ffffff;
}

table#product_title td.product_title_left_w {
  width: 35%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 0px #0000ff;
  background-color: #ffffff;
  font-weight: bold;
}

table#product_title td.product_title_middle_w {
  width: 16%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 0px #00ff00;
  background-color: #ffffff;
}

table#product_title td.product_title_middle_co_w {
  width: 7%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 0px #000ff0;
  background-color: #ffffff;
  text-align: right;
}

table#product_title td.product_title_right_w {
  width: 12%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 0px #000000;
  background-color: #ffffff;
}



/*---------------------------------フッター部分*/
#footer {
  width: 100%;
  margin: 100px 0px 0px 0px;
  padding: 50px 0px 30px 0px;
  text-align: center;
  background-color: #f7f7f7;
}

small {
  color: #c0c0c0;
}

/*---------------------------------レスポンス*/


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

#sect_3_right {
  width: 57%;
}

#sect_3_left {
  width: 31%;
}
}

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

#sect_3_right {
}

.tex1 {
  font-weight: 850; 
  font-size: 230%;
}

.tex2 {
  font-weight: 850; 
  font-size: 250%;
}

.tex3 {
  font-weight: 850; 
  font-size: 120%;
}

}


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

#menu li{
  width: 25%;
  border-bottom: 0px solid #444;
}

.logo {
  width: 19%;
  float: left;
  text-align: left;
  margin: 0px 0px 0px 10px;
  padding: 10px 0px 10px 0px;
  background-color: #ffffff;border: 0px solid #ff0000;vertical-align: bottom;
}

h1 {
  width: 75%;
  float: right;
  text-align: right;
  margin: 5px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;border: 0px solid #00ff00;
  font-size: 70%;
}

#sect_1_right {
  width: 54%;
  font-size: 85%;
}

.tex1 {
  font-weight: 800; 
  font-size: 200%;
}

.tex2 {
  font-weight: 800; 
  font-size: 220%;
}

.tex3 {
  font-weight: 800; 
  font-size: 110%;
}

#sect_3_right {
  width: 65%;
  font-size: 130%;
}
}

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

#menu{
  display: none;
}

#contents_pc {
  display: none;
}

#contents_smp {
  display: block;
}

#menu li{
  width: 100%;

}

#contents_dual {
  width: 94%;
  margin: 0px auto 100px auto;
  padding: 0px 3% 0px 3%;
  background-color: #ffffff;
}

table.conbini_pc {
 display: none;
}

table.conbini_smp {
 width: 100%;
 margin: 0px 0px 5px 0px;
 padding: 0px 0px 0px 0px;
 display: block;
 text-align: left;
 border: 0px solid #000000;
 border-collapse: separate;
 border-spacing: 10px 30px;
}

#guide_pc {
   display: none;
}

#guide_smp {
   display: block;
}

#guide_smp #price_table table.noveltable th,
table.noveltable td {
   border: 1px #c0c0c0 solid;
   padding: 6px 5px 6px 5px;
}

#guide_smp #price_table_las table.noveltable th,
table.noveltable td {
   border: 1px #c0c0c0 solid;
   padding: 6px 5px 6px 5px;
}

#price_table.table_title {
  display: none;
}

#guide_smp #price_table .table_title_smp {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 95%;
}

#guide_smp #price_table_las .table_title_smp {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 95%;
}

#toggle{
  display: block;
  position: relative;
  width: 100%;
  background: #222;
}

#toggle a{
  width: 100%;
  margin: 0px auto 0px auto;
  display: block;
  position: relative;
  padding: 12px 0 10px;
  border-bottom: 1px solid #444;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

#toggle:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
}

#toggle a:before, #toggle a:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 4px;
  background: #222;
}

#toggle a:before{
  margin-top: -6px;
}

#toggle a:after{
  margin-top: 2px;
}

.logo {
  width: 184px;
  float: left;
  text-align: left;
  margin: 0px 0px 0px 10px;
  padding: 10px 0px 10px 0px;
  background-color: #ffffff;border: 0px solid #ff0000;vertical-align: bottom;
}

h1 {
  width: 65%;
  float: right;
  text-align: right;
  margin: 5px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;border: 0px solid #00ff00;
  font-size: 70%;
}

#sect_1 {
  width: 100%;
  
  margin: 0px auto 30px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  overflow: hidden;
  border: 0px solid #C82C55;
}

#sect_1_left {
  width: 100%;
 
  float: none;
  margin: 0px auto 20px auto;
  
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  text-align: center;border: 0px solid #00ff00;
}

#sect_1_right {
  width: 88%;
  float: none;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  text-align: left;border: 0px solid #000000;
  line-height: 180%;
}

#catch {
  margin-bottom: 50px;
}

#st_obj {
  margin-bottom: 50px;
}

#sect_btn {
  margin-bottom: 80px;
}

#line {
 margin-bottom: 50px;
}

#footer {
  padding-top: 50px;
}

.tex1 {
  font-weight: 780; 
  font-size: 135%;
  position: absolute;
  top: 29%;
  left: 15.3%;
}

.tex2 {
  font-weight: 750; 
  font-size: 130%;
  position: absolute;
  top: 50%;
  left: 15.3%;
}

.tex3 {
  font-weight: 600; 
  font-size: 70%;
  top: 85%;
left: 81.63%;
}

#sect_3_right {
  font-size: 70%;
}
}