@charset "UTF-8";
img {
	vertical-align: bottom;
	border: none;
}
/*IE6*/
* html img {
	vertical-align: bottom;
}
/*IE7*/
*:first-child+html img {
	vertical-align: bottom;
}
/* clearfix */
.clf {
	zoom: 1;/*for IE 5.5-7*/
}
.clf:after {/*for modern browser*/
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
p.pankuzu {
	margin-top: -20px;
	margin-bottom: 20px;
}
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


div#container {
	clear: both;
	margin: 0 auto;
	width: 980px;
		padding-top: 20px;
}
/*/////PAGETOP/////*/
#Pagetop {
	position: fixed;
	bottom: 100px;
	right: 10px;
	z-index: 999;
}
#Pagetop a {
	width: 45px;
	height: 45px;
	overflow: hidden;
	background: url(../images/index/pagetop.png) top center no-repeat;
	display: block;
}


.contents_header { position:relative;background: #fff8ca;}

.contents_header p { position:absolute ; top: 650px; left: 400px;}
.col_A { background: #fff8ca; padding: 0 40px 40px 40px;}
.col_A_inner { border-radius: 20px; background: #FFF; padding: 34px;}

.ta_c { text-align: center;}
.mT10 { margin-top: 10px;}
.caution { margin: 10px 0 30px 0;}
.bold { font-weight: bold;}
.red { color: #FF0000;}
.fll { float: left;}
.flr  { float: right;}
.mR40 { margin-right: 40px; }
.mB10 { margin-bottom: 10px; }
.mB15 { margin-bottom: 15px; }
.mB20 { margin-bottom: 20px; }
.fs18 { font-size:18px;}





#mainBox {
	width: 834px;
	margin: 0 auto;
	padding-top: 30px;
}


#mainBox2 {
	width: 834px;
	margin: 0 auto;
	padding-top: 0px;
}

#parent {
	width: 854px;
	margin-right: -20px;
}
#parent .child {
	width: 264px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	display: inline;    /*for ie*/
	font-size: 12px;
}
#parent .child .img {
	width: 264px;
	height: 120px;
	background-color: #52D3FF;
	margin-bottom: 12px;
}
#parent .child .title {
	font-weight: bold;
	margin-bottom: 12px;
	background: #84c624;
	padding:  5px 10px;
	border-radius:5px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

#parent .child .title_b {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding: 10px;
}

#parent .child .read { padding: 10px;}





.oubo_col { margin-top: 30px; font-size: 14px;}
.oubo_col dt {	
	font-weight: bold;
	background: #F76BB4;
	padding:  5px 10px;
	border-radius:5px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	display: inline-block;
}
.oubo_col dd { margin: 5px 0 10px 0;}
.oubo_col dd ul { margin-bottom: 20px; height: 200px; overflow: scroll;}




.gift_tit {
    background-color: #f76bb4;
    position: relative;
	color: #FFF;
	font-size: 14px;
	padding:  5px;
}
.gift_tit:before {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-width: 10px;
    border-top-color: #ccc;
    border-left-width: 50px;
    border-right-width: 0;
    top: 100%;
    left: 0;
}
.gift_tit:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-width: 2px;
    border-top-color: #777;
    border-left-width: 50px;
    border-right-width: 0;
    top: 100%;
    left: 0;
}

.Pink_tit { color: #ff376f; font-weight: bold;}
.Btn_A a { display: block; width: 379px; height:223px; background: url(../images/Btn_A.png) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 322px; left: 64px; outline: none; }
.Btn_A a:hover { display: block; width: 379px; height:223px; background: url(../images/Btn_A.png) 0 -223px no-repeat; text-indent: -9999px; position: absolute; top: 322px; left: 64px; }

.Btn_B a { display: block; width: 379px; height:223px; background: url(../images/Btn_B.png) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 322px; left: 536px; outline: none; }
.Btn_B a:hover { display: block; width: 379px; height:223px; background: url(../images/Btn_B.png) 0 -223px no-repeat; text-indent: -9999px; position: absolute; top: 322px; left:536px; }

.Btn_C a { display: block; width: 842px; height:56px; background: url(../images/Btn_C.png) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 584px; left: 68px; outline: none; }
.Btn_C a:hover { display: block; width: 842px; height:56px; background: url(../images/Btn_C.png) 0 -56px no-repeat; text-indent: -9999px; position: absolute; top: 584px; left: 68px; outline: none; }

.Btn_D a { margin: 0 auto;display: block; width: 842px; height:56px; background: url(../images/Btn_C.png) 0 0 no-repeat; text-indent: -9999px; outline: none; }
.Btn_D a:hover { display: block; width: 842px; height:56px; background: url(../images/Btn_C.png) 0 -56px no-repeat; text-indent: -9999px; outline: none; }


/******************************
 蜷・ｨｮ繝懊ち繝ｳ
******************************/
#social_box{
	background-color: rgba(192,192,192,0.5);
	width:120px;
	padding:15px;
	margin-right:0px;
	text-align:center;
	position:fixed;
	bottom:260px;
	right: 0px;
	list-style-type:none;
	z-index: 100;
}


#social_box li { margin: 10px 0; text-align:center;}
/* [Twitter] */
#social_box li.sc-tw
{
	width:120px;
}

/* [Facebook] */
#social_box li.sc-fb
{
	z-index: 99 ;
}

/* [LINE] */
#social_box li.sc-li
{
}

#social_box li.sc-li-img
{
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 70px ;
	height: 60px ;
}

/* 繝・せ繧ｯ繝医ャ繝猶C縺ｧ縺ｯLINE繝懊ち繝ｳ繧定｡ｨ遉ｺ縺励↑縺� */
@media screen and ( min-width:480px )
{
	#social_box li.sc-li
	{
		display: none ;
	}
}


/******************************
 繧ｽ繝ｼ繧ｷ繝｣繝ｫ繧ｨ繝ｪ繧｢蜈ｨ菴薙ｒ蝗ｲ繧€隕∫ｴ
 * 莉悶・繧ｳ繝ｳ繝・Φ繝・→霍晞屬繧貞叙繧翫◆縺・ｴ蜷医・[margin]繧定ｨｭ螳壹＠縺ｦ荳九＆縺�
******************************/
.social-area-syncer2
{
	width:440px;
	min-height: 190px ;
	padding: 1.5em 0 ;
	margin: 0 auto;
}

/* 繝・せ繧ｯ繝医ャ繝猶C縺ｧ縺ｯ鬮倥＆繧呈僑蠑ｵ縺吶ｋ */
@media screen and ( min-width:480px )
{
	.social-area-syncer2
	{
		min-height: 119px ;
	}
}

/******************************
 [ul]隕∫ｴ
******************************/
/* 繧ｹ繝槭・ */
/* 繝・せ繧ｯ繝医ャ繝� */
@media screen and ( min-width:480px )
{
	ul.social-button-syncer2
	{
	border: none ;
	list-style-type: none ;margin: 0 auto;
	}
}

/******************************
 [li]隕∫ｴ
******************************/
ul.social-button-syncer2 li
{
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 8px ;
	padding:0 ;
	display: table-cell;
}

/******************************
 蜷・ｨｮ繝懊ち繝ｳ
******************************/
/* [Twitter] */
ul.social-button-syncer2 li.sc-tw
{
	width: 71px ;
}

/* [Facebook] */
ul.social-button-syncer2 li.sc-fb
{
	z-index: 99 ;
	width: 69px ;
}

/* [LINE] */
ul.social-button-syncer2 li.sc-li
{
	width: 50px ;
}

ul.social-button-syncer2 li.sc-li-img
{
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}