/*リセットCSS*/
@font-face{
	font-family:'Noto Sans';
	src:url('//pointi.jp/css_new/fonts/NotoSansJP-Medium.otf') format('opentype');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,input{
	padding:0;
	margin:0;
	border:0;
	font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"メイリオ",/*'Noto Sans',*/ Meiryo, sans-serif;
	text-decoration:none;
	letter-spacing:0.1em;
	line-height:1em;
}

ul,li{list-style:none;}

.clearfix:after{  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}

a{
	color:#1994da;
}

a:hover{
	color:#fd9c00;
}

hr{
	display:none;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

.center{
	text-align:center;
}

.font10{
	font-size:10px;
}

.clear{
	clear:both;
}

.hide{
	display:none;
}

.bold{
	font-weight:bold;
}

.black{
	color:#000;
}

.red{
	color:#f74361;
}

.yellow{
	color:#FF0;
}

.ocher{
	color:#f1dc80;
}

.green{
	color:#2ecc71;
}

.white{
	color:#fff;
}

.orange{
	color:#fd9c00;
}

.gray{
	background-color:#666;
}

#all_wrap #conts{
	padding-bottom:30px;
}

#all_wrap #conts #left_middle_wrap_right{
	width:980px;
}

#all_wrap #conts #left_middle_wrap{
	width:660px;
	float:right;
}

#all_wrap #conts #middle_right_wrap{
	width:810px;
	float:right;
}

#all_wrap #conts #middle_right_wrap01{
	width:725px;
	float:right;
}

#all_wrap #conts #left_wrap{
	float:left;
	width:200px;
}

#all_wrap #conts #left_wrap01{
	float:left;
	width:225px;
}

#all_wrap #conts #middle_wrap{
	float:left;
	width:500px;
	margin-right:10px;
}

#all_wrap #conts #right_wrap{
	float:right;
	width:300px;
}

#conts #right_left_ad{
	position:relative;
	width:980px;
	margin:0 auto;
}

#conts #right_left_ad .cam_left{
	display:block;
	position:absolute;
	top:155px;
	left:-275px;
	z-index:1;
}

#conts #right_left_ad .cam_right{
	display:block;
	position:absolute;
	top:155px;
	right:-280px;
	z-index:2;
}

.box_ad,
.box_ad_blank{
	cursor:pointer;
}

#page-wrap{
	clear:both;
	width:980px;
	margin:auto;
}

.ctrl_scroll{
	display:none;
}

.box_ad .left,
.box_ad_blank .left{
	text-align:center;
}

.right_cnt_wrap .box_ad .left{
	text-align:left;
}

.box_ad .right .name{
	font-size:14px;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:5px;
}
.box_ad .right .pt,
.box_ad2 .right .pt,
.box_ad_blank .right .pt,
#textad_wrap #textad ul li a span.pt{
	font-size:12px;
	line-height: 16px;
	background-image: url(../img_new/csssprite.png);
	background-repeat: no-repeat;
	background-position:-24px -73px;
	margin-bottom:5px;
	padding-left:17px;
	}
	
.pt2 {
    font-size: 15px;
    line-height: 15px;
    background-image: url('../img_new/csssprite.png');
    background-repeat: no-repeat;
    background-position: -24px -69px;
    margin-bottom: 8px;
    padding-left: 17px;
    margin-left: 0px;
}
	
.pt .term {
    display: block;
    font-size: 9pt;
    letter-spacing: 2px;
    line-height: 1.6em;
    margin-top: 18px;
}

.pt .imadake,
.term_c,
.price{
  vertical-align: text-top;
}

.pt .term_a {
    font-weight: bold;
    vertical-align: text-top;
	text-decoration:line-through;
}

.pt .term_b {
    font-size: 16pt;
    font-weight: bold;
}
.term_back{
	font-size:12px;
	font-weight: bold;
	display:block;
	margin-bottom:10px;
	}
.way{
	font-size:12px;
	line-height: 1.3em;
	clear:both;
	margin-bottom:5px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.way .way_icon{
	color:#FFF;
	font-size: 10px;
    font-weight: bold;	
    text-align: center;
    text-decoration: none;
	background-color:#555;
    border-radius: 3px;
    display: inline-table;
    margin:3px 3px 3px 0;
    padding:1px 2px 0px 4px;
	line-height:14px;
	}

#category_wrap #category #tabs,
#category_wrap #category #tabs2,
#popular_wrap #popular #tabs,
#category_wrap #ser_category #tabs,
#revue_wrap #revue #tabs,
#opinion_wrap #tabs{
	border:solid 1px #bbbbbb;
	}
#popular_wrap #popular #tabs #tab5{
	width:94px;
}
#category_wrap #category #tabs li,
#category_wrap #category #tabs2 li,
#popular_wrap #popular #tabs li,
#opinion_wrap #tabs li{
	color:#513300;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background-color:#fff;
	line-height:24px;
	float:left;
	width:100px;
	border-right:solid 1px #bbb;
	cursor:pointer;
	}
#category_wrap #category #tabs li:hover,
#category_wrap #category #tabs2 li:hover,
#popular_wrap #popular #tabs li:hover,
#opinion_wrap #tabs:hover{
	background-color:#ffe6ba;
	}
#category_wrap #category #tabs li:last-child,
#category_wrap #category #tabs2 li:last-child,
#popular_wrap #popular #tabs li:last-child,
#category_wrap #ser_category #tabs li:last-child,
#revue_wrap #revue #tabs li:last-child,
#ad_list_wrap #ad_list #tabs li:last-child,
#opinion_wrap #tabs li:last-child{
	border:none;
	}
#category_wrap #category #tabs li.open,
#category_wrap #category #tabs2 li.open,
#popular_wrap #popular #tabs li.open,
#category_wrap #ser_category #tabs li.open,
.right_mylist_wrap .right_mylist #tabs li.open,
#revue_wrap #revue #tabs li.open,
#opinion_wrap #tabs li.open{
	color:#513300;
	background-color:#ffcd75;
	}
#pointup,
#category_wrap #category .box,
#popular_wrap #popular .box,
#category_wrap #ser_category .box,
#recommend_wrap .box,
#opinion_wrap #opinion .box,
#revue_wrap #revue .box{
	border:solid 1px #bbbbbb;
	border-top:none;
	background-color:#FFF;
	clear:both;
	}
#category_wrap #category .box .category_ad,
#popular_wrap #popular .box .category_ad,
#category_wrap #ser_category .box .category_ad,
#pointup_wrap #pointup .box .box_ad ,
#recommend_wrap .box .category_ad{
	float:left;
	padding:10px 10px 0;
	}
#category .box_ad .right .name,
#popular .box_ad .name,
#ser_category .box_ad .right .name,
#pointup_bottom .box_ad .right .name,
#recommend_wrap .box_ad .right .name,
#pointup_wrap .box_ad .name{
    font-size: 11px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 5px;
	width:145px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

}
#category .box_ad .right .name,
#popular .box_ad .right .name,
.right_cnt .box_ad .right .name,
#ser_category .box_ad .right .name,
#pointup_top .box_ad .right .name,
#pointup_bottom .box_ad .right .name,
#recommend_wrap .box_ad .right .name,
#opinion_wrap .box_ad .right .name,
.right_mylist_wrap .box_ad .right .name,
.box_ad_blank .right .name,
.cnt_wrap h3.name{
    font-size: 11px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 5px;
}
.cnt_wrap h3.name{
	font-size: 11px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.cnt_wrap_squere{
	font-size: 11px;
	color: #0000ff;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cnt_wrap_squere_text_off{
	text-align:center;
	font-size: 13px;
	color: #0000ff;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

	
#category .pt .term_a,
#popular .pt .term_a,
.right_cnt .pt .term_a,
#ser_category .pt .term_a,
#pointup_top .pt .term_a,
#pointup_bottom .pt .term_a,
#recommend_wrap .pt .term_a,
#opinion_wrap .pt .term_a,
.right_mylist_wrap .pt .term_a,
.cate .pt .term_a{
    font-weight: bold;
    text-decoration: line-through;
	font-size: 11px;
}
#category .pt .term_b,
#popular .pt .term_b,
.right_cnt .pt .term_b,
#ser_category .pt .term_b,
#pointup_top .pt .term_b,
#pointup_bottom .pt .term_b,
#recommend_wrap .pt .term_b,
#opinion_wrap .pt .term_b,
.right_mylist_wrap .pt .term_b,
.cate .pt .term_b{
    font-size: 11pt;
    font-weight: bold;
	vertical-align: text-top;
}

#category .term_back,
#popular .term_back,
.right_cnt .term_back,
#ser_category .term_back,
#pointup_top .term_back,
#pointup_bottom .term_back,
#recommend_wrap .term_back,
#opinion_wrap .term_back,
.right_mylist_wrap .term_back{
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
}
#right_ad{
	margin-bottom:5px;
	}
#right_adsquere{
	margin-bottom:1px;
	}

.box_ad_no_color .left{
	text-align:center;
	margin-bottom:10px;
	}
.box_ad_no_color .right .name{
	font-size: 11px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 5px;
	}
.box_ad_no_color .right .pt {
	font-size: 12px;
	line-height: 16px;
	background-image: url("../img_new/csssprite.png");
	background-position:-24px -73px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding-left: 17px;
}
.box_ad_no_color .right .way {
	font-weight:normal;
	}
.box_ad_no_color .cnt_wrap .click_btn_pt{
	text-align:center;
	display:block;	margin-bottom:10px;
	}
.box_ad_no_color .right .click_btn{
	color:#333;
	text-align:center;
	background-color:#E8EEF0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c8d7dc), color-stop(0.00, #f2f5f6));
	background: -webkit-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
	background: -moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
	background: -o-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
	background: -ms-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
	background: linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
	border: solid 1px #ccc;
	border-radius:5px;
	display:block;
	margin:10px 0;
	padding:5px 0;
	}
.box_ad_no_color .right .click_btn:hover{
	background-color:#E8EEF0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f2f5f6), color-stop(0.00, #c8d7dc));
	background: -webkit-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -moz-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -o-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -ms-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	}
.right_cnt_wrap{
	margin-bottom:10px;
	}
.right_cnt_wrap .title{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	background-image: url(../img_new/csssprite.png);
	background-repeat: no-repeat;
	background-position:5px -2147px;
	background-color:#343434;
	padding-left: 27px;
	padding-top: 3px;
	}
.right_cnt_wrap .right_cnt{
	background-color:#FFF;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	}
.right_cnt_wrap .right_cnt .box_ad,
.right_cnt_wrap .right_cnt .box_ad_blank{
	padding:10px 10px 5px;
	border-bottom: dashed 1px #bbbbbb;
	}
.right_cnt_wrap .right_cnt .box_ad:last-child,
.right_cnt_wrap .right_cnt .box_ad_blank:last-child{
	border-bottom:none;
	}
.right_cnt_wrap .right_cnt .box_ad .cnt_wrap .left{
	width:120px;
	float:left;
	}
.right_cnt_wrap .right_cnt .box_ad .cnt_wrap .right{
	width:148px;
	float:left;
	margin-left:10px;
	}
.right_cnt_wrap .ad_more2,
#opinion .ad_more2{
	font-size:12px;
	text-align:right;
	display:block;
	padding:8px 5px 5px 0;
	clear: both;
	}
