@charset "Shift_JIS";
/*汎用
----------------------------------------*/
#conts_smbiginner {
	width:750px;
	background-color:#000;
	font-size:16px;
	line-height:140%;
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

a {
    outline: none; /*aタグにフォーカスがあたっているときに付く点線を消す*/
}

/*-----フロート解除----- */

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
}
 
/* For modern browsers */
.clearfix:before,
.clearfix:after {
 content:"";
 display:block;
}
 
.clearfix:after {
 clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
 zoom:1;
}

/*-----汎用　文字のアンダーライン----- */
span.under {
    background: linear-gradient(transparent 40%, #ffe031 95%);
}

/*-----大見出し----- */
.smbiginner_box01{
	margin: 30px 40px;
}

/*-----見出し----- */
.smbiginner_subttl01{
	width:750px;
	margin-top: -125px;
	margin-bottom: 30px;
	background-image:url(images/sm_bg_01.png);/*薔薇の花*/
	background-repeat:no-repeat;
	background-position:top;
}

.smbiginner_img01 {
	padding:130px 19px 20px;
}

.smbiginner_subttl01 p{
	float:left;
	font-size: 28px;
	line-height:120%;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000;
	padding:0px 20px;
}

/*-----NEXT〇〇章----- */
.smbiginner_next{
    width:720px;
	text-align: right;
	margin-bottom: 60px;
}

.smbiginner_next a:hover img {filter: alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}

/*CONTENTS
----------------------------------------*/

.smbiginner_menu {
	width:750px;
	height: 315px;
	background-image:url(images/sm_menu_line_01.png),
					 url(images/sm_menu_line_01.png),
					 url(images/sm_menu_bg_01.png);
	background-repeat:no-repeat,
					  no-repeat,
					  repeat;
	background-position:top,
						bottom;
	position: relative;
	list-style: none;
	text-align: center;
}
.smbiginner_menu a:hover img {filter: alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}

.smbiginner_menuBox{
	width:715px;
	padding:40px 20px;
}

.smbiginner_menu_ul {
	padding:20px 0px;
}

.smbiginner_menu_ul li {
	float:left;
	padding:3px;
}

/*sec00
----------------------------------------*/
.smSec00_box01{
	margin: -70px 20px 30px;
}

.smSec00_menu{
	padding:0px 50px 40px;
}
.smSec00_menu a:hover img {filter: alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}

.smSec00_menu_ul li {
	float:left;
}
/*sec01
----------------------------------------*/
.smSec01_txt01 {
	float:left;
	width:425px;
	font-size: 17px;
	line-height:170%;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000;
	padding:25px 0px 25px 25px;
}

.smSec01_img01 {
	float:left;
	margin-top: 50px;
	width:290px;
}

.smSec01_img02 {
	float:left;
	margin-top: 25px;
	width:430px;
	margin-left: 15px;
}

.smSec01_img03 {
	float:left;
	margin-top: 30px;
	width:250px;
}

.smSec01_txt02 {
	float:left;
	width:270px;
	font-size: 17px;
	line-height:170%;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000;
	padding:0px 0px 25px 20px;
}

.smSec01_txt03 {
	float:left;
	font-size: 17px;
	line-height:170%;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000;
	padding:0px 20px 25px 25px;
}

.smSec01_txt04 {
	float:left;
	width:455px;
	font-size: 17px;
	line-height:170%;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000;
	padding:25px 0px 25px 25px;
}

/*sec02
----------------------------------------*/
.smSec02_txt01 {
	float:left;
	font-size: 17px;
	line-height:170%;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000;
	padding:25px 20px 25px 25px;
}

.smSec02_img01 {
	float:left;
    margin: 20px 10px 20px 24px;
}

.smSec02_img02 {
	float:left;
    margin: 20px 10px 20px 0px;
}

.smSec02_txt02 {
	float:left;
	width:425px;
	font-size: 17px;
	line-height:170%;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000;
	padding:25px 0px 25px 25px;
}

.smSec02_img03 {
	float:left;
	margin-top: 10px;
	width:290px;
}

.smSec02_txt03 {
	float:left;
	font-size: 17px;
	line-height:170%;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000;
	padding:0px 20px 25px 25px;
}

/*sec03
----------------------------------------*/
.smSec03_txt01 {
	float:left;
	font-size: 17px;
	line-height:170%;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000;
	padding:25px 20px 25px 25px;
}

/*-----責めパターン----- */
.smSec03_bg01{
	background:url(images/sec03_bg_01.png); 
	padding-bottom: 30px;
	margin-bottom: 20px;
	padding-top: 40px;
}

.smSec03_bg02 {
	width:700px;
	float:left;
	height:auto;
	overflow:hidden;
	background: #f1eddc no-repeat center top;
	margin:0px 25px 40px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
	box-shadow: 2px 2px 4px;
}

.smSec03_box01 {
    display: table;
}

.smSec03_box01_l {
    display:table-cell;
	width:298px;
	padding: 20px
}

.smSec03_box01_r p{
    width:350px;
	display:table-cell;
	vertical-align:middle;
	font-size: 17px;
	line-height:170%;
	font-weight: bold;
	color: #000000;
}

.smSec03_box02 {
	display: table;
	float: left;
	padding: 0px 20px 30px;
}

.smSec03_box02_l {
	width:380px;
	display:table-cell;
	background: #ebe4cc no-repeat center top;
	padding: 20px;
}

.smSec03_box02_l p {
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	font-size: 16px;
	line-height:160%;
	color: #651e1e;
	padding-top: 10px;
}

.smSec03_box02_r {
	width:240px;
	display:table-cell;
	vertical-align:middle;
	padding-left: 10px;
}

/*sec04
----------------------------------------*/
.smSec04_txt01 {
	float:left;
	font-size: 17px;
	line-height:170%;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000;
	padding:25px 20px 0px 25px;
}

/*-----プレイ3種----- */
ul.playlist {
    display:flex;/*ボックスが横並びになり、なおかつボックスの底辺のラインが自動的に揃う。*/
	height:auto;
	overflow:hidden;
}

ul.playlist li p{
	padding: 290px 12px 20px 19px;
	color: #FFFFFF;
	font-weight: bold;/*太字*/
	font-size: 14px;
}

.enkaku_box{
    width: 220px;
    height: auto;
	background-image:url(images/sec04_img_a_top.png),
					 url(images/sec04_img_a_bottom.png),
					 url(images/sec04_img_a_rep.png);
	background-repeat:no-repeat,
					  no-repeat,
					  repeat;
	background-position:top,
						bottom;
	position: relative;
	
	list-style: none;
	margin: 0px 20px 0px 25px;
}

.anal_box{
    width: 220px;
    height: auto;
	background-image:url(images/sec04_img_b_top.png),
					 url(images/sec04_img_b_bottom.png),
					 url(images/sec04_img_b_rep.png);
	background-repeat:no-repeat,
					  no-repeat,
					  repeat;
	background-position:top,
						bottom;
	position: relative;
	list-style: none;
	margin-right: 20px;
}

.jyosou_box{
    width: 220px;
    height: auto;
	background-image:url(images/sec04_img_c_top.png),
					 url(images/sec04_img_c_bottom.png),
					 url(images/sec04_img_c_rep.png);
	background-repeat:no-repeat,
					  no-repeat,
					  repeat;
	background-position:top,
						bottom;
	position: relative;
	list-style: none;
}

/*-----NLSオススメのSMグッズ----- */
.smSec04_box01{
    margin-top: 50px;
	background:url(images/sec04_bg_01.png); 
	padding-bottom: 100px;
}

.smSec04_list01 {
	float:left;
	width:710px;
	margin:30px 20px 10px 20px;
	background:  no-repeat center top rgba(147,151,94,0.5);
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.smSec04_list02 {
	float:left;
	width:710px;
	margin:30px 20px 50px 20px;
	background:  no-repeat center top rgba(147,151,94,0.5);
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.smSec04_list_ttl01 {
 text-align: center;
 padding: 25px 0px 20px 0px;
}

.smSec04_list_ttl02 {
 text-align: center;
 padding: 0px 0px 25px 0px;
}

.smSec04_box02 {
    height:auto;
	overflow:hidden;
    display:flex;/*ボックスが横並びになり、なおかつボックスの底辺のラインが自動的に揃う。*/
	width:100%;	
	margin:0px 10px;
}

.smSec04_goodsList {
	float:left;
	width:210px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	margin:0px 10px 30px;
	background: #f4f0e0 no-repeat center top;
}

.smSec04_goodsList img{
	margin:20px 35px 5px;
}

.smSec04_goodsList p {
	margin:5px 15px 15px;
	font-size:16px;
	line-height:130%;
}

/*-----商品名----- */
.pro_name {
    width:210px;
	font-weight:bold;
	text-align: center;
	height: 70px;
	display: table-cell;
    vertical-align: middle;
	font-size:15px;
	line-height:130%;
	padding:0px 15px;
}

span.price {
	color:#e30000;
}

span.price_gray {
	font-size:14px;	
	color:#555;
}

.smSec04_box03{
    text-align: center;
    width: 750px;
	margin: -100px auto 80px;