@charset "utf-8";

.mB0 {margin-bottom:0px!important;}
.mB5 {margin-bottom:5px!important;}
.mB10 {margin-bottom:10px!important;}
.mB15 {margin-bottom:15px!important;}
.mB20 {margin-bottom:20px!important;}
.mB25 {margin-bottom:25px!important;}
.mB30 {margin-bottom:30px!important;}
.mB35 {margin-bottom:35px!important;}
.mB40 {margin-bottom:40px!important;}
.mB45 {margin-bottom:45px!important;}
.mB50 {margin-bottom:50px!important;}
.mB55 {margin-bottom:55px!important;}
.mB60 {margin-bottom:60px!important;}
.mB65 {margin-bottom:65px!important;}
.mB70 {margin-bottom:70px!important;}
.mB75 {margin-bottom:75px!important;}
.mB80 {margin-bottom:80px!important;}

.mT5 {margin-top:5px !important;}
.mT10 {margin-top:10px!important;}
.mT15 {margin-top:15px !important;}
.mT20 {margin-top:20px!important;}
.mT30 {margin-top:30px !important;}
.mT40 {margin-top:40px !important;}
.mT50 {margin-top:50px !important;}


/* order_chk.asp
----------------------------------------------- */
#orderbox table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 10px 20px;
	text-align: left;
	width: auto;
	font-size: 13px;
}
#orderbox table tbody th {
	background-color: #F6F6F6;
	border: 1px solid #ccc;
	font-weight:normal;
	line-height: 1.2;
	text-align: center;
	width: 30%;
	padding: 8px 6px;
}
#orderbox table tbody td {
	border: 1px solid #ccc;
	text-align:left;
	padding: 8px 10px;
}
#pricecheck{
	margin-bottom: 30px;
}
#pricecheck table {
	border: 2px solid #ccc;
	margin: 5px 10px 15px;
	text-align: right;
	width: auto;
}
#pricecheck table th {
	background-color: #F6F6F6;
	border: 1px solid #ccc;
	text-align: right;
	width: 30%;
	padding: 8px 5px;
	font-weight:normal;
	font-size: 13px;
}
#pricecheck table td {
	border: 1px solid #ccc;
	text-align:right;
	padding: 8px 10px;
	font-size: 13px;
}
#pricecheck table td#bold{
	color: #f14f4c;
	font-weight: bold;
}
#main .grayBox {
	margin-bottom: 15px;
}
#main .grayBox textarea{
	width:100%;
}
#main .whiteBox {
	margin-bottom: 15px;
}
#intocart {
	clear: both;
	margin:20px 0 20px 50px;
	padding: 10px 0 20px;
	text-align:center;
}
#intocart img{
	vertical-align: middle;
	margin:0;
}
.itemOrderBtn {
	width: auto;
	clear: both;
	padding: 10px 15px;
	text-align: center;
	margin-bottom: 20px;
	/*
	background: #d2d2d5;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	*/
}
.itemOrderBtn #cartBtn {
	padding: 10px 15px;
	margin: 0 auto;
	clear: both;
	width: auto;
	text-align: center;
	font-size: 120%;
	background: #0075c1;
	color: #fff;
	border-style: none;
	border-bottom: solid 3px #00416b;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.itemOrderBtn #cartBtn:hover {
	margin-top: 3px;
	border: none;
	background: #005d99;
}
#cartBackBtn {
	padding: 10px 15px;
	margin: 0 auto;
	clear: both;
	width: auto;
	text-align: center;
	font-size: 120%;
	background: #666;
	color: #fff;
	border-style: none;
	border-bottom: solid 3px #444;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#cartBackBtn:hover {
	margin-top: 3px;
	border: none;
	background: #555;
}


/* order/order.asp
----------------------------------------------- */
.template_download_link {
	clear: both;
	width: 95%;
	margin: 0 auto 15px;
	padding: 0 0 0;
}
.template_download_link a {
	width: 95%;
	position: relative;
	line-height: 36px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	background: #0075c1;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #00609e;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.template_download_link a:hover {
	top: 3px;
	text-decoration: none;
	background: #0066a8;
	box-shadow: 0 2px 0 #00416b;
}
.template_download_link a:active {
	top: 5px;
	box-shadow: none;
}
.templdl_info {
	padding: 5px 5px 0 !important;
	font-size:77%;
	margin-bottom: 5px !important;
}


#sheets_select {
	margin: 10px auto 0;
	text-align: center;
	letter-spacing: 0.05em;
}

#sheets_select select#cmbSu{
	height:auto;
	line-height:1;
	font-size: 139%;
	vertical-align: middle;
	text-align:-webkit-center;
	padding:5px 5px;
}
#sheets_select #dTankaRenge {
	height:auto;
	line-height:1;
	vertical-align: middle;
	padding:5px 5px;
}

#sheets_select #dTankaRenge input#txtSonota {
	padding:3px 5px;
	width:100px;
	text-align:center;
	font-size: 139%;
}

.att_point{
	text-align:left;
	margin: 20px auto;
font-size: 12px;
line-height: 1.6;
}

.itemStep h3.ttlStep span.hint,
#p_text_box h3.ttlStep span.hint {
	font-size: 77% !important;
}

.option_info_html2{
	font-size: 77% !important;
}

/* info----------------------------------------------- */
#common_info .inventory_info{
	margin: 0 0 0 !important;
	padding: 0 5px !important;
	background-color: #fff;
	border:none !important;
}
/*
#common_info{
	background: #fff;
	padding: 5px;
	border: solid 5px #ebebed;
	margin-bottom: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}*/

/* categories/list.asp
----------------------------------------------- */

.comTtl {
	line-height: 1.2;
	padding: 5px 0 5px 10px;
	clear: both;
}

form#frmCate {
	width: auto;
	clear: both;
	margin:5px 5px;
	padding: 5px 5px 5px 5px;
	background: #ebebed;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 10px;
}

dl#kensaku_cmb dt {
	float: left;
	margin:5px 20px 8px 0;
	padding:0 0 0;
}
dl#kensaku_cmb dt span {
	font-weight: normal;
	margin: 0 0 4px -5px;
	letter-spacing: 0.1em;
}
dl#kensaku_cmb dt select{
	padding:2px 4px;
}
.page_total{
	padding:0 10px 2px;
	/*text-align:right;*/
	letter-spacing: 0.1em;
}

p.reset_btn{
	text-align:right;
	margin-top:5px;
}
.shohin_info2{
	padding:0 10px 8px;
	line-height: 1.2;
	color: #333;
	font-size: 0.9em;
}
.shohin_info2 span{
	padding-right: 10px;
}
#toumei2_div .itemUl{
	text-align:left;
}
:root #toumei2_div .itemUl{
	font-size:0.1px;
	word-spacing:-1px;
}
#toumei2_div .itemUl li {
	background:#FFFFFF;
	width: 45.3125%;
	padding:0 0 3.125%;
	margin:0 0 3.125% 3.125%;
	font-size:15px;
	vertical-align:top;
	display:inline-block;
	float:none;
	position:relative;
}
#toumei2_div .itemUl li div.btnOrder,
#toumei2_div .itemUl li div.btnDesign{
	margin:0 auto;
	width:90%;
	border:solid 1px #006AAF;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size:15px;
	font-weight:bold;
	text-align:center;
    padding:8px 0;
	text-align:center;
	color: #006AAF;
	display:block;
	font-size:0.8em;

}
#toumei2_div .itemUl li div.btnOrder + div.btnDesign{
	margin-top:10px;
}
#toumei2_div .itemUl li div.btnOrder a,
#toumei2_div .itemUl li div.btnDesign a{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
text-indent:-9999px;
display:block;
background:none;
}

/* categories/cate_index.asp
----------------------------------------------- */
section#cate_index{
	width:93.75%;
	margin:0 auto 6.25%;
}
section#cate_index ul{
	padding:10% 0 0;
}
section#cate_index ul li:not(:last-child){
	margin-bottom:6.667%;
}
section#cate_index ul li a{
	width:100%;
	padding:6.333%;
	border:1px solid #DADBDE;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-decoration:none;
	display:block;
}
section#cate_index ul li a figure{
	width:30%;
	border:1px solid #DADBDE;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	text-align:center;
	float:left;
}
section#cate_index ul li a figure img{
	max-width:100%;
	max-height:100%;
}
section#cate_index ul li a div{
	width:65%;
	color:#666;
	float:right;
}
section#cate_index ul li a div h3{
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
	margin-bottom:10px;
	font-size: 116%;
	font-weight: bold;
}