.right_cnt_wrap .ad_more,
.right_mylist .ad_more{
	color:#FFF;
	text-align:center;
	background-color: #57a065;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #33713e), color-stop(0.00, #57a065));
	background: -webkit-linear-gradient(top, #57a065 0%, #33713e 99%);
	background: -moz-linear-gradient(top, #57a065 0%, #33713e 99%);
	background: -o-linear-gradient(top, #57a065 0%, #33713e 99%);
	background: -ms-linear-gradient(top, #57a065 0%, #33713e 99%);
	background: linear-gradient(top, #57a065 0%, #33713e 99%);
	display:block;
}
.right_cnt_wrap .ad_more:hover,
.right_mylist .ad_more:hover{
	background-color:#33713e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #57a065), color-stop(0.00, #33713e));
	background: -webkit-linear-gradient(top, #33713e 0%, #57a065 99%);
	background: -moz-linear-gradient(top, #33713e 0%, #57a065 99%);
	background: -o-linear-gradient(top, #33713e 0%, #57a065 99%);
	background: -ms-linear-gradient(top, #33713e 0%, #57a065 99%);
	background: linear-gradient(top, #33713e 0%, #57a065 99%);
	}
.right_cnt_wrap .ad_more span,
.right_mylist .ad_more span{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	background-image: url(../img_new/csssprite.png);
	background-repeat: no-repeat;
	background-position:0px -2252px;
	padding-left: 15px;
}
.right_cnt_wrap .title.check{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	background-image: url(../img_new/csssprite.png);
	background-repeat: no-repeat;
	background-position:5px -2179px;
	background-color: #343434;
	padding-left: 27px;
	}
.right_cnt_wrap.topics_wrap .right_cnt{
	border:none;
	}
    
.right_cnt_wrap.topics_wrap .title.topics, #right_wrap dl#le_5 dt {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 27px;
	background-image: url(../img_new/csssprite.png);
	background-repeat: no-repeat;
	background-position:5px -2280px;
	background-color: #343434;
	padding-left: 27px;
	margin-bottom:10px;
	}
.right_cnt_wrap.topics_wrap .right_cnt .topics_list li{
	margin-top:0;
	margin-bottom:5px;
	}
.right_cnt_wrap.topics_wrap .right_cnt .topics_list li:last-child{
	margin-bottom:10px;
}
.right_cnt_wrap .title.click{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	background-image: url(../img_new/csssprite.png);
	background-repeat: no-repeat;
	background-position:5px -2214px;
	background-color: #343434;
	padding-left: 27px;
	}

/*曜日イベ対象 アイコン*/
.icon_wrap01{
	height: 20px;
	}
.icon_wrap01 span{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	background-color: #fff;
	border-radius: 5px;
	line-height:20px;
	display: inline-block;
	margin: 0px;
	padding:3px 4px 2px 5px;
	}
.icon_wrap01 .weeks_bonus{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding: 2px 4px 1px 5px;
	background-color:#136707;
}
	
/* ==================================================

 お知らせ　バッチ処理

================================================== */
.count_batch-info { 
    float:right;
    position: relative;
    margin-right:60px;
}

.count_num_batch-info {
    position:absolute;
    width:20px;    
    height:16px;
    top:-10px;
    right:-10px;
    padding-top:4px;
    background-color:#f74361;
    border-radius:50%;
    border:solid 2px #f74361;
    color:#fff;
    font-size:12px;
    text-align:center;
    letter-spacing:-0.5px;
	z-index:1;
}

/* ==================================================

 エリア右上の三角枠

================================================== */
.point-triangle{
	position:relative;
	font-size:18px;
	z-index:1;
}

.point-triangle:after{
	position:absolute;
	content:" ";
	height:0;
	width:0;
}

.point-triangle span{
	position:absolute;
	content:" ";
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:13px;
	overflow:hidden;
	z-index:2;
}

.point-triangle-rt:after{
	top:-1px;
	right:-1px;
	border-bottom:4em solid transparent;
	border-right:4em solid #f74361;
}

.point-triangle-rt span{
	width:46px;
	top:12px;
	right:0;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	overflow:hidden;
}

/* ==================================================

 共通

================================================== */
.box01{
	box-shadow:0 1px 3px 0 #ccc;
}

#outer .red{
    color:#f74361;
/*	font-weight:normal;*/
}

#outer .blue{
    color:#1994da;
}

#outer .bold,
#outer .red.bold{
    font-weight:bold;
}

.txt_ind{
    padding-left:1em;
    text-indent:-1em;
}

.float{
	display:block;
	float:left;	
}

.line_through{
	text-decoration:line-through;	
}

.bder_so{
    border:#ccc solid 1px;
}
.bdert_so{
    border-top:#ccc solid 1px;
}
.bderb_so{
    border-bottom:#ccc solid 1px;
}
.bderl_so{
    border-left:#ccc solid 1px;
}
.bderr_so{
    border-right:#ccc solid 1px;
}
.bder_da{
    border:#ccc dashed 1px;
}
.bdert_da{
    border-top:#ccc dashed 1px;
}
.bderb_da{
    border-bottom:#ccc dashed 1px;
}
.bderl_da{
    border-left:#ccc dashed 1px;
}
.bderr_da{
    border-right:#ccc dashed 1px;
}
.bder_do{
    border:#ccc dotted 1px;
}
.bdert_do{
    border-top:#ccc dotted 1px;
}
.bderb_do{
    border-bottom:#ccc dotted 1px;
}
.bderl_do{
    border-left:#ccc dotted 1px;
}
.bderr_do{
    border-right:#ccc dotted 1px;
}

.p_0{padding:0;}

.pt_0{padding-top:0;}
.pt_5{padding-top:5px;}
.pt_10{padding-top:10px;}
.pt_15{padding-top:15px;}
.pt_20{padding-top:20px;}
.pt_25{padding-top:25px;}
.pt_30{padding-top:30px;}
.pt_35{padding-top:35px;}
.pt_40{padding-top:40px;}
.pt_45{padding-top:45px;}
.pt_50{padding-top:50px;}

.pb_0{padding-bottom:0;}
.pb_5{padding-bottom:5px;}
.pb_10{padding-bottom:10px;}
.pb_15{padding-bottom:15px;}
.pb_20{padding-bottom:20px;}
.pb_25{padding-bottom:25px;}
.pb_30{padding-bottom:30px;}
.pb_35{padding-bottom:35px;}
.pb_40{padding-bottom:40px;}
.pb_45{padding-bottom:45px;}
.pb_50{padding-bottom:50px;}

.pl_0{padding-left:0;}
.pl_5{padding-left:5px;}
.pl_10{padding-left:10px;}
.pl_15{padding-left:15px;}
.pl_20{padding-left:20px;}
.pl_25{padding-left:25px;}
.pl_30{padding-left:30px;}
.pl_35{padding-left:35px;}
.pl_40{padding-left:40px;}
.pl_45{padding-left:45px;}
.pl_50{padding-left:50px;}

.pr_0{padding-right:0;}
.pr_5{padding-right:5px;}
.pr_10{padding-right:10px;}
.pr_15{padding-right:15px;}
.pr_20{padding-right:20px;}
.pr_25{padding-right:25px;}
.pr_30{padding-right:30px;}
.pr_35{padding-right:35px;}
.pr_40{padding-right:40px;}
.pr_45{padding-right:45px;}
.pr_50{padding-right:50px;}

.m_0{margin:0;}

.mt_0{margin-top:0;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}
.mt_35{margin-top:35px;}
.mt_40{margin-top:40px;}
.mt_45{margin-top:45px;}
.mt_50{margin-top:50px;}

.mb_0{margin-bottom:0;}
.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_25{margin-bottom:25px;}
.mb_30{margin-bottom:30px;}
.mb_35{margin-bottom:35px;}
.mb_40{margin-bottom:40px;}
.mb_45{margin-bottom:45px;}
.mb_50{margin-bottom:50px;}

.ml_0{margin-left:0;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_15{margin-left:15px;}
.ml_20{margin-left:20px;}
.ml_25{margin-left:25px;}
.ml_30{margin-left:30px;}
.ml_35{margin-left:35px;}
.ml_40{margin-left:40px;}
.ml_45{margin-left:45px;}
.ml_50{margin-left:50px;}

.mr_0{margin-right:0;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_15{margin-right:15px;}
.mr_20{margin-right:20px;}
.mr_25{margin-right:25px;}
.mr_30{margin-right:30px;}
.mr_35{margin-right:35px;}
.mr_40{margin-right:40px;}
.mr_45{margin-right:45px;}
.mr_50{margin-right:50px;}

/* chrome, Safari 複数記述はセレクタの仕様で出来ないため個別で充てる*/
input::-webkit-input-placeholder{
	color:#aaa;
}
 
/* Firefox */
input::-moz-placeholder{
	color:#aaa;
}
 
/* Firefox 18以前 */
input:-moz-placeholder{
	color:#aaa;
}
 
/* IE */
input:-ms-input-placeholder{
	color:#aaa;
}

.gototop{
	clear:both;
	display:block;
	margin:5px 0;
	color:#1994da;
	font-size:12px;
	text-align:right;
}

.none{
	display:none;
}	

.indent{
	padding-left:1em;
	text-indent:-1em;
}
	
/* ==================================================

 共通 広告などポイント関係

================================================== */
.pt_arrow{
	margin:0 5px;
	font-size:16px;
}

/* ==================================================

 メインページ

================================================== */
#all_wrap{
	min-width:980px;
	padding-top:20px;
	border-top:2px solid #1994da;
}

/* indexのみtext枠、左カラムが浮いているため特殊処理 */
@media screen and (max-width:1149px){

	#all_wrap.wide_width_wrap{	
		min-width:980px;
		padding-right:170px;
	}

}

/* ==================================================

 header

================================================== */
#header{	
	width:100%;
}

#header .head_box{	
	width:980px;
	margin:0 auto 20px;
}

#header #logo_box{
	float:left;
	width:340px;
	height:70px;
}

#header #logo_box .header_logo{
	display:block;
	float:left;
	width:211px;
	margin-top:16px;
}

#header #logo_box img{
	display:block;
	width:100%;
}

#header #logo_box .definition{
	float:left;
	width:129px;
	height:30px;
	padding:20px 0;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}

#header #logo_box .color_1{
	background-color:#f00;
}

#header #logo_box .color_2{
	background-color:#000;
}

#header #logo_box .color_3{
	background-color:#00f;
}

#header #prof_box{
	float:left;
	width:410px;
	height:70px;
	margin-right:10px;
	border:1px solid #aaa;
	border-radius:3px;
	color:#555;
	overflow:hidden;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

/* ステータス表示 */
#header .prof_left{
    position: relative;
	float:left;
	width:90px;
    height: 68px;
	background-color:#f3fdff;
    overflow: hidden;
}

#header .prof_left a{
	display:block;
	width:100%;
	/*background-image:url("../img_new/st_icon.png");*/
	/*text-indent:-9999px;*/
}

#header .prof_left a:hover{
	opacity:0.8;
}

#header .prof_left .user_icon,
#header .prof_left .st_txt{
    display: block;
    position: absolute;
}

#header .prof_left .user_icon.icon_0{ /* デフォ */
    top: -10px;
    left: 0;
    width: 85px;
}

#header .prof_left .user_icon.icon_1{ /* ポ太郎 */
    top: -28px;
    left: -5px;
    width: 96px;
}

#header .prof_left .user_icon.icon_2{ /* ポタ美 */
    top: -14px;
    left: 4px;
    width: 84px;
}

#header .prof_left .user_icon.icon_3{ /* ガオ吾郎 */
    top: -13px;
    left: 3px;
    width: 80px;
}

#header .prof_left .user_icon.icon_4{ /* タヌべぇ */
    top: -12px;
    left: 2px;
    width: 80px;
}

#header .prof_left .user_icon.icon_5{ /* リス恵 */
    top: -17px;
    left: 3px;
    width: 82px;
}

#header .prof_left .user_icon.icon_6{ /* ブー太 */
    top: -7px;
    left: 6px;
    width: 74px;
}

#header .prof_left .user_icon.icon_7{ /* ウサ子 */
    top: -10px;
    left: 5px;
    width: 78px;
}

#header .prof_left .user_icon.icon_8{ /* クマ太 */
    top: -10px;
    left: 6px;
    width: 78px;
}

#header .prof_left .user_icon.icon_9{ /* ネズ吉 */
    top: -15px;
    left: 4px;
    width: 82px;
}

#header .prof_left .user_icon.icon_10{ /* ピヨ助 */
    top: -15px;
    left: 4px;
    width: 82px;
}

#header .prof_left .user_icon.icon_11{ /* ぴょん丸 */
    top: -4px;
    left: 7px;
    width: 72px;
}

