@charset "utf-8";
@import url("common.css");
@import url("style_new.css");
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap);

/*
===========================================
	=01. common
-----------------------------------------*/
body {
	/*プロジェクトごとに変更*/
	background: #fff;
	color: #333333;
	font-size: 16px;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	/* sp用に追加 */
	width:auto;
}

/* font-size */
.xl	{ font-size: 18px; }
.l	{ font-size: 16px; }
.m	{ font-size: 14px; }
.s	{ font-size: 12px; }
.xs { font-size: 10px; }
.b	{ font-weight: bold; }

/* anchor */
a { outline: none; }
a:link { color: #666666; }
a:hover { color: #666666; }
a:visited { color: #666666; }
a:active { color: #666666; }

img{
	vertical-align:top;
	margin: 0;
	padding: 0;
	/*max-width:1000px;*/
}

.ts {
	padding: 5px;
	display: inline-block;
}

.qp {
	zoom: 0.5;
}
.qp2 {
	font-weight:bold;
}
.qp3 {
	width:95%;
}

/*
===========================================
	=02. header
-----------------------------------------*/

.tap-blur {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.accordion_tree{
	display:none
}

#header{
	padding-bottom:0;
	position: relative;
	background: -webkit-gradient(linear, center bottom, center 1%, from(#f2f2f2), to(#fff));
}

#header p{
	margin: 3px 10px 0 10px;
}

#header #h_menu{
	position: absolute;
	top: 5px;
	right: 0;
	width: 100px;
	height: 30px;
	text-indent: -999px;
	background: url(../img/menu_off.png)no-repeat;/* 非表示状態ボタン */
	-webkit-background-size: 100px 30px;
	background-size: 100px 30px;
}

#header #h_menu.on{
	background: url(../img/menu_on.png)no-repeat;/* 表示状態ボタン */
	-webkit-background-size: 100px 30px;
	background-size: 100px 30px;
}

#header #h_menu.selcted{
	background: url(../img/menu_on.png)no-repeat;
	-webkit-background-size: 100px 30px;
	background-size: 100px 30px;
}

#header #h_index{
	position: absolute;
	top: 51px;
	right: 0;
	width: 256px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	display: none;
	z-index:999;
}

#header #h_index li{
display: inline;
	padding: 1px;
	height: 56px;
	width: 125px;
	float: left;
	background: #ffffff;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#header #h_index a{
	display: block;
	color: #666666;
	font-size: 14px;
	text-decoration: none;
	background: url(../img/bg_menu.png)repeat-x center;/* メニュー背景 */
	-webkit-background-size: 10px 60px;
	background-size: 10px 60px;
}

#header #h_index div{
	display: table;
	width: 100%;
	line-height: 1.4;
	background: url(../img/arrow_double.png)no-repeat right center;/*マーカー画像 */
	-webkit-background-size: 14px 10px;
	background-size: 14px 10px;
}

#header #h_index div span{
	display: table-cell;
	padding-left: 8px;
	height: 56px;
	vertical-align: middle;
}


/*
===========================================
	=03. box
-----------------------------------------*/

/*-- ◆promotion_area --*/
.promotion {
	margin-bottom: 0;
	text-align: center;
	background-color: #fff;
}

.promotion2 {
	margin-bottom: 0;
	text-align: center;
	background-color: #fff;
}
.promotion3 {
	margin-bottom: 0;
	text-align: center;
	background-color: #fff;
}
.promotion3 img {
	width:100%;
}

/*-- ◆campaign_area --*/
#cam ul {
	padding: 4px;
	display:table;
	width:100%;
	text-align: center;
}
#cam li {
	display:table-cell;
	width:33%;
	text-align:center;
}

/*-- ◆box_background --*/
.b_yellow {
	padding: 10px 10px 20px 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff3c0), to(#fffae4));
}
.b_white {
	background-color: #ffffff;
	padding: 10px 10px 20px 10px;
}
.b_white2 {
	background-color: #ffffff;
	padding: 10px 10px 0px 10px;
}
.b_white3 {
	background-color: #ffffff;
	padding: 0px 10px 0px 10px;
}
.b_white4 {
	background-color: #ffffff;
	padding: 10px 10px 0px 10px;
}
.b_white5 {
	background-color: #ffffff;
	padding: 10px 10px 5px 10px;
}
.b_white6 {
	background-color: #ffffff;
	padding: 0px 10px 15px 10px;
}
.b_white7 {
	background-color: #ffffff;
	padding: 0px 10px 0px 10px;
}
.b_glay {
	padding: 5px;
	background-color: #e3e3e3;
	border: 1px solid #cccccc;
}
.b_glay2 {
	background-color: #e3e3e3;
	margin-bottom: 15px;
	padding: 10px;
}

/*-- ◆ser_box --*/
.ser_box {
	/*line-height: 1.2em;*/
	text-align: center;
	vertical-align: middle;
}
.ser_box td {
	/*vertical-align: middle;*/
}
.ser_pink {
	/*vertical-align: middle;*/
	padding: 4px 2px;
	/*height: 52px;*/
	color: #ffffff;
	background-color: #e40477;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.ser_blue {
	/*vertical-align: middle;*/
	padding: 4px 2px;
	height: 52px;
	color: #ffffff;
	background-color: #057bc3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.ser_green {
	/*vertical-align: middle;*/
	padding: 4px 2px;
	/*height: 52px;*/
	color: #ffffff;
	background-color: #87c327;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.ser_orange {
	/*vertical-align: middle;*/
	padding: 4px 2px;
	/*height: 52px;*/
	color: #ffffff;
	background-color: #f7c209;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.ser_plus {
	vertical-align: middle;
	padding: 2px;
}
.box_w {
	padding: 10px;
	border: 1px solid #cccccc;
}

/* -- ◆pack -- */
.pack {
	padding-bottom: 20px;
	margin: 0 auto;
	width: 300px;
}
.pack2 {
	padding: 5px 0 10px 0;
	margin: 0 auto;
	width: 300px;
}
.pack .list_arrow {
	text-align:left;
}
.pack_inner .kome {
	text-align: left;
}
.pack_inner {
	position: relative;
	margin: 0 auto;
	width: 300px;
}
#orange_dd {
	background-color: #ffe9ad;
}
#orange_dd2 {
	background-color: #ffeaac;
}
#blue_dd {
	background-color: #c1e7fe;
}
#blue_dd2 {
	background-color: #c1e7fe;
}
#white_dd2 {
	background-color: #ffffff;
}
#green_dd {
	background-color: #c0f3bb;
}
#gray_dd {
	background-color: #f4f4f4;
}
#gold_dd {
	background-color: #e6e3a0;
}
#orange_dd2 #au_detail {
	position: absolute;
	top: 383px;
	left: 9px;
}
#orange_dd #au_detail {
	position: absolute;
	top: 383px;
	left: 9px;
}
#blue_dd #au_detail {
	position: absolute;
	top: 383px;
	left: 9px;
}
#blue_dd2 #au_detail {
	position: absolute;
	top: 383px;
	left: 9px;
}
#white_dd2 #au_detail {
	position: absolute;
	top: 383px;
	left: 9px;
}
#green_dd #au_detail {
	position: absolute;
	top: 383px;
	left: 9px;
}
#gray_dd #au_detail {
	position: absolute;
	top: 383px;
	left: 9px;
}