/* order/design.asp
----------------------------------------------- */
#thumbnailzone{
	width:93.75%;
	margin:0 auto 6.25%;
}
#thumbnailzone div.clearfix{
	margin-bottom:6.667%;
}
#thumbnailzone div[class*="thumbnail"]{
	width:48.333%;
	padding:3%;
	border:1px solid #DADBDE;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:3.333%;
	text-align:center;
}
#thumbnailzone div[class*="thumbnail"]:nth-child(-n+2){
	margin-top:0;
}
#thumbnailzone div[class*="thumbnail"]:nth-child(2n+1){
	float:left;
}
#thumbnailzone div[class*="thumbnail"]:nth-child(2n+0){
	float:right;
}
#thumbnailzone div[class*="thumbnail"] .title{
	margin-bottom:5px;
	color: #666666;
	font-weight: bold;
}
#thumbnailzone div[class*="thumbnail"] .title + p{
	width:100%;
	height:100%;
	border:1px solid #DDDDDD;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:5px;
}
#thumbnailzone div[class*="thumbnail"] p:last-child{
	width:100%;
	display:table;
}
#thumbnailzone div[class*="thumbnail"] p .toorderentry{
	background:#0075C1;
	width:100%;
	height:35px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 4px 0px 0px #005A94;
	-webkit-box-shadow:0 4px 0px 0px #005A94;
	box-shadow:0 4px 0px 0px #005A94;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
#thumbnailzone div[class*="thumbnail"] p .toorderentry:hover{
	background:#006AAF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 2px 0px 0px #005A94;
	-webkit-box-shadow:0 2px 0px 0px #005A94;
	box-shadow:0 2px 0px 0px #005A94;
	top:2px;
}
#thumbnailzone .pagelist{
	padding:5% 0;
}
#thumbnailzone .pagelist li{
	display:none;
}
#thumbnailzone .pagelist li.prev{
	width:37.5%;
	display:table;
	float:left;
}
#thumbnailzone .pagelist li.next{
	width:37.5%;
	display:table;
	float:right;
}
#thumbnailzone .pagelist li a{
	background:#006AAF;
	width:100%;
	height:40px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}

/* �������̗���
----------------------------------------------- */

p.flowImg{
width: 95%;
margin:0 auto;
height: auto;
background: none;
padding-bottom:10px;
}

p.flowImg img{
display: block;
}


/* ���Ђ̋���
----------------------------------------------- */
div#main div.whiteBoxShadow div.flex{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width:100%;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
div#main div.whiteBoxShadow div.flex > div{
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
div#main div.whiteBoxShadow div.flex > div:nth-child(1){
        -webkit-order: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
    }
div#main div.whiteBoxShadow div.flex > div:nth-child(2){
        -webkit-order: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
    }
	
div#main div.ourFeatureHead{
width: 100%;
margin:0 auto;
height: auto;
background: none;
padding-bottom:40px;
}

div#main div.ourFeatureHead img{
display: block;
}

div#main div.ourFeatureHead p{
display:none;
}

div#main div.featureTtl{
max-width:95%;
margin: 0 auto;
height:60px;
background-color:#FF95BC;
vertical-align: middle;
position:relative;
box-shadow:2px 0px 2px #CBCBCB;
}

div#main div.featureTtl h3.ttl{
color:#333;
font-size:130%;
font-family: "Rounded Mplus 1c";
font-weight:bold;
position:absolute;
padding-left:75px;
line-height:1.1;
}


div#main div.orangeBack{
background:url(../img/guide/ourFeatures_p1.png) left #ffe5d2 no-repeat;
}
div#main div.blueBack{
background:url(../img/guide/ourFeatures_p2.png) left #c2dbff no-repeat;
}
div#main div.pinkBack{
background:url(../img/guide/ourFeatures_p3.png) left #ffe1f5 no-repeat;
}
div#main div.greenBack{
background-color:#95D871;
}

div#main div.featureTtl p.ttl{
color:#FFF;
font-size:22px;
font-family: "Rounded Mplus 1c";
font-weight:bold;
position:absolute;
top:-3px;
left:10px;
}

div#main div.featureTtl p.ttl img{
margin:-5px 0 0 0;
padding-right:15px;
}


div#main div.whiteBoxShadow .servie_list{

}

div#main div.whiteBoxShadow .servie_list ul{
color:#666;
font-size:110%;
font-family: "Rounded Mplus 1c";
font-weight:bold;
padding:4px 6px ;
margin-bottom:10px;
}

div#main div.whiteBoxShadow .servie_list ul li{
border-bottom: dashed 1px #666;
height:23px;
padding-bottom:5px;
margin-bottom:5px;
letter-spacing:-1px;
}

div#main div.whiteBoxShadow .servie_list ul li span{
color:#ff0000;
}

div#main div.whiteBoxShadow .servie_list p{
clear:both;
}

div#main div.whiteBoxShadow h3.pinkTtl{
color:#ff61c3;
font-size:22px;
font-family: "Rounded Mplus 1c";
font-weight:bold;
border-left: solid 7px #ff61c3;
padding:4px 6px ;
margin:10px 0 10px 0;
}

div#main div.whiteBoxShadow{
box-shadow:2px 2px 2px #CBCBCB;
max-width:90%;
height:auto;
overflow:hidden;
padding:10px 10px 5px 10px;
margin: 0px auto 30px auto;
}


div#main div.whiteBoxShadow p.large{
font-size:16px;
line-height:26px;
}

div#main div.whiteBoxShadow span{
font-size: 150%;
font-weight:bold;
color: #f14f4c;
}

div#main div.whiteBoxShadow div.picR{
text-align:center;
margin-top:20px;
}

div#main div.whiteBoxShadow h3.blueTtl{
color:#3FA9F5;
font-size:22px;
font-family: "Rounded Mplus 1c";
font-weight:bold;
border-left: solid 7px #3FA9F5;
padding:4px 6px ;
margin:10px 0 10px 0;
}

div#main div.whiteBoxShadow div.flex,div#main div.whiteBoxShadow div.not_flex{
font-size:14px;
line-height:22px;
margin-bottom:40px;
}

div#main div.whiteBoxShadow div.not_flex div:last-child,div#main div.whiteBoxShadow div.flex div:first-child{
text-align:center;
}



div.sp_menu label {
    margin: 0;
    color :#333;
    background :#a8dc3f;
    border-bottom: 1px solid #fff;
    cursor :pointer;
	display: block;
	font-size: 14px;
	padding: 8px 12px;
}


input[type="checkbox"].bellows{
    display: none;/* �`�F�b�N�{�b�N�X�̔�\�� */
}

#nav2 div.sp_menu ul {
/* ���j���[�J���A�j���[�V���� */
    background :#FFF;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin:0;
    padding: 0;
    list-style: none;
}

#nav2 div.sp_menu ul li {
	width:49%;
	display:inline-block;
	border:none !important;
background:#FFF !important;
vertical-align:middle;

}

#nav2 div.sp_menu ul.shop_display li{ 
background:#F3F6E4 !important;
}



/* �����A�R�[�f�B�I���J�w�聤�� */
input[type="checkbox"].bellows + ul{
    max-height: 0;/* �`�F�b�N�������Ă��Ȃ����̍��� */
    overflow: hidden;
}

input[type="checkbox"].bellows:checked + ul{
    max-height: 50em;/* �`�F�b�N�������Ă���Ƃ��̍��� */
}
/* �����A�R�[�f�B�I���J�w�聢�� */

ul.menu{
display:none;
}



/* �c�J�G���V���[�Y�ɂ���
----------------------------------------------- */

div#main div.paleYellowBk{
background:none;
}

div#main div.paleYellowBk div.whiteBoxShadow02{
background:none;
}

div#main div.paleYellowBk div.whiteBoxShadow02 p{
color:#333;
font-size:14px;
letter-spacing:-0.02em;
line-height:24px;
text-align: justify;
text-justify: inter-ideograph;
width:95%;
margin:10px auto;
}

div#main div.paleYellowBk div.whiteBoxShadow02 p span{
font-weight:bold;
font-family: "Rounded Mplus 1c";
font-size:16px;
line-height:18px;
letter-spacing:-0.05em;
}


div#main div.paleYellowBk div.whiteBoxShadow02 p span.orange{
color:#FA9902;
}
div#main div.paleYellowBk div.whiteBoxShadow02 p span.blue{
color:#007CC6;
}
div#main div.paleYellowBk div.whiteBoxShadow02 p span.red{
color:#FF0000;
}

div#main div.paleYellowBk div.whiteBoxShadow02 p.leftP{
width:90%;
}

div#main div.paleYellowBk div.whiteBoxShadow02 p.rightImg{
width:80%;
vertical-align:top;
}

div#main div.paleYellowBk div.whiteBoxShadow02 p.rightP{
width:90%;
}

div#main div.paleYellowBk div.whiteBoxShadow02 p.leftImg{
width:80%;
}


div#main div.paleYellowBk div.whiteBoxShadow02 p.rightImg img,div#main div.paleYellowBk div.whiteBoxShadow02 p.leftImg img{
height:auto;
}


/* �t�H�g�t���[��
----------------------------------------------- */