#header .prof_left .user_icon.icon_12{ /* くろにゃん */
    top: -14px;
    left: 2px;
    width: 88px;
}

#header .prof_left .user_icon.icon_13{ /* モグ吉 */
    top: -12px;
    left: 2px;
    width: 80px;
}

#header .prof_left .user_icon.icon_99{ /* 配布用 */
    top: -12px;
    left: 0;
    width: 90px;
}

#header .prof_left .st_txt{
    bottom: 0;
    left: 0;
    width: 90px;
    height: 20px;
    text-indent:-9999px;
    background-image: url("../img_new/st_txt.png");
    overflow: hidden;
    z-index: 2;
}

#header .prof_left .st_1 .st_txt{
    background-position: 0 0;
}

#header .prof_left .st_2 .st_txt{
    background-position: 0 -20px ;
}

#header .prof_left .st_3 .st_txt{
    background-position: 0 -40px;
}

#header .prof_left .st_4 .st_txt{
    background-position: 0 -60px;
}

/*#header .prof_left .st_1{
	background-position:0 0;
}
#header .prof_left .st_2{
	background-position:-90px 0;
}
#header .prof_left .st_3{
	background-position:-180px 0;
}
#header .prof_left .st_4{
	background-position:-270px 0;
}*/

/* 名前+ポイント */
#header .prof_right{
	float:left;
	width:298px;
	padding:10px;
	text-align:right;
}

#header #prof_box .prof_name{
	margin-bottom:12px;
	font-size:12px;
	line-height:16px;
	text-align:left;
}

#header #prof_box .prof_name span{
    display: inline-block;
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
    vertical-align: middle;
}

#header #prof_box .prof_pt{
	display:inline-block;
	font-size:14px;
	line-height:20px;
}

#header #prof_box .prof_pt .red{
	font-size:18px;
	font-weight:bold;
}

#header #prof_box .prof_pen_pt{
	display:inline-block;
	font-size:11px;
	line-height:20px;
}

/* ログイン時 */
#header #impo_box{
	float:left;
	width:220px;
}

#header #impo_box li{
	position:relative;
	float:left;
	width:70px;
	margin-right:5px;
}

#header #impo_box li:last-child{
	margin-right:0;
}

#header #impo_box li a{
	display:block;
	width:100%;
	height:70px;
	border-radius:3px;
	text-indent:-9999px;
}

#header #impo_box li a:hover{
	opacity:0.8;
}

#header #impo_box li:nth-child(1) a{
	background-color:#1994da;
	background-image:url("../img_new/impo_icon.png");
	background-position:0 0;
}
#header #impo_box li:nth-child(2) a{
	background-color:#f74361;
	background-image:url("../img_new/impo_icon.png");
	background-position:-70px 0;
}
#header #impo_box li:nth-child(3) a{
	background-color:#fd9c00;
	background-image:url("../img_new/impo_icon.png");
	background-position:-140px 0;
}

/* ログアウト時 */
#header #impo_logout_box{
	float:left;
	width:640px;
}

#header #impo_logout_box li{
	position:relative;
	float:left;
	width:70px;
}

#header #impo_logout_box li:first-child{
	position:relative;
	width:160px;
	margin:0 10px 0 400px;
	border-radius:3px;
}

#header #impo_logout_box li:first-child a{
	display:block;
	width:100%;
	height:70px;
	background-image:url("../img_new/impo_icon_reg.png");
	background-color:#f74361;
	border-radius:3px;
	text-indent:-9999px;
}

#header #impo_logout_box li:last-child a{
	display:block;
	width:100%;
	height:70px;
	border-radius:3px;
	background-color:#1994da;
	background-image:url("../img_new/impo_icon.png");
	background-position:-210px 0;
	text-indent:-9999px;
}

#header #impo_logout_box li a:hover{
	opacity:0.8;
}

/* 検索 */
#header #search_box{
	float:left;
	width:355px;
}

#header #search_box .search_select{ /* 検索プルダウン */
    position: relative;
    float: left;
    margin-right: 10px;
    width: 125px;
}

.search_select select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display:block;
    padding: 5px;
    width: 100%;
    height: 36px;
    font-size: 12px;
    line-height: 24px;
    color: #555;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
}

.search_select::after{
    display: block;
    position: absolute;
    top: 12px;
    right: 8px;
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #555;
    border-right: solid 2px #555;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
}

.search_select option{
    line-height: 24px;
}

#header #search_box input.search{ /* 検索窓 */
	display:block;
	float:left;
	width:160px;
	padding:5px 10px 5px 30px;
	background-image:url("../img_new/search.png");
    background-position:left;
	background-repeat:no-repeat;
	border:1px solid #aaa;
	font-size:12px;
	line-height:24px;
    box-sizing:border-box;
}

#header #search_box input.search_b{ /* 検索ボタン */
	display:block;
	float:left;
	width:60px;
	padding:6px 0;
	background-color:#666;
	color:#fff;
	font-size:12px;
	line-height:24px;
	text-align:center;
}

#header #search_box input.search_b:hover{
	cursor:pointer;
	opacity:0.8;
}

/* 検索横 */
#header #search_right_box{
	float:left;
	width:605px;
	margin:15px 0 0 20px;
}

#header #search_right_box td{
	width:120px;
	border-right:1px solid #555;
	text-align:center;
	vertical-align:middle;
}

#header #search_right_box td:first-child{
	width:119px;
	border-left:1px solid #555;
}

#header #search_right_box td a{
	display:block;
	width:100%;
}

#header #search_right_box td a:hover{
	background-color:#ffc;
}

#header #search_right_box td span{
	font-size:11px;
	color:#555;
	line-height:20px;
}

#header #search_right_box td .search_right_icon{
	display:inline-block;
	width:20px;
	height:20px;
	margin-right:5px;
	background-image:url("../img_new/search_right_icon.png");
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header #search_right_box td:nth-child(1) .search_right_icon{
	background-position:0 0;
}
#header #search_right_box td:nth-child(2) .search_right_icon{
	background-position:-20px 0;
}
#header #search_right_box td:nth-child(3) .search_right_icon{
	background-position:-40px 0;
}
#header #search_right_box td:nth-child(4) .search_right_icon{
	background-position:-60px 0;
}
#header #search_right_box td:nth-child(5) .search_right_icon{
	background-position:-80px 0;
}
#header #search_right_box td:nth-child(5) .search_right_info_icon{
	background-position:-100px 0;
}

/* ナビ */
#header #nav_box{
	width:100%;
	margin:0 auto 20px;
}

#header #nav{
	position:relative;
	width:980px;
	margin:0 auto;
}

#header #nav .nav_title{
	float:left;
	position:relative;
	width:125px;
}

#header #nav .nav_title:first-child{
	width:105px;
}

#header #nav .nav_title .nav_title_a{
    position:relative;
	display:block;
	width:100%;
    -webkit-transition:0.1s;
	-moz-transition:0.1s;
	-o-transition:0.1s;
	-ms-transition:0.1s;
	transition:0.1s;
	border-bottom:2px solid #666;
}

#header #nav .nav_title.on .nav_title_a{
	background-color:#1994da;
	border-bottom:2px solid #1581bf;
}

#header #nav .nav_title:hover .nav_title_a{
	background-color:#1994da;
	border-bottom:2px solid #1581bf;
}

#header #nav .nav_title .nav_title_a span{
	display:block;
	width:105px;
	height:60px;
	margin:0 auto;
	background-image:url("../img_new/nav_icon.png");
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header #nav .nav_title:nth-child(1) .nav_title_a span{
	background-position:0 0;
}
#header #nav .nav_title:nth-child(2) .nav_title_a span{
	background-position:-105px 0;
}
#header #nav .nav_title:nth-child(3) .nav_title_a span{
	background-position:-210px 0;
}
#header #nav .nav_title:nth-child(4) .nav_title_a span{
	background-position:-315px 0;
}
#header #nav .nav_title:nth-child(5) .nav_title_a span{
	background-position:-420px 0;
}
#header #nav .nav_title:nth-child(6) .nav_title_a span{
	background-position:-525px 0;
}
#header #nav .nav_title:nth-child(7) .nav_title_a span{
	background-position:-630px 0;
}
#header #nav .nav_title:nth-child(8) .nav_title_a span{
	background-position:-735px 0;
}

#header #nav .nav_title:hover .nav_title_a span{
	background-image:url("../img_new/nav_icon_on.png");
}

#header #nav .nav_title.on .nav_title_a span{
	background-image:url("../img_new/nav_icon_on.png");
}

#header #nav .nav_title .new_nav_icon{
	position:absolute;
	top:-5px;
	right: 20px; /*275px*/
    animation-name:blink;
    animation-duration:1.7s;
    animation-iteration-count:4;/* infinite */
}

#header #nav .nav_title .nav_balloon{
    position:absolute;
	display:inline-block;
	width:110px;
    top:-15px;
    left:50%;
	padding:3px 0;
	background-color:#f74361;
	border-radius:10px;
	text-align:center;
	z-index:2;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    animation-name:blink;
    animation-duration:1.7s;
    animation-iteration-count:4;/* infinite */
}

#header #nav .nav_title .nav_balloon span{
	display:inline-block;
	color:#fff;
	font-size:12px;
	line-height:16px;
	text-align:center;
}

/* ==================================================

 header メガメニュー

================================================== */
#header #nav .nav_title .mega_menu_box{
	display:none;
	position:absolute;
	width:294px;
	padding:10px;
	top:72px;
	left:0;
	background-color:#fff;
	border:2px solid #1994da;
	border-radius:5px;
	box-shadow:1px 1px 0 1px rgba(0,0,0,0.1);
	z-index:3;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#header #nav .nav_title:hover .mega_menu_box{
	display:block;
    animation-name:fade-in;
    animation-duration:0.2s;
    animation-iteration-count:1;/* infinite */
}

@keyframes fade-in{
    0%{opacity:0;}
    100%{opacity:1;}
}

/* hover解除を避けるため透明の箱 */
#header #nav .nav_title:hover .mega_menu_box:before{
	position:absolute;
	content:"";
	width:294px;
	height:10px;
	top:-12px;
	left:-3px;
}

/* 三角 */
#header #nav .nav_title:hover .mega_menu_box:after{
	position:absolute;
	content:"";
	top:-12px;
	left:30px;
	border-right:20px solid transparent;
	border-bottom:10px solid #1994da;;
	border-left:20px solid transparent; 
}

#header #nav .nav_title .mega_menu li{
	border-bottom:1px solid #ccc;
}

#header #nav .nav_title .mega_menu li:last-child{
	border-bottom:none;
}

#header #nav .nav_title .mega_menu li a{
	display:block;
	padding:10px;
	color:#555;
	font-size:12px;
	line-height:18px;
	text-decoration:none;/* トクモニなど古いページハック */
}

#header #nav .nav_title .mega_menu li a:hover{
	background-color:#ffd;
}

/* ==================================================

 コンテンツブロッカー

================================================== */
.blocker_wrap .blocker{
    width:980px;
    padding:10px 15px 15px;
    margin:0 auto 15px;
    background-color:#fff;
    border:4px solid #f74361;
    box-sizing:border-box;
    text-align:center;
}

.blocker_wrap .blocker_title{
    position:relative;
    display:inline-block;
    padding:5px 5px 0 15px;
    margin-bottom:10px;
    border-bottom:1px solid #555;
    color:#555;
    font-size:14px;
    font-weight:bold;
    line-height:22px;
}

.blocker_wrap .blocker_title:before{
    position:absolute;
    top:10px;
    left:0;
    color:#63c3db;
    content:"";
    width:8px;
    height:8px;
    font-size:1px;
    background-color:#63c3db;
}

.blocker_wrap .blocker_msg{
    color:#555;
    font-size:12px;
    line-height:1.6em;
}

/* ==================================================

 SEO対策

================================================== */
#income_seo{
    width:950px;
    padding:15px;
    margin:0 auto 20px;
    background-color:#f2f2f2;
    color:#555;
    font-size:12px;
    line-height:1.6rem;
}