/*-- ◆au_area --*/
.au {
	background-color: #eeeeee;
	border: 1px solid #c8c8c8;
}
#au_inner {
	margin: 0 auto;
	width: 298px;
	position: relative;
	height: 868px;
	background:url(../img/bg_top_conts.png)no-repeat center top;
	-webkit-background-size: 298px 868px;
	background-size: 298px 868px;
}
#au_inner #au_plan1 {
	position: absolute;
	top: 145px;
	left: 8px;
}
#au_inner #au_plan2 {
	position: absolute;
	top: 145px;
	right: 8px;
}
#au_inner #au_cam1 {
	position: absolute;
	top: 244px;
	left: 159px;
}
#au_inner #au_cam2 {
	position: absolute;
	top: 314px;
	left: 159px;
}
#au_inner #au_cam3 {
	position: absolute;
	top: 384px;
	left: 159px;
}
#au_inner #au_detail {
	position: absolute;
	top: 806px;
	left: 8px;
}
.flow {
	text-align: center;
}


/*
===========================================
	=04. list
-----------------------------------------*/

/* -- ◆h2 -- */
h2 {
	font-size: 18px;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
}
h2 .d_inner {
	padding: 10px 10px 10px 40px;
	display: block;
	background: url(../img/title_mark.png) no-repeat left center;
	-webkit-background-size: 30px 20px;
	background-size: 30px 20px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
h2 .d_inner em {
	font-size:16px;
}
h2 .d_inner_plain {
	padding: 10px 10px 10px 10px;
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}



/* -- ◆h02 -- */
h02 {
	font-size: 13px;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
}
h02 .d_inner {
	padding: 10px 10px 10px 40px;
	display: block;
	background: url(../img/title_mark.png) no-repeat left center;
	-webkit-background-size: 30px 20px;
	background-size: 30px 20px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
dl {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* -- ◆list_maru -- */
.list_maru {
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #cccccc;
}
.list_maru li {
	font-size: 16px;
	border-top: 1px solid #cccccc;
	margin-top: -1px;
}
.list_maru li a {
	display: block;
	text-decoration: none;
	padding: 15px 26px 15px 10px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url(../img/arrow_double2.png) no-repeat right center;
	-webkit-background-size: 20px 10px;
	background-size: 20px 10px;
}

/*-- ◆list_maru_green --*/
.list_maru_green {
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #76b10b;
}

.list_maru_green li {
	border-top: 1px solid #76b10b;
	border-radius-bottom-right: 8px;
    border-radius-bottom-left: 8px;
	-webkit-border-radius-bottom-right: 8px;
    -webkit-border-radius-bottom-left: 8px;
}

.list_maru_green li:first-child {
	border-top:none;
    border-radius-top-right: 8px;
    border-radius-top-left: 8px;
    -webkit-border-radius-top-right: 8px;
    -webkit-border-radius-top-left: 8px;
}

.list_maru_green li:last-child {
    border-radius-bottom-right: 8px;
    border-radius-bottom-left: 8px;
    -webkit-border-radius-bottom-right: 8px;
    -webkit-border-radius-bottom-left: 8px;
}

.li_maru_green a {
	display: block;
	text-decoration: none;
	padding: 15px 26px 15px 10px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url(../img/arrow_double2.png) no-repeat right center;
	-webkit-background-size: 20px 10px;
	background-size: 20px 10px;
	border-radius-bottom-right: 8px;
    border-radius-bottom-left: 8px;
	-webkit-border-radius-bottom-right: 8px;
    -webkit-border-radius-bottom-left: 8px;
}

/*-- ◆list_orange --*/
.list_maru_or {
overflow: hidden;
background-color: #ffffff;
border-radius: 8px;
-webkit-border-radius: 8px;
border: 1px solid #ff7e00;
}

.li_maru_or a {
	display: block;
	text-decoration: none;
	padding: 15px 26px 15px 10px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url(/common/img/arrow_double2.png) no-repeat right center;
	-webkit-background-size: 20px 10px;
	background-size: 20px 10px;
	border-radius-bottom-right: 8px;
    border-radius-bottom-left: 8px;
	-webkit-border-radius-bottom-right: 8px;
    -webkit-border-radius-bottom-left: 8px;
}

/* -- ◆list_maru_e -- */
.list_maru_e {
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #cccccc;
}
.list_maru_e li {
	border-top: 1px solid #cccccc;
	border-radius-bottom-right: 8px;
    border-radius-bottom-left: 8px;
	-webkit-border-radius-bottom-right: 8px;
    -webkit-border-radius-bottom-left: 8px;
}

.list_maru_e li:first-child {
	border-top:none;
    border-radius-top-right: 8px;
    border-radius-top-left: 8px;
    -webkit-border-radius-top-right: 8px;
    -webkit-border-radius-top-left: 8px;
}

.list_maru_e li:last-child {
    border-radius-bottom-right: 8px;
    border-radius-bottom-left: 8px;
    -webkit-border-radius-bottom-right: 8px;
    -webkit-border-radius-bottom-left: 8px;
}
.li_maru_e a {
	display: block;
	text-decoration: none;
	padding: 15px 26px 15px 10px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url(../img/arrow_double2.png) no-repeat right center;
	-webkit-background-size: 20px 10px;
	background-size: 20px 10px;
}

/* -- ◆list_arrow -- */
.list_arrow {
	/*text-indent: -1em;
	padding-left: 1em;*/
	line-height: 1.8em;
}
.list_arrow li {
	padding: 15px 0;
	border-bottom: 1px dotted #7f7f7f;
}
.list_arrow li.pad5 {
	padding: 5px 0;
}
.list_arrow a {
	padding-left: 20px;
	background: url(../img/arrow_orange.png) no-repeat left center ;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
}
.list_arrow li:last-child {
	border-bottom: none;
}

/* -- ◆list_full -- */
.list_full {
	border-top: 1px solid #7f7f7f;
	line-height: 1.8em;
	margin:0 0 12px 0;
}
.list_full li {
	padding: 0 0;
	border-bottom: 1px solid #7f7f7f;
}
.list_full li.odd {
	background-color:#f5f4f4;
}
.list_full a {
	padding: 15px 0;
	display:block;
	padding-left: 15px;
	background: url(../img/arrow_single.png) no-repeat right center ;
	-webkit-background-size: 71px 19px;
	background-size: 35px 19px;
	text-decoration:none;
}

/* -- ◆list_square -- */
.list_square {
	border-bottom: 1px solid #7f7f7f;
	line-height: 1.2;
	margin:0 10px 12px 10px;
}
.list_square li {
	padding: 0 0;
	background:url(../img/arrow_square.png) no-repeat 0 3px;
	-webkit-background-size: 11px 13px;
	background-size: 11px 13px;
	margin:0 0 20px 0;
}
.list_square li a {
	padding: 0 0;
	display:block;
	padding-left: 15px;
	font-size:18px;
}


/*
===========================================
	=05. accordion1
-----------------------------------------*/
.tac2{
	text-align:center;
	}
/* -- ◆accordion1_ac_icon -- */
.ac_icon {
	font-size: 18px;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
}
.ac_icon .open-close {
	display: block;
	padding: 10px 40px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.ac_icon .open-close2 {
	display: block;
	padding: 10px 40px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.ac_icon3 {
	font-size: 18px;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
}
.ac_icon3 .open-close {
	display: block;
	padding: 10px 40px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.ac_icon3 .open-close2 {
	display: block;
	padding: 10px 40px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.triggerzz a {
	/*display: block;*/
	text-decoration: none;
	color: #333333!important;
}

.trigger a {
	/*display: block;*/
	text-decoration: none;
	color: #333333!important;
}
.trigger10 a {
	/*display: block;*/
	text-decoration: none;
	color: #333333!important;
}

.trigger a {
	/*display: block;*/
	text-decoration: none;
	color: #333333!important;
}
.l_mark.trigger .open-close {
	background: url(../img/title_mark.png) no-repeat left center , url(../img/title_acd_open.png) no-repeat right center ;
	-webkit-background-size: 30px 20px , 30px 21px;
	background-size: 30px 20px , 30px 21px;
}
.l_mark.active .open-close {
	background: url(../img/title_mark.png) no-repeat left center , url(../img/title_acd_close.png) no-repeat right center ;
	-webkit-background-size: 30px 20px , 30px 21px;
	background-size: 30px 20px , 30px 21px;
}
.l_mark.trigger10 .open-close {
	background: url(../img/title_mark.png) no-repeat left center , url(../img/title_acd_close.png) no-repeat right center ;
	-webkit-background-size: 30px 20px , 30px 21px;
	background-size: 30px 20px , 30px 21px;
}
.l_mark.active10 .open-close {
	background: url(../img/title_mark.png) no-repeat left center , url(../img/title_acd_open.png) no-repeat right center ;
	-webkit-background-size: 30px 20px , 30px 21px;
	background-size: 30px 20px , 30px 21px;
}
.l_mark3.trigger10 .open-close {
	background: url(../img/title_mark.png) no-repeat left center , url(../img/title_acd_close.png) no-repeat right center ;
	-webkit-background-size: 30px 20px , 30px 21px;
	background-size: 30px 20px , 30px 21px;
}
.l_mark3 .open-close2 {
	background: url(../img/title_mark.png) no-repeat left center;
	-webkit-background-size: 30px 20px , 30px 21px;
	background-size: 30px 20px , 30px 21px;
}
.l_mark3.active10 .open-close {
	background: url(../img/title_mark.png) no-repeat left center , url(../img/title_acd_open.png) no-repeat right center ;
	-webkit-background-size: 30px 20px , 30px 21px;
	background-size: 30px 20px , 30px 21px;
}

.l_first.trigger .open-close {
	background: url(../img/title_beginner.png) no-repeat left center , url(../img/title_acd_open.png) no-repeat right center ;
	-webkit-background-size: 27px 21px , 30px 21px;
	background-size: 27px 21px , 30px 21px;
}
.l_first.active .open-close {
	background: url(../img/title_beginner.png) no-repeat left center , url(../img/title_acd_close.png) no-repeat right center ;
	-webkit-background-size: 27px 21px , 30px 21px;
	background-size: 27px 21px , 30px 21px;
}
.l_first .open-close2 {
	background: url(../img/title_beginner.png) no-repeat left center;
	-webkit-background-size: 27px 21px , 30px 21px;
	background-size: 27px 21px , 30px 21px;
}
.l_light.trigger .open-close {
	background: url(../img/title_bulb.png) no-repeat left center , url(../img/title_acd_open.png) no-repeat right center ;
	-webkit-background-size: 27px 21px , 30px 21px;
	background-size: 27px 21px , 30px 21px;
}
.l_light.active .open-close {
	background: url(../img/title_bulb.png) no-repeat left center , url(../img/title_acd_close.png) no-repeat right center ;
	-webkit-background-size: 27px 21px , 30px 21px;
	background-size: 27px 21px , 30px 21px;
}
.l_light .open-close2 {
	background: url(../img/title_bulb.png) no-repeat left center;
	-webkit-background-size: 27px 21px , 30px 21px;
	background-size: 27px 21px , 30px 21px;
}
#l_light_dd {
	border-bottom: 1px solid #979797;
}

/* -- ◆accordion1_obi -- */
.obi {
	font-size: 14px!important;
	font-weight: normal!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ffffff));
	border: 1px solid #cccccc;
}
.obi .open-close {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.obi.trigger .open-close {
	padding: 10px 30px 10px 15px;
	background: url(../img/sub_acd_mk.png) no-repeat 1px center , url(../img/title_sub_acd_open.png) no-repeat right center ;
	-webkit-background-size: 4px 42px , 24px 15px;
	background-size: 4px 42px , 24px 15px;
}
.obi.active .open-close {
	padding: 10px 30px 10px 15px;
	background: url(../img/sub_acd_mk.png) no-repeat 1px center , url(../img/title_sub_acd_close.png) no-repeat right center ;
	-webkit-background-size: 4px 42px , 24px 15px;
	background-size: 4px 42px , 24px 15px;
}
h3.obi span {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 10px 30px 10px 15px;
	background: url(../img/sub_acd_mk.png) no-repeat 1px center;
	-webkit-background-size: 4px 42px;
	background-size: 4px 42px;
}

/* -- ◆accordion1_obi2 -- */
.obi2 {
	font-size: 14px!important;
	font-weight: normal!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ffffff));
	border: 1px solid #cccccc;
}
.obi2 .obi_inner {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.obi2.trigger .open-close {
	padding: 10px 30px 10px 15px;
	background: url(../img/sub_acd_mk_long.png) no-repeat 1px center , url(../img/title_sub_acd_open.png) no-repeat right center ;
	-webkit-background-size: 4px 62px , 24px 15px;
	background-size: 4px 62px , 24px 15px;
}
.obi2.active .open-close {
	padding: 10px 30px 10px 15px;
	background: url(../img/sub_acd_mk_long.png) no-repeat 1px center , url(../img/title_sub_acd_close.png) no-repeat right center ;
	-webkit-background-size: 4px 62px , 24px 15px;
	background-size: 4px 62px , 24px 15px;
}

/* -- ◆accordion1_obi2 -- */
.obi3 {
	font-size: 14px!important;
	font-weight: normal!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ffffff));
	border: 1px solid #cccccc;
}
.obi3 .obi_inner {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.obi3.trigger10 .open-close {
	padding: 10px 30px 10px 15px;
	background: url(../img/sub_acd_mk_long.png) no-repeat 1px center , url(../img/title_sub_acd_close.png) no-repeat right center ;
	-webkit-background-size: 4px 62px , 24px 15px;
	background-size: 4px 62px , 24px 15px;
}
.obi3.active10 .open-close {
	padding: 10px 30px 10px 15px;
	background: url(../img/sub_acd_mk_long.png) no-repeat 1px center , url(../img/title_sub_acd_open.png) no-repeat right center ;
	-webkit-background-size: 4px 62px , 24px 15px;
	background-size: 4px 62px , 24px 15px;
}

.triggernone.open-close2 {
	padding: 10px 30px 10px 15px;
	background: url(../img/sub_acd_mk_long.png) no-repeat 1px center;
	-webkit-background-size: 4px 62px , 24px 15px;
	background-size: 4px 62px , 24px 15px;
}
.triggernone .open-close2 {
	padding: 10px 30px 10px 15px;
	background: url(../img/sub_acd_mk_long.png) no-repeat 1px center;
	-webkit-background-size: 4px 62px , 24px 15px;
	background-size: 4px 62px , 24px 15px;
}

/*
===========================================
	=06. btn
-----------------------------------------*/

/*-- ◆btn_background --*/
.btn_yellow  {
	padding: 4px;
	background-color: #fff6d2;
	border: 1px solid #ffe682;
}
.btn_yellow2  {
	padding: 10px;
	background-color: #fff6d2;
	border: 1px solid #ffe682;
}
.btn_yellow3{
	background-color: #fff6d2;
	border: 1px solid #ffe682;
	text-align:center;
	padding:4px 0px 4px 0px;
}
.btn_orange  {
	padding: 15px 4px;
	background-color: #ff7e00;
	border: 1px solid #ffe682;
}
.btn_pink  {
	padding: 10px;
	background-color: #ffffff;
}
.btn_glay {
	background-color: #eaeaea;
	border: 1px solid #d5d5d5;
}
.btn_glay ul {
	padding: 4px;
	display: table;
	width: 100%;
	text-align: center;
}
.btn_glay li {
	display: table-cell;
	width: 50%;
	text-align: center;
}

/*-- ◆white_btn --*/
.btn_w_long {
	background: url(../img/btn_base_w_long.png) left top no-repeat;
	-webkit-background-size: 292px 52px;
	background-size: 292px 52px;
}

.btn_w_long_ {
	margin-top:0px;
	padding: 5px 4px;
	text-align: center;
	overflow: hidden;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #e30077;
	-webkit-background-size: 100%;
	background-size:100%;
}

.btn_w_short_g {
	margin-top:0px;
	padding: 5px 3px 0 0px;
	text-align:center;
	overflow: hidden;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)) ;
	border: 1px solid #bbbdbe;
	-webkit-background-size:100%;
	background-size:100%;
}

.btn_w_short_gright {
	margin:0 0 0 0px;
	padding: 5px 3px 0 0px;
	text-align:center;
	overflow: hidden;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)) ;
	border-top: 1px solid #bbbdbe;
	border-right: 1px solid #bbbdbe;
	border-bottom: 1px solid #bbbdbe;
	-webkit-background-size:100%;
	background-size:100%;
}