#itemPointBox div#photoframe_kizuna{
width: 100%;
height: auto;
background: url(../img/cate/cork_bk.jpg) repeat;
overflow:hidden;
padding-bottom:15px;
margin-top:20px;
}

#itemPointBox div#photoframe_kizuna div#ttl{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height:auto;
margin:0 auto 10px auto;
background: url(../img/cate/sp_photoframe_presentstory01.png) no-repeat center;
background-size: contain;
	padding-top: 43%;
}

.pc_img{
display:none;
}

#itemPointBox div#photoframe_kizuna p.sp_img{
width:96%;
margin:0 auto;
}

#itemPointBox div#photoframe_ex{
width:96%;
height: auto;
background: url(../img/cate/cork_bk.jpg) repeat;
position:relative;
margin:45px auto 30px auto;
}

#itemPointBox div#photoframe_ex p#ex_ttl img{
position:absolute;
left:-3%;
top:-20px;
width:70%;
height:auto;
}

#itemPointBox div#photoframe_ex p.left{
width:80%;
height:auto;
margin:30px auto 0 auto;
}

#itemPointBox div#photoframe_ex p.right{
width:80%;
height:auto;
margin:auto;
}

#itemPointBox div#photoframe_ex p.left img,#itemPointBox div#photoframe_ex p.right img{
max-width:100%;
}


/* �L�[�{�b�N�X 3�̋���
----------------------------------------------- */

div#original_point{
text-align:center;
}

div#original_point div.grayBox{
position:relative;
padding:10px;
}


div#original_point div.square_bk{
background: url(../img/cate/square_bk.jpg);
width:92%;
margin:0 auto;
text-align:left;
padding:8px 12px;
}

div#original_point div.grayBox{
margin-right:0;
margin-left:0;
}

div#original_point div.square_bk div.img{
margin:10px 0;
}

div#original_point div.square_bk div.text{
text-align: justify;
margin-bottom:15px;
}

div#original_point div.square_bk h4{
    font-size:22px;
    font-weight:bold;
	color:#000;
	text-align:left;
}

div#original_point div.square_bk h4 span{
    color:#E50011;
}

div#original_point div.shadowRadiusBox{
box-shadow:2px 2px 2px #CBCBCB;
width:95%;
height:auto;
padding:15px;
margin:30px auto 0 auto;
box-sizing: border-box;
position:relative;
background:#FFF;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

div#original_point div#type32{background:#F2F9EC;}
div#original_point div#type52{background:#E9F5FC;}
div#original_point div#type100{background:#FFEBE6;}

div#original_point div.shadowRadiusBox p.type{
position:absolute;
top:-20px;
left:0;
margin-bottom:10px;
}

div#original_point div.shadowRadiusBox div.text{
width:97%;
margin-top:20px;
}

div#original_point div.shadowRadiusBox div.img{
width:90%;
padding:0;
margin:0 auto;
text-align:center;
}

div#original_point div.shadowRadiusBox div.img img{
max-width:100%;
}

div#original_point div.shadowRadiusBox div.text p.ttl_32{
font-size:1.4em;
line-height:1.5;
color:#22AB38;
font-weight:bold;
}

div#original_point div.shadowRadiusBox div.text p.ttl_52{
font-size:1.4em;
line-height:1.5;
color:#036EB7;
font-weight:bold;
}

div#original_point div.shadowRadiusBox div.text p.ttl_100{
font-size:1.4em;
line-height:1.5;
color:#C20D23;
font-weight:bold;
}

div#original_point div.shadowRadiusBox p{
font-size:0.9em;
line-height:1.6;
text-align: justify;
}

div#original_point p#point3_copy{
font-size:1.3em;
font-family: "Rounded Mplus 1c";
font-weight:bold;
line-height:1.5;
margin:15px 0 15px 0;
text-align:center;
}

div#original_point p#point3_copy br{
display:none;
}

div#original_point p#point3_copy span{
color:#009944;
}
div#original_point p#point3_copy span#red{
color:#f14f4c;
}

div#original_point div#keytag_bk{
background:#FFFFF2;
padding:15px;
}

div#original_point div#keytag_bk div.img{
display:inline-block;
vertical-align:top;
width:40%;
padding-right:15px;
}

div#original_point div#keytag_bk div.text{
display:inline-block;
width:54%;
}

div#original_point div#keytag_bk dl{
magin-bottom:20px;
}

div#original_point div#keytag_bk dl dt{
display: list-item;
color:#E50011;
list-style-type: disc;
font-size:18px;
font-weight:bold;
line-height:24px;
margin:10px 0 0 15px;
letter-spacing:0.02em;
}

div#original_point div#keytag_bk dl dd{
padding-left:15px;
font-size:14px;
}


div#original_point div#keytag_bk div.point3_ttl br{
display:none;
}

div#original_point div#keytag_bk div.point3_ttl{
font-size:16px;
line-height:1.5;
text-align:center;
}

div#original_point div#keytag_bk div.point3_ttl > div{
display:inline-block;
margin-bottom:10px;
}
 

@media screen and (max-width: 479px) {

div#original_point div#keytag_bk div.img {
display:inline;
width:90%;
margin:0 auto;
}

div#original_point div#keytag_bk div.text{
width:30%;
display:inline;
background:#ccc;
}
}

h3,h4 {
font-family: "Rounded Mplus 1c";
letter-spacing:0;
}

.textCenter
{text-align:center;
}

.marginCenter{
margin:0 auto;
}

.txtRed2{
color:#E50011;
}

.txtSize06{font-size:0.6em;}
.txtSize08{font-size:0.8em;}
.txtSize09{font-size:0.9em;}
.txtSize11{font-size:1.1em;}
.txtSize12{font-size:1.2em;}
.txtSize13{font-size:1.3em;}
.txtSize14{font-size:1.4em;}

.cnt {text-align: center;}
.txtb {font-weight:bold;}


/* �����N�{�^��
----------------------------------------------- */

a.linkBtn_red{
margin:20px auto;
width:95%;
display:block;
padding:8px 0 10px 0;
background:#FF0000;
color:#FFF;
font-size:14px;
font-weight:bold;
text-align:center;
font-family: "Rounded Mplus 1c";
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}


a.linkBtn_red span.strong{
color:#FFF000;
font-size:1.3em;
}

.arrow-right{
content: "";
position: relative;
}

.arrow-right::before {
content: "";
border: 8px solid transparent;
border-left-color: #FFF;
position: absolute;
right: -25px;
top: 50%;
margin-top: -8px;
}


a.linkBtn_yellow{
width:100%;
height:100%;
margin-top:15px;
padding:8px 10px;
box-sizing: border-box;
display:block;
background:#FABC3B;
color:#FFF;
font-size:14px;
font-weight:bold;
line-height:1.3;
vertical-align:middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none ;
text-align:center;
}

a.linkBtn_red2{
width:100%;
height:100%;
margin-top:15px;
padding:8px 10px;
box-sizing: border-box;
display:block;
background:#FF0000;
color:#FFF;
font-size:14px;
font-weight:bold;
line-height:1.3;
vertical-align:middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none ;
text-align:center;
}

a.linkBtn_green2{
width:100%;
height:100%;
margin-top:15px;
padding:8px 10px;
box-sizing: border-box;
display:block;
background:#32ae5a;
color:#FFF;
font-size:14px;
font-weight:bold;
line-height:1.3;
vertical-align:middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none ;
text-align:center;
}

a.linkBtn_purple{
width:100%;
height:100%;
margin-top:15px;
padding:8px 10px;
box-sizing: border-box;
display:block;
background:#9260AF;
color:#FFF;
font-size:14px;
font-weight:bold;
line-height:1.3;
vertical-align:middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none ;
text-align:center;
}

a.linkBtn_green{
width:100%;
height:100%;
padding:8px 10px;
box-sizing: border-box;
display:block;
background:#39A74A;
color:#FFF;
font-size:14px;
font-weight:bold;
line-height:1.3;
vertical-align:middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none ;
text-align:center;
margin-bottom:20px;
}


a.linkBtn_blue{
width:100%;
height:100%;
padding:8px 10px;
box-sizing: border-box;
display:block;
background:#299DD4;
color:#FFF;
font-size:15px;
font-weight:bold;
line-height:1.2;
vertical-align:middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none ;
text-align:center;
}

a.linkBtn_blue2{
width:100%;
height:100%;
padding:8px 10px;
margin-top:15px;
box-sizing: border-box;
display:block;
background:#0d93f5;
color:#FFF;
font-size:15px;
font-weight:bold;
line-height:1.2;
vertical-align:middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
text-align:center;
}

a.linkBtn_pink{
width:100%;
height:100%;
padding:8px 10px;
box-sizing: border-box;
display:block;
background:#ef8e9a;
color:#FFF;
font-size:15px;
font-weight:bold;
line-height:1.2;
vertical-align:middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none ;
text-align:center;
}
/* �v���C�X�{�[�h 3�̋���
----------------------------------------------- */