#income_seo_foot{
    width:950px;
    padding:15px;
    margin:20px auto;
    background-color:#f2f2f2;
    color:#555;
    font-size:12px;
    line-height:1.6rem;
	text-align:left;
}

/* ==================================================

 パンくず

================================================== */
.bread{
	width:975px;
	margin:13px auto 20px;
	padding-left:5px;
	color:#555;
	font-size:12px;
	line-height:1.6em;
}

/* ==================================================

 メインページ

================================================== */
.logout_index_box{
	width:980px;
	margin:0 auto 20px;
	background-color:#777;
	color:#fff;
}

.logout_index_text{
	width:70px;
	padding:5px 15px;
	background-color:#666;
	border-right:1px solid #fff;
	font-size:12px;
	text-align:center;
	line-height:1.4em;
}

.logout_index_box .login_form_title{
	display:block;
	padding-left:10px;
	margin:0 5px 5px 0;
	font-size:12px;
}

.logout_index_box input[type="text"]{
	display:block;
	width:230px;
	padding:5px;
	margin-right:10px;
	border:1px solid #aaa;	
}

.logout_index_box .login_form_title_2{
	display:block;
	margin:0 5px 5px 0;
	font-size:12px;
}

.logout_index_box input[type="password"]{
	display:block;
	width:80px;
	padding:5px;
	margin-right:10px;
	border:1px solid #aaa;	
}

.logout_index_box input[type="submit"]{
	display:block;
	width:120px;
	padding:5px 10px;
	margin-right:10px;
	border-radius:2px;
	cursor:pointer;
	font-size:12px;
	line-height:15px;
}

.logout_index_box input[type="submit"]:hover{
	opacity:0.8;
}

.logout_index_box .sns_login_btn{
	display:block;
	width:120px;
	margin-right:10px;
}

.logout_index_box .sns_login_btn:hover{
	opacity:0.8;
}

.logout_index_box .sns_login_btn img{
	display:block;
}

#pickup_text{
	min-width:1150px;
	padding:13px 0;
	background-color:#fdb239;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	text-align:center;
}

#main_wrap{
	clear:both;
	position:relative;
	width:980px;
	margin:20px auto 0;
}

#main_wrap #left_col{
	float:left;
	width:200px;
	margin-right:20px;
}

#main_wrap #main_col{
	float:left;
	width:760px;
}

/* ==================================================

 左カラム コンテンツメニュー

================================================== */
/* メニュー indexやmy_page */
.menu_title{
	width:100%;
	padding:10px 0 10px 10px;
	background-color:#666;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	text-align:center;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

.cnt_menu{
	width:100%;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

.cnt_menu a{
	display:table;
	background-color:#f2f2f2;
	border-bottom:1px dashed #ccc;
}

.cnt_menu a:last-child{
	border-bottom:none;
}

.cnt_menu a .cnt_menu_icon{
	display:table-cell;
	width:45px;
	height:44px;
	background-color:#f2f2f2;
	background-image:url("../img_new/cnt_menu_icon.png");
	background-position:0 0;
	text-indent:-9999px;
	vertical-align:middle;
}

.cnt_menu a:nth-child(2) .cnt_menu_icon{
	background-position:0 -45px;
}
.cnt_menu a:nth-child(3) .cnt_menu_icon{
	background-position:0 -90px;
}
.cnt_menu a:nth-child(4) .cnt_menu_icon{
	background-position:0 -135px;
}
.cnt_menu a:nth-child(5) .cnt_menu_icon{
	background-position:0 -180px;
}
.cnt_menu a:nth-child(6) .cnt_menu_icon{
	background-position:0 -225px;
}
.cnt_menu a:nth-child(7) .cnt_menu_icon{
	background-position:0 -270px;
}
.cnt_menu a:nth-child(8) .cnt_menu_icon{
	background-position:0 -315px;
}
.cnt_menu a:nth-child(9) .cnt_menu_icon{
	background-position:0 -360px;
}
.cnt_menu a:nth-child(10) .cnt_menu_icon{
	background-position:0 -405px;
}
.cnt_menu a:nth-child(11) .cnt_menu_icon{
	background-position:0 -450px;
}
.cnt_menu a:nth-child(12) .cnt_menu_icon{
	background-position:0 -495px;
}
.cnt_menu a:nth-child(13) .cnt_menu_icon{
	background-position:0 -540px;
}
.cnt_menu a:nth-child(14) .cnt_menu_icon{
	background-position:0 -585px;
}
.cnt_menu a:nth-child(15) .cnt_menu_icon{
	background-position:0 -630px;
}
.cnt_menu a:nth-child(16) .cnt_menu_icon{
	background-position:0 -675px;
}
.cnt_menu a:nth-child(17) .cnt_menu_icon{
	background-position:0 -720px;
}
.cnt_menu a:nth-child(18) .cnt_menu_icon{
	background-position:0 -765px;
}
.cnt_menu a:nth-child(19) .cnt_menu_icon{
	background-position:0 -810px;
}
.cnt_menu a:nth-child(20) .cnt_menu_icon{
	background-position:0 -855px;
}
.cnt_menu a:nth-child(21) .cnt_menu_icon{
	background-position:0 -900px;
}
.cnt_menu a:nth-child(22) .cnt_menu_icon{
	background-position:0 -945px;
}
.cnt_menu a:nth-child(23) .cnt_menu_icon{
	background-position:0 -990px;
}
.cnt_menu a:nth-child(24) .cnt_menu_icon{
	background-position:0 -1035px;
}

.cnt_menu a .cnt_menu_title{
	position:relative;
	display:table-cell;
	width:143px;
	height:44px;
	padding-left:10px;
	background-color:#fff;
	color:#555;
	font-size:12px;
	font-weight:bold;
	line-height:1.2em;
	vertical-align:middle;
}

.cnt_menu a:hover  .cnt_menu_title{
	background-color:#ffc;
}

.cnt_menu a .cnt_menu_title span{
	vertical-align:bottom;
}

.cnt_menu a .cnt_menu_title .new_icon{
	position:absolute;
	top:8px;
	right:10px;
    animation-name:blink;
    animation-duration:1.7s;
    animation-iteration-count:4;/* infinite */
}

@keyframes blink{
    0%{opacity:1;}
    50%{opacity:0;}
    75%{opacity:0.5;}
    100%{opacity:0.75;}
}

/* ==================================================

 左カラム カテゴリー検索

================================================== */
.cat_menu_title{
	width:100%;
	padding:10px 0 10px 10px;
	background-color:#666;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	text-align:left;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#left_col .cat_menu{
	width:100%;
	border:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#left_col .cat_menu li{
    position: relative;
	background-color:#fff;
	border-bottom:1px dashed #ccc;
}

#left_col .cat_menu li:last-child{
	border-bottom:none;
}

#left_col .cat_menu li:hover{
	background-color:#ffd;/* ドロップダウンの場合も考えaタグでもなく親要素のli */
}

#left_col .cat_menu li a{
	display:block;
	padding:10px;
	color:#555;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	vertical-align:middle;
}

/* サブカテゴリ */
#left_col .cat_menu .sub_cat {
    visibility:hidden;
    opacity:0;
}

#left_col .cat_menu li:hover .sub_cat{
    visibility:visible;
    opacity:1;
    z-index:10000;
}

#left_col .cat_menu li .sub_cat {
    position: absolute;
    top:-1px;
    left:198px;
    padding-left:5px;
    width:100%;
    background-color:transparent;
}

#left_col .cat_menu li .sub_cat li{
    border-left:1px #ccc solid;
    border-right:1px #ccc solid;
 /*   background-color:#fff;*/
}

#left_col .cat_menu li .sub_cat li:first-child{
    border-top:1px #ccc solid;
}

#left_col .cat_menu li .sub_cat li:last-child{
    border-bottom:1px #ccc solid;
}

#left_col .cat_menu li .sub_cat li a::after{
    display:none;
}

#left_col .shop_cate li:nth-child(n+4) a::after{
    content:"";
    display:block;
    position:absolute;
    width:10px;
    height:10px;
    top:16px;
    right:10px;
    background:transparent;
    border-top:1px solid #555;
    border-right:1px solid #555;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}

#left_col .shop_cate li:nth-child(n+4):hover a::after{
    border-top:2px solid #555;
    border-right:2px solid #555;
}

/*#left_col .shop_cate li:nth-last-child(-n+2) a::after{
    display: none;
}*/

#left_col .shop_cate li:last-child a::after{
    display: none;
}

/* ==================================================

 左カラム コンテンツメニュー下

================================================== */
#left_col .ad_square{
	background-color:#fff;
	border:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	text-align:center;
}

#left_col .ad_square a,
#left_col .ad_square a img{
	display:block;
}

#left_col .ad_square span{
	line-height:1.6em;
	vertical-align:middle;
}

#left_col .ad_square_pt{
	padding:0 10px;
	color:#555;
	font-size:0;
	text-align:left;
}

#left_col .ad_square_pt .line_through{
	font-size:12px;
}

#left_col .ad_square_pt .red{
	color:#f74361;
	font-size:16px;
}

#left_col .ad_square_text{
	padding:0 10px;
	margin-bottom:5px;
	color:#555;
	font-size:12px;
	text-align:left;
}

#left_col .bnr_box .bnr_160{
	display:block;
	/*width:160px;*/
	margin:0 auto 10px;
}

#left_col .bnr_box .bnr_160:last-child{
	margin-bottom:20px;
}

#left_col .bnr_box .bnr_160 img{
	display:block;
}

#left_col .ad_movie{
	display:block;
}

/* ==================================================

 左カラム 新着サービス

================================================== */
#new_service_wrap .menu_title{
	background-color:#63c3db;	
}

#new_service_wrap .cnt_new_service{
	width:100%;
	margin:0 auto 10px;
	background-color:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	color:#555;
	text-align:center;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#new_service_wrap .point-triangle-rt:after{
	top:0;
	right:0;
}

#new_service_wrap .cnt_new_service .box_ad{
	position:relative;
	width:100%;
	border-bottom:1px dashed #ccc;
}

#new_service_wrap .cnt_new_service .box_ad:last-child{
	border-bottom:none;
}

#new_service_wrap .cnt_new_service .box_ad .box_ad_inner{
	padding:10px;
}

#new_service_wrap .cnt_new_service .title_new_service{
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:12px;
	line-height:1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#new_service_wrap .cnt_new_service .title_new_service_short{
	width:110px;
}

#new_service_wrap .cnt_new_service .cont_img{
	display:block;
    position:relative;
    width:120px;
    max-width:120px;
    min-width:120px;
    height:120px;
	margin:0 auto 10px;
    overflow:hidden;
}

#new_service_wrap .cnt_new_service .cont_img .cnr_round{
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    transform:translate3d(-50%, -50%, 0);
    -webkit-transform:translate3d(-50%, -50%, 0);
    -moz-transform:translate3d(-50%, -50%, 0);
}

#new_service_wrap .cnt_new_service .cont_text{
    width:100%;
}

#new_service_wrap .cnt_new_service .cont_text .new_service_pt{
	text-align:center;
	line-height:1.6em;
	vertical-align:middle;
}

#new_service_wrap .cnt_new_service .cont_text .new_service_pt .big{
	font-size:16px;
	font-weight:bold;
	line-height:1.2em;
}

#new_service_wrap .cnt_new_service .cont_text .new_service_pt .pt_after{
	font-size:16px;
	font-weight:bold;
}

#new_service_wrap .cnt_new_service .cont_text .new_service_way{
	font-size:12px;
	line-height:1.6em;
	white-space:nowrap;
	overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;
}

#new_service_wrap .radius_more_list_btn{
	display:block;
	padding:5px 0;
	margin-bottom:20px;
	background-color:#1994da;
	border-radius:30px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:1.2em;;
}

#new_service_wrap .radius_more_list_btn:hover{
	opacity:0.8;	
}

/* ==================================================

 左カラム SNS

================================================== */
#left_col .fb-page{
	background-color:#fff;
	border:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
}