.inner  {
	background: url(../img/arrow_single_pink_small.png) no-repeat right center;
	background-size:8px;
}



.btn_w_long2 {
	background: url(../img/btn_base_w_long_anc.png) left top no-repeat;
	-webkit-background-size: 292px 52px;
	background-size: 292px 52px;
}
.btn_w_middle {
	background: url(../img/btn_base_w_middle.png) left top no-repeat;
	-webkit-background-size: 272px 52px;
	background-size: 272px 52px;
}
.btn_w_short {
	background: url(../img/btn_base_w_short.png) left top no-repeat;
	-webkit-background-size: 142px 52px;
	background-size: 142px 52px;
}
.btn_w_short_a {
	background: url(../img/btn_base_w_short_anc.png) left top no-repeat;
	-webkit-background-size: 142px 52px;
	background-size: 142px 52px;
}

/*-- ◆green_btn --*/
.btn_gr_long {
	background: url(../img/btn_base_gr_long.png) left top no-repeat;
	-webkit-background-size: 292px 52px;
	background-size: 292px 52px;
}
.btn_gr_middle {
	background: url(../img/btn_base_gr_middle.png) left top no-repeat;
	-webkit-background-size: 272px 52px;
	background-size: 272px 52px;
}
.btn_gr_short {
	background: url(../img/btn_base_gr_short.png) left top no-repeat;
	-webkit-background-size: 142px 52px;
	background-size: 142px 52px;
}