.greenBox {
background: #E4F4D9;
padding: 10px;
margin-bottom: 20px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
position:relative;
padding:10px;
}

div#original_point div.square_bk ul.inline-block{
list-style:none;
width:97%;
margin:10px auto;
}

div#original_point div.square_bk ul.inline-block li{
width:100%;
vertical-align:top;
text-align:justify;
margin-bottom:15px;
}


div#original_point div.square_bk h4.tsukaeru{
font-size:20px;
font-weight:bold;
color:#000;
border-left: solid 7px #8FC31F;
padding-left:8px;
margin-bottom:10px;
}

div#original_point div.square_bk h4.tsukaeru span{
color:#E50011;
}

div#original_point #pb_point2_head{
font-family: "Rounded Mplus 1c";
font-size:1.3em;
line-height:1.5;
font-weight:bold;
color:#000;
letter-spacing:-0.02em;
background: linear-gradient(transparent 80%, #ffff66 80%);
}

div#original_point #pb_point2_head br{
display:none;
}

div#main div.whiteBoxShadowRound{
box-shadow:2px 2px 2px #CBCBCB;
width:96%;
height:auto;
background:#FFF;
padding:10px;
margin:0px auto 50px auto;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
position:relative;
}

div#main div.whiteBoxShadowRound div.subHead{
position:absolute;
top:-40px;
left:0;
background: url(../img/cate/sp_tsukaeru_subHead.png) no-repeat;
background-size: contain;
padding-bottom: 25.6%;
display: block;
width: 100%;
height: 0;
}

div#main div.whiteBoxShadowRound div.subHead p{
font-size: 4vw;
line-height:4.75;
font-weight:bold;
color:#000;
text-align:left;
width:70%;
vertical-align:bottom;
margin-left:17%;
}

div#main div.whiteBoxShadowRound div.subHead p.multiline{
line-height:1.3;
margin-top:4.5%;
}

div#main div.whiteBoxShadowRound div.subHead p span{
color:#E50011;
font-size:1.3;
}

div#main div.imageLeft{
margin:15% 0 0 0;
}

div#main div.imageLeft div.img{
width:100%;
vertical-align:top;
text-align:center;
margin-bottom:20px;
}

div#main div.imageLeft div.text_area{
width:90%;
line-height:1.5;
text-align:justify;
margin:0 auto 20px auto;
}

div#main div.imageLeft div.text_area p.product_name{
font-size:2em;
line-height:1em;
color:#39A74A;
font-family: "Rounded Mplus 1c";
font-weight:bold;
text-align:center;
margin-bottom:10px;
}

div#main div.imageLeft div.text_area p.product_name span{
font-size:70%;
letter-spacing:-0.05em;
}

div#main div.imageLeft div.text_area p.product_copy{
font-size:1.3em;
line-height:1.5;
padding: 5px 0;
font-weight:bold;
background:0;
text-align:center;
}

div#main dl.starRate{
background: #ebebed;
padding: 8px 2px;
font-weight:bold;
width:100%;
height:auto;
display:inline-block;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div#main dl.starRate dt{
width:13%;
font-size:11px;
line-height:16px;
display:inline-block;
vertical-align:middle;
}


div#main dl.starRate dd{
width:15.9%;
display:inline-block;
vertical-align:middle;
margin-right:3px;
text-align:left;
}

div#main dl.price_right{
margin:20px auto 15px auto;
display:flex;
vertical-align:middle;

}

div#main dl.price_right dt{
font-size:3.2vw;
line-height:15px;
width:50%;
text-align:right;
padding-right:10px;
}

div#main dl.price dd,
div#main dl.price_right dd{
font-size:16px;
color:#E50011;
font-weight:bold;
padding-top:5px;
width:50%;
text-align:left;
}

div#main dl.price_4clmn{
margin:20px auto 0px auto;
display:flex;
vertical-align:middle;

}

div#main dl.price_4clmn dt{
font-size:11px;
line-height:15px;
text-align:right;
padding-right:10px;
vertical-align:top;
}

div#main dl.price_4clmn dd{
font-size:16px;
color:#E50011;
font-weight:bold;
padding-top:10px;
text-align:left;
}



div#main dl.price#flex,
div#main dl.price_right#flex{
width:auto;
margin:20px auto 5px auto;
}

div#main dl.price#flex dt,
div#main dl.price_right#flex dt{
margin-top:5px;
display:inline-block;
}

div#main dl.price#flex br,
div#main dl.price_right#flex br{
display:none;
}

div#main dl.price#flex dd,
div#main dl.price_right#flex dd{
display:inline-block;
text-align:left;
letter-spacing:0;
}


div#main dl.price dd span,
div#main dl.price_right dd span,
div#main dl.price2 dd span{
font-size:1.6em;
}

div#main .sd_productList02 dl.price dd span{
font-size:1.3em;
}


div#main dl.price_4clmn dd span{
font-size:1.3em;
}



div#main dl.price dd div.number,
div#main dl.price_right dd div.number,
div#main dl.price2 dd div.number,
div#main dl.price_4clmn dd div.number{
display:inline-block;
line-height:0;
width:auto;
}

div#main dl.price dd div.yen,
div#main dl.price_right dd div.yen,
div#main dl.price2 dd div.yen,
div#main dl.price_4clmn dd div.yen{
display:inline-block;
font-size:11px;
width:35px;
position:relative;
text-align:left;
}

div#main dl.price dd div.yen p,
div#main dl.price_right dd div.yen p,
div#main dl.price2 dd div.yen p,
div#main dl.price_4clmn dd div.yen p{
font-size:10px;
position:absolute;
top:-13px;
left:-5px;
}


div#main dl.price2{
width:100%;
margin:20px auto 15px auto;
}

div#main dl.price2 br{
display:none;
}


div#main dl.price2 dt{
font-size:14px;
line-height:15px;
width:50%;
text-align:right;
padding-right:10px;
display:inline-block;
}

div#main dl.price2 dd{
font-size:16px;
color:#E50011;
font-weight:bold;
display:inline-block;
}

div#original_point div.price_area{
width:99%;
}

div#original_point div.price_area p{
margin: 0 auto;
}

div.point_ttl_1{
display: block;
width: 100%;
height: 0;
padding-bottom: 100px;
background: url(../img/cate/tsukaeru_point01.png) no-repeat bottom left;
position:relative;
}

div.point_ttl_2{
display: block;
width: 100%;
height: 0;
padding-bottom: 100px;
background: url(../img/cate/tsukaeru_point02.png) no-repeat bottom left;
position:relative;
}

div.point_ttl_3{
display: block;
width: 100%;
height: 0;
padding-bottom: 100px;
background: url(../img/cate/tsukaeru_point03.png) no-repeat bottom left;
position:relative;
}

div.point_ttl_1 h3,
div.point_ttl_2 h3,
div.point_ttl_3 h3{
position:absolute;
left:95px;
top:5px;
font-size: 5vw;
line-height:1.2;
font-weight:bold;
color:#000;
text-align:left;
}

div.point_ttl_1 h3 span,
div.point_ttl_2 h3 span,
div.point_ttl_3 h3 span{
color:#E50011;
}

div.point_ttl_1 h3 span.small,
div.point_ttl_2 h3 span.small,
div.point_ttl_3 h3 span.small{
font-size:14px;
color:#000;
}


/* �i���o�[�v���[�g 3�̋���
----------------------------------------------- */

div#original_point ul.feature{
}

div#original_point ul.feature li{
font-size: 4vw;
font-weight:bold;
list-style: disc;
margin-left:15px;
}

div#original_point ul.feature li span{
font-size:1.3em;
}

div#main div.imageRight{
text-align:left;
margin:5px auto 0 auto;
}

div#main div.imageRight div.text_area{
width:100%!important;
text-align:justify;�P
padding-right:2%;
}

div#main div.imageRight div.img{
width:100%;
vertical-align:top;
text-align:center;
padding:0;
margin-top:10px;
}

div#main div#np_yellowBox{
background:#FFFAD5;
margin:10px auto 30px auto;;
padding:10px 10px 5px 10px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div#original_point h5{
font-size: 5vw;
line-height:1.4;
font-weight:bold;
margin-bottom:10px;
}

div#original_point h5 span{
color:#22AC38;
}

div.np_magnet_flow{
background:#F0F0F0;
width:100%;
height:auto;
margin-bottom:30px;
overflow:hidden;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding-bottom:5px;
}

div.np_magnet_flow dl{
width:100%;
height:auto;
padding:0;
margin:0;
}

div.np_magnet_flow dl dt{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width:100%;
height:auto;
background-size: contain;
padding-bottom:8.84%;
}
div.np_magnet_flow dl dt#flow1{
background: url(../img/cate/sp_np_flow01.png) no-repeat center;
}
div.np_magnet_flow dl dt#flow2{
background: url(../img/cate/sp_np_flow02.png) no-repeat center;}
div.np_magnet_flow dl dt#flow3{
background: url(../img/cate/sp_np_flow03.png) no-repeat center;}