#left_col .twitter-timeline{
	background-color:#fff;
	border:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	cursor:pointer;
}

/* ==================================================

 左カラム PR広告

================================================== */
#left_col .pr{
	display:block;
	width:160px;
	padding:5px 0;
	margin:20px auto 0;
	background:#f2f2f2;
	color:#555;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#left_col .pr span{
	vertical-align:middle;
}

#left_col .ad_skyscraper{
	margin:0 auto 40px;
    text-align:center;
}

/* ==================================================

 index

================================================== */
#main_col #outer{
	width:760px;
    padding-bottom:40px;
    background-color:#fff;
}

#main_col .logout_index_top{
	display:block;
}

/* ==================================================

 みんなでチャレンジindex

================================================== */
#cha_wrap .arrow_box{
    position:relative;
	width:100%;
	margin-bottom:10px;
    background:#fd9c00;
    border-radius:5px;
    color:#fff;
	font-size:18px;
    font-weight:bold;
    text-align:left;
}

/*
#cha_wrap .arrow_box:after{
    position:absolute;
    pointer-events:none;
    content:" ";
    height:0;
    width:0;
    top:100%;
    left:50%;
    margin-left:-8px;
    margin-bottom:-8px;
    border:solid transparent;
    border-top-color:#fd9c00;
    border-width:8px;
}
*/

#cha_wrap .arrow_box span{
	font-size:18px;
	line-height:50px;
	vertical-align:middle;
}

#cha_wrap .arrow_box img{
	display:inline-block;
	margin:0 10px;
	vertical-align:middle;
}

#cha_wrap .arrow_box .big{
	font-size:24px;	
}

#cha_wrap .cnt_cha_wrap{
	float:left;
	width:636px;
	height:198px;
    border:2px solid #ffa71c;
}

#main_col #cha_wrap .cnt_cha_wrap{
	float:none;
	width:100%;
	height:auto;
	margin-bottom:30px;
    border:1px solid #ffa71c;
	box-shadow:0 1px 3px 0 #ccc;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#cha_wrap .cnt_cha .box_ad_inner{
	padding:15px 15px 0;
}

#cha_wrap .cnt_cha .box_ad{
	position:relative;
	width:100%;
	height:198px;
}

#main_col #cha_wrap .cnt_cha .box_ad{
	height:auto;
}

#cha_wrap .cnt_cha .cont_img{
	display:block;
	float:left;
    position:relative;
    width:120px;
    max-width:120px;
    min-width:120px;
    height:120px;
	margin-right:15px;
    overflow:hidden;
}

#cha_wrap .cnt_cha .cont_img .cnr_round{
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    transform:translate3d(-50%, -50%, 0);
    -webkit-transform:translate3d(-50%, -50%, 0);
    -moz-transform:translate3d(-50%, -50%, 0);
}

#cha_wrap .cnt_cha .cont_text{
	float:left;
	width:471px;
}

#main_col #cha_wrap .cnt_cha .cont_text{
	width:593px;
}

#cha_wrap .cnt_cha .title_cha{
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px;
	line-height:22px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#cha_wrap .cnt_cha .cont_text .cha_way{
	font-size:14px;
	line-height:30px;
	white-space:nowrap;
	overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;
}

#cha_wrap .cnt_cha .cont_text .cha_pt_box{
	font-size:0;
	line-height:1.6em;
}

#cha_wrap .cnt_cha .cont_text .cha_pt_box .end_text{
	height:36px;
	font-size:18px;
	font-weight:bold;
}

#cha_wrap .cnt_cha .cont_text .cha_defo_pt{
	font-size:14px;
}

#cha_wrap .cnt_cha .cont_text .cha_defo_pt .line_through{
	font-size:14px;
	line-height:1.6em;
}

#main_col #cha_wrap .cnt_cha .cont_text .cha_defo_pt .line_through{
	font-size:18px;
}

#cha_wrap .cnt_cha .cont_text .cha_pt{
	font-size:14px;
	text-align:right;
	line-height:1.6em;
}

#cha_wrap .cnt_cha .cont_text .cha_pt .red{
	font-size:20px;
	line-height:1.6em;
	vertical-align:middle;
}

#cha_wrap .cnt_cha .cont_text .cha_pt .big{
	font-size:30px;
	font-weight:bold;
	line-height:1.2em;
}

#main_col #cha_wrap .cnt_cha .cont_text .cha_pt .big{
	font-size:40px;
}

#cha_wrap .cnt_cha .cont_text .cha_pt .pt_after{
	font-weight:bold;
}

#cha_wrap .cnt_cha .cont_text .ave_up{
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
}

#main_col #cha_wrap .cnt_cha .cont_text .ave_up{
	font-size:24px;
}

#cha_wrap .cnt_cha .cha_cd{
	clear:both;
	position:relative;
	width:350px;
	height:50px;
	margin:35px 0 0 136px;
	background-color:#fdb239;
	color:#fff;
}

#main_col #cha_wrap .cnt_cha .cha_cd {
    margin: 0 0 0 259px;
}

#cha_wrap .cnt_cha .cha_cd:after{
	content: "";
	position:absolute;
	width:0;
	height:0;
	top:0;
	left:-25px;
	border-style:solid;
	border-color:transparent #fdb239 transparent transparent;
	border-width:50px 25px 0 0;
}

#cha_wrap .cnt_cha .cha_cd_text{
	display:inline-block;
	padding:12px 0 8px;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	vertical-align:bottom;
}

#cha_wrap .cnt_cha .cha_cd_timer{
	display:inline-block;
	padding:12px 0 8px;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
}

#cha_wrap .result_box{
    border-top:1px solid #ffa71c;
	background-color:#ffffdd;
	line-height:60px;
}

#main_col #cha_wrap .result_box{
	text-align:center;
}

#cha_wrap .result_box span{
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
}

#cha_wrap .result_box .big{
	font-size:24px;
}

#cha_wrap .cha_btn_box{
	border-top:1px solid #FDB239;
}

#outer #cha_wrap .go_btn{
	width:80%;
	margin:0 auto 30px;
	background-color:#FDB239;
	font-size:18px;
}

/* ==================================================

 みんなでチャレンジindex ※横並び_同時期に2つ開催の場合

================================================== */
#main_col #cha_double_wrap .cnt_cha_wrap{
	float:left;
	width:375px;
}

#main_col #cha_double_wrap .cnt_cha_wrap:first-child{
	margin-right: 10px;
}

#main_col #cha_double_wrap .cnt_cha .box_ad{
	height:216px;
}

#cha_double_wrap .cnt_cha .cont_img{
	margin-right:10px;
}

#main_col #cha_double_wrap .cnt_cha .cont_text{
	width: 213px;
    position: relative;
}

#cha_double_wrap .cnt_cha .title_cha{
	font-size:16px;
	line-height: 1.2em;
}

#cha_double_wrap .cnt_cha .cont_text .cha_way{
	font-size: 12px;
}

#cha_double_wrap .cnt_cha .cont_text .cha_pt_box .end_text{
    margin-top: 5px;
	font-size:14px;
}

#main_col #cha_double_wrap .cnt_cha .cont_text .cha_pt .red{
	font-size:20px;
	line-height:1.6em;
	vertical-align:middle;
}

#main_col #cha_double_wrap .cnt_cha .cont_text .cha_pt .big{
	font-size:26px;
}

#main_col #cha_double_wrap .cnt_cha .cont_text .ave_up{
	font-size:16px;
    text-align: right;
    display: block;
}

#main_col #cha_double_wrap .cnt_cha .cha_cd{
	position:absolute;
	width:320px;
	height:40px;
	margin: 0;
    top: 133px;
    right: -15px;
}

#cha_double_wrap .cnt_cha .cha_cd img{
	width: 40px;
    vertical-align: middle;
}

#cha_double_wrap .cnt_cha .cha_cd:after{
	border-width:40px 25px 0 0;
}

#cha_double_wrap .cnt_cha .cha_cd_text{
	padding: 0;
	font-size:14px;
    vertical-align: middle;
}

#cha_double_wrap .cnt_cha .cha_cd_timer{
    padding: 0;
	font-size:18px;
    vertical-align: middle;
}

#cha_double_wrap .result_box{
    padding: 10px 15px;
    line-height:26px;
	text-align:center;
}

/* ==================================================

 index 限定枠

================================================== */
#limit_wrap .limit_title{
	padding:12px 0 8px 60px;
	background-image:url("../img_new/title_01.png");
	background-repeat:no-repeat;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
}

#limit_wrap .limit_title .small{
	font-size:16px;
}

#limit_wrap .cnt_limit{
	margin-bottom:20px;
}

#limit_wrap .cnt_limit .box_ad{
	position:relative;
	width:100%;
	margin-bottom:10px;
	border:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#limit_wrap .cnt_limit .box_ad .box_ad_inner{
	padding:15px 15px 0;
}

#limit_wrap .cnt_limit .cont_img{
	display:block;
	float:left;
    position:relative;
    width:120px;
    max-width:120px;
    min-width:120px;
    height:120px;
	margin-right:15px;
    overflow:hidden;
}

#limit_wrap .cnt_limit .cont_img .cnr_round{
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    transform:translate3d(-50%, -50%, 0);
    -webkit-transform:translate3d(-50%, -50%, 0);
    -moz-transform:translate3d(-50%, -50%, 0);
}

#limit_wrap .cnt_limit .cont_text{
	float:left;
	width:593px;
}

#limit_wrap .cnt_limit .title_limit{
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px;
	line-height:1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#limit_wrap .cnt_limit .cont_text .limit_way{
	font-size:14px;
	line-height:1.6em;
	white-space:nowrap;
	overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;
}

#limit_wrap .cnt_limit .cont_text .limit_pt_box{
	font-size:0;
	line-height:1.6em;
}

#limit_wrap .cnt_limit .cont_text .limit_defo_pt{
	font-size:14px;
	line-height:1.6em;
}

#limit_wrap .cnt_limit .cont_text .limit_defo_pt .line_through{
	font-size:18px;
	line-height:1.6em;
}

#limit_wrap .cnt_limit .cont_text .limit_pt{
	text-align:right;
	line-height:1.6em;
}

#limit_wrap .cnt_limit .cont_text .limit_pt .red{
	font-size:28px;
	line-height:1.6em;
	vertical-align:middle;
}

#limit_wrap .cnt_limit .cont_text .limit_pt .big{
	font-size:40px;
	font-weight:bold;
	line-height:1.2em;
}

#limit_wrap .cnt_limit .cont_text .limit_pt .pt_after{
	font-weight:bold;
}

#limit_wrap .cnt_limit .cont_text .ave_up{
	font-size:24px;
	font-weight:bold;
	vertical-align:middle;
}

#limit_wrap .cnt_limit .limit_cd{
	clear:both;
	position:relative;
	width:350px;
	height:50px;
	margin-left:259px;
	background-color:#1a4b66;
	color:#fff;
}

#limit_wrap .cnt_limit .limit_cd:after{
	content: "";
	position:absolute;
	width:0;
	height:0;
	top:0;
	left:-25px;
	border-style:solid;
	border-color:transparent #1a4b66 transparent transparent;
	border-width:50px 25px 0 0;
}

#limit_wrap .cnt_limit .limit_cd_text{
	display:inline-block;
	padding:12px 0 8px;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	vertical-align:bottom;
}

#limit_wrap .cnt_limit .limit_cd_timer{
	display:inline-block;
	padding:12px 0 8px;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
}

/* ==================================================

 index タイムセール枠

================================================== */
#timesale_wrap .timesale_title{
	padding:12px 0 8px 60px;
	margin-bottom:10px;
	background-image:url("../img_new/title_02.png");
	background-repeat:no-repeat;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
}

#timesale_wrap .cnt_timesale{
	margin-bottom:20px;
}

#timesale_wrap .cnt_timesale .box_ad{
	position:relative;
	float:left;
	width:375px;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#timesale_wrap .cnt_timesale .box_ad:nth-child(2n){
	margin-right:0;
}

