@charset "utf-8";
/* CSS Document */

#main_contents {
 float:right;
 padding-right: 5px;
}


.narrow #main_contents { width:600px;}
.wide #main_contents { width:770px;}

#main_contents a { color:#3D66C2;}
#main_contents a:visited { color:#006666;}
#main_contents a:hover { color:#FF6600;}
.mlist01 a:hover,.ranking_list p a:hover,.trouble_inner a:hover,.koneta_inner a:hover,.lg_inner a:hover,.ex_inner a:hover,.mlist05 p a:hover,#info_box a:hover { background:#FEE1AD;}

.narrow .hidden { display:none;}
.mbox { background:url(/images/toppage/main/box_top_bg.jpg) left top repeat-x; padding-top:22px; clear:both; margin-top:15px;}

#n_main_flash { margin-bottom:15px;}
#w_main_flash { display:none;}

.ttl_area { margin:0 15px; border-bottom:#C0E6F1 2px solid; padding-bottom:5px;}
.ttl_area h4 { float:left; background:url(/images/toppage/main/icon_ttl_snow.gif) left top no-repeat; height:16px; padding-left:20px;}
.wide .ttl_area h4 { background:url(/images/toppage/main/wide/icon_ttl_snow.gif) left top no-repeat; height:20px; padding-left:23px;}
.ttl_area h4 img { padding-top:1px;}
.wide .ttl_area h4 img { padding-top:3px;}
.ttl_area p { float:right; margin-top:4px;}
.wide .ttl_area p { float:right; margin-top:6px;}
#m_serch_box .ttl_area h4 { background:url(/images/toppage/main/icon_king.jpg) left top no-repeat; height:20px; padding-left:28px;}
#m_serch_box .ttl_area h4 img { padding-top:5px;}
#m_serch_box .ttl_area p { margin-top:8px;}

#read_box h3 { background:url(/images/toppage/main/read_ttl_bg.jpg) left top no-repeat; width:600px; height:48px; line-height:32px; font-size:18px; font-weight:bold; color:#FFF; text-align:center;}
.wide #read_box h3 { background:url(/images/toppage/main/wide/read_ttl_bg.jpg) left top no-repeat; width:770px; height:63px; line-height:38px;}
#read_box p { padding:0 8px;}
#read_box ul { margin:10px 1px 0;}
.wide #read_box ul { margin:10px 0 0;}
#read_box ul li { float:left; margin-left:5px;}
.wide #read_box ul li { margin-left:10px;}
#read_box ul li.first { margin-left:0;}

.update,.update_e { font-size:10px; font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック"; color:#999; }
.update_e { text-align:right; padding-right:15px; margin-top:10px; clear:both;}

/*==================tab==================*/
div.simpleTabs { margin-top:5px; padding-left:7px; width:552px; margin:5px auto;}
.wide div.simpleTabs { width:728px;}
ul.simpleTabsNavigation { margin:0; padding:0; text-align:left; }
ul.simpleTabsNavigation li { list-style:none; float:left; margin:0; padding:0; position:relative;}
ul.simpleTabsNavigation a { position:relative;}
ul.simpleTabsNavigation li.n02 a { left:-1px;}
ul.simpleTabsNavigation li.n03 a { left:-2px;}
ul.simpleTabsNavigation li.n04 a { left:-3px;}
ul.simpleTabsNavigation li.n05 a { left:-4px;}
ul.simpleTabsNavigation li.n06 a { left:-5px;}
ul.simpleTabsNavigation li.n07 a { left:-6px;}
ul.simpleTabsNavigation li.n08 a { left:-7px;}
ul.simpleTabsNavigation li a { width:69px; height:41px; display:inline-block;}
.wide ul.simpleTabsNavigation li a { width:91px; height:50px; display:inline-block;}

ul.simpleTabsNavigation li.n01 a { background:url(../images/main_contents/tab_navi01.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n02 a { background:url(../images/main_contents/tab_navi02.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n03 a { background:url(../images/main_contents/tab_navi03.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n04 a { background:url(../images/main_contents/tab_navi04.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n05 a { background:url(../images/main_contents/tab_navi05.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n06 a { background:url(../images/main_contents/tab_navi06.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n07 a { background:url(../images/main_contents/tab_navi07.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n08 a { background:url(../images/main_contents/tab_navi08.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n01 a { background:url(../images/main_contents/wide/tab_navi01.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n02 a { background:url(../images/main_contents/wide/tab_navi02.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n03 a { background:url(../images/main_contents/wide/tab_navi03.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n04 a { background:url(../images/main_contents/wide/tab_navi04.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n05 a { background:url(../images/main_contents/wide/tab_navi05.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n06 a { background:url(../images/main_contents/wide/tab_navi06.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n07 a { background:url(../images/main_contents/wide/tab_navi07.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n08 a { background:url(../images/main_contents/wide/tab_navi08.gif) left top no-repeat;}
ul.simpleTabsNavigation a.current { z-index:2;}
ul.simpleTabsNavigation li.n01 a.current { background:url(../images/main_contents/tab_navi01_active.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n02 a.current { background:url(../images/main_contents/tab_navi02_active.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n03 a.current { background:url(../images/main_contents/tab_navi03_active.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n04 a.current { background:url(../images/main_contents/tab_navi04_active.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n05 a.current { background:url(../images/main_contents/tab_navi05_active.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n06 a.current { background:url(../images/main_contents/tab_navi06_active.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n07 a.current { background:url(../images/main_contents/tab_navi07_active.gif) left top no-repeat;}
ul.simpleTabsNavigation li.n08 a.current { background:url(../images/main_contents/tab_navi08_active.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n01 a.current { background:url(../images/main_contents/wide/tab_navi01_active.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n02 a.current { background:url(../images/main_contents/wide/tab_navi02_active.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n03 a.current { background:url(../images/main_contents/wide/tab_navi03_active.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n04 a.current { background:url(../images/main_contents/wide/tab_navi04_active.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n05 a.current { background:url(../images/main_contents/wide/tab_navi05_active.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n06 a.current { background:url(../images/main_contents/wide/tab_navi06_active.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n07 a.current { background:url(../images/main_contents/wide/tab_navi07_active.gif) left top no-repeat;}
.wide ul.simpleTabsNavigation li.n08 a.current { background:url(../images/main_contents/wide/tab_navi08_active.gif) left top no-repeat;}

ul.simpleTabsNavigation li a span { display:none;}
div.simpleTabsContent { border:1px solid #C2C2C2; border-top:none; display:none; clear:both; width:543px;}
.wide div.simpleTabsContent { width:719px;}
div.simpleTabsContent.currentTab { display:block; }

.tab_inner { padding:15px 30px 15px 15px;}
.wide .tab_inner { padding:15px 50px 15px 15px;}
.tab_inner .mlist01 { float:left;}
.tab_inner div { float:right;}
/*==================tab==================*/

.mlist01 li { background:url(/images/toppage/main/icon_snow.gif) left 50% no-repeat; padding-left:16px; line-height:140%; margin-top:3px;}
.mlist01 li.bg_none { background:none;}
.mlist01 li a { color:#3366CC;}
.mlist01 li.update { padding-left:0; background:none; margin-top:0; padding-bottom:2px;}

.ranking_list,.mlist05 { margin-top:15px; clear:both; padding:0 16px;}
.wide .ranking_list,.wide .mlist05 { padding:0 35px;}
.ranking_list li,.mlist05 li { float:left; width:100px; margin-left:17px;}
.wide .ranking_list li,.wide .mlist05 li { margin-left:20px;}
.wide #season_box .mlist05 li { margin-left:45px;}
.wide #season_box .mlist05 li.first { margin-left:0;}
.ranking_list li.first,.mlist05 li.first { margin-left:0;}
.ranking_list li a,.ranking_list li img,.mlist05 li a,.mlist05 li img { display:block;}
.ranking_list li a { margin-bottom:8px;}
.ranking_list li p a,.mlist05 li p a { display:inline-block; margin-bottom:0; margin-top:2px;}
.ranking_list li p { margin-top:2px;}
.ranking_list li p span,.mlist05 li p span { color:#CC0000; font-weight:bold;}
.mlist05 li p { margin-top:4px;}

#m_serch_list { padding:0 5px;}
.wide #m_serch_list { padding:0 15px 0 16px;}
#m_serch_list .left,#m_serch_list .right { width:290px;}
.wide #m_serch_list .left,.wide #m_serch_list .right { width:364px;}
#m_serch_list .left ul li,#m_serch_list .right ul li { float:left; margin-top:10px;}

.trouble_inner { padding:25px 0 0 25px;}
.wide .trouble_inner { width:575px; margin:0 auto;}
.trouble_inner .right { float:right; margin:5px 0 0 0; width:400px;}
.trouble_inner .right p { padding-top:5px;}

.trouble_list01,.trouble_list02 { width:130px; float:left;}
.trouble_list01 li,.trouble_list02 li { padding-left:13px; line-height:180%;}
.trouble_list01 li { background:url(/images/toppage/main/icon_circle_blue.gif) left 50% no-repeat;}
.trouble_list02 li { background:url(/images/toppage/main/icon_circle_green.gif) left 50% no-repeat;}

.koneta_inner { padding:10px 0 20px 10px;}
.koneta_inner .mlist02 { float:right; margin-top:5px; width:385px;}
.wide .koneta_inner { width:600px; margin:0 auto;}
.mlist02 li { background:url(/images/toppage/main/icon_circle_orange.gif) left 50% no-repeat; padding-left:13px; line-height:160%;}
.mlist02 li.icon_red { background:url(/images/toppage/main/icon_circle_red.gif) left 50% no-repeat;}
.mlist02 li.back_num { background:none; text-align:right;}

.lg_inner { padding:10px 0;}
.mlist03 dt { color:#3398CE; font-size:14px; font-weight:bold; padding-bottom:5px;}
.mlist03 dd { background:url(/images/toppage/main/arrow_green.gif) left 4px no-repeat; line-height:140%; padding-left:13px; margin-top:7px;}
.mlist03 dd span { color:#2768CE;}
.mlist03 dd.more { background:none; padding-left:0;}
.lg_inner .mlist03 { float:left; margin-left:15px; width:405px; margin-top:2px;}
.wide .lg_inner { width:600px; margin:0 auto;}

.ex_inner { padding:15px 0 10px 20px;}
.mlist04 dt { margin-bottom:5px;}
.mlist04 dt strong { color:#9DCD6B; font-weight:bold;}
.mlist04 dt span { color:#2768CE;}
.mlist04 dt,.mlist04 dd { line-height:130%;}
.ex_inner .mlist04 { float:left; margin-left:15px; width:445px; margin-top:2px;}
.wide .ex_inner .mlist04 { width:615px;}

#new_box,#limited_box,#sold_box { padding-bottom:10px;}
#season_box { padding-bottom:20px;}

.info_list01 { width:496px; background:#FFFFE8; margin:20px auto 0; padding:2px;}
.info_list01 li { color:#2768CE; line-height:140%; background:url(/images/toppage/main/icon_circle_green02.gif) left 50% no-repeat; padding-left:18px;}

.info_list02 { text-align:center; color:#666;}
.info_list02 a { display:inline-block; margin:0 1px;}


/* ▼ロングバナーエリア　幅540px内 */
.lngbannerarea {
	width: 450px;
	margin: 0 auto 0 auto;
	padding: 15px 0 0 0;
}
.lngbanner {
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0 0 5px 0;
}


/* ▼二つバナーエリア　 */

.mdlbannerarea {
	width: 550px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.mdlbanner01 {
	float: left;
	width: 250px;
	margin: 0 5px 0 10px;
	/* IE用ハック */
	_margin: 0 5px 0 5px;
	padding: 0 0 0 0;
}

.mdlbanner02 {
	float: right;
	width: 250px;
	margin: 0 10px 0 5px;
	/* IE用ハック */
	_margin: 0 5px 0 5px;
	padding: 0 0 0 0;
}


/*　【トップページ用】PC用Bバナー④右カラム（上部ボタン群・ツイッターエリア）
（レスポンシブ化　300px*225px⇔160px*120px）
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#rightcolumn_banner_textarea{
	max-width:300px;
    margin-left:auto;
    margin-right:auto;
    }
	
/* スタイルが効かない時対策 */	
.rightcolumn_banner_textarea{
	max-width:300px;
    margin-left:auto;
    margin-right:auto;
    }

.rightcolumn_banner_area{
	width:100%;
}

.rightcolumn_banner_photo {
	margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
}

/* 黒帯 */
.rightcolumn_banner_text {
	width:95%;
	font-size:	14px;
	text-align:	left;
	bottom:		0;
	margin:		0;
	padding:	5px 10px;
	color:		#fff;
	background:	rgba(0,0,0,0.4); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

/* 青帯 */
.rightcolumn_banner_text2 {
	width:95%;
	font-size:	14px;
	text-align:	left;
	bottom:		0;
	margin:		0;
	padding:	5px 10px;
	color:		#fff;
	background:	rgba(102,204,255,0.8); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

.rightcolumn_banner_item {
	width: 100%;
	margin: 15px 0 0 0;
    overflow: hidden;
    display: block;
    position: relative;
}

/*　【トップページ用】PC用Bバナー②特集企画　270*110px
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* バナー全体表示用 */
#content_banner_textarea{
	width:590px;
    margin-left:auto;
    margin-right:auto;
    }
	
/* バナー全体表示用 */	
/* スタイルが効かない時対策 */	
.content_banner_textarea{
	width:590px;
    margin-left:auto;
    margin-right:auto;
    }

.content_banner_area{
	width:270px;
}

.content_banner_areabox {
		/* boxレイアウトの指定 */
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	margin-left:15px;
	}

.content_banner_photo {
	margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
}

/* 黒帯 */
.content_banner_text1 {
	width:250px;
	font-size:	16px;
	text-align:	left;
	bottom:		-10px;
	margin:		0;
	padding:	5px 10px;
	color:		#fff;
	background:	rgba(0,0,0,0.4); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

/* 青帯 */
.content_banner_text2 {
	width:250px;
	font-size:	16px;
	text-align:	left;
	bottom:		0;
	margin:		0;
	padding:	5px 10px;
	color:		#fff;
	background:	rgba(102,204,255,0.8); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

/* 落ち着いた青帯 */
.content_banner_text3 {
	width:250px;
	font-size:	16px;
	text-align:	left;
	bottom:		0;
	margin:		0;
	padding:	5px 10px;
	color:		#fff;
	background:	rgba(107,158,214,0.7); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

.content_banner_item {
	width: 270px;
	margin: 5px;
    overflow: hidden;
    display: block;
    position: relative;
}

.content_banner_new {
    width: 100px;
    padding: 5px 10px;
    background: #FF0F87;
	letter-spacing: 1px;
    color: #fff;
	font-size:14px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -37px;
    text-transform: uppercase;
    transform: rotate(330deg);
}

/*角丸ボタン*/
#content_banner_button a{
    width:300px;
    font-size:14px;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:10px 0 10px;
	margin: 8px 0 20px 270px;
    color: #FFF !important;
    background-color: #F90;
    border-radius:5px;
    box-shadow:2px 2px #F60;
	
}


/*　【トップページ用】PC用Bバナー③今だけのキャンペーン企画
（特別企画特集バナー）300px*250px（表示は270px）
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* バナー全体表示用 */
#camp_banner_textarea{
	width:600px;
    margin-left:auto;
    margin-right:auto;
    }
	
/* バナー全体表示用 */	
/* スタイルが効かない時対策 */	
.camp_banner_textarea{
	width:600px;
    margin-left:auto;
    margin-right:auto;
    }

.camp_banner_area{
	width:270px;
}

.camp_banner_areabox {
		/* boxレイアウトの指定 */
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	}

.camp_banner_photo {
	margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
}

/* 黒帯 */
.camp_banner_text1 {
	width:250px;
	font-size:	16px;
	text-align:	left;
	bottom:		0;
	margin:		0;
	padding:	5px 10px;
	color:		#fff;
	background:	rgba(0,0,0,0.4); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

/* 青帯 */
.camp_banner_text2 {
	width:250px;
	font-size:	16px;
	text-align:	left;
	bottom:		0;
	margin:		0;
	padding:	5px 10px;
	color:		#fff;
	background:	rgba(102,204,255,0.8); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

.camp_banner_item {
	width: 270px;
	margin: 10px;
    overflow: hidden;
    display: block;
    position: relative;
}

.camp_banner_new {
    width: 100px;
    padding: 5px 10px;
    background: #FF0F87;
	letter-spacing: 1px;
    color: #fff;
	font-size:14px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -37px;
    text-transform: uppercase;
    transform: rotate(330deg);
}

/*　【トップページ用】女性のお悩み枠
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#onayami_textarea{
	width:550px;
    margin-left:auto;
    margin-right:auto;
}

.onayami_textarea{
	width:550px;
    margin-left:auto;
    margin-right:auto;
}

/*========================================
  boxsizing
==========================================*/


.feature_sec * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

/*========================================
  feature_sec
==========================================*/

.feature_sec .feature_inr {
  position: relative;
  padding-bottom: 5px;

  background: -webkit-linear-gradient(top,  #E6F1FA 0%,#ffffff 50%,#E6F1FA 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #E6F1FA 0%,#ffffff 50%,#E6F1FA 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.feature_sec .feature_inr:before,
.feature_sec .feature_inr:after {
  content: '';
  height: 100%;
  width: 100%;
  background-size: cover;
  position: absolute;
  left: 0;
  z-index: 1;
}
.feature_sec .feature_inr:before {
  background: url(images/bg_feature01.png) left top no-repeat;
  top: 0;
}
.feature_sec .feature_inr:after {
  background: url(images/bg_feature02.png) left bottom no-repeat;
  bottom: 0;
}
.feature_sec .feature_inr > * {
  position: relative;
  z-index: 2;
}
.feature_sttl,
.feature_ttl,
.feature_ttl2 {
  text-align: center;
  clear:both;
 /* line-height: 1.4;*/
}

  .feature_sec .select-layout .select-col {
    padding: 0 5px;
    margin-top: 15px !important;
	width: 33.33%;
  }
.feature_sec .select-img a:hover .select-border {
  border: 4px solid #6B9ED2;
}
.feature_sec .select-img .absolute {
  text-align: center;
}
.feature_sec .select-img .absolute p {
  text-align: center;
  line-height: 1.4;
}
.feature_sec .select-img .absolute .ttl {
  background: none;
  font-weight: normal;
  color: #6b9ed2;
  font-size: 16px;
  display: inline-block;
  position: relative;
  padding-right: 15px;
  font-size: 12px;
}
.feature_sec .select-img .absolute .ttl .circleAr {
  position: absolute; 
  right: 0;
  top: 50%;
	-webkit-transform : translateY(-50%);
	-ms-transform : translateY(-50%);
	transform : translateY(-50%);
  
}
.feature_sec .select-img .absolute .txt {
  font-size: 10px;
  margin-top: 1px;
  color: #333;
}
.feature_sec .btn_white {
  margin: 20px 20px 0;
  font-size: 16px;
}

.feature_sec .btn_white:after {
  margin-left: 10px;
}

/* 768px 以下 (TAB of SP) */

  .feature_sttl {
    padding-top: 20px;
    font-size: 14px;
    margin-bottom: 7px;
  }
  .feature_ttl {
    font-size: 18px;
    padding: 0 10px;
    line-height: 1.2;
  }
  
  .feature_ttl2 {
    font-size: 18px;
  }
  
  .feature_ttl strong,
  .feature_ttl2 strong {
  text-align: center;
  font-size: 20px;
  color: #6b9ed2;
}
  .feature_sec .select-layout {
    padding: 0 5px;
  }

  .select-layout .select-col .select-img a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-width: 3px;
  }
  .feature_sec .select-img .absolute {
    padding-bottom: 0;
  }
  
#contents .select-layout .pc_flick .select-col {
  padding-bottom: 10px;
}
#contents .select-layout .pc_flick .flickity-page-dots {
  margin-top: 12px;
}
#contents .select-layout .pc_flick {
  margin-bottom: 5px;
}

/*---------------------------------------------------*
	select
 *---------------------------------------------------*/
.select-layout {
  padding: 0;
  margin:0 4% 20px 4%;
}
.select-layout .select-col {
  width: 25%;
  padding: 0 10px;
  margin: 0 !important;
}
.select-layout .select-col:nth-child(3n+1) {
      clear: both;
  }
/*
.select-layout .select-col .select-img a .absolute p {
  font-size: 16px;
  padding: 10px 0;
}
*/
.select-img a:hover .select-border { border: 4px solid #FF9999; }
/*
.select-img a:hover .absolute p { color: #FF9999; }
*/

@media screen and (min-width: 768px) {
	.select-layout {
		clear: both;
		padding: 20px;
	}
}
.select-layout .select-col {
	float: left;
	width: 150px;/*★トップ用３列表示★*/
	margin-left: 15px;
	margin-bottom: 15px;
}
.select-layout .select-img {
    position: relative;
}
.select-layout .select-border {
	border: 4px solid #fff;
	border-radius: 10px;
	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 12px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 12px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 12px 2px;
}
.select-layout .select-col .select-img,
.select-layout .select-col .select-img a img {
	-webkit-transition: 0.15s linear;
	-moz-transition: 0.15s linear;
	-ms-transition: 0.15s linear;
	transition: 0.15s linear;
}

.select-layout .select-col .select-img a img {
	margin: 0;
	width: 100%;
}

/* 20160121 add */
.select-layout .select-col {
	-webkit-transition: 0.15s linear;
	-moz-transition: 0.15s linear;
	-ms-transition: 0.15s linear;
	transition: 0.15s linear;
}
.select-layout .select-col .select-img a .absolute {
    position: absolute;
    width: 100%;
    z-index: 100;
    bottom: 0;
    border-radius: 0 0 7px 7px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
}
.select-layout .select-col .select-img a .absolute .ab_inr {
  background: rgba(255,255,255,0.55);
  padding: 10px 0 10px 0;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}
/*
.select-layout .select-col .select-img a .absolute p {
    border-radius: 0 0 10px 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 120% !important;
    text-align: center;
    text-shadow:
	1px 1px 2px rgba(255,255,255,0.5),
	-1px 1px 2px rgba(255,255,255,0.6),
	1px -1px 2px rgba(255,255,255,0.6),
	-1px -1px 2px rgba(255,255,255,0.5);
}
*/
/*hover*/
.select-layout .select-col .select-img:hover {
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	   -ms-transform: scale(1.05);
	   transform: scale(1.05);
}
.select-layout .select-col .select-img a:hover .absolute {
	border-radius: 0 0 5px 5px;
}
.parent:hover > .select-col {
	opacity: 0.7;
	filter:saturate(10%) sepia(10%);
	-webkit-filter:saturate(10%) sepia(10%);
		-moz-filter:saturate(10%) sepia(10%);
		-ms-filter:saturate(10%) sepia(10%);
}
.parent:hover > .select-col:hover {
	position: relative;
	z-index: 5;
	opacity: 1;
	filter:saturate(100%) sepia(0%);
	-webkit-filter:saturate(100%) sepia(0%);
		-moz-filter:saturate(100%) sepia(0%);
		-ms-filter:saturate(100%) sepia(0%);
}

@media screen and (max-width: 768px) {
	.ttl {
		margin-top: 0;
	}
	.ttl h3 {
		font-size: 18px;
		line-height: 210%;
		padding: 20px 5% 20px 5%;
	}
	.ttl .icon-q {
		display: block;
		min-height: 36px;
		padding-left: 45px;
		background-size: 36px !important;
	}
    .select-layout {
        margin-right: 4%;
    }
	.select-layout .select-col {
        width: 28%;
        margin: 0 0 0 5% !important;
	}
    .select-layout .select-col:nth-child(3n+1) {
        clear: both;
    }
    .select-layout .select-col .select-border {
    	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 1px;
    	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 1px;
    	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 1px;
    }
	.select-layout .select-col .absolute {
	    position: static !important;
	    background: none !important;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
	    border-radius: 0 0 10px 10px;
	}
  /*
	.select-layout .select-col .select-img a .absolute p {
		display: block;
		width: auto;
		height: auto;
	    font-size: 14px;;
		font-weight: bold;
		text-shadow: none;
	    text-align: center;
		padding: 5px 0 12px 0;
	}
  */
  .select-layout .select-col .select-img a .absolute .ab_inr {
    background: none;
    padding-bottom: 0;
    
  }
}


#taiken .sec_mayoi {
  margin-bottom: 0 !important;
}
.info_box .voice_detail .data_box .star {
  font-size: 14px;
}



/*---------------------------------------------------*
	Button Style
 *---------------------------------------------------*/
#taiken a.btn_style1, #taiken a.btn_style3 {
	display:inline-block; color:#FFF; text-align:center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#taiken a.btn_style1 span, #taiken a.btn_style3 span {
	padding:0 0 0 12px;
	background:url(../images/2014_link_w_arrow.png) no-repeat left center;
}
#taiken a.btn_style1 span.icon_right, #taiken a.btn_style3 span.icon_right {
	display:block;
	padding:0 12px;
	background:url(../images/2014_point_arrow2.png) no-repeat right center;
}
#taiken a.btn_style3 span { background-image: url(images/ic_check.png);}


#taiken a.btn_style2 {
	display:inline-block; text-align:center;
	border:#EEE 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#taiken a.btn_style2 span {
	padding:0 12px;
	background:url(../images/2014_link_g_arrow.png) no-repeat left center;
}


.text_ttl span {
	font-size: 16px; color: #FFF; background: url(images/2014_icon_ttl2.png) 0 0 no-repeat; padding-left: 25px; line-height: 120%; display: block; line-height: 120%;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
.text_ttl {
	font-size: 16px;
  color: #FFF;
  background: #62A7CE;
  padding: 8px 10px 7px 20px;
  line-height: 120%;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
.item_slide_box .text_ttl { margin-bottom: 15px;}


.btn_page_top {
  clear: both;
  text-align: right;
  margin-top: 25px;
  padding-right: 20px;
  
}
.btn_page_top a {
  color:#333;
  font-size: 10px;
}
.btn_page_top .ar,
.ar_list .ar {
	display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../images/set_ar_blue.png) 0 0 no-repeat;
  width: 5px;
  height: 5px;
	margin-right: 5px;
	
	background-position: 0 -8px;
	
	background-size: 5px auto;
	-webkit-background-size: 5px auto;
	-moz-background-size: 5px auto;
	-o-background-size: 5px auto;
	-ms-background-size: 5px auto;
	}

.over:hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
	zoom: 1;
}
.btn_more > span{
	border: #AEC8DF 1px solid; background: #FFF; color: #3978B2; display: inline-block; *display: inline; *zoom: 1; /*padding: 5px 0;*/ /*width: 100px;*/ text-align: center;
	/*margin-top: -13px;*/
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
	font-size:14px; /* 20160627 STEK修正 */
	padding:15px 0; /* 20160627 STEK修正 */
	margin-top:-22px; /* 20160627 STEK修正 */
	width: 588px; /* 20160627 STEK修正 */
	
	}
	
@media screen and (max-width: 640px) {

	.btn_more { /* 20160627 STEK修正 */
		margin-top: 25px;
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.btn_more > span{ /* 20160627 STEK修正 */
		width: auto;
		display: block;
	}

}

.btn_more > span .ic {
	display: inline-block; *display: inline; *zoom: 1; background: url(images/set_ar_blue.png) 0 -15px no-repeat; width: 5px; height: 5px; position: relative; top: -1px; left: 0; margin-left: 5px;
	
	background-size: 5px auto;
	-webkit-background-size: 5px auto;
	-moz-background-size: 5px auto;
	-o-background-size: 5px auto;
	-ms-background-size: 5px auto;
	}
.btn_more { border-top: #DDDDDD 1px dotted; display: block; text-align: center !important; margin-top: 20px;}


.btn_more > span{
	border: #AEC8DF 1px solid; background: #FFF; color: #3978B2; display: inline-block; *display: inline; *zoom: 1; /*padding: 5px 0;*/ /*width: 100px;*/ text-align: center;
	/*margin-top: -13px;*/
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
	font-size:14px; /* 20160627 STEK修正 */
	padding:15px 0; /* 20160627 STEK修正 */
	margin-top:-22px; /* 20160627 STEK修正 */
	width: 588px; /* 20160627 STEK修正 */
	
	}
	
@media screen and (max-width: 640px) {

	.btn_more { /* 20160627 STEK修正 */
		margin-top: 25px;
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.btn_more > span{ /* 20160627 STEK修正 */
		width: auto;
		display: block;
	}


}

.btn_more > span .ic {
	display: inline-block; *display: inline; *zoom: 1; background: url(images/set_ar_blue.png) 0 -15px no-repeat; width: 5px; height: 5px; position: relative; top: -1px; left: 0; margin-left: 5px;
	
	background-size: 5px auto;
	-webkit-background-size: 5px auto;
	-moz-background-size: 5px auto;
	-o-background-size: 5px auto;
	-ms-background-size: 5px auto;
	}
.act .btn_more > span .ic { background-position: left top;}
.btn_more.act > span .ic { background-position: 0 0;}
	
.btn_more .hidden,
.btn_more.act .more,
.act .btn_more .more { display: none;}
.btn_more .more,
.btn_more.act .hidden,
.act .btn_more .hidden { display: inline;}

/*clearfix*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7?O_uEU*/

.clearfix{display:inline-block;} /*IE7MacIE5*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6?O*/


/*矢印*/
.circleAr {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #6b9ed2;
  position: relative;
  font-size: 0;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.circleAr:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 5px;
  border-color: transparent transparent transparent #ffffff;

  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: 1px;
	-webkit-transform : translate(-50%,-50%);
	-ms-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}
.ar_r:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 5px;
  border-color: transparent transparent transparent #6b9ed2;
  margin-left: 5px;
}
.ar_l:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 5px;
  border-color: transparent transparent transparent #6b9ed2;
  margin-right: 5px;
}

.btn.ar_l:before {
  border-color: transparent transparent transparent #fff;
}

.ic_chek_css span:before {
	display: inline-block;
	content: '';
  position: relative;
  margin-right: 5px;
  top: -2px;
	width: 6px;
	height: 3px;
	border-left: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



.btn_white {
  display: block;
  padding: 15px 10px;
  border: #E1E9ED 1px solid;
  background: #FFF!important;
  color: #6b9ed2 !important;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none !important;
  text-align: center !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/*! Flickity v2.0.2
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  /*
  top: 50%;
  */
  display: block;
  width: 24px;
  height: 24px;
  margin:10px 0;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  /*+
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  */
}

/*
.flickity-prev-next-button:hover { background: white; }
*/
.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 0; }
.flickity-prev-next-button.next { right: 0; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 0;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 0;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #6B9ED6;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 8px;
  background: #6B9ED6;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}