div.np_magnet_flow dl dd{
margin-top:5px;
font-size:16px;
line-height:1.4;
text-align:center;
width:100%;
margin-bottom:10px;
}

div.np_magnet_flow dl dd img{
margin-bottom:5px;
max-width:100%;
}

#pd10{
padding:10px;
}

#mB0{
margin-bottom:0!important;
}

div#original_point .yellow_marker{
font-family: "Rounded Mplus 1c";
font-size:1.4em;
line-height:1.4;
font-weight:bold;
letter-spacing:-0.02em;
color:#000;
text-align:left;
background: linear-gradient(transparent 80%, #ffff66 80%);
}

div.whiteBox#np{
margin:0 0 10px 0;
}

div.whiteBox#np ul.inline-block{
margin:10px auto 0 auto!important;
width:96%;
}

div.whiteBox#np ul.inline-block p{
text-align:center;
}


/* 180802�i���o�[�v���[�g 3�̋���
----------------------------------------------- */


div#np_point p.lead{
font-family: "Noto Sans Japanese";
font-weight: 600;
color:#ff0302;
font-size:30px;
line-height:1.0;
text-align:center;
margin:20px 0 0 0!important;
}

div#np_point p.lead .sub{
color:#000;
font-size:60%;
margin-left:-400px;
}

div#np_point p.lead span.big{
font-size:1.4em;
font-weight:900;
}

div.whiteBox02 ul.inline-block{
display:inline-block;
width:100%;
margin:20px 0;
}

div.whiteBox02 ul.inline-block li{
vertical-align:top;
text-align:justify;
width:50%!important;
}

div.whiteBox02 ul.inline-block li:nth-child(even){
width:45%!important;
}

div.whiteBox02 ul.inline-block p{
text-align:right;
vertical-align:top;
}


div#np_point div.whiteBox02  ul.inline-block{
width:100%;
margin:0 auto;
}


div#np_point div.whiteBox02  ul.inline-block li{
display:inline-block;
width:48%;
padding-right:15px;
vertical-align:top;
text-align:justify;
}

div#np_point div.whiteBox02 ul.inline-block li{
margin:20px 0;
}

div#np_point div.whiteBox02 ul.inline-block li h5{
margin-bottom:10px;
border-bottom:dashed 1px #999;
font-size:24px;
font-weight:bold;
}

div#np_point div.whiteBox02 ul.inline-block li:last-child{
margin-bottom:0!important;
}


div#np_point div.whiteBox02 ul.inline-block li img{
text-align:right;
}

div#np_point div.whiteBox02  ul.inline-block li:nth-child(2n){
padding-right:0;
}


.grayBox02 {
	background: #ebebed;
	padding: 10px;
	margin-top:10px;
	margin-bottom: 20px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.grayBox02 p,.whiteBox02 p {
	font-size: 108%;
	line-height: 1.6;
	font-weight:bold;
}

.whiteBox02 {
	background: #fff;
	padding: 10px;
	border: solid 1px #ebebed;
	margin-bottom: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.whiteBox02 h3 {
	font-size: 139%;
	line-height: 1.2;
	padding: 0 0 10px;
}


div#main div#np_point div.imageRight{
text-align:left;
margin:5px auto 0 auto;
}

div#main div#np_point div.imageRight div.text_area{
display:inline-block;
width:60%;
text-align:justify;
padding-right:2%;
vertical-align:top;
font-weight:bold;
}

div#main div#np_point div.imageRight div.img{
display:inline-block;
width:35%;
vertical-align:top;
text-align:right;
padding:0;
}

div#main div#np_point div.imageRight div.img img{
max-width:100%;
}

div#main div#np_point .img_bg{
background: url(../img/cate/sp_number_point02_img.png) no-repeat center;
width:400px;
height:250px;
}


div#np_point .data_info ul{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin:10px 0 20px 0;
}

div#np_point .data_info ul li{
width:226px;
font-size:16px;
text-align:center;
font-weight:bold;
}

div#np_point .data_info ul li img{
margin-bottom:10px;
}


div#np_point .data_info ul li span.data_txt{
padding:10px 0;
font-size:14px;
font-weight:normal;
display:block;
text-align:left;
}


div#np_point ul.feature{
margin-top:10px;
}

div#np_point ul.feature li{
font-size: 1.1em;
font-weight:bold;
list-style: none;
margin-left:5px;
}

div#np_point ul.feature li span{
font-size:1.3em;
}

.number-plate_info{
margin-bottom:10px;
}

.number-plate_info span.ttl{
font-family: "Noto Sans Japanese";
font-weight: 900;
color:#00c741;
font-size:24px;
line-height:30px;
}
.number-plate_info span.ttl span{
font-size:30px;
}

div.np_point_ttl_1{
display: block;
width: 100%;
height: 0;
padding-bottom: 100px;
background: url(../img/cate/number_point01.png) no-repeat bottom left;
position:relative;
}

div.np_point_ttl_2{
display: block;
width: 100%;
height: 0;
padding-bottom: 100px;
background: url(../img/cate/number_point02.png) no-repeat bottom left;
position:relative;
}

div.np_point_ttl_3{
display: block;
width: 100%;
height: 0;
padding-bottom: 100px;
background: url(../img/cate/number_point03.png) no-repeat bottom left;
position:relative;
}


div.np_point_ttl_1 h3,
div.np_point_ttl_2 h3,
div.np_point_ttl_3 h3{
position:absolute;
left:70px;
top:30px;
font-size:30px;
line-height:30px;
font-weight:bold;
color:#000;
text-align:left;
}

div.np_point_ttl_1 h3 span,
div.np_point_ttl_2 h3 span,
div.np_point_ttl_3 h3 span{
color:#E50011;
}

div.np_point_ttl_1 h3 span.small,
div.np_point_ttl_2 h3 span.small,
div.np_point_ttl_3 h3 span.small{
font-size:20px;
color:#000;
}

/* 190408�o�C�N�p�E��^�p�i���o�[�v���[�g�̃����[�X
----------------------------------------------- */
ul.readymade_np,
ul.original_np{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin: 20px 0 0;
}



ul.readymade_np li,
ul.original_np li{
width:48%;
text-align:center;
margin:0 0 10px
}

ul.readymade_np::after,
ul.original_np::after{
  content:"";
  display: block;
  width:48%;
}

ul.readymade_np li a:hover,
ul.original_np li a:hover{
text-decoration:none;
opacity:0.8;
}

ul.readymade_np li p.btn{
width: 100%;
padding: 8px;
box-sizing: border-box;
display: block;
background: #fe982a;
color: #FFF;
font-size: 12px;
font-weight: bold;
line-height: 1.3;
vertical-align: middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
text-align: center;
position:relative;
margin:5px 0 0 0;
}

ul.original_np li p.btn{
width: 100%;
padding: 8px 10px;
box-sizing: border-box;
display: block;
background: #1071fd;
color: #FFF;
font-size: 12px;
font-weight: bold;
line-height: 1.3;
vertical-align: middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
text-align: center;
position:relative;
margin:5px 0 0 0;
}




/* �Ԍ��ؓ��� 3�̋���
----------------------------------------------- */

div#original_point div.point_ttl_1 p{
position:absolute;
right:0;
bottom:0;
width:130px;
height:auto;
}


div#original_point img.imageLeft{
margin:0 auto 15px auto;
display: block;
text-align: center;
}


@media screen and (max-width: 479px) {
div#original_point div.point_ttl_1 p{
display:none;
}
}

div#original_point div.point_ttl_1#shakensho h3{
width:60%;
}
div#original_point div.point_ttl_1#shakensho br{
display:none;
}

div#original_point div.point_ttl_1 p img{
max-width:100%;
}

div#main div.imageRight#shakensho{
margin-bottom:20px;
}

div#main div.imageRight#shakensho div.text_area{

}

div#main div.imageRight#shakensho div.text_area h4{
line-height:1.2;
vertical-align:top;
}

div#main div.imageRight#shakensho div.img{

vertical-align:bottom;
}

div#original_point div.shakensho_color{
width:100%;
min-width: 370px;
height:auto;
margin:0 auto 20px auto;
}

div#original_point div.shakensho_color dl{
width:27%;
min-width: 165px;
height:auto;
margin:5px 5px 5px 0;
display:inline-block;
}

div#original_point div.shakensho_color dl dt{
margin-bottom:3px;
font-weight:bold;
font-size: 2.1vw;
}

div#original_point div.shakensho_color dl dt img{
max-width:100%;
margin-right:5px;
}

div#original_point div.shakensho_color dl dd{
box-sizing:border-box;

height:auto;
border: 3px solid #ebebed;
background:#FFF;
}