#timesale_wrap .cnt_timesale .box_ad .box_ad_inner{
	padding:15px;
}

#timesale_wrap .cnt_timesale .title_timesale{
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
	line-height:1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#timesale_wrap .cnt_timesale .title_timesale_short{
	width:80%;
}

#timesale_wrap .cnt_timesale .cont_img{
	float:left;
	display:block;
    position:relative;
    width:120px;
    max-width:120px;
    min-width:120px;
    height:120px;
	margin:0 10px 0 0;
    overflow:hidden;
}

#timesale_wrap .cnt_timesale .cont_img .cnr_round{
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    transform:translate3d(-50%, -50%, 0);
    -webkit-transform:translate3d(-50%, -50%, 0);
    -moz-transform:translate3d(-50%, -50%, 0);
}

#timesale_wrap .cnt_timesale .cont_text{
	float:left;
    width:213px;
}

#timesale_wrap .cnt_timesale .cont_text .timesale_way{
	height:36px;
	margin-bottom:10px;
	font-size:12px;
	line-height:18px;
	overflow:hidden;
}

#timesale_wrap .cnt_timesale .cont_text .timesele_way_short{
	width:190px;
}

#timesale_wrap .cnt_timesale .cont_text .timesale_pt_box{
	font-size:12px;
	line-height:1.6em;
}

#timesale_wrap .cnt_timesale .cont_text .timesale_defo_pt{
	font-size:14px;
	line-height:1.6em;
}

#timesale_wrap .cnt_timesale .cont_text .timesale_defo_pt .line_through{
	font-size:18px;
	line-height:1.6em;
}

#timesale_wrap .cnt_timesale .cont_text .timesale_pt{
	font-size:14px;
	text-align:right;
	line-height:1.6em;
	letter-spacing:0.1px;
}

#timesale_wrap .cnt_timesale .cont_text .timesale_pt .red{
	font-size:20px;
	line-height:1.6em;
	vertical-align:middle;
}

#timesale_wrap .cnt_timesale .cont_text .timesale_pt .big{
	font-size:30px;
	font-weight:bold;
	line-height:1.2em;
}

#timesale_wrap .cnt_timesale .cont_text .timesale_pt .pt_after{
	font-weight:bold;
}

#timesale_wrap .cnt_timesale .timesale_cd{
	height:50px;
	background-color:#f2f2f2;
	letter-spacing:-0.4em;/* inlin-block余白ハック */
	text-align:center;
}

#timesale_wrap .cnt_timesale .timesale_cd img{
	display:inline-block;
}

#timesale_wrap .cnt_timesale .timesale_cd_text{
	display:inline-block;
	padding:10px 0;
	margin-right:5px;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:0.1em;/* inlin-block余白ハック */
	
}

#timesale_wrap .cnt_timesale .timesale_cd_timer{
	display:inline-block;
	padding:10px 0;
	margin-right:10px;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:0.1em;/* inlin-block余白ハック */
}

/* ==================================================

 index 話題の広告

================================================== */
#main_col #outer .conts_title{
	position:relative;
    display:block;
    padding:2px 0 3px 13px;
    margin:0 0 20px;
    border-left:#63c3db solid 7px;
    border-bottom:#ccc solid 1px;
    color:#555;
    font-size:18px;
    font-weight:bold;
    text-align:left;
    line-height:1.6em;
    letter-spacing:0.1em;
}

#pickup_wrap .cnt_pickup{
	margin-bottom:20px;
}

#pickup_wrap .cnt_pickup .box_ad{
	position:relative;
	float:left;
	width:375px;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#pickup_wrap .cnt_pickup .box_ad:nth-child(2n){
	margin-right:0;
}

#pickup_wrap .cnt_pickup .box_ad .box_ad_inner{
	padding:15px;
}

#pickup_wrap .cnt_pickup .title_pickup{
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
	line-height:1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#pickup_wrap .cnt_pickup .title_pickup_short{
	width:80%;
}

#pickup_wrap .cnt_pickup .cont_img{
	float:left;
	display:block;
    position:relative;
    width:120px;
    max-width:120px;
    min-width:120px;
    height:120px;
	margin:0 10px 0 0;
    overflow:hidden;
}

#pickup_wrap .cnt_pickup .cont_img .cnr_round{
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    transform:translate3d(-50%, -50%, 0);
    -webkit-transform:translate3d(-50%, -50%, 0);
    -moz-transform:translate3d(-50%, -50%, 0);
}

#pickup_wrap .cnt_pickup .cont_text{
	float:left;
    width:213px;
}

#pickup_wrap .cnt_pickup .cont_text .pickup_way{
	height:36px;
	margin-bottom:10px;
	font-size:12px;
	line-height:18px;
	overflow:hidden;
}

#pickup_wrap .cnt_pickup .cont_text .timesele_way_short{
	width:190px;
}

#pickup_wrap .cnt_pickup .cont_text .pickup_pt_box{
	font-size:12px;
	line-height:1.6em;
}

#pickup_wrap .cnt_pickup .cont_text .pickup_defo_pt{
	font-size:14px;
	line-height:1.6em;
}

#pickup_wrap .cnt_pickup .cont_text .pickup_defo_pt .line_through{
	font-size:18px;
	line-height:1.6em;
}

#pickup_wrap .cnt_pickup .cont_text .pickup_pt{
	font-size:14px;
	text-align:right;
	line-height:1.6em;
}

#pickup_wrap .cnt_pickup .cont_text .pickup_pt .red{
	font-size:20px;
	line-height:1.6em;
	vertical-align:middle;
}

#pickup_wrap .cnt_pickup .cont_text .pickup_pt .big{
	font-size:30px;
	font-weight:bold;
	line-height:1.2em;
}

#pickup_wrap .cnt_pickup .cont_text .pickup_pt .pt_after{
	font-weight:bold;
}

#pickup_wrap .cnt_pickup .pickup_text{
	padding:10px 15px;
	background-color:#f3fdff;
	font-size:12px;
	line-height:1.6em;
}

#pickup_wrap .cnt_pickup .pickup_text p,
#pickup_wrap .cnt_pickup .pickup_text div{
	font-size:12px;
	line-height:1.6em;
}

/* ==================================================

 index カテゴリ別ランキング

================================================== */
.more_list_btn{
	position:absolute;
	top:10px;
	right:0;
	color:#1994da;
	font-size:14px;
}

.cnt_ran{
	width:100%;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

.cat_ran_tabs{
	width:100%;
}

.cat_ran_tabs li{
	float:left;
	width:20%;
	padding:10px 0;
	background-color:#fff;
	border-bottom:2px solid #666;
	color:#555;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	text-align:center;
    -webkit-transition:0.1s;
	-moz-transition:0.1s;
	-o-transition:0.1s;
	-ms-transition:0.1s;
	transition:0.1s;
}

.cat_ran_tabs li.open,
.cat_ran_tabs li:hover{
	background-color:#1994da;
	border-bottom:2px solid #1574aa;
	color:#fff;
	cursor:pointer;
}

#ran_wrap .cnt_ran{
	margin-bottom:10px;
	text-align:center;
}

#ran_wrap .cnt_ran .ran_cat_wrap.none{
	display:none;
}

#ran_wrap .cnt_ran .ran_cat_wrap{
	display:block;
}

#ran_wrap .point-triangle-rt:after{
	top:0;
	right:0;
}

#ran_wrap .ran_left{
	float:left;
	width:218px;
}

#ran_wrap .ran_right{
	float:left;
	width:540px;
}

#ran_wrap .cnt_ran .box_ad{
	position:relative;
	float:left;
	width:100%;
}

#ran_wrap .cnt_ran .ran_left .box_ad{
	height:301px;
}

#ran_wrap .cnt_ran .ran_right .box_ad{
	width:179px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

#ran_wrap .cnt_ran .ran_right .box_ad a{
	display:block;
	color:#555;
}

#ran_wrap .cnt_ran .box_ad:nth-child(4),
#ran_wrap .cnt_ran .box_ad:nth-child(5),
#ran_wrap .cnt_ran .box_ad:nth-child(6){
	border-bottom:none;
}

#ran_wrap .cnt_ran .box_ad .box_ad_inner{
	padding:15px;
}

#ran_wrap .cnt_ran .ran_right .box_ad .box_ad_inner{
	padding:5px;
}

#ran_wrap .cnt_ran .box_ad .ran_icon{
	width:60px;
	padding:17px 0 3px;
	margin:10px auto 5px;
	background-image:url("../img_new/ran_icon_1.png");
	background-position:0 0;
	background-repeat:no-repeat;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
}

#ran_wrap .cnt_ran .title_ran{
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
	line-height:1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#ran_wrap .cnt_ran .ran_right .box_ad .ran_icon{
	display:block;
	float:left;
	width:30px;
	padding:6px 0 0;
	margin:0 0 10px;
	background-image:url("../img_new/ran_icon_4.png");
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:14px;
}

#ran_wrap .cnt_ran .ran_right .box_ad:nth-child(1) .ran_icon{
	background-image:url("../img_new/ran_icon_2.png");
}

#ran_wrap .cnt_ran .ran_right .box_ad:nth-child(2) .ran_icon{
	background-image:url("../img_new/ran_icon_3.png");
}

#ran_wrap .cnt_ran .ran_right .title_ran{
	display:block;
	float:left;
	width:139px;
	margin:3px auto 7px;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	overflow:hidden;
	text-align:left;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:bottom;
}

#ran_wrap .cnt_ran .ran_right .title_ran_short{
	width:69px;
}

#ran_wrap .cnt_ran .cont_img{
	display:block;
    position:relative;
    width:120px;
    max-width:120px;
    min-width:120px;
    height:120px;
	margin:0 auto 10px;
    overflow:hidden;
}

#ran_wrap .cnt_ran .cont_img .cnr_round{
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    transform:translate3d(-50%, -50%, 0);
    -webkit-transform:translate3d(-50%, -50%, 0);
    -moz-transform:translate3d(-50%, -50%, 0);
}

#ran_wrap .cnt_ran .cont_text{
    width:100%;
}

#ran_wrap .cnt_ran .ran_left .cont_text .ran_way{
	font-size:14px;
}

#ran_wrap .cnt_ran .cont_text .ran_way{
	margin-bottom:2px;
	font-size:12px;
	line-height:18px;
	white-space:nowrap;
	overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;
}

#ran_wrap .cnt_ran .cont_text .ran_pt{
	text-align:center;
}

#ran_wrap .cnt_ran .cont_text .ran_pt .big{
	font-size:24px;
	font-weight:bold;
	line-height:30px;
}

#ran_wrap .cnt_ran .cont_text .ran_pt .pt_after{
	font-size:16px;
	font-weight:bold;
	line-height:30px;
}

#ran_wrap .cnt_ran .ran_left .cont_text .ran_pt{
	text-align:center;
	vertical-align:middle;
}

#ran_wrap .cnt_ran .ran_right .cont_text .ran_pt .big{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	vertical-align:middle;
}

#ran_wrap .cnt_ran .ran_right .cont_text .ran_pt .pt_after{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	vertical-align:middle;
}

#ran_wrap .caution{
    font-size: 12px;
    text-align: right;
}

/* ==================================================

 index 特集 キャンペーン

================================================== */
#main_col #campaign_wrap .cnt_campaign{
	width:100%;
	padding:0 2px 0 1px;
	margin-bottom:30px;
	border:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#main_col #campaign_wrap .campaign_box{
	display:block;
	float:left;
	width:150px;
	height:150px;
	padding:19px;
	border-right:1px solid #ccc;
}

#main_col #campaign_wrap .campaign_box:hover{
	background-color:#ffd;
}

#main_col #campaign_wrap .campaign_box:last-child{
	border-right:none;
}

#main_col #campaign_wrap .campaign_box img{
	display:block;
	width:100%;
	height:150px;
}

/* ==================================================

 index みんなが利用中の広告

================================================== */
#recommend_wrap .cnt_recommend{
	width:758px;
	margin:0 auto 30px;
	background-color:#fff;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	text-align:center;
}

