a{
	color: #0000ff;
}
	
a:hover img{opacity: 0.5;filter: alpha(opacity=50);}

p{margin:0px;padding:0px;}

img{
 border: none;
	}

/* ------------------------------------------------ 
 *	全体
 * ------------------------------------------------ */
body	{
	padding: 0;
	background-color:#000000;
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 17px;
	font-family:Avenir ,  "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	text-align: center;
	line-height: 1.5;
}


.bg	{
	background-color: #ffffff;
	width: 680px;
	margin: 0 auto;
	padding: 75px 100px 20px;
}

.maincont{
	width:100%;
	padding:0;
	margin:0;
	color:#000000;
}

.maincont p{
	text-align:left;
	padding:0;
}

 
/*	ol
 * ------------------------------------------------ */

ol,
ol li{
	text-align: left;
	padding:0;
	margin:0;
}
.list10{
	counter-reset: li; 
	margin: 20px 0;
  
}
.list10 li{
	position:relative;
	display: block;
	margin: 5px 0px 5px 20px !important;
	padding:3px 0px 3px 40px; 
	list-style-type:none !important;
	list-style-image:none !important;
	font-weight: bold;
}
.list10 li::after{
	counter-increment: li;
	content: counter(li) ".";
	position: absolute;	
	display: block;
	text-align: center;
	font-style: italic;
	left: 0px;
	top: -8px;
	font-size: 25px;
	color:#bbb;
	font-family:"Century","Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;
}
.list10 li.normal{
	font-weight: normal !important;
}
.list10 li.normal::after{
	top: -4px;
}

/*	ul
 * ------------------------------------------------ */
ul li {
	position: relative;
}
ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 1px solid #3498db;
	border-radius: 100%;
}

.product_name{
	font-family:"Century","Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;
}
/* ------------------------------------------------ 
 *	ヘッダー
 * ------------------------------------------------ */
#topimage{
	margin: 0 auto;
}
.toptext{
	margin: 25px 0;
	color: #ffffff;
}
#top_sign{
	width:880px;
	margin: 0 auto;
	color: #ffffff;
	text-align: right;
}


/* ------------------------------------------------ 
 *	テキスト
 * ------------------------------------------------ */
.b{
	font-weight: bold;
}
.underline{
	text-decoration: underline;
}
.red{
	color:#db0000;
	font-weight: bold;
}
.blue {
	color: #000099;
	font-weight: bold;
}


.pink {
	color: #ff33cc;
	font-weight: bold;
}

/*	画像はイメージです。
 * ------------------------------------------------ */
.b10 {
	font-size: 10px;
	line-height:170%;
}
/*	サブヘッド（画像）
 * ------------------------------------------------ */
/*	第●章　　　　　　                              */
.b20 {
	color: #000000;
	font-size: 26px;
	font-weight: bold;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;
	text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.5);
	line-height: 1.5;
	-webkit-mask-image:-webkit-linear-gradient(-85deg, rgba(0,0,0,0.8), rgba(0,0,0,0.8) 10%,rgba(0,0,0,0.9) 40%, rgba(0,0,0,1));
}
/*	サブヘッド　　　　　　                          */
.r26b{
	display: block;
	font-weight: bold;
	-webkit-box-reflect: below -19px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 30%,rgba(0,0,0,0.1));
}
.r26bw{
	-webkit-box-reflect: below -19px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 60%,rgba(0,0,0,0.1));
}
/*	追伸　　　　　　　                              */

.r28 {font-size: 30px; color: #db0000; font-weight: bold; 
       text-align: center; display: block;}
.r34 {font-size: 34px; color: #db0000; font-weight: bold; 
       text-align: center; display: block;}

.m28b {font-size: 28px; color: #990099; font-weight: bold; 
       text-align: center; display: block;}

.m32b {font-size: 32px; color: #990099; font-weight: bold; 
       text-align: center; display: block;}