div#original_point .yellow_marker_small{
font-family: "Rounded Mplus 1c";
font-size:1.1em;
line-height:1.5em;
font-weight:bold;
letter-spacing:0em;
color:#000;
text-align:left;
background: linear-gradient(transparent 80%, #ffff66 80%);
}

ul.inline-block#shakensho{
}

ul.inline-block#shakensho li{
vertical-align:top;
margin-bottom:20px;
display:block;
}

ul.inline-block#shakensho li p{
margin-top:8px;
}

ul.price_area2{
width:100%;
margin-top:15px;
}

ul.price_area2 li{
width:100%;
height:auto;
}

div.linkBtn_cmn2{
width:100%;
text-align:left;
box-shadow:2px 2px 2px #CBCBCB;
box-sizing: border-box;
background:#FFF;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display:inline-block;
margin:0 7px 0 0;
}

div.linkBtn_cmn2 div.detail{
padding:10px;
box-sizing: border-box;
width:100%;
height:auto;
}

div.linkBtn_cmn2 ul li{
width:67%;
display:inline-block;
vertical-align:top;
}

div.linkBtn_cmn2 ul li:nth-child(even){
width:30%;
}

div.linkBtn_cmn2 ul li img{
max-width:100%;
}

div.linkBtn_cmn2 p{
font-size:13px;
line-height:1.3;
text-align:justify;
}


div.linkBtn_cmn2 p.product_copy{
font-size:16px;
line-height:2;
font-weight:bold;
letter-spacing:0.01em;
}

div.linkBtn_cmn2 p.product_copy#small{
font-size:16px;
line-height:2;
font-weight:bold;
letter-spacing:-0.05em;
}

div.linkBtn_cmn2 p.product_name{
font-size:1.7em;
color:#299DD4;
font-family: "Rounded Mplus 1c";
font-weight:bold;
text-align:center;
margin-bottom:5px;
}

a.linkBtn_blue#list_link{
width:100%;
padding:5px 0;
box-sizing: border-box;
display:block;
background:#299DD4;
color:#FFF;
font-size:12px;
font-weight:bold;
line-height:1.2;
vertical-align:middle;
border-top-left-radius : 0;
border-top-right-radius : 0;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
-webkit-border-bottom-right-radius: 4px;  
-webkit-border-bottom-left-radius: 4px;  
-moz-border-radius-bottomright: 4px;  
-moz-border-radius-bottomleft: 4px;
text-decoration: none ;
text-align:center;
}

}


div#original_point div.square_bk ul.inline-block#costdown{
width:100%;
height:auto;
margin:0 auto!important;
}

div#original_point div.square_bk ul.inline-block#costdown li{
display:inline-block;
width:48%;
padding-right:2px;
vertical-align:top;
text-align:justify;
}

div#original_point div.square_bk ul.inline-block#costdown li img{
max-width:100%;
display:block;
}

div#original_point div.square_bk ul.inline-block#just_building{
width:100%;
margin:0 auto!important;
}

div#original_point div.square_bk ul.inline-block#just_building li{
display:inline-block;
width:48%;
padding-right:2px;
vertical-align:bottom;
text-align:justify;
}

div#original_point div.square_bk ul.inline-block#just_building li img{
max-width:100%;
display:block;
}



div.shakensho_fullcolor{
width:100%;
padding:6px;
margin-bottom:25px;
box-sizing:border-box;
background: #f5bad3; /* Old browsers */
background: -moz-linear-gradient(left,  #f5bad3 0%, #fff8a5 50%, #a5d4f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f5bad3 0%,#fff8a5 50%,#a5d4f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f5bad3 0%,#fff8a5 50%,#a5d4f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5bad3', endColorstr='#a5d4f2',GradientType=1 ); /* IE6-9 */
}

div.shakensho_fullcolor div.inside_whiteBox{
background:#fff;
padding:20px;
box-sizing:border-box;
}

div.shakensho_fullcolor div.inside_whiteBox p.copy{
font-size:1.3em;
color:#000;
background:none;
padding:0;
font-weight:bold;
font-family: "Rounded Mplus 1c";
letter-spacing:0;
text-align:center;
}

div.shakensho_fullcolor div.inside_whiteBox p{
margin-bottom:10px;
}




/* �J�e�S��
----------------------------------------------- */
section#cate_index h2.ttlCmn{
display:none;
}

p.original_link_bnr{
margin:0 auto;
width:94%;
}



div.sd_productList01,
div.gift_productList01,
div.os_productList01,
div.cd_productList01,
div.cp_productList01{
border: solid 6px #ebebed;
width:100%;
box-sizing:border-box;
padding:10px;
margin-top:15px;
}

#pamphlet_box{
width:100%;
border: solid 6px #ebebed;
padding:0 5px 10px 5px;
}

#pamphlet_box #pamphlet_list{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}

div.sd_productList02{
border: solid 3px #ef8e9a;
width:100%;
box-sizing:border-box;
padding:5px;
margin:5px;
display:block;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
}


div.sd_productList01 div.img,
div.gift_productList01 div.img,
div.os_productList01 div.img,
div.cd_productList01 div.img,
div.cp_productList01 div.img{
width:100%;
vertical-align:top;
text-align:center;
margin-bottom:10px;
}


div.sd_productList02 div.img{
width:100%;
vertical-align:top;
text-align:center;
margin-bottom:10px;
}

div.sd_productList01 div.text_area,
div.gift_productList01 div.text_area,
div.os_productList01 div.text_area,
div.cd_productList01 div.text_area,
div.cp_productList01 div.text_area{
width:90%;
line-height:1.5;
text-align:justify;
margin:0 auto 20px auto;
}

div.sd_productList02 div.text_area{
width:90%;
line-height:1.5;
text-align:justify;
margin:0 auto 20px auto;
}

div.sd_productList01 div.text_area p.product_name{
font-size:2em;
line-height:1em;
color:#FF0000;
font-family: "Rounded Mplus 1c";
font-weight:bold;
text-align:center;
margin-bottom:10px;
}

div.sd_productList02 div.text_area p.product_name{
font-size:1.2em;
line-height:1em;
color:#FF0000;
font-family: "Rounded Mplus 1c";
font-weight:bold;
text-align:center;
margin-bottom:10px;
}

div.cd_productList01 div.text_area p.product_name{
font-size:2em;
line-height:1em;
color:#0d93f5;
font-family: "Rounded Mplus 1c";
font-weight:bold;
text-align:center;
margin-bottom:10px;
}

div.cp_productList01 div.text_area p.product_name{
font-size:2em;
line-height:1em;
color:#32ae5a;
font-family: "Rounded Mplus 1c";
font-weight:bold;
text-align:center;
margin-bottom:10px;
}


div.sd_productList01 div.text_area p.product_name span,
div.sd_productList02 div.text_area p.product_name span,
div.gift_productList01 div.text_area p.product_name span,
div.os_productList01 div.text_area p.product_name span{
font-size:70%;
letter-spacing:-0.05em;
}

div.cd_productList01 div.text_area p.product_name span,
div.cp_productList01 div.text_area p.product_name span{
display:block;
font-size:70%;
}


div.sd_productList01 div.text_area p.product_copy,
div.sd_productList02 div.text_area p.product_copy,
div.gift_productList01 div.text_area p.product_copy,
div.os_productList01 div.text_area p.product_copy,
div.cd_productList01 div.text_area p.product_copy,
div.cp_productList01 div.text_area p.product_copy{
font-size:1.5em;
line-height:1.5;
padding: 5px 0;
font-weight:bold;
background:0;
text-align:center;
}

div.sd_productList01 div.text_area p,
div.sd_productList02 div.text_area p,
div.gift_productList01 div.text_area p,
div.os_productList01 div.text_area p,
div.cd_productList01 div.text_area p,
div.cp_productList01 div.text_area p{
font-size:15px;
line-height:1.6;
}


div.gift_productList01 div.text_area p.product_name{
font-size:2em;
line-height:1em;
color:#9260AF;
font-family: "Rounded Mplus 1c";
font-weight:bold;
text-align:center;
margin-bottom:10px;
}

div.os_productList01 div.text_area p.product_name{
font-size:2em;
line-height:1em;
color:#FABC3B;
font-family: "Rounded Mplus 1c";
font-weight:bold;
text-align:center;
margin-bottom:10px;
}


div.category_2column{
box-sizing:border-box;
padding:6px;
width: 100%;
border: solid 6px #ebebed;
display:block;
overflow:hidden;
margin-bottom:15px;
}

div.category_2column > div.img{
text-align:center;
}

div.category_2column > div.text_area{
text-align:justify;
text-align:center;
}

div.category_2column > div.text_area p.product_name{
font-size: 1.6em;
color: #FF0000;
font-family: "Rounded Mplus 1c";
font-weight: bold;
line-height: 1.2;
padding: 10px 0 3px;
}