#recommend_wrap .point-triangle-rt:after{
	top:0;
	right:0;
}

#recommend_wrap .cnt_recommend .box_ad{
	position:relative;
	float:left;
	width:189px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#recommend_wrap .cnt_recommend .box_ad:nth-child(4n){
	width:188px;
	border-right:none;
}

#recommend_wrap .cnt_recommend .box_ad .box_ad_inner{
	padding:10px;
}

#recommend_wrap .cnt_recommend .title_recommend{
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:12px;
	line-height:1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#recommend_wrap .cnt_recommend .title_recommend_short{
	width:110px;
}

#recommend_wrap .cnt_recommend .cont_img{
	display:block;
    position:relative;
    width:120px;
    max-width:120px;
    min-width:120px;
    height:120px;
	margin:0 auto 10px;
    overflow:hidden;
}

#recommend_wrap .cnt_recommend .cont_img .cnr_round{
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    transform:translate3d(-50%, -50%, 0);
    -webkit-transform:translate3d(-50%, -50%, 0);
    -moz-transform:translate3d(-50%, -50%, 0);
}

#recommend_wrap .cnt_recommend .cont_text{
    width:100%;
}

#recommend_wrap .cnt_recommend .cont_text .recommend_way{
	margin-bottom:5px;
	font-size:12px;
	line-height:18px;
	white-space:nowrap;
	overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;
}

#recommend_wrap .cnt_recommend .cont_text .recommend_pt{
	text-align:center;
	line-height:1.6em;
	vertical-align:middle;
}

#recommend_wrap .cnt_recommend .cont_text .recommend_pt .big{
	font-size:16px;
	font-weight:bold;
	line-height:1.2em;
}

#recommend_wrap .cnt_recommend .cont_text .recommend_pt .pt_after{
	font-size:16px;
	font-weight:bold;
}

#recommend_wrap .no_cnt_recommend{
	padding:30px;
	background-color:#f2f2f2;
	border:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	color:#555;
	font-size:14px;
	text-align:center;
}

/* ==================================================

 index pick up NEWS

================================================== */
.cnt_news{
	width:100%;
	border:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

.news_tabs{
	width:100%;
}

.news_tabs li{
	float:left;
	width:95px;
	padding:10px 0;
	background-color:#fff;
	border-bottom:2px solid #666;
	color:#555;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	text-align:center;
    -webkit-transition:0.1s;
	-moz-transition:0.1s;
	-o-transition:0.1s;
	-ms-transition:0.1s;
	transition:0.1s;
}

.news_tabs li:nth-child(8){
	width:93px;
}

.news_tabs li.open,
.news_tabs li:hover{
	background-color:#1994da;
	border-bottom:2px solid #1574aa;
	color:#fff;
	cursor:pointer;
}

#news_wrap .cnt_news{
	margin-bottom:30px;
}

#news_wrap .news_list{
	margin-top:15px;	
}

#news_wrap .news_list.none{
	display:none;	
}

#news_wrap .left_box,
#news_wrap .right_box{
	float:left;
	width:379px;
	padding:0 20px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#news_wrap .left_box{
	border-right:1px solid #ccc;
}

#news_wrap .article li a{
	display:inline-block;
	padding:5px 0;
	color:#1994da;
	font-size:12px;
	line-height:1.6em;
}

#news_wrap .article li a:hover{
	color:#fd9c00;
}

#news_wrap .article li .news_icon img{
	vertical-align:middle;
}

#news_wrap .article .pr_tag{
	width:364px;/* 先方のタグの余白などで謎の幅 */	
}

#news_wrap .article .pr_tag a{
	float:left;
	display:block;
	max-width:323px;
	line-height:20px;
	text-indent:-2.2em;
	white-space:nowrap;
	overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;
}

#news_wrap .article .pr_tag span{
	float:left;
	display:block;
	width:18px;
	margin:8px 0 8px 5px;
	line-height:12px;
	text-align:center;
}

#news_wrap .article .pr_tag:after{
	content:".";   
	display:block;   
	height:0;   
	clear:both;   
	visibility:hidden;  
}

#news_wrap .news_logo{
	padding:5px 15px 15px;
	text-align:right;
}

/* ==================================================

 index 右カラム 定番ショップ

================================================== */
#right_col{
	position:absolute;
	right:-170px;
}

#classic_wrap{
	width:150px;
	text-align:center;
}

#classic_wrap .menu_title{
	background-color:#63c3db;	
	border-radius:5px 5px 0 0;
}

#classic_wrap .cnt_classic{
	width:100%;
	margin:0 auto 10px;
	background-color:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	border-radius:0 0 5px 5px;
	color:#555;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#classic_wrap .point-triangle-rt:after{
	top:0;
	right:0;
}

#classic_wrap .cnt_classic .box_ad{
	position:relative;
	width:100%;
	border-bottom:1px dashed #ccc;
}

#classic_wrap .cnt_classic .box_ad:last-child{
	border-bottom:none;
}

#classic_wrap .cnt_classic .box_ad .box_ad_inner{
	padding:10px;
}

#classic_wrap .cnt_classic .title_classic{
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:12px;
	line-height:1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#classic_wrap .cnt_classic .title_classic_short{
	width:110px;
}

#classic_wrap .cnt_classic .classic_ad a{
	display:block;
	margin-bottom:10px;
}

#classic_wrap .cnt_classic .classic_ad a img{
	display:block;
	margin:0 auto;
}

#classic_wrap .cnt_classic .cont_img{
	display:block;
    position:relative;
    width:120px;
    max-width:120px;
    min-width:120px;
    height:120px;
	margin:0 auto 5px;
    overflow:hidden;
}

#classic_wrap .cnt_classic .cont_img .over_img{
	display:block;
    position:absolute;
	width:100%;
    top:50%;
    left:50%;
	text-indent:-9999px;
    transform:translate3d(-50%, -50%, 0);
    -webkit-transform:translate3d(-50%, -50%, 0);
    -moz-transform:translate3d(-50%, -50%, 0);
	opacity:0;
	z-index:3;
    animation-name:blink-out;
    animation-duration:1.7s;
    animation-iteration-count:5;/* infinite */
}

@keyframes blink-out{
    0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}

#classic_wrap .cnt_classic .cont_img .cnr_round{
	display:block;
    position:absolute;
	width:100%;
    top:50%;
    left:50%;
    transform:translate3d(-50%, -50%, 0);
    -webkit-transform:translate3d(-50%, -50%, 0);
    -moz-transform:translate3d(-50%, -50%, 0);
}

#classic_wrap .cnt_classic .cont_text{
    width:100%;
}

#classic_wrap .cnt_classic .cont_text .classic_pt{
	text-align:center;
	line-height:1.6em;
	vertical-align:middle;
}

#classic_wrap .cnt_classic .cont_text .classic_pt .big{
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
}

#classic_wrap .cnt_classic .cont_text .classic_pt .pt_after{
	font-size:16px;
	font-weight:bold;
}

#classic_wrap .classic_btn{
	display:block;
	padding:5px 0;
	margin-bottom:20px;
	background-color:#1994da;
	border-radius:30px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:1.2em;;
}

#classic_wrap .classic_btn:hover{
	opacity:0.8;	
}

/* 定番ショップ下部広告 */
#classic_wrap .pr{
    display: block;
    margin: 20px auto 0;
    padding: 5px 0;
    width: 150px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #555;
    background-color: #f2f2f2;    
}

#classic_wrap .ad_skyscraper{
    text-align: center;
}

/* ==================================================

 footer

================================================== */
#foot{
	clear:both;
	min-width:980px;
}

#foot .pr_box{
	float:left;
	width:300px;
}

/*#foot .pr{
	display:block;
	width:300px;
	padding:5px 0;
	margin:0 auto;
	background:#f2f2f2;
	color:#555;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}*/

.ad_730_90{
	width:748px;
	margin-left:auto;
	margin-right:auto;
/*	border: solid 1px #bbb;*/
}

.pr_730_90{
	display:block;
	width:20px;
	height:60px;
	padding-top:30px;
	margin:0 auto;
	background:#f2f2f2;
	color:#555;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	text-align:center;
	vertical-align:middle;
}

.pr_300_250{
	width:300px;
	padding:7px 0 3px;
	margin:0 auto;
	background:#f2f2f2;
	color:#555;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	text-align:center;
}

.pr_b{
	background:#666;
	color:#fff;
}

#foot .attention_box{
	width:980px;
	margin:20px auto;
	text-align:left;
}
	
#foot .attention_box p{
	margin-bottom:10px;
	font-size:12px;
	color:#555;
	line-height:1.6em;	
}
	
#foot .attention_box a{
	text-decoration:none;
}

/* ==================================================

 footer サイトマップ

================================================== */

#footer{
	width:100%;
	padding:10px 0 30px;
	background-color:#333;	
}

/* indexのみtext枠、左カラムが浮いているため特殊処理 */
@media screen and (max-width:1149px){

	.wide_width_wrap #footer{
		min-width:980px;
		padding-right:170px;
	}
	
}

#footer .footer_box{
	width:980px;
	margin:0 auto;
}

#footer .footer_cont_box{
	float:left;
	width:196px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#footer .footer_cont_box dt{
	margin:20px 0 10px;
}

#footer .footer_cont_box dd{
	padding:0 20px;
	border-left:1px solid #444;
}

#footer .footer_cont_box dt a{
	display:block;
	color:#eee;
	font-size:13px;
	font-weight:bold;
	line-height:1.4em;
}

#footer .footer_cont_box dd a{
	display:block;
	color:#fff;
	font-size:12px;
	line-height:2.2em;
}

#footer .footer_cont_box dt a:hover,
#footer .footer_cont_box dd a:hover{
	color:#fd9c00;
}

#footer .footer_cont_box dt .no_link:hover,
#footer .footer_cont_box dd .no_link:hover{
	color:#fff;
	cursor:inherit;
}

#footer .footer_box .footer_cont_box:nth-of-type(2) dd:nth-of-type(6) a{
    font-size: 11px;
}

#footer .safe_area{
  float:left;
  width:490px;
}

#footer .pmark,
#footer .rapid{
	display:block;
	float:left;
}

#footer .pmark{
	width:75px;
	background-color:#f6f8fb;
	border-radius:5px;
	overflow:hidden;
}

#footer .pmark img,
#footer .rapid img{
	display:block;	
}

#footer .rapid img{
	margin-top:25px;
}

/* snsボタン */
#footer .sns_area{
    float:left;
    width:490px;
    margin-top:35px;
}

#footer .sns_area a{
	display:block;
	float:right;
}

#footer .sns_area img{
    width:40px;
    vertical-align:bottom;
}

/* ==================================================

 footer copyright

================================================== */
#foot .device{
	font-size:12px;
	line-height:20px;
}

#foot .copyright_box{
	padding:15px 0;
	background-color:#fff;
	color:#555;
	font-size:12px;
	text-align:center;
	line-height:20px;
}

/* ==================================================

 キャンペーン&コンテンツ 基本

================================================== */
#outer{
	width:980px;
    padding-bottom:40px;
	margin:0 auto;
    background-color:#f2f2f2;
	color:#555;
	font-size:14px;
	line-height:1.6em;
}

#outer img{
    vertical-align:bottom;
}

#outer .top_img{
    margin-bottom:20px;
}

#outer .date{
	width:660px;
    margin: 0 auto 30px;
    padding:20px;
    background-color:#fff;
    box-shadow:0px 1px 3px 0px #ccc;
    font-size:18px;
    text-align:center;
}

/* ==================================================

 タブ

================================================== */
/* 2つのタブ */
#outer #tabs{
    width:706px;
    margin:40px auto;
	over-flow:hidden;
}

#outer #tabs .tab{
	display:block;
    float:left;
	width:350px;
	padding:20px 0;
	background-color:#fff;
    border-radius:0 5px 5px 0;
    color:#555;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
}

#outer #tabs tab:hover{
	cursor:pointer;
}