/*-- ◆orange_btn --*/
.btn_or_long {
	background: url(../img/btn_base_or_long.png) left top no-repeat;
	-webkit-background-size: 292px 52px;
	background-size: 292px 52px;
}
.btn_or_middle {
	background: url(../img/btn_base_or_middle.png) left top no-repeat;
	-webkit-background-size: 272px 52px;
	background-size: 272px 52px;
}
.btn_or_short {
	background: url(../img/btn_base_or_short.png) left top no-repeat;
	-webkit-background-size: 142px 52px;
	background-size: 142px 52px;
}
.btn_or_small {
	padding: 1px;
	overflow: hidden;
	background-color: #ff7e00;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*-- ◆css_btn_orange --*/
.btn_maru_or {
	background-color: #ff7e00;
	border: 1px solid #ff7e00;
	border-radius: 8px;
	-webkit-border-radius: 8px;
}
.or_inner {
	padding: 10px 0 10px 35px;
	color: #ffffff!important;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	display: block;
	text-decoration: none;
	background: url(../img/title_beginner.png) no-repeat left center , url(../img/arrow_white.png) no-repeat right center ;
	-webkit-background-size: 27px 21px , 20px 10px;
	background-size: 27px 21px , 20px 10px;
}
.or_inner2 {
	padding: 0 25px 0 30px;
	color: #ffffff!important;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	display: table-cell;
	vertical-align: middle;
	height: 52px;
	background: url(../img/title_beginner.png) no-repeat left center;
	-webkit-background-size: 27px 21px;
	background-size: 27px 21px;
}

.btn_maru_or2 {
background-color: #ff7e00;
}

/*-- ◆css_btn_green --*/
.btn_maru_gr {
	background-color: #76b10b;
}
.btn_maru_gr2 {
	background-color: #76b10b;
	border: 1px solid #76b10b;
	border-radius: 8px;
	-webkit-border-radius: 8px;
}
.gr_inner3 {
	padding: 10px 0 10px 35px;
	color: #ffffff!important;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	display: block;
	text-decoration: none;
	background: url(/common/img/title_bulb.png) no-repeat left center , url(/common/img/arrow_white.png) no-repeat right center ;
	-webkit-background-size: 27px 21px , 20px 10px;
	background-size: 27px 21px , 20px 10px;
}
.gr_inner {
	padding: 10px 0 10px 35px;
	color: #ffffff!important;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	/*display: block;
	text-decoration: none;*/
	background: url(../img/title_bulb.png) no-repeat left center ;
	-webkit-background-size: 27px 21px;
	background-size: 27px 21px;
}
.gr_inner2 {
	padding: 0 25px 0 30px;
	color: #ffffff!important;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	display: table-cell;
	vertical-align: middle;
	height: 52px;
	background: url(../img/title_bulb.png) no-repeat left center ;
	-webkit-background-size: 27px 21px;
	background-size: 27px 21px;
}

/*-- ◆css_btn_none --*/
.btn_maru_nn {
	background-color: #ffffff;
	border : 1px solid #cccccc;
	border-radius: 8px;
	-webkit-border-radius: 8px;
}
.nn_inner {
	padding: 15px 26px 15px 10px;
	color: #666666!important;
	display: block;
	text-decoration: none;
	background: url(../img/arrow_double2.png) no-repeat right center ;
	-webkit-background-size: 20px 10px;
	background-size: 20px 10px;
}

/*-- ◆css_btn_e --*/
.btn_maru_e {
	background-color: #eeeeee;
}
.e_inner {
	padding: 10px 0 10px 10px;
	color: #333333!important;
}

/*-- ◆table-cell --*/
.width_parents {
	width: 100%;
	margin: 0 auto;
}
.width_child {
	width: 50%;
}

.width_child1 {
	width: 50%;
	height:38px;
}

.width_child2 {
	width: 18%;
}
.width_child3 {
	width: 82%;
}
.t_cell {
	display: table-cell;
	vertical-align: middle;
	height: 22px;
}
.t_cell2 {
	display: table-cell;
	vertical-align: middle;
	height: 44px;
	line-height: 1.2em;
}

/*-- ◆btn_inner --*/
.btn_a {
	text-decoration: none;
	display: block;
}
.btn_inner {
	color: #333333!important;
	text-shadow: 1px 1px 0 #fff;
	display: table-cell;
	vertical-align: middle;
	height: 52px;
	padding: 0px 20px 0px 10px;
}
.btn_inner2 {
	color: #ffffff!important;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	display: table-cell;
	vertical-align: middle;
	height: 52px;
	padding: 0px 20px 0px 10px;
}

.btn_inner3 {
	color: #444444!important;
	text-shadow: 1px 1px 0 #fff;
	display: table-cell;
	vertical-align: middle;
	height: 52px;
	padding: 0px 20px 0px 10px;
}

.btn_inner4 {
	color: #444444!important;
	text-shadow: 1px 1px 0 #fff;
	display: table-cell;
	vertical-align: middle;
	height: 52px;
	padding: 0px 0px 0px 10px;
	text-align:left;
}

.inner_w {
	padding: 3px;
	display: block;
	border: 1px solid #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*-- ◆btn_width --*/
.width_c {
	text-align:center;
	width:892px;
	margin: 0 auto;
}

.width_l {
	text-align:left;

	margin: 0 auto;
}

.width_292 {
	width: 292px;
	margin: 0 auto;
}
.width_272 {
	width: 272px;
	margin: 0 auto;
}
.width_142 {
	width: 142px;
	margin: 0 auto;
}

.width_155 {
	width: 155px;
	margin: 0 auto;
}



.width_120 {
	width: 120px;
	margin: 0 auto;
}

.width_130 {
	width: 130px;
	margin: 0 auto;
}

.width_160 {
	width: 160px;
	margin: 0 auto;
}

.width_305 {
	width: 305px;
	margin: 0 auto;
}

/*.btn_or_long .btn_inner {
	color: #ffffff!important;
}*/

/*-- ◆btn_back --*/
.btn_back {
	display:block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:3px solid #cdcccc;
	background: rgb(246,246,246);
	background: -moz-linear-gradient(top,  rgb(246,246,246) 0%, rgb(221,220,220) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(246,246,246)), color-stop(100%,rgb(221,220,220)));
	background: -webkit-linear-gradient(top,  rgb(246,246,246) 0%,rgb(221,220,220) 100%);
	background: -o-linear-gradient(top,  rgb(246,246,246) 0%,rgb(221,220,220) 100%);
	background: -ms-linear-gradient(top,  rgb(246,246,246) 0%,rgb(221,220,220) 100%);
	background: linear-gradient(to bottom,  rgb(246,246,246) 0%,rgb(221,220,220) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dddcdc',GradientType=0 );
}
.btn_back a {
	height:40px;
	line-height:40px;
	display:block;
	background: url(../img/arrow_single2.png) left center no-repeat;
	-webkit-background-size: 25px 19px;
	background-size: 25px 19px;
	text-decoration:none;
	text-indent:30px;
}



/*
===========================================
	=07. table
-----------------------------------------*/

.g_table {
	border: 1px solid #cccccc;
}
.g_table td {
	padding: 8px;
	border: 1px solid #cccccc;
}


/*
===========================================
	=08. color
-----------------------------------------*/

/*-- ◆background-color --*/
.back_g {
	background-color: #eeeeee;
}
.back_g2 {
	background-color: #f0f0f0;
}
.back_g3 {
	background-color: #e4e4e4;
}
.back_deepg {
	background-color: #dddddd;
}
.back_p {
	background-color: #fcf0f0;
}
.back_p2 {
	background-color: #ffe7e7;
}
.back_b {
	background-color: #e8f4ff;
}
.back_b2 {
	background-color: #dcf0fc;
}
.back_gre {
	background-color: #f0ffe8;
}
.back_gre2 {
	background-color: #efffe8;
}
.back_gre3 {
	background-color: #c7e393;
}
.back_gre4 {
	background-color: #ecf6db;
}
.back_y {
	background-color: #faffeb;
}
.back_y2 {
	background-color: #f6eb9d;
}
.back_y3 {
	background-color: #fefad4;
}

/*-- ◆text-color --*/
.tcolor_o {
	color: #ff4d00!important;
}
.tcolor_o2 {
	color: #ff7e00!important;
}
.tcolor_r {
	color: #ff0000!important;
}
.tcolor_deepr {
	color: #cc0000!important;
}
.tcolor_g {
	color: #999999!important;
}

.tcolor_g2 {
	color: #444444!important;
}

.tcolor_w {
	color: #ffffff!important;
}
.tcolor_y {
	color: #ebeb02!important;
}
.tcolor_p {
	color: #e40477!important;
}
.tcolor_b {
	color: #0099cc!important;
}
.tcolor_deepb {
	color: #0081cc!important;
}
.tcolor_gre {
	color: #8fc31f!important;
}


/*
===========================================
	=09. other
-----------------------------------------*/

/*-- ◆form --*/
.input_padding {
	padding: 1%;
}
.next_img {
	width: 142px;
	height: 52px;
	border: 0;
	background: url(../img/btn_base_w_short.png) left top no-repeat;
	-webkit-background-size: 142px 52px;
	background-size: 142px 52px;
}

/*-- ◆kome --*/
.kome {
	/*line-height: 1.2em;*/
	/*font-size: 12px;*/
	font-size: 10px;
	/*color: #999999;*/
}
.kome li , .kome p {
	line-height: 1.4em;
	text-indent: -1em;
	padding-left: 1em;
}
.jisage {
	text-indent: -1em;
	padding-left: 1em;
}

/*-- ◆anchor_pagetop --*/
.anc_top {
	margin:18px 5px 0 0;
	font-size: 12px;
	padding: 10px 4px;
	text-align: center;
	overflow: hidden;
	border-radius: 2px;
	-webkit-border-radius: 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f1f1f1));
	border: 1px solid #cccccc;
}
.triangle_b {
	color: #0099FF;

}