div.category_2column > div.text_area p.product_copy{
font-size: 1.2em;
line-height: 1.5;
padding: 5px 0;
font-weight: bold;
}

div.category_2column > div.text_area p.product_copy + p{
width:97%;
}

p.narrow{
letter-spacing:-0.1em!important;
font-size:98%;
}


div.category_2column > ul{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap:wrap;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-webkit-box-pack:justify;/*--- Android�u���E�U�p ---*/
-ms-flex-pack:justify;/*--- IE10 ---*/
-webkit-justify-content:space-between;/*--- safari�iPC�j�p ---*/
justify-content:space-between;
clear:both;
}

div.category_2column > ul li{
box-sizing:border-box;
border: solid 1px #ef8e9a;
padding: 8px 8px 35px 8px;
margin: 0 0 5px!important;
display: block;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
position:relative;
float: none;
}

div.category_2column > ul li:nth-last-child {
margin: 0 0 0 0!important;
}

div.category_2column > ul li div.img{
width:37%;
float:left;
}

div.category_2column > ul li div.text_area{
width:60%;
float:right;
}

div.category_2column > ul li p.product_name{
font-size: 1.3em;
color: #FF0000;
font-family: "Rounded Mplus 1c";
font-weight: bold;
letter-spacing: -0.05em;
line-height: 1.2;
padding: 5px 0;
}

div.category_2column > ul li p.product_name + p{
font-size:12px;
line-height:1.5;
}

div.category_2column a.linkBtn_pink{
padding:9px 9px 4px 9px!important;
box-sizing: border-box;
display:block;
background:#ef8e9a;
color:#FFF;
font-size:13px;
font-weight:bold;
line-height:1.2;
border-radius: 0 0 5px 5px!important;
-moz-border-radius: 0 0 5px 5px!important;
-webkit-border-radius: 0 0 5px 5px!important;
text-decoration: none ;
text-align:center;
border:0!important;
width:100%;
height:35px!important;
position:absolute!important;
right:0;
bottom:0;
}

.choose-item-container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
max-width: 100%;
margin: 0 auto;
padding:10px;
box-sizing: border-box;
flex-wrap: wrap;
justify-content: flex-start;
}

.item {
margin: 1px;
width:23.5%;
text-align: center;
box-sizing: border-box;
padding:5px;
}

h3.office_suply{
font-size:1.56em;
line-height:1.7em;
margin:20px 0 15px 5px;
color:#FABC3B;
font-family: "Rounded Mplus 1c";
font-weight:bold;
letter-spacing:-0.05em;
padding-left:10px;
border-bottom: solid 2px #FABC3B;
border-left: solid 10px #FABC3B;
}

h4.office_suply{
font-size:1.3em;
font-family: "Rounded Mplus 1c";
font-weight:bold;
border-left: solid 8px #FABC3B;
margin:20px 0 0 12px;
padding-left:10px;
}



dl.choose_size{
height:auto;
overflow:hidden;
color:#FFF;
margin:10px auto 20px auto;
text-align:center;
}

dl.choose_size dt{
background:#808080;
width:90px;
text-align:center;
}

dl.choose_size dt,dl.choose_size dd{
display:inline-block;
vertical-align:middle;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding:2px 5px;
font-weight:bold;
}

dl.choose_size dd.sizeA{
background:#FF8080
}

dl.choose_size dd.sizeB{
background:#7FB7E4;

}


@media screen and (max-width: 479px) {

dl.choose_size{
height:auto;
overflow:hidden;
color:#FFF;
margin:10px auto;
width:80%;
}

dl.choose_size dt{
background:#808080;
width:100%;
text-align:center;
}

dl.choose_size dt,dl.choose_size dd{
display:inline-block;
vertical-align:middle;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding:2px 5px;
font-weight:bold;
margin-bottom:5px;
}

dl.choose_size dd.sizeA{
background:#FF8080
}

dl.choose_size dd.sizeB{
background:#7FB7E4;

}
}


.choose-item-container .sizeA{
background:#FFE5E5;
}
.choose-item-container .sizeB{
background:#DEEBF4;
}
.choose-item-container .size36{
background:#EEF5CD;
}


.choose-item-container .item img{
max-width:100%;
}

.choose-item-container ul{
width:100%;
margin-top:2px;
}

.choose-item-container ul li{
font-size:3vw;
font-weight:bold;
width:85%;
text-align:center;
background:#FEF5E2;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
vertical-align:middle;
padding:5px 10px 5px 0px;
margin-left:2%;
margin-bottom:3px;
box-shadow: 1px 1px 1px #ccc;
}


.choose-item-container ul li a{
display:block;
width:100%;
height:100%;
color:#0071BA;
padding:5px 10px 5px 0px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
position: relative;
}

.choose-item-container ul li a::after {
	position: absolute;
	top: 50%;
	right: 0.5%;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-left-color: #0071BA;
	transition: all .3s;
}

.choose-item-container ul li:last-child a::after {
	border-left-color:#EF5A24;

}

.choose-item-container ul li:last-child a{
display:block;
width:100%;
height:100%;
color:#EF5A24;
}

.choose-item-container ul li:last-child{
margin-right:0;
}


/* �f�[�^���e�K�C�h
----------------------------------------------- */
div#necessary_data{
border: solid 4px #FF0000;
background:#fff;
width:100%;
padding:10px;
box-sizing:border-box;
margin-top:20px;
}

div#necessary_data dt{
font-size:1.75em;
font-weight:bold;
color:#FF0000;
margin-bottom:5px;
text-align:center;
}

div#necessary_data dd{
color:#FF0000;
font-size:14px;
}

div#necessary_data img{
margin-bottom:10px;
}

dl#dataGuide_link{
border: solid 2px #29b757;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-sizing:border-box;
margin:30px 0;
}

dl#dataGuide_link dt img{
vertical-align:middle;
margin-bottom:5px;
}

dl#dataGuide_link dt{
background:#29b757;
color:#FFF;
font-size:1.1em;
line-height:1.8em;
font-weight:bold;
text-align:center;
height:30px;
padding-bottom:5px;
}

dl#dataGuide_link dd{
padding:5px 15px;
}

dl#dataGuide_link dd ol{
counter-reset: li;
display:inline-block;
vertical-align:top;
}


dl#dataGuide_link dd ol.end{
padding-right:0;
}


dl#dataGuide_link dd ol > li{
list-style: none;
position: relative;	
padding-left: 2em;
padding-top:5px;
width:90%;
height:20px;
margin:5px 0;
cursor: pointer;
}

dl#dataGuide_link dd ol > li a{
color:#333;
text-decoration: underline;
font-weight:bold;
}

dl#dataGuide_link dd ol > li a:hover{
color:#333;
}

dl#dataGuide_link dd ol > li:before {
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
	background: #29b757;
	color: #ffffff;
	text-align: center;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	left: 0em;
	top: 2px;
	line-height: 1.6;
}


div.dataGuide_ttl{
color:#29b757;
line-height:1.6em;
font-family: "Rounded Mplus 1c";
font-weight:bold;
border-bottom: solid 2px #29b757;
padding:0 0 3px 40px;
width:100%;
font-size:4.5vw;
margin:20px 0 0 0;
position:relative;
vertical-align:top;
box-sizing:border-box;
display:table;
}

div.dataGuide_number{
background:#29b757;
color:#FFF;
font-size:1.3em;
font-family: "Rounded Mplus 1c";
font-weight:bold;
border-bottom: solid 2px #29b757;
width: 35px;
display:table-cell;
padding-top:3px;
text-align:center;
position:absolute;
left:0;
top:0;
}

div.dataGuide_box{
padding:20px;
font-size:13px;
line-height:1.5;
text-align:justify;
}

div.dataGuide_box p img{
margin:15px auto;
max-width:100%;
text-align:center;
display:block;
}

p.dataGuide_cautionBox{
background:#fff2e7;
width:100%;
height:auto;
box-sizing:border-box;
padding:10px;
margin:10px 0;
font-size:1.3;
}

.width60{
width:100%;
vertical-align:top;
}

.width40{
display:table;
margin:0 auto;
}

.width70{
width:100%;
vertical-align:top;
}

.width30{
display:table;
margin:0 auto;
}

.width50{
width:100%;
vertical-align:top;
}

dl.dpi{
width:100%;
vertical-align:top;
margin-bottom:10px;
}

dl.dpi dt{
font-size:1.2em;
text-align:center;
font-weight:bold;
color:#FFF;
padding:3px 0;
background:#76b4e2;
}

dl.dpi dd{
padding:16px;
box-sizing:border-box;
background:#f4f4f4;
font-size:14px;
height:auto;
}

dl.dpi dd img{
margin-top:10px;
text-align:center;
}

div#dpi_list img{
width:100%;
margin:2px auto;
}

dl.screenshot{
margin:20px 0;
}