#outer #tabs .tab:first-child{
	margin-right:2px;
    border-radius:5px 0 0 5px;
}

#outer #tabs .tab:hover,
#outer #tabs .tab.open{
	background-color:#f74361;
	color:#fff;
	cursor:pointer;
}

/* aタグの場合色は全部共通でホバー時はopacity */
#outer #tabs a.tab{
	background-color:#f74361;
	color:#fff;
}

#outer #tabs a.tab:hover{
	opacity:0.8;
}

/* 3つのタブ */
#outer #tabs_3{
    width:940px;
    margin:40px auto;
}

#outer #tabs_3 .tab{
    float:left;
    width:312px;
    padding:20px 0;
	margin-right:2px;
    background-color:#fff;
    color:#555;
    font-size:18px;
    font-weight:bold;
    text-align:center;
	line-height:20px;
}

#outer #tabs_3 .tab:first-child{
    border-radius:5px 0 0 5px;
}

#outer #tabs_3 .tab:last-child{
    margin-right:0;
    border-radius:0 5px 5px 0;
}

#outer #tabs_3 .tab:hover,
#outer #tabs_3 .tab.open{
    background-color:#1994da;
	color:#fff;
	cursor:pointer;
}

/* aタグの場合色は全部共通でホバー時はopacity */
#outer #tabs_3 a.tab{
    background-color:#1994da;
	color:#fff;
}

#outer #tabs_3 a.tab:hover{
	opacity:0.8;
}

/* ==================================================

 基本箱

================================================== */
#outer .conts_box{
    position:relative;
    margin:0 20px 30px;
    background-color:#fff;
    box-shadow:0px 1px 3px 0px #ccc;
}

#outer .conts_pad{
	padding:20px;
}

#outer .conts_box .conts_title{
    display:block;
    padding:2px 0 3px 13px;
    margin:0 0 20px;
    border-left:#63c3db solid 7px;
    border-bottom:#ccc solid 1px;
    color:#555;
    font-size:18px;
    font-weight:bold;
    text-align:left;
    line-height:1.6em;
    letter-spacing:0.1em;
}

#outer .conts_box .msg_box{
	margin:20px 20px 30px;
}

#outer .conts_box .msg_box .msg{
	font-size:16px;
	line-height:1.6em;
    word-break:break-all;
}

#outer .conts_box .msg_box .msg_list{
	padding:20px 0 0;
}

#outer .conts_box .msg_box .msg_list li{
	font-size:16px;
    padding-left:1em;
    text-indent:-1em;
	line-height:1.6em;
	word-break:break-all;
}

/* ==================================================

 説明フロー

================================================== */
#outer .flow_wrap{
	margin-bottom:30px;
}

#outer .flow_wrap .flow_box_2{
    float:left;
    width:440px;
	margin-right:20px;
}

#outer .flow_wrap .flow_box_2:nth-child(2n){
    margin-right: 0;
}

#outer .flow_wrap .flow_box_3{
    float:left;
    width:300px;
}

#outer .flow_wrap .flow_box p{
    font-size:14px;
	line-height:1.6em;
    word-break:break-all;
}

/* タイトル1段 */
#outer .flow_wrap .head_box{
    border-bottom:1px #63c3db solid;
}

#outer .flow_wrap .head_box dt,
#outer .flow_wrap .head_box dd{
    float:left;
    padding:0 10px;
    font-size:16px;
    font-weight:bold;
    line-height:58px;
	letter-spacing:0.1em;
    word-break:break-all;
}

#outer .flow_wrap .head_box .flow_no{
    width:58px;
    background-color:#63c3db;  
    color:#fff;
    text-align:center;
    line-height:58px;
    box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
}

/* タイトル2段 */
#outer .flow_wrap .head_box_2{
    border-bottom:1px #63c3db solid;
}

#outer .flow_wrap .head_box_2 dt,
#outer .flow_wrap .head_box_2 dd{
    float:left;
	height:85px;
    padding:0 10px;
    font-size:16px;
    font-weight:bold;
	letter-spacing:0.1em;
	line-height:85px;
    word-break:break-all;
}

#outer .flow_wrap .head_box_2 .flow_no{
    width:58px;
    background-color:#63c3db;
    color:#fff;
	text-align:center;
    box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
}

#outer .flow_wrap .head_box_2 .flow_title_2{
	padding:20px 10px;
	line-height:1.4em;
    box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
}

#outer .flow_wrap .conts_pad p{
	font-size:14px;
    line-height:1.6em;
    word-break:break-all;
}

/* 中見出し */
.conts_title_2{
    display: block;
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    line-height: 1.6em;
    border-bottom: #ccc solid 1px;
}

.conts_title_2:before{
    position: absolute;
    top: 8px;
    left: 0;
    content: " ";
    width: 7px;
    height: 7px;
    background-color: #63c3db;
}

/* 階層が深いflow */
#outer .deep_flow_wrap{
    padding: 0 20px
}

#outer .deep_flow_wrap .conts_title_2{
    margin-bottom:0;
}

#outer .inner_block{
    padding:20px;
    margin-bottom:20px;
    background-color:#fafafa;
}

#outer .inner_block dt{
    padding-bottom:5px;
    margin-bottom:10px;
    line-height:1.6em;
    border-bottom:1px #ccc solid;
}

#outer .flow_noti{
    padding-top:20px;
	margin-bottom:20px;
    border-top:1px #f74361 dashed;
}

#outer .flow_noti dd{
    padding:10px 0 0 1em;
	font-size:14px;
    line-height:1.6em;
    letter-spacing:0.5px;
    word-break:break-all;
}

#outer .movie_box{
    margin-bottom:30px;
}

#outer .movie_box iframe{
    display:block;
    margin:0 auto;
	border:none;
}

/* ==================================================

 ページャー上 何件中何件までを表示

================================================== */
#outer .list_num{
	width:50%;
	padding:10px 0;
	margin:0 auto 10px;
	background-color:#f2f2f2;
	border-radius:30px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

/* ==================================================

 ページャー

================================================== */
#outer .pager_wrap{
	margin-bottom:30px;
	text-align:center;
}

#outer .pager{
	display:inline-block;
    font-size:0;
	vertical-align:bottom;
}

#outer .pager .hide{
	display:none;
}

#outer .pager a,
#outer .pager .current{
	display:inline-block;
	width:30px;
	padding:10px;
	margin-right:10px;
	background-color:#555;
	color:#fff;
    font-size:14px;
    text-align:center;
	text-decoration:none;
}

#outer .pager span{
	display:inline-block;
	margin-right:10px;
    font-size:14px;
    text-align:center;
}

#outer .pager a:last-child{
	margin-right:0;
}

#outer .pager .prev,
#outer .pager .next{
	width:50px;
}

#outer .pager .current{
	cursor:default;
	background-color:#888;
}

/* ==================================================

 ご注意事項

================================================== */
#outer .notice_wrap .head_icon{
    position:absolute;
    top:-20px;
    left:20px;
    padding:10px 20px;
    background-color:#f74361;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    text-align:center;
}

#outer .notice_wrap ul{
    padding:10px 0 0;
}

#outer .notice_wrap ul li{
    padding:0 0 10px 1em;
    margin-bottom:10px;
    border-bottom:1px #ccc dotted;
    text-indent:-1em;
    line-height:1.6em;
    word-break:break-all;
}

#outer .notice_wrap ul li:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border:none;
}

#outer .notice_wrap ul li a{
	color:#1994da;
}

#outer .notice_wrap ul li a:hover{
	color:#fd9c00;
}

/* ==================================================

 お気に入りに追加・追加済みボタン

================================================== */
#outer .ad_fav_on{
	display:block;
	width:100%;
	height:40px;
	background-image:url("/img_new/ad_fav_on.png");
	background-repeat:no-repeat;
	background-position:center;
	border:2px solid #1994da;
	cursor:pointer;
	text-indent:-9999px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

#outer .ad_fav_on:hover{
	opacity:0.8;
}

#outer .ad_fav_off{
	display:block;
	width:100%;
	height:40px;
	background-image:url("/img_new/ad_fav_off.png");
	background-repeat:no-repeat;
	background-position:center;
	border:2px solid #666;
	text-indent:-9999px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

/* ==================================================

 ボタン

================================================== */
#outer .btn_wrap,
#outer .double_btn_wrap{
	width:780px;
	margin:30px auto 40px;
}

#main_col #outer .btn_wrap,
#main_col #outer .double_btn_wrap{
	width:650px;
	margin:30px auto 40px;
}

#outer .go_btn{
	display:block;
	width:100%;
	padding:20px 0;
	background-color:#f74361;
	color:#fff;
	cursor:pointer;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
}

#outer .go_btn:hover{
	cursor:pointer;
	opacity:0.8;
}

#outer .bg_blue{
	background-color:#1994DA;
}

#outer .bg_gray{
	background-color:#666;
}

#outer .double_btn_wrap .go_btn{
	display:block;
	float:left;
	width:380px;
}

#main_col #outer .double_btn_wrap .go_btn{
	display:block;
	float:left;
	width:270px;
}

#outer .double_btn_wrap .go_btn:first-child{
	margin-right:20px;
}

#outer .used_btn{
	display:block;
	width:100%;
	padding:20px 0;
	background-color:#666;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
}

/* ==================================================

 モーダル

================================================== */
#outer .overlay_tuto{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background-color:rgba(0,0,0,0.6);
    z-index:9999;
}

#outer .hide_btn{
    position:absolute;
    top:-50px;
    right:0;
    width:50px;
    height:50px;
    color:#fff;
	cursor:pointer;
    font-size:50px;
    font-weight:bold; 
    font-family:Arial, Baskerville, monospace;
    text-align:center;
    line-height:50px;
}

#outer #modal_box{
    position:relative;
	width:1020px;
	margin:0 auto;
}

/* ==================================================

 メリメロ動画

================================================== */
#outer .ad_movie_box{
	width:100%;
	padding:20px;
	margin:20px auto 30px;
	background-color:#fff;
/*	border:1px solid #ccc;*/
	box-shadow:0 1px 3px 0 #ccc;
	text-align:center;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;	
}

#outer .ad_movie_wrap{
	position:relative;
	width:620px;
	margin:0 auto;
}

#outer .ad_movie{
	position:relative;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
}

#outer .ad_movie iframe{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

/* ==================================================

 登録方法動画

================================================== */
#outer .ad_method_box{
	width:100%;
	padding:20px;
	margin:20px auto 30px;
	background-color:#fff;
	border:1px solid #ccc;
	box-shadow:0 1px 3px 0 #ccc;
	text-align:center;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	
}

#outer .ad_method_wrap{
	margin-bottom: 10px;
	height:100%;
	overflow:hidden;
	display: table;
}

#outer .ad_method{
	position:relative;
	width:426px;
	height:230px;
	display: table-cell;
	vertical-align: middle;
}

#outer .ad_method iframe{
	width:100%;
	height:100%;
}

#outer .ad_method_detail{
	width: 272px;
	padding: 0 20px 0 10px;
    font-size: 12px;
    line-height: 1.6em;
    text-align: left;
	display: table-cell;
	vertical-align: middle;
}

#outer .ad_method_detail ul li{
    font-size: 12px;
    line-height: 1.6em;
    text-align: left;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #ccc;
}

#outer .ad_method_detail ul li:last-child{
	border-bottom: none;
}

#outer .ad_method_detail ul li table{
    width: 252px;
	margin: 5px 10px;
}

#outer .ad_method_detail ul li table th{
    padding: 8px;
	background-color: #666;
	color: #fff;
	text-align: center;
	border: 1px solid #666;
}

#outer .ad_method_detail ul li table tr td{
    padding: 8px 10px;
	border: 1px solid #ccc;
	text-align: center;
}

#outer .ad_method_notes{
	font-size: 12px;
}

/* ==================================================

 最下部コンテンツバナー

================================================== */
.conts_bnr_wrap li{
    width: 16%;
}

.conts_bnr_wrap li:not(:last-child){
    margin-right: 0.8%;
}

.conts_bnr_wrap img{
    display: block;
}