/*-- ◆border --*/
.bt_c {
	border-top: 1px solid #cccccc;
}
.br_c {
	border-right: 1px solid #cccccc;
}
.bl_c {
	border-left: 1px solid #cccccc;
}
.bb_c {
	border-bottom: 1px solid #cccccc;
}
.bt_c2 {
	border-top: 2px solid #cccccc;
}
.br_c2 {
	border-right: 2px solid #cccccc;
}
.bl_c2 {
	border-left: 2px solid #cccccc;
}
.bb_c2 {
	border-bottom: 2px solid #cccccc;
}
.bb_d {
	border-bottom: 1px solid #dddddd;
}
.bt_97 {
	border-top: 1px solid #979797;
}
.bb_none {
	border-bottom: none!important;
}
.bbt_none {
	border-top: none!important;
}
.bb_dotted {
	border-bottom: 1px dotted #7f7f7f;
}
.bt_dotted {
	border-top: 1px dotted #7f7f7f;
}
.bb_or {
	border-bottom: 1px solid #ffe682;
}
.bt_7f {
	border-top: 1px solid #7f7f7f!important;
}
.bb_7f {
	border-bottom: 1px solid #7f7f7f!important;
}

/*-- ◆line-height --*/
.l_height_1 {
	line-height: 1.2em;
}

.o_link {
	text-align: left;
}

/*-- ◆font-size --*/
.smallarea{
	font-size:80%;
}

/*
===========================================
	=10. footer
-----------------------------------------*/

#expression {
	font-size: 14px;
	padding: 15px 0;
	color: #666666;
	text-align: center;
}

#expression2 {
	font-size: 14px;
	padding: 5px 0;
	color: #666666;
	text-align: center;
}


#navi {
	padding: 15px 0;
	background-color: #eeeeee;
}

#navi ul {
	list-style: none;
	text-align: center;
}

#navi li.inline_b {
	display: inline;
}

#navi li a {
	font-size: 14px;
	padding-left: 10px;
	background: url(../img/arrow_grey.png) no-repeat left center ;
	-webkit-background-size: 5px 7px;
	background-size: 5px 7px;
}

#copy {
	font-size: 12px;
	text-align: center;
	padding: 15px 0 20px 0;
	color: #ffffff;
	background-color: #cccccc;
	border-top: 1px solid #ccc;
}


/* ----------------------------- */