.b18 {font-size: 20px; color: #000000; font-weight: bold; }

.b22 {font-size: 22px; color: #000000; font-weight: bold; }

.b24 {font-size: 24px; color: #000000; font-weight: bold; 
      display: block;}

.b26 {font-size: 26px; color: #000000; font-weight: bold; 
      display: block;}

.m22 {font-size: 22px; color: #990099; font-weight: bold; }


.blue22 {font-size: 22px; color: #000099; font-weight: bold; }

.blue25 {font-size: 25px; color: #000099; font-weight: bold; }

.blue26 {font-size: 26px; color: #000099; font-weight: bold; }

.blue28 {font-size: 28px; color: #000099; font-weight: bold; }

.mura{
	color:#990099;
	font-weight: bold;
}

/*	サブヘッド（テキスト）

.r30b {font-size: 30px; color: #db0000; font-weight: bold; 
       text-align: center; display: block;}
/*	サブヘッド（テキスト）
 * ------------------------------------------------ */
.b20_text {
	color: #000000;
	font-size: 26px;
	font-weight: bold;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;
	text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.5);
	line-height: 1.5;
	-webkit-mask-image:-webkit-linear-gradient(-85deg, rgba(0,0,0,0.8), rgba(0,0,0,0.8) 10%,rgba(0,0,0,0.9) 40%, rgba(0,0,0,1));
}
.r26b_text{
	display: block;
	position: relative;
	width: 880px;
	margin: 0 -50px;
	padding: 7px 0;
	color:#db0000;
	font-size: 30px;
	font-weight: bold;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;
	text-align: center;
	text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.5);
	line-height: 120%;
	-webkit-box-reflect: below -19px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 30%,rgba(0,0,0,0.1));
	-webkit-mask-image:-webkit-linear-gradient(-85deg, rgba(0,0,0,0.6), rgba(0,0,0,0.7) 30%,rgba(0,0,0,0.8) 40%, rgba(0,0,0,1));
}
.r26b_text:before{
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:attr(title);
	color:#000000;
	text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.5);
}
.r26bw_text{
	-webkit-box-reflect: below -19px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 55%,rgba(0,0,0,0.1));
	-webkit-mask-image:-webkit-linear-gradient(-85deg, rgba(0,0,0,0.6), rgba(0,0,0,0.7) 30%,rgba(0,0,0,0.8) 40%, rgba(0,0,0,1));
}
.r30_text{
	position: relative;
	padding: 0 40px;
	color: #db0000;
	font-size: 30px;
	font-weight: bold;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;
}
.r30_text::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #db0000;
}
.r30b {font-size: 30px; color: #db0000; font-weight: bold; 
       text-align: center; display: block;}

.r20 {font-size: 20px; color: #db0000;	font-weight: bold; }

.r22 {font-size: 22px; color: #db0000;	font-weight: bold; }

.r26 {font-size: 26px; color: #db0000;	font-weight: bold; }


/*	blockquote
 * ------------------------------------------------ */
blockquote {
    position: relative;
    width: 100%;
    margin: 50px 0;
    padding: 20px 0;
    font-size: 18px;
	font-weight: bold;
	font-family:"Century","Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;
    text-align: center;
}
blockquote::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #666 25%, #666 75%, transparent);
    background-image: linear-gradient(to right, transparent, #666 25%, #666 75%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}
blockquote::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #666 25%, #666 75%, transparent);
    background-image: linear-gradient(to right, transparent, #666 25%, #666 75%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}
/*	商品タイトル
 * ------------------------------------------------  */
.product_title{
	display: block;
	position: relative;
	padding: 0;
	color:#db0000;
	font-size: 70px;
	font-weight: bold;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;
	text-align: center;
	text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.5);
	line-height: 120%;
	-webkit-box-reflect: below -7px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 50%,rgba(0,0,0,0.2));
	-webkit-mask-image:-webkit-linear-gradient(-85deg, rgba(0,0,0,0.6), rgba(0,0,0,0.7) 30%,rgba(0,0,0,0.8) 40%, rgba(0,0,0,1));
}
.product_title:before {
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin: 10px 0 0;
	content:attr(title);
	color:#000000;
	text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.5);
}
.product_subtitle{
	font-size: 32px;
	font-weight: bold;
	font-family:"Century","Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;
	
}
/* ------------------------------------------------ 
 *	申し込みボタン
 * ------------------------------------------------  */
a.to_cart_btn {
	display: block;
	min-width: 300px;
	max-width: 500px;
	line-height: 2.25;
	background-color: #690808;
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#db0b0b, endcolorstr=#690808));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#db0b0b, endcolorstr=#690808))";
	zoom: 1;
	background: -moz-linear-gradient(top, #db0b0b, #690808);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #db0b0b, #690808);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #db0b0b, #690808);/* IE10+, W3C */
	color:#ffffff;
	font-size: 30px;
	font-weight:bold;
	font-family:"Century","Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;
	text-decoration: none;
	background-color:#690808;
}
.to_cart_btn:hover {
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f24646, endcolorstr=#7d1b1b));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f24646, endcolorstr=#7d1b1b))";
	zoom: 1;
	background: -moz-linear-gradient(top, #f24646, #7d1b1b);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #f24646, #7d1b1b);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #f24646, #7d1b1b);/* IE10+, W3C */
}
.to_cart_btn:active {
	position:relative;
	top: 1px;
	left: 1px;
}
.button {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.to_cart_btn::before,
.to_cart_btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.to_cart_btn,
.to_cart_btn::before,
.to_cart_btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* ------------------------------------------------ 
 *	フッター
 * ------------------------------------------------ */
 

.footer{
	padding:25px 0;
	background-color: #ffffff;
	padding:0px;
	color:#333333;
	font-size:12px;
	text-align:center;
	line-height: 1.2;
}

/* ------------------------------------------------ 
 *	特定商取引法に基づく表記・プライバシーポリシー
 * ------------------------------------------------ */
div.toku_privacy{
	width: 600px;
	margin: 0 auto;
	padding: 10px 50px;
	background-color: #ffffff;
	text-align: left;
}
div.toku_privacy h1{
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
div.toku_privacy h1::before{
	content: "■　";
}

table.toku{
	margin: 0 0 50px;
	padding: 0;
	border-collapse:collapse;
	font-size:14px;
}
table.toku th,
table.toku td{
	border: 1px solid #999999;
	padding: 5px;
}
div.privacy{}







/*===============================================
●style.css 画面の横幅が769px以下
===============================================*/
@media screen and (max-width: 768px){
/* ------------------------------------------------ 
 *	全体
 * ------------------------------------------------ */
body	{
	margin: 0;
	padding: 0;
}
.bg	{
	width: auto !important;
	padding-left: 3%;
	padding-right: 3%;
}
.maincont{
}
img{
	max-width: 100%;
	height: auto;
	width: auto;
}
/* ------------------------------------------------ 
 *	ヘッダー
 * ------------------------------------------------ */
#topimage{
	width: 100%;
	margin: 0;
}
#top_sign{
	width: 100% !important;
	margin: 0;
}
/* ------------------------------------------------ 
 *	チェックボックスb3
 * ------------------------------------------------ */

#check_b3 {
	text-align:left;
	margin:0;
	padding:30px 40px;
	border:#999 solid 1px;
	background-color: #f9fcff;
}
#check_b3 .list10 li:after{
	top: 10px;
	left: -10px;
}
/* ------------------------------------------------ 
 *	テキスト
 * ------------------------------------------------ */
.r26b{
	width: 100%;
	margin: 0 auto;
	font-size: 13px;
}
/*	blockquote
 * ------------------------------------------------ */
blockquote {
/*    margin: 10px 0;
    padding: 10px 0;
*/    font-size: 10px;
	letter-spacing: -0.1em;
}
blockquote::before {
    bottom: -1px;
}
blockquote::after {
    top: -1px;
}

br{
	letter-spacing: 0
}
/*	ol
 * ------------------------------------------------ */
.list10 li:after{
	left: 0;
	top: 12px;
}
/*	商品名
 * ------------------------------------------------  */
.product_title{
}
.product_title:before {
}
.product_subtitle{
	font-size: 17px;
	letter-spacing: -0.1em;
	
}
/* ------------------------------------------------ 
 *	申し込みボタン
 * ------------------------------------------------  */
a.to_cart_btn {
	width: auto;
	padding: 0 1em;
	font-size: 15px;
	letter-spacing: -0.1em;
}
}