dl.screenshot dt{
font-size:1.2em;
text-align:center;
font-weight:bold;
color:#FFF;
padding:3px 0;
background:#76b4e2;
}

dl.screenshot dd{
padding:15px;
box-sizing:border-box;
width:100%;
background:#e3eff9;

}

dl.screenshot dd img{
max-width:100%;
margin:5px auto;
text-align:center;
display:block;

}

h4 {
font-size:1.6em;
margin:20px 0 10px 0;
font-weight:bold;
font-family: "Rounded Mplus 1c";
letter-spacing:0;
text-align:center;
}


/* �悭���邲����
----------------------------------------------- */

h3.QandA{
font-size:1.4em;
font-weight:bold;
padding:2px 0;
width:100%;
color:#623517;
}

div.QandA_ttl{
background:#fff;
color:#4d4d57;
font-size:3.5;
line-height:1.6em;
font-family: "Rounded Mplus 1c";
font-weight:bold;
padding:5px 5px 3px 45px;
width:100%;
position:relative;
vertical-align:top;
box-sizing:border-box;
box-shadow:2px 2px 2px #CBCBCB;
border-radius: 5px;
}

div.question{
background:#75c956;
color:#FFF; 
font-size:1.3em;
font-family: "Rounded Mplus 1c";
font-weight:bold;
width: 40px;
height:100%;
margin-top:8px;
padding:-3px 5px 5px 5px;
text-align:center;
vertical-align:bottom;
position:absolute;
left:0;
bottom:0;
-webkit-border-top-left-radius: 5px;  
-webkit-border-bottom-left-radius: 5px;  
}

div.QandA_ttl span{
font-size:1.2em;
}

div.answer{
position:relative;
width:96%;
box-sizing:border-box;
height:auto;
line-height:1.6;
text-align:justify;
padding-left:30px;
padding-top:20px;
font-size:14px;
}

div.answer br{
margin-bottom:10px;
}

div.answer span{
color:#E50011;
}

div.answer:before{
content: "A";
color:#f64927; 
font-size:1.8em;
line-height:0;
font-weight:bold;
font-family: "Rounded Mplus 1c";
position:absolute;
left:0;
top:30px;
}


/* ��������-�����p�K�C�h
----------------------------------------------- */

div.common_guide{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin:50px 0;
}

div.common_guide div.link{
display:inline-block;
padding:10px 0 10px 10px;
box-sizing:border-box;
width: 40%;
height: 100px;
color: #807f7f;
font-size: 3.3vw;
line-height: 1;
border-bottom: solid 4px #a3a2a3;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background:#eeeeee;
vertical-align:middle;
margin:0 auto 15px auto;
font-weight:bold;
position:relative;
}

div.common_guide .hidden{
display:none !important;
}

div.common_guide div.link dl dt{
height:35px;
margin-bottom:5px;
}

div.common_guide div.link dl dt img{
max-height:100%;
}

div.common_guide div.link dl dt{
line-height:1.3;
padding-right:13px;
text-align:center;
}

div.common_guide div.link dl dd{
line-height:2.5;
padding-right:13px;
text-align:center;
}

div.common_guide div.link dl dd#multiline{
line-height:1.3;
padding-top:5px;
vertical-align:top;
}

div.common_guide div.link a{
display:block;
width: 100%;
height: 100%;
position:absolute;
top:0;
left:0;
text-indent: -9999px;
overflow: hidden;
}

div.common_guide h3{
border-left: solid 7px #a8dc3f;
font-size:1.35em;
font-weight:bold;
padding:4px 0 4px 10px;
width:100%;
background:#f2f2f2;
color:#333;
margin-bottom:20px;
}


/* �y�[�W-�����p�K�C�h
----------------------------------------------- */

div.page_guide{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

div.page_guide div.link{
display:inline-block;
padding:10px 0 10px 10px;
box-sizing:border-box;
width: 45%;
height: 100px;
color: #807f7f;
font-size: 3.5vw;
line-height:1.3;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
vertical-align:middle;
margin:15px auto 0 auto;
font-weight:bold;
position:relative;
border: solid 3px #70cb64;
}


div.page_guide div.link dl dt{
height:35px;
margin-bottom:10px;
}

div.page_guide div.link dl dt img{
max-height:100%;
}

div.page_guide div.link dl dt,
div.page_guide div.link dl dd{
line-height:1.3;
padding-right:13px;
text-align:center;
}

div.page_guide div.link dl dd#multiline{
line-height:1.3;
vertical-align:top;
}

div.page_guide div.link a{
display:block;
width: 100%;
height: 100%;
position:absolute;
top:0;
left:0;
text-indent: -9999px;
overflow: hidden;
}


/* �L�����Z���E�ύX�ɂ���
----------------------------------------------- */
div.cancelCnt{
}

div.cancelCnt h3{
font-size:1.3em;
font-weight:bold;
color:#fff;
background:#75c956;
padding:5px 0 5px 10px;
margin-bottom:10px;
}

div.cancelCnt h4{
font-size:1.2em;
font-weight:bold;
color:#75c956;
margin-bottom:5px;
text-align:left;
}

div.cancelCnt p{
font-size:13px;
line-height:1.5;
margin-bottom:12px;
text-align:justify;
}


/* �[���ɂ���
----------------------------------------------- */

div.grayBox2#nouki{
}

.balloon-top {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	color: #000;
	line-height: 1.4;
	text-align: left;
	background: #ddecf3;
	z-index: 0;
	margin-top:10px;
	width:100%;
	box-sizing:border-box;
	padding:5px;
	border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.balloon-top:after {
	content: "";
	position: absolute;
	top: -10px; left: 15%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ddecf3 transparent;
}

.balloon-top span{
line-height:1;
font-weight:bold;
padding-right:5px;
padding-left:5px;
}

.balloon-top img{
border: solid 6px #fff;
width:80%;
text-align: center;
display: block;
margin:10px auto;
}

.balloon-top img.pc_img{
display:none;
}

div.pinkBox{
background:#fff8f8;
padding:15px;
margin-top:15px;
}

div.pinkBox p{
margin-bottom:10px;
text-align:justify;
}

div.pinkBox ul{
font-weight:bold;
font-size:1.1em;
margin-top:10px;
list-style-type:disc;
}

div.pinkBox ul li{
margin-bottom:5px;
}

div.pinkBox ul li:before{
content: "\025cf";
margin-right:5px;
}



/*�@�g�b�v- �v���C�X�V�[�g�E�c�J�G���|�b�v
----------------------------------------------- */
div.top_pricesheet{
width:100%;
height:auto;
overflow:hidden;
margin-bottom:10px;
background: url(../img/top/pricesheet_bk.png) repeat;
}

div.top_pricesheet img.sp_img{
text-align:center;
display:block;
margin:0 auto;
}


div.top_pricesheet div.video{
width:90%;
height:150px;
margin:10px auto;
background:#ccc;
}

div.top_pricesheet div.text{
width:100%;
margin:0 auto;
text-align:center;
}

div.top_pricesheet .pricesheet_link{
background:#f20030;
padding:15px 20px;
margin:10px auto 20px auto;
width:85%;
box-shadow: 2px 2px 2px #6f6f6f;
display:block;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-sizing:border-box;
}

div.top_pricesheet a.boxLink,
div.top_tsukaerupop a.boxLink{
display:none;
}

div.top_pricesheet img.pricesheet_link,
div.top_tsukaerupop img.tsukaerupop_link{
height:10%;
width:auto;
}



div.top_tsukaerupop{
width:100%;
height:auto;
background: url(../img/top/sp_tsukaerupop_bnr.png) left top no-repeat #b5e4f8;
padding-top:45%;
background-size: contain;
margin-bottom:20px;
position:relative;
padding-bottom:20px;
}

div.top_tsukaerupop .tsukaerupop_link{
background:#fffd49;
padding:15px 20px;
width:85%;
box-shadow: 2px 2px 2px #6f6f6f;
display:block;
margin:0 auto;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-sizing:border-box;

}

/*�@�J�X�^���v���C�X�{�[�h
----------------------------------------------- */


#custompriceboard .custom_main{
	background: none;
	height:100%;
	font-size:130%;
	margin:10px;
}


#custompriceboard .customlineup{
display:none;
}

#custompriceboard .custom_apeal_bg{
display:none;
}

/*�@���v���J�L�[
----------------------------------------------- */


ul.rk_btn{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
margin: 20px 0 0;
}

ul.rk_btn li{
width: 200px;
text-align:center;
padding: 8px 10px;
box-sizing: border-box;
display: block;
background:#9260AF;
color: #FFF;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
vertical-align: middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
text-align: center;
position:relative;
margin:5px 10px 0 0;
}

ul.rk_btn li a{
color: #FFF;
}

ul.rk_btn li ::after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 0;
height: 0;
margin: -5px 0 0 0;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}


ul.rk_btn li a:hover{
text-decoration: none ;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=90)";
}