#mainImages,#mainImages2,#mainImages4 {
	width: 100%;
	position: relative; /* IE6・7の overflowバグ回避 */
	overflow: auto;     /* JavaScript無効時にスクロール表示させたいから */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background:url(../img/flicksimple/waku_bg.gif) repeat center center;
}

#mainImages,#mainImages2,#mainImages4 {
	display: block;
	width: 400%;
	margin: 0;
	padding: 0;
}

#mainImages ul li,#mainImages2 ul li,#mainImages4 ul li {
	float: left;
	list-style-type: none;
	width: 5%;
}

/* ----------------------------- */
.flickableControl {
	overflow: hidden;
}

.indicator {
	position: relative;
	overflow: hidden;
	width: 25px;
	height: 10px;
	background: url(../img/flicksimple/indicator_bg.png) repeat-x left top;
	margin: 10px auto 0 auto;
}

.indicator img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
}

#flickableNavi {

}


div.flickableControl {
	zoom:.5;
	width:100%;
	height:52px;
	background:url(../img/flicksimple/nav_bg.png) repeat left top;
}

.nextbtn.inactive, .backbtn.inactive {
    opacity: 0.3;
}

div.nextbtn {
	zoom:.5;
	position:absolute;
	right:0px;
	width:40px;
	height:64px;
	background-image:url(../img/flicksimple/btn_right.png);
}

div.prevbtn {
	zoom:.5;
	position:absolute;
	left:0px;
	width:40px;
	height:64px;
	background-image:url(../img/flicksimple/btn_left.png);
}

div.flickableControl ul.slidePager {
	display:table-cell;
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
}

// ページ位置ポインター非選択
.slidePagerPointer {
	display:inline-block;
	background-color:#CCC;
	width:8px;
	height:8px;
	margin:8px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

// ページ位置ポインター選択
.slidePagerPointer.active {
	-webkit-box-shadow:
	0px 0px 4px rgba(255,0,153,0.8),
	inset 0px 0px 1px rgba(255,000,217,1);
	background-color:#FF9900;
}

/*　▼---------- XD_追加分 ----------▼ */
#mainImages, #mainImages.landscape,#mainImages2, #mainImages2.landscape,#mainImages4, #mainImages4.landscape {
	width: 100%;
}

#mainImages ul.landscape, #mainImages ul {
	width: 300%;
}

#mainImages2 ul.landscape, #mainImages2 ul {
	width: 200%;
}

#mainImages4 ul.landscape, #mainImages4 ul {
	width: 400%;
}


#mainImages ul li {
	display: table-cell;
	text-align: center;
	width: 33.3%;
	float: left;
}

#mainImages2 ul li {
	display: table-cell;
	text-align: center;
	width: 50%;
	float: left;
}

#mainImages4 ul li {
	display: table-cell;
	text-align: center;
	width: 25%;
	float: left;
}

#mainImages ul li span,#mainImages2 ul li span,#mainImages4 ul li span {
	padding-left:5px;
	padding-right:5px;
}

.pager {
	text-align:center;
	margin:20px auto;
	padding:0;
}

.or_inner3 {
	padding: 10px 0 10px 35px;
	color: #ffffff!important;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	display: block;
	text-decoration: none;
	background: url(../img/title_beginner.png) no-repeat left center  ;
	-webkit-background-size: 27px 21px ;
	background-size: 27px 21px;
}


/*****フリッカぶるスライダー ****/
/***** 必須プロパティ *****/
.slider {position:relative;}
.slider .slider_frame {position:relative; overflow:hidden;}
.slider .slider_frame .slider_bar {position:absolute;}
/* .slider_frameの直接の子要素になる要素全てを指定する */
.slider .slider_frame .slider_bar > a,
.slider .slider_frame .slider_bar > li,
.slider .slider_frame .slider_bar > ul {display:block; float:left;}


/*****  *****/
#slider1 {
	height: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background:url(../img/flicksimple/waku_bg.gif) repeat left top;
}
#slider1 .slider_frame {
}
#slider1 .slider_frame .slider_bar {

}

#slider1 .slider_frame .slider_bar a {
}
#slider1 .slider_frame .slider_bar ul {
	text-align:center;
}
#slider1 .slider_frame .slider_bar li {
	margin:0 auto;
}
#slider1 .btn_prev {
	z-index:999;
	zoom:.5;
	position:absolute;
	left:0px;
	width:40px;
	height:64px;
	background-image:url(../img/flicksimple/btn_left.png);
}

#slider1 .btn_next {
	z-index:999;
	zoom:.5;
	position:absolute;
	right:0px;
	width:40px;
	height:64px;
	background-image:url(../img/flicksimple/btn_right.png);
}

#slider1 .navigator {
	zoom:.5;
	position:relative;
	bottom:0;
	left:0;
	padding-top:5px;
	width:100%;
	height:40px;
	text-align:center;
	background:url(../img/flicksimple/nav_bg.png) repeat left top;
}
#slider1 .navigator span {
	display:inline-block;
	width:25px;
	height:10px;
	margin:18px 2px;
	background:url(../img/flicksimple/indicator_bg.png) left top no-repeat;
}
#slider1 .navigator span.active {
	background-image:url(../img/flicksimple/indicator.png);
}

/*サイト内検索*/
fieldset {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

input {
	vertical-align:middle;
}


/* #header_v4 */
#header_v4{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	width:100%;
}

#header_v4 p{
/*	margin-left:15px;*/
}
#header_v4 #searchBtn{
	cursor:pointer;
	position:absolute;
	right:60px;
	border-left:1px solid #bbbdbe;
	height:50px;
}


/** .balloon **/

#header_v4 .balloon{
	display:none;
}
#header_v4 .balloon p:first-child{
	position:absolute;
	top:43px;
	margin-left:-38px;
	text-align:right;
	z-index:12;
	right:80px;
}
#header_v4 .balloon .searchType1{
	position:absolute;
	top:62px;
	left:2%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:96%;
	padding:15px;
	border:3px solid #ffffff;
	background-color:#cccccc;
	z-index:11;
}


/* .searchType1 */
.searchType1 legend{
	display:none;
}
.searchType1 p{
	display:table-cell;
	width:100%;
}

.searchType1 input[type="text"]{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:38px;
	margin:0;
	padding:10px 0 15px 10px;
	border:1px solid #bbbdbb;
	-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow:0 0 0 rgba(0, 0, 0, 0.3) inset;
	box-shadow:0 0 0 rgba(0, 0, 0, 0.3) inset;
}
.searchType1 input[type="image"]{
/*	width:63px;*/
	height:31px;
	margin-left:10px;
	/*border:1px solid #999999;*/
}

#header_v4 .balloon .searchType1{
	position:absolute;
	top:62px;
	left:2%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:96%;
	padding:15px;
	border:2px solid #999999;
/*	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;*/
	background-color:#ffffff;
	z-index:11;
}

/*
#header_v4 .balloon .searchType1{
	position:absolute;
	top:62px;
	left:2%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:96%;
	padding:15px;
	border:2px solid #999999;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#ffffff;
	z-index:11;
}
*/

#header_v4 .balloon .searchType1{
	position:absolute;
	top:49px;
	left:0%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	padding:10px;
	border:1px solid #bbbbbb;
/*	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;*/
	background-color:#ffffff;
	z-index:11;
}





.tab {
	width: 100%;
	margin: 0 auto 10px;
	border-bottom: solid #e83112 5px;
	padding-top:20px;
}

ul#area_tab {
	width: 100%;
	margin: 0 auto;
}

ul#area_tab li:first-child {
	margin-left: 2%;
}

ul#area_tab li {
	font-size: 13px;
	text-align: center;
	color: #666;
	float: left;
	width: 31%;
	margin: 0 1%;
	padding: 6px 0 5px;
	list-style: none;
	cursor: pointer;
	background: #e6e6e6;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

ul#area_tab li.select {
	color: #fff;
	background: #e83112;
}

.content_wrap {
	clear: both;
}

.disnon {
	display: none;
}

.btn1_3 .f13 {
	line-height: 1.1 !important;
}
.align-c { text-align: center !important; }
.mb10 { margin-bottom: 10px !important; }

/*img.resize {
	zoom: 0.5;
}

img.resize2 {
	zoom: 0.8;
}*/

.accordion_target {
}

.accordion_target_hidden {
	display: none;
}


.footer{
	background-color:#f0f2f3;
	}

.footer_02{
	padding-top:15px;}

	.footer_03{
	padding:15px 0 60px 0;}

	.pcsite {
	margin-top:0px;
	font-size: 12px;
	padding: 10px 4px;
	text-align: center;
	overflow: hidden;
	border-radius: 2px;
	-webkit-border-radius: 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f1f1f1));
	border: 1px solid #cccccc;
}

.copy {
	font-size: 14px;
	padding: 15px 0;
	color: #ffffff;
	text-align: center;
	background-color:#444;
	margin-top:10px;
}


.content_wrap2 {
	width:98%;
	clear: both;
	border-top: 10px solid #e30077;
	border-bottom: 1px solid #e30077;
	border-left: 1px solid #e30077;
	border-right: 1px solid #e30077;
	margin:0 0px 0 0px;
}


.tab2 {
	width: 100%;
	margin: 0 auto 0px;
	padding-top:20px;
}


ul#area_tab2 {
	width: 100%;
	margin: 0 auto;
}

ul#area_tab2 li:first-child {
	margin-left: 2%;
}

ul#area_tab2 li {
	font-size: 13px;
	text-align: center;
	color: #666;
	float: left;
	width:47%;
	margin: 0 1%;
	padding: 0 0 0 1px;
	list-style: none;
	cursor: pointer;
}

ul#area_tab2 li.select {
	color: #fff;

}


/* ============================================================
■TOP ヘッダー　追加 140123
============================================================ */
.header_top .toggle {
	font-size: 14px;
	line-height: 1.4;
/*	border-bottom: dotted #bbbdbe 1px;*/
	border-top: dotted #bbbdbe 1px;
/*	background: -moz-linear-gradient(center top, #ffffff 0%, #ecebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1.0, #ecebeb));*/
}

.header_top .toggle:first-child {
	font-size: 14px;
	line-height: 1.4;
/*	border-bottom: dotted #bbbdbe 1px;*/
	border-top: none;

}

.header_top .toggle:last-child {
	font-size: 14px;
	line-height: 1.4;
	border-bottom: solid #bbbdbe 1px;
	border-top: solid #bbbdbe 1px;
}

.header_top .toggle span {
	cursor: pointer;
	text-decoration: none;
	display: block;
	padding: 12px;
}

.header_top .toggle .arr1 {
	display: block;
	background: url(/sph/common/img/ico_arr_1.png) no-repeat right center;
	-webkit-background-size: 22px 12px;
	background-size: 22px 12px;
	border-left:4px solid #e83317;
}

.header_top .toggle .arr2 {
	display: block;
	background: url(/sph/common/img/ico_arr_1_2.png) no-repeat right center;
	-webkit-background-size: 22px 12px;
	background-size: 22px 12px;
	border-left:4px solid #e83317;
}

.header_top .toggle2 {
	font-size: 14px;
	line-height: 1.4;
/*	background: -moz-linear-gradient(center top, #ffffff 0%, #ecebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1.0, #ecebeb));*/
	width:60px;
	position:absolute;
	right:0;
	top:0;
	border-left:1px solid #bbbdbe;
	height:50px;
}

.header_top .toggle2 span {
	cursor: pointer;
	text-decoration: none;
	display: block;
	padding: 22px;
}

.header_top .toggle2 .arr1 {
	display: block;
	background: url(/sph/common/img/ico_menu_1.png) no-repeat right center;
	-webkit-background-size: 60px;
	background-size: 60px;
	margin-top:5px;
}

.header_top .toggle2 .arr2 {
	display: block;
	background: url(/sph/common/img/ico_menu_1_2.png) no-repeat right center;
	-webkit-background-size: 60px;
	background-size: 60px;
	margin-top:5px;
}

.header_top .accordion_target {
}

.header_top .accordion_target_hidden {
	display: none;
	width:100%;
	-moz-box-shadow: 0 3px 3px #ccc;
	-webkit-box-shadow: 0 3px 3px #ccc;
}



.header_top h1 {
	margin-bottom: 0;
}

.header_top nav.accordion_target {
	overflow: hidden;
	margin: 0 !important;
	border-bottom: solid #bbbdbe 1px;
	width:100%;
}

.header_top nav li {
	font-size: 14px;
	line-height: 3.0;
	cursor: pointer;
	width: 100%;
	background-color: #f6f5f5;
	color:#444444;
	border-top: 1px dotted #aaaaaa;
	display: block;
	background: url(/sph/common/img/ico_arr_2.png) no-repeat right center #f6f5f5;
	-webkit-background-size: 22px 12px;
	background-size: 22px 12px;
	margin-right:10px;
}

.header_top nav li a{
	text-decoration:none;
	color:#444444;
}

.header_top nav li a:hover {
	text-decoration:none;
	color:#444444;
}

.header_top .top52 {
	position:absolute;
	right:0;
	top:50px;
}

.header_top ul.menu {
	position: relative;
	margin-bottom: 0 !important;
}

.header_top ul.menu p {
	background-color:#ffffff;
}

.header_top ul.menu li {

}

.header_top ul.menu a{
	text-decoration:none;
	color:#444444;
}

.header_top ul.menu a:hover {
	text-decoration:none;
	color:#444444;
}


  /**
    ヘッダーナビゲーション押下後表示されるサブメニューのスタイルです。
  **/
  #headerSubNavigation {
    display:none;
  }

/* ----------------------------------------------------
  20220825/フッター変更に伴う追加
---------------------------------------------------- */

.bg-gray {
  background-color: #F2F2F2 !important
}

.row {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.social-col, [class^="col-"], [class*=" col-"] {
  position: relative;
  margin: 0;
  box-sizing: border-box
}

.link-self-black::after {
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-self-black.svg) no-repeat center center/contain
}

.container {
  box-sizing: border-box;
  position: relative;
  max-width: 1120px;
  margin: 0 20px
}

@media screen and (max-width: 767px) {
  .container {
    width: calc(100% - 24px* 2);
    margin: 0 24px
  }
}

@media screen and (min-width: 1160px) {
  .container {
    margin: 0 auto
  }
}

.content-sm {
  max-width: 736px;
  width: 100%;
  margin: auto
}

.row.row-cs-md > .social-col, .row.row-cs-md > [class^="col-"], .row.row-cs-md > [class*=" col-"] {
  margin: 16px 8px 0
}

.row.row-cs-md {
    margin: -16px -8px 32px
  }

.row.row-cs-md > .social-col, .row.row-cs-md > [class^="col-"], .row.row-cs-md > [class*=" col-"] {
    margin: 16px 8px 0
  }

.mb-sm {
  margin-bottom: 8px !important
}

.text-center {
  text-align: center !important
}

.fs-14 {
  font-size: 14px !important
}

.fw-bold {
  font-weight: bold
}

.pt-xs {
  padding-top: 4px !important
}

.pt-sm {
  padding-top: 8px !important
}

.mt-xxl {
  margin-top: 40px !important
}

.social-col > *:not(.row):first-child, [class^="col-"] > *:not(.row):first-child, [class*=" col-"] > *:not(.row):first-child {
  margin-top: 0 !important
}

.social-col > *:last-child, [class^="col-"] > *:last-child, [class*=" col-"] > *:last-child {
  margin-bottom: 0 !important
}

.link-blank, .link-blank-black, .link-blank-white {
  position: relative;
  display: inline-block;
  font-weight: bold;
  color: #406FAF !important;
  padding-right: 18px;
  transition: .3s opacity ease-out
}

.link-blank:hover, .link-blank-black:hover, .link-blank-white:hover {
  opacity: .7;
  text-decoration: none !important
}

.link-blank::after, .link-blank-black::after, .link-blank-white::after {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 0;
  right: 0;
  display: inline-block;
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-blank-blue.svg) no-repeat center center/contain;
  width: 16px;
  height: 16px;
  margin: auto
}

.link-blank-black {
  color: #333 !important
}

.link-blank-black::after {
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-blank-black.svg) no-repeat center center/contain
}

[class*="link-self"] {
  position: relative;
  display: inline-block;
  font-weight: bold;
  color: #333 !important;
  transition: .3s opacity ease-out
}

[class*="link-self"]:hover {
  opacity: .7;
  text-decoration: none !important
}

[class*="link-self"]::after {
  content: "";
  position: relative;
  top: 2px;
  display: inline-block;
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-self-blue.svg) no-repeat center center/contain;
  width: 16px;
  height: 16px;
  margin-left: 8px
}

[class^="link-"], [class*=" link-"] {
  position: relative;
  text-decoration: none
}

.social ul, .social li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.5
}

#newFooter02 ul, #newFooter02 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.5
}

.col-100-sp a:visited {
  color: #406FAF;
  text-decoration: none
}

.col-100-sp a {
  cursor: pointer
}

.social a:visited {
  color: #406FAF;
  text-decoration: none
}

.social a {
  cursor: pointer
}

#newFooter02 a:visited {
  color: #406FAF;
  text-decoration: none
}

#newFooter02 a {
  cursor: pointer
}

.section-p-sm *::before, .section-p-sm *::after {
  box-sizing: border-box
}

.social *::before, .social *::after {
  box-sizing: border-box
}


#newFooter02 *::before, #newFooter02 *::after {
  box-sizing: border-box
}

.section-p-sm img, .section-p-sm svg {
	vertical-align: middle
}

.social img, .social svg {
	vertical-align: middle;
	max-width: 100%;
	height: auto
}

#newFooter02 img, #newFooter02 svg {
	vertical-align: middle
}

.section-p-sm.undernav {
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  padding: 22px 0;
  background-color: #F2F2F2 !important;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.5
}

@media screen and (max-width: 767px) {
  .section-p-sm.undernav {
    padding: 22px 24px
  }
}

.section-p-sm.undernav .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media screen and (max-width: 767px) {
  .section-p-sm.undernav .row {
    justify-content: flex-start;
    margin-bottom: 0
  }
}

.section-p-sm.undernav .row .col-100-sp {
  margin: 0 16px
}

@media screen and (max-width: 767px) {
  .section-p-sm.undernav .row .col-100-sp {
    width: 100%;
    margin: 10px 0;
    font-size: 14px
  }
}

.section-p-sm.undernav .row .col-100-sp a {
  display: inline-block;
  padding: 0
}

.section-p-sm.undernav .row .col-100-sp a small {
  font-weight: normal;
  font-size: 12px;
  margin-left: 0.5em
}

.section-p-sm.undernav .row [class^="link-"] {
  font-weight: bold;
  font-size: 16px;
  transition: .3s opacity ease-out
}

@media screen and (max-width: 767px) {
  .section-p-sm.undernav .row [class^="link-"] {
    font-size: 14px
  }
}

.section-p-sm.undernav .row [class^="link-"]:hover {
  text-decoration: none !important;
  opacity: .7
}

.section-p-sm.undernav .row [class^="link-"]::after {
  content: "";
  position: relative;
  top: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px
}

.section-p-sm.undernav .row [class^="link-"][class*="-self-black"]::after {
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-self-black.svg) no-repeat center center/contain
}

.section-p-sm.undernav .row [class^="link-"][class*="-blank-black"]::after {
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-blank-black.svg) no-repeat center center/contain
}

.social .row {
  display: flex;
  justify-content: center;
  margin: -16px -8px 8px
}

.social .row .social-col {
  margin: 16px 8px 0
}

.social {
  padding-top: 48px;
  padding-bottom: 48px;
  background: #f2f2f2;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.5
}

@media screen and (max-width: 767px) {
  .social {
    padding-top: 64px;
    padding-bottom: 32px
  }
}

.social .text-center {
  text-align: center
}

.social .text-center.fs-14 {
  margin: 0 0 16px;
  padding-top: 4px
}

.social .text-center.fs-14 a {
  display: inline-block;
  font-size: 14px;
  transition: .3s opacity ease-out;
  color: #406FAF !important;
  font-weight: bold;
  text-decoration: none
}

.social .text-center.fs-14 a:hover {
  text-decoration: none !important;
  opacity: .7
}

.social .mt-xxl {
  margin-top: 40px;
  padding-top: 8px
}

#newFooter02 {
  overflow: hidden;
  box-sizing: border-box;
  background: #F5F5F5
}

#newFooter02 .footer-content {
  font-size: 12px
}

#newFooter02 .footer-content ul {
  margin: 24px auto 10px;
  text-align: center
}

#newFooter02 .footer-content ul li {
  display: inline-block;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 12px
}

#newFooter02 .footer-content ul li a {
  color: #333 !important;
  text-decoration: none;
  font-family: 'Noto Sans JP', sans-serif
}

#newFooter02 .footer-content ul li .blank::after {
  content: "";
  display: inline-block;
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-blank-black.svg) no-repeat center;
  background-size: 10px;
  width: 10px;
  height: 10px;
  margin-left: 0.5em
}

#newFooter02 .copyright {
  background: #939393;
  margin: 0;
  padding: 8px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif
}

@media screen and (max-width: 767px) {
  #newFooter02 .footer-content {
    padding-bottom: 80px
  }
  #newFooter02 .footer-content ul li {
    margin-left: 8px;
    margin-right: 8px
  }
  #newFooter02 .copyright {
    font-size: x-small
  }
}

.breadcrumb {
  background: #F2F2F2;
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0
}

.breadcrumb ol {
  margin: 0;
  padding: 14px 0 12px
}

.breadcrumb ol li {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 14px
}

.breadcrumb ol li::after {
  display: inline-block;
  margin-left: 5px;
  margin-right: 10px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #939393;
  border-right: 1px solid #939393;
  content: "";
  vertical-align: middle;
  transform: rotate(45deg)
}

.breadcrumb ol li > a, .breadcrumb ol li > span {
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
  color: #333 !important;
  text-decoration: none !important
}

.breadcrumb ol li > a {
  font-weight: bold;
  color: #e93817 !important
}

.breadcrumb ol li > span:hover {
  text-decoration: none !important
}

.breadcrumb ol li:last-child::after {
  display: none
}

.breadcrumb ol li a span {
  font-family: 'Noto Sans JP', sans-serif;
}

/* ----------------------------------------------------
  20220901/h1見出しフォント変更に伴う追加
---------------------------------------------------- */

h1#newHeading {
	font-family: 'Noto Sans JP', sans-serif;
}