/* 
 * PC ,Tablet
 *
 * 1024 -1600
 * ----------------------------------- */
/* ===================================
 * Width Setting
 * =================================== */
body {
	background: #323232;
	color: #666;
}

#container {
	background: #fff;
	min-width: 1024px;
}

.fixbe {
	width: 1024px;
	margin: 0 auto;
}

.variable {
	margin: 0 auto;
	width: 100%;
/*	max-width: 1600px;*/
	max-width: 1360px;
	min-width: 1024x;
	display: block;
}

#content_inner {
	margin-bottom: 64px;
}
/*
 * defaut
 * ----------------------------------- */
.link_bx {
	cursor: pointer;
}

.able_pc {
	display: block;
}

/* z-index */
.header {
	position: relative;
	z-index: 500;
}

#content {
	position: relative;
	z-index: 0;
}

/* ===================================
 * Page Title
 * =================================== */
.page_title .title_sub {
	font-size: 32px;
	text-align: center;
	display: block;
	padding: 32px 0 32px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.18);
}

.page_title .title_main {
	text-align: center;
	font-size: 10px;
	text-align: right;
	padding-right: 8px;
	display: block;
}

.contents_title {
	background: #fff;
	border-bottom: 1px solid #eee;
	margin-bottom: 32px;
}

.contents_title .title_sub {
	text-align: center;
	font-size: 28px;
}

/*
 * ---- --- --- -  */
.contents_title.design_title .title_sub {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.18);
}

.design_title .title_sub {
	position: relative;
}

.design_title .ct_number {
	display: block;
	position: absolute;
	top: -22px;
	left: 0;
	font-size: 42px;
	background: #323232;
	color: #fff;
	width: 82px;
	height: 82px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-shadow:rgba(0, 0, 0, 0.32) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.32) 1px 1px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.32) 1px 1px 2px 0px;
}

.ct_number_inner {
	display: block;
	margin-top: 14px;
}

.design_title_01 {
	background: #aad0d7;
}

.design_title_01 .ct_number {
	background: #8bb5bd;
}

.design_title_02 {
	background: #edb2b2;
}

.design_title_02 .ct_number {
	background: #d19595;
}

.design_title_03 {
	background: #abc9ae;
}

.design_title_03 .ct_number {
	background: #90b194;
}

.design_title_04 {
	background: #d3cee4;
}

.design_title_04 .ct_number {
	background: #b3abcc;
}

.design_title_05 {
	background: #e8e395;
}

.design_title_05 .ct_number {
	background: #cdc879;
}

.design_title_06 {
	background: #d5c7b6;
}

.design_title_06 .ct_number {
	background: #c2b3a0;
}

.design_title_07 {
	background: #ebc3d4;
}

.design_title_07 .ct_number {
	background: #d9acbf;
}

.design_title_08 {
	background: #cac8c8;
}

.design_title_08 .ct_number {
	background: #adadad;
}

.ct_title01 {
	
}

.contents_title .title_main {
	text-align: center;
	font-size: 12px;
}

.alert_comment {
	font-size: 12px;
	display: block;
	padding: 4px;
}

.align-right {
	text-align: right;
}

/* Z-index */
.header {
	position: relative;
	z-index: 500;
}

#content {
	position: relative;
	z-index: 0;
}

/* ===================================
 * Section OutLine
 * =================================== */
.section.outer.lev_01 {
/*
	padding-bottom: 32px;
	margin-bottom: 16px;
*/
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * Header
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.site_name {
	background: #fafafa;
	color: #777;
	font-size: 11px;
	padding: 2px 16px;
	box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

.head_area {
	background: rgba(255,255,255,1);
	border-bottom: 1px solid #eee;
}

#change .head_area {
	background: rgba(52,52,52,0.9);
	border-bottom: 1px solid #121212;
}

.info_area .logo {
}

.info_area .logo a {
	display: block;
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
	padding: 8px 0;
}

.info_area {
	/*float: left;
	width: 174px;
	margin-right: 48px;*/
	width: 260px;
	margin: 0 auto;
}

.info_area_inner {
	/*padding: 18px 0 32px 0;*/
	padding: 4px 0;
}

.head_area .global_nv {
	/*float: left;
	width: 798px;*/
}


.info_area .logo a {
	width: 100%;
	padding: 6px 0;
}

.logo a img {
	display: block;
	width: 100%;
	height: auto;
}

/* Navigation
 * ----------------------------- */
.global_nv {
	
}

.global_nv {
	/*
	background: #f0a5c1;
	box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
	*/
}

#global_navigation .global_nv_inner {
	/*background: #efefef;*/
	background: rgba(52, 52, 52, 0.78);
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #eee;
	padding: 0px 0;
	box-shadow:rgba(0, 0, 0, 0.32) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.32) 1px 1px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.32) 1px 1px 2px 0px;
	/*box-shadow:rgba(0, 0, 0, 0.14) 0px 2px 4px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14) 0px 2px 4px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14) 0px 2px 4px 0px;*/
}

#global_navigation .nv_li a {
	/*background: #fafafa;*/
	margin: 4px;
	padding: 12px 8px;
	/*border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;*/
	/*box-shadow:rgba(0, 0, 0, 0.14) 0px 2px 4px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14) 0px 2px 4px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14) 0px 2px 4px 0px;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.12);*/
	/*-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;*/
}

/*#global_navigation .nv_li a:hover {
	background: #fff;
}*/

#global_navigation .nv_li a:hover .label_en {
	color: #e888aa;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.08);
}

/*#global_navigation .nv_li a:hover .label_icon i {
	color: #e888aa;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.08);
}*/

/*#global_navigation a:hover .label_sub {
	color: #323232;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.08);
}*/

.global_nv .nv_wrap {
	/*display: flex;
	flex-wrap: wrap;
	justify-content: space-between;*/
	width: 1024px;
	margin: 0 auto;
}

#global_navigation .nv_li a {
	display: block;
	margin: 2px 0px;
	text-align: center;
	color: #fff;
}

/* Line */
#global_navigation .nv_wrap {
	border-right: 1px solid rgba(255,255,255,0.16);
	border-left: 1px solid rgba(0,0,0,0.16);
}

#global_navigation .nv_li a {
	border-left: 1px solid rgba(255,255,255,0.16);
	border-right: 1px solid rgba(0,0,0,0.16);
}

/*#global_navigation .nv_li:first-child a {
	border-left: 0px solid rgba(255,255,255,0);
	border-left: none;
}

#global_navigation .nv_li:last-child a {
	border-right: 0px solid rgba(255,255,255,0);
	border-right: none;
}*/

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

#global_navigation .nv_li .label_en {
	text-shadow: 1px 1px 3px rgba(0,0,0,0.51);
}

/*#global_navigation .label_icon {
	display: block;
	margin-bottom: 6px;
}*/

/*#global_navigation .label_icon_inner {
	display: inline-block;
	background: rgba(255,255,255,0.10);
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

#global_navigation .label_icon i {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	margin-top: 7px;
}*/

#global_navigation .label_sub {
	color: #ddd;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.26);
	/*-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;*/
}

.nv_li {
	display: block;
	width: 16.66%;
	float:left;
}

.nv_li a {
	display: block;
	margin: 2px;
	text-align: center;
	color: #e888aa;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
}

.label_en {
	font-size: 17px;
}

#global_navigation .label_en {
	font-weight: bold;
	font-size: 16px;
}

.label_main {
	font-size: 11px;
}

.label_sub {
	font-size: 10px;
}

#change .global_nv .nv_wrap {
    margin: 0 auto;
    width: auto;
}

#change .info_area {
	margin-right: 48px;
	width: 94px;
	float: left;
}

#change .head_area .global_nv {
    float: left;
    width: 850px;
}

#change .info_area_inner {
	padding: 4px 0;
}

#change .logo a {
	padding: 0px 0;
	/*width: 146px;*/
	width: 134px;
}

/*#change .logo a img {
	width: 146px;
}*/

#change .nv_li {
	padding: 9px 8px;
}

#change .nv_li a {
	color: #fff;
}

#change .nv_li a:hover {
	color: #f89dbe;
}

#change .label_sub {
	/*color: #aaa;*/
	display: none;
}

#change .label_main {
	display: none;
}

#change .label_en {
	font-size: 13px;
	font-weight: bold;
}

/* **************************************************
 * Sitemap
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * common
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.global_area .navilv_01_li .item_name {
	font-size: 14px;
	padding: 4px 4px;
}

.global_area .navilv_02_li {
	width: 12.5%;
	float: left;
}

.global_area .navilv_02_li .item_name {
	font-size: 11px;
	margin: 1px;
	padding: 4px 4px;
	background: #fff;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * drawer
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.global_area.drawer-default .drawer-menu-item {
	color: #323232;
	padding: 8px 8px 0;
}

.global_area.drawer-default .drawer-menu-item .item_name {
	color: #323232;
}

.global_area.drawer-default .drawer-menu-item .navilv_01_li .item_name {
	color: #fff;
	/*background: #e78bab;*/
	background: #797979;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow:rgba(0, 0, 0, 0.21) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.21) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.21) 0px 2px 3px 0px;
}

.drawer-header .drawer-hamberger-icon,
.drawer-header .drawer-hamberger-icon::before,
.drawer-header .drawer-hamberger-icon::after {
	background-color: #fff;
}

.global_area.bl_drawer_outer {
	padding: 0 32px;
}

.drawer-default.global_area {
	background: none repeat scroll 0 0 rgba(252, 252, 252, 0.98);
}

.global_area .navilv_01_li {;
	border-bottom: 1px solid #eee;
}

.drawer_logo {
	width: 226px;
	padding: 8px 8px 16px 8px;
	margin: 0 auto;
}

.drawer_head_title {
	padding: 0px 8px 0px 8px;
	text-align: center;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee;
}

.drawer_logo img {
	width: 100%;
	display: block;
}

/*  Drawer  */
.global_area.drawer-default .drawer-menu-item .item_name:hover,
.global_area.drawer-default .drawer-menu-item .item_name:focus {
	/*color: #e05c8d;
	background: #fff;*/
	text-decoration: none;
	/*background: #d4658b;*/
	background: #e78bab;
}

.global_area.drawer-default .drawer-menu-item .navilv_02_li .item_name:hover,
.global_area.drawer-default .drawer-menu-item .navilv_02_li .item_name:focus {
	/*color: #e05c8d;
	background: #fff;*/
	text-decoration: none;
	background: #eee;
}

.drawer-header .drawer-hamburger {
	padding: 0px 20px 0px 20px;
	height: 43px;
	background: #f89dbe;
}

.drawer-hamburger .drawer-hamberger-icon {
	margin-top: 0;
}

/*.bl_drawer .service .navilv_02 {
	display: none;
}*/

/*.drawer-open .drawer-header .drawer-hamburger {
	background: #323232;
	color: #fff;
}*/

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * Sub Navigation
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.sec_subnavi {
	background: #eee;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #f4f4f4;
}

.sec_subnavi .section_inner {
	border-top: 1px solid #eee;
}

.subnavi_inner {
	width: auto;
	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.subnavi .subnavi_li {
	display: block;
	margin: 12px 8px;
	border: 1px solid #fafafa;
	background: #fff;
	width: 180px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 3px 4px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 3px 4px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 3px 4px 0px;
}

.subnavi .subnavi_li.act_on .item_name {
	background: #f197b8;
	color: #fff;
}

.subnavi .subnavi_li.act_on .item_name i {
	color: #fff;
}

.subnavi .subnavi_li .item_name {
	display: block;
	font-size: 14px;
	padding: 16px 8px;
	text-align: center;
	/*-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;*/
}

.subnavi .subnavi_li a.item_name:hover {
	background: #6b6b6b;
	color: #fff;
}

.subnavi .subnavi_li .name_icon {
	display: block;
	font-size: 28px;
	margin-bottom: 8px;
	color: #bbb;
}

.subnavi .subnavi_li .name_text {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

/* ===================================
 * Basic OutLine
 * =================================== */
.txt_main {
	line-height: 150%;
	font-size: 20px;
	width: 746px;
	margin: 0 auto;
/*	letter-spacing: 1px;*/
	word-break: break-all;
}

.mrg_lev_3 {
	margin-bottom: 32px;
}

.mrg_lev_4 {
	margin-bottom: 48px;
}

.mrg_lev_5 {
	margin-bottom: 64px;
}

.pdg_lev_3 {
	padding-bottom: 32px;
}

.pdg_lev_4 {
	padding-bottom: 48px;
}

.pdg_lev_5 {
	padding-bottom: 64px;
}

/* ***********************************
 * TEXT TEST PATTERN
 * *********************************** */
.txt_main-a {
	width: 728px;
	margin: 0 auto;
	line-height: 150%;
	font-size: 22px;
}

.txt_main-b {
	width: 746px;
	margin: 0 auto;
	line-height: 150%;
	font-size: 20px;
}

.txt_main-b-3-2 {
	width: 760px;
	margin: 0 auto;
	line-height: 150%;
	font-size: 20px;
}

.txt_main-b-3-3 {
	width: 780px;
	margin: 0 auto;
	line-height: 150%;
	font-size: 20px;
}

.txt_main-c {
	width: 820px;
	margin: 0 auto;
	line-height: 150%;
	font-size: 28px;
}

.txt_main-d {
	width: 760px;
	margin: 0 auto;
	line-height: 150%;
	font-size: 21px;
}

.txt_main-e {
	width: 760px;
	margin: 0 auto;
	line-height: 150%;
	font-size: 22px;
}

.txt_main-f {
	width: 780px;
	margin: 0 auto;
	line-height: 150%;
	font-size: 21px;
}

.txt_main-g {
	width: 740px;
	margin: 0 auto;
	line-height: 150%;
	font-size: 21px;
	word-break: break-all;
	word-wrap: break-word;
}

.txt_main-h {
	width: 780px;
	margin: 0 auto;
	line-height: 150%;
	font-size: 22px;
	word-break: break-all;
	word-wrap: break-word;
}

/* Margin-Bottom
 * ---------------------------------- */
.mrg_btm_md {
	margin-bottom: 24px;
}

/* FLEX BOX
 * ---------------------------------- */
.flexbox_wrap {
	display: -webkit-flex;
	display: flex;
}

.flexbox_wrap.col_4 {
	flex-wrap: wrap;
	justify-content: space-between;
}

.col_4 .flexbox_ct {
	width: 24.5%;
	/*border-radius: 8px;*/
	display: block;
	padding: 8px;
	margin-bottom: 8px;
	background: #60B99A;
	color: #fff;
	text-decoration: none;
}

.flexbox_ct .inner {
/*	margin: 2px;*/
/*	text-decoration: none;*/
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * List
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.sec_list {
}

.sec_list.bglist {
	background: #f5f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #f1f1f1;
	padding: 16px 0;
}

.sec_list.btn_cta {
	border: none;
	background: none;
}

.sec_list .track_contents .track_contents_inner {
	border: 1px solid #fafafa;
	margin: 13px;
	padding: 8px;
}

.sec_list .track_contents.link_bx.hover .track_contents_inner {
	border: 1px solid #fdc0d7;
}

.sec_list.culom_1 .track_contents {
	width: 100%;
}

.sec_list.culom_2 .track_contents {
	width: 50%;
	float: left;
}

.sec_list.culom_3 .track_contents {
	width: 33.32%;
	float: left;
}

.sec_list.culom_5 .track_contents {
	width: 20%;
	float: left;
}

.sec_list.culom_6 .track_contents {
	width: 16.5%;
	float: left;
}

.sec_list.culom_1 .track_contents_inner,
.sec_list.culom_2 .track_contents_inner,
.sec_list.culom_3 .track_contents_inner,
.sec_list.culom_4 .track_contents_inner,
.sec_list.culom_5 .track_contents_inner,
.sec_list.culom_6 .track_contents_inner {
	box-shadow:rgba(0, 0, 0, 0.18) 0px 5px 6px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.18) 0px 5px 6px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.18) 0px 5px 6px 0px;
}

.sec_list.culom_4 .track_contents {
	width: 25%;
	float: left;
}

/*.sec_list.culom_4 .track_contents_inner {
	box-shadow:rgba(0, 0, 0, 0.22) 0px 4px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.22) 0px 4px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.22) 0px 4px 3px 0px;
}*/

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * C T A Button
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.sec_list.btn_cta .track_contents .track_contents_inner {
	padding: 0px;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;
	overflow: hidden;
}

.sec_list.btn_cta .track_contents .track_contents_inner a {
	font-size: 22px;
	margin: 0;
}

.sec_list.btn_cta .track_contents .track_contents_inner a:hover {
	font-size: 22px;
	margin: 0;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * PLAN TABLE
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.plan-table {
	padding: 12px 0;
	background: #eaeaea;
}

.plan-table .track_contents_inner {
	background: #fff;
}

.plan-table .sec_list.culom_3 .track_contents_inner {
	padding: 0;
}

.plan-table .track_contents .main_title {
	text-align: center;
	padding: 16px 0 0px;
	font-size: 32px;
}

.plan-table .track_contents .sub_title {
	text-align: center;
	padding: 8px 0 16px;
	font-size: 21px;
}

.plan-table .track_contents .min_title {
	text-align: center;
	padding: 16px;
	font-size: 24px;
}

.plan-table .plan_list_contents-inner {
	padding: 4px 24px;
	border-bottom: 1px solid #eee;
	color: #777;
}

.plan-table .wrap_ct_detail-inner {
	padding: 0 34px 32px;
}


/* LIST
 * -------------------------------- */
.plan-table .plan_list_contents .pl-icon {
	display: block;
	float: left;
	width: 28px;
}

.plan-table .plan_list_contents .pl-name {
	display: block;
	float: right;
	width: 100%;
	margin: 0 0 0 -28px;
}

.plan-table .plan_list_contents .pl-name-inner {
	display: block;
	margin: 0 0 0 28px;
	text-align: center;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * プラン料金
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.plan_price .track_contents_inner {
	text-align: center;
	font-size: 21px;
}

.plan_price .ct_comment {
	font-size: 16px;
	padding-left: 16px;
}

.plan_price.running .ct_title {
	font-size: 18px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * コンテンツリスト
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
/*.sec_list.contents {
	background: #fcfcfc;
}*/

.contents .ct_title .main_title {
	font-weight: bold;
	font-size: 18px;
}

.contents .ct_title .sub_title {
	font-size: 13px;
}

.contents .track_contents_inner {
	background: #fff;
	font-size: 12px;
}

.contents .ct_title {
	text-align: center;
	margin-bottom: 8px;
}

/* Image
 * --------- */
.contents .editting {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.contents .editting_inner {
	display: block;
	text-align: center;
	padding-top: 22px;
}

/* detail
 * --------- */
.contents .ct_detail {
	position: relative;
	margin-top: 4px;
	padding-right: 32px;
}

.contents .detail_name {
	display: block;
	padding: 6px 0;
}

.contents .detail_num {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 24px;
	height: 24px;
	background-color:#34ac98;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.contents .detail_num_inner {
	display: block;
	text-align: center;
	color: #fff;
	padding-top: 4px;
}

.ct_detail_link {
	padding-top: 8px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * 制作実績
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.actual.section.outer {
	background: #fafafa;
}

.actual .track_contents_inner {
	background: #fff;
}

.actual .track_contents .wrap_image {
	height: 298px;
	overflow: hidden;
	position: relative;
}

.actual .track_contents .wrap_image .icon {
	display: block;
	position: absolute;
	bottom: 4px;
	right: 4px;
	padding: 4px 8px;
	color: #fff;
	width:80px;
	height: 80px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.actual .track_contents .wrap_image .icon.original {
}

.actual .track_contents .wrap_image .icon .icon_info {
	display: block;
	padding-top:22px;
	text-align: center;
	font-size: 10px;
}

.actual .wrap_detail_inner {
	padding-top: 8px;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.actual .wrap_detail .ct_title {
/*	float: left;
	width: 90%;*/
	display: table-cell;
	vertical-align: middle;
	width: 90%;
}

.actual .hover .wrap_detail .ct_title .main_title {
	color: #629bf0;
}

.actual .wrap_detail .ct_title .sub_title {
	font-size: 10px;
}

.actual .hover .wrap_detail .ct_title .sub_title {
	color: #8cb1e8;
}

.actual .wrap_detail .ct_link {
	/*float: right;
	width: 10%;*/
	display: table-cell;
	vertical-align: middle;
	width: 10%;
}

.actual .wrap_detail .ct_link_inner i {
	text-align: center;
	font-size: 28px;
	color: #ddd;
}

.actual .hover .wrap_detail .ct_link_inner i {
	color: #8cb1e8;
}

/* 実績シングル */

.actual-top {
	padding-top: 32px;
}

.actual_detail_image {
	width: auto;
	max-width: 100%;
}

/* ++++++++++++++++++++++++++++++++++
 * Simulator
 * ---------------------------------- */
/*
 * Plan Select
 * =================================================== */
.ct_plan .plan_list {
	float: left;
	width: 33%;
}

/*.sec_simulation {
	padding-top: 32px;
}*/

/*  ACTIVE CHECK */
.sec_slimulate_btn .wrap_ct_detail {
	position: relative;
}

.sec_slimulate_btn .active_chk {
	position: absolute;
	top: -46%;
	left: 79%;
	background: #323232;
	color: #fff;
	width: 82px;
	height: 82px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-shadow:rgba(0, 0, 0, 0.32) 0px 3px 4px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.32) 0px 3px 4px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.32) 0px 3px 4px 0px;
}

.sec_slimulate_btn .active_chk i {
	font-size: 76px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.16);
}

.plan_light .sec_slimulate_btn .li_light .active_chk {
	display: block;
}

.plan_standard .sec_slimulate_btn .li_standard .active_chk {
	display: block;
}

.plan_original .sec_slimulate_btn .li_original .active_chk {
	display: block;
}

.sec_slimulate_btn .ct_detail_link {
	display: none;
}

.sec_slimulate_btn.contents .ct_image {
	margin: 0;
}

.sec_slimulate_btn.contents .ct_title {
	margin: 0;
}

.plan_standard .plan_list.li_standard .track_contents_inner {
	background: #f9afca;
}

.plan_light .plan_list.li_light .track_contents_inner {
	background: #f9afca;
}

.plan_original .plan_list.li_original .track_contents_inner {
	background: #f9afca;
}

/*.plan_standard .contents .ct_title {
	background: #74d1ab;
}*/

/*
 * Basic Contents Track
 * =================================================== */
.sec_simulation .basic_contents .option_list {
	width: 20%;
	float: left;
}

/*
 * Option Contents Track
 * =================================================== */
.sec_simulation .option {
	margin-bottom: 32px;
}

.sec_simulation .option .option_list {
	width: 25%;
	float: left;
}

.sec_simulation .option .option_list label {
	height: 248px;
}



/*
 * 計算結果
 * ::::::::::::::::::::::::::::::::::::::::::::::::: */
.simulate_result .select_plan {
	width: 50%;
	margin: 0 auto;
}

.simulate_result .select_plan_inner {
	background: #fff;
}

.simulate_result .select_contents_li > .inner {
	position: relative;
}

.simulate_result .sel_number {
	display: block;
	position: absolute;
	top: 3px;
	right: -4px;
	background: #f89dbe;
	color: #fff;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.simulate_result .sel_number_inner {
	display: block;
	text-align: center;
	padding-top: 11px;
	font-size: 16px;
}

.calculat .price_description {
	padding: 8px;
	margin-bottom: 16px;
}

.calculat .ct_left {
	width: 60%;
	float: left;
}

.calculat input[type="text"] {
	border: 0px solid #fff;
	border: none;
	display: inline-block;
	width: 120px;
	line-height: 150%;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 20px;
	text-align: right;
}

.calculat .ct_right {
	width: 40%;
	float: left;
}


.calculat .ct_title {
	font-size: 20px;
	margin-bottom: 8px;
}

.calculat .item_price {
	font-size: 20px;
}

.calculat .area_price {
	border-bottom: 1px solid #eee;
	margin-bottom: 1px;
}

.calculat .area_price .ct_left {
	width: 60%;
	float: left;
	font-size: 20px;
}

.calculat .area_price .ct_right {
	width: 40%;
	float: left;
}

/* 結果 オプションリスト
 * ----------------------- */
.calculat .select_contents {
	margin-bottom: 32px;
}

.calculat .select_contents_li {
	width: 25%;
	float: left;
}

.calculat .select_contents_li .inner {
	font-size: 11px;
	margin: 4px;
	padding: 8px;
}

/*
 * ボタン
 * ::::::::::::::::::::::::::::::::::::::::::::::::: */
.simu_reset a {
	display: block;
	margin: 8px;
	padding: 16px;
	font-size: 14px;
}

.area_col_2 .ct_track {
	float: left;
	width: 50%;
}

.area_col_2 .ct_track .inner {
	padding: 7px;
}

.submit_btn {
	padding: 24px 0;
	font-size: 18px;
}

.submit_btn:hover {
	background: #f2a8c3;
}

/*
 * メールフォーム
 * ::::::::::::::::::::::::::::::::::::::::::::::::: */
.form_contents {
	padding: 48px 0;
}

.ct_contact_form {
	width: 782px;
	margin: 0 auto;
}

.ct_contact_form input[type="submit"] {
	padding: 24px 0;
}

.form_example {
	display: inline-block;
	margin-left: 16px;
	color: #999;
	font-size: 11px;
}

.form_alert {
	color: #f69;
	font-size: 11px;
}


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

#container {
	background-color: #fff;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.04);
	margin: 0 auto;
	max-width: 100%;
}
.hentry header {
	padding: 0.5em;
}

.single-title, .page-title, .entry-title {
    font-size: 12px;
}

.entry-content {
    padding: 8px;
}

.hentry footer {
    display: none;
}

.admin-bar.drawer-left .drawer-hamberger {
	top: 32px;
}

.admin-bar.drawer-left.drawer-open .drawer-main {
	top: 32px;
}



/*
 * GoTp (2014-12-12 ADD)
 * ------------------------------------------ */
.side_nav {
	bottom: 6%;
	right: 1%;
	position: fixed;
	z-index: 1000;
}

@media only screen and (min-width: 1780px) {
	.side_nav {
		right: 10%;
	}
}

.go_top {
	position: static;
	margin: 0 0 8px;
}

.go_btn .gt_btn {
	border-radius: 0px;
	display: block;
	padding: 0;
	text-align: center;
/*	width: 54px;*/
	/*padding: 8px 0;*/
	background: rgba(0,0,0,0.58);
	color: #fff;
	/*background: #323232;*/
	color: #fff;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-shadow:rgba(0, 0, 0, 0.32) 0px 3px 4px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.32) 0px 3px 4px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.32) 0px 3px 4px 0px;
}

.gt_btn .label {
	display: block;
	padding-top: 12px;
	font-size: 27px;
}

.go_home {
	margin: 0 0 8px;
}

.go_bottom {
	position: static;
}

/*.drawer-left .drawer-hamberger {
    background-color: rgba(0,0,0,0.8);
}

.header .drawer-hamberger {
    height: 56px;
    padding: 8px;
    width: 56px;
}
*/
.h2.entry-title a {
	display: block;
}

/* 
 * Page Conposition
 * ---------------------------------------------------- */
/*.fm_basic .section .ct_title.outer {
	margin: 0 auto;
}

.fm_basic .section .ct_discription.outer {
	margin: 0 auto;
}*/

/*.fm_basic .section .ct_discription .inner {
	padding: 0 112px;
}*/

/*.fm_basic .section .ct_image.outer {
	background: #eee;
}

.fm_basic .section .ct_image .inner {
	margin: 0 auto;
}

.fm_basic .section .ct_image img {

}*/

/*
 * Page
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/*
 * DIAGRAM
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.bl_diagram {
	width: 746px;
	margin: 0 auto;
}
/*.bl_diagram .diagrams {
	border: 4px solid #eee;
	padding: 8px;
	margin-bottom: 16px;
}

.bl_diagram .dia_head {
	border-bottom: 1px solid #eee;
	margin-bottom: 4px;
}*/

/*
 * Table
 * ---------------------------------------------------------- */
.bl_diagram.table .dia_head_inner {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.bl_diagram.table .dia_head .dia_title {
	display: table-cell;
	vertical-align: middle;
	width: 36%;
/*	width: 40%;
	float: left;*/
	font-size: 16px;
}

.bl_diagram.table .dia_head .dia_description {
	display: table-cell;
	vertical-align: middle;
	width: 64%;
/*	width: 60%;
	float: left;
	padding-top: 8px;*/
	font-size: 12px;
}

.bl_diagram.table .dia_body_inner {
	width: 60%;
	margin: 0 0 0 auto;
}

/*
 * Basic
 * ---------------------------------------------------------- */
.bl_diagram.basic .diagrams_inner {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.bl_diagram.basic .dia_head {
	display: table-cell;
	vertical-align: middle;
	width: 36%;
}

.bl_diagram.basic .dia_head .dia_title {
	font-weight: bold;
	font-size: 16px;
}

.bl_diagram.basic .dia_body {
	display: table-cell;
	vertical-align: middle;
	width: 54%;
	font-size: 12px;
}


.bl_diagram .dia_body {
	font-size: 12px;
}


.bl_diagram .dia_body .dia_lv_1 {
	display: inline-block;
}


.bl_diagram .dia_lv_1 .dia_lv_2 {
	display: inline-block;
}

/*.bl_diagram .d_name {
	padding-right: 8px;
}*/

/*.bl_diagram .d_name .dia_lv_2_inner {
	padding: 2px 4px;
	background: #999;
	color: #fff;
}*/

/* 
 * table
 * ---------------------------------------------------- */
table {
	width: 98%;
	table-layout: fixed;
	word-wrap: break-word; }

table.basic thead {
	text-align: center; }

  table.basic thead td {
	background: #323232;
	color: #fff;
	padding: 8px;
	border: 1px solid #eee; }

  table.basic td {
	padding: 8px;
	font-size: 14px;
	border: 1px solid #eee; }

/*  .basic.col_4 td {
	width: 25%; }*/


/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * Footer
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.footer {
	font-size: 12px;
	color: #fff;
	background: #fff;
	padding: 0;
}

.ft_common_contents .site_contact a {
	padding: 8px 8px;
	width: 240px;
	margin: 4px;
	font-size: 18px;
	background: rgba(255,255,255,1.00);
	color: #323232;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	box-shadow:rgba(0, 0, 0, 0.39) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.39) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.39) 0px 2px 3px 0px;
}

.ft_common_contents .site_contact a:hover {
	/*background: rgba(0,0,0,0.3);*/
	background: #ffb5d0;
	/*color: #fff;*/
}

.ft_common_contents.ft_top {
	background: rgba(52, 52, 52, 0.78);
}

.ft_top .ft_common_contents_inner {
	padding: 16px 0;
}

.ft_sitemap,
.ft_common_contents.ft_bottom {
	background: rgba(52, 52, 52, 0.78);
}

/*.ft_sitemap_inner {
	padding-top: 16px;
}*/

.ft_common_contents .site_title {
	font-size: 14px;
}

.ft_common_contents .site_tel {
	font-size: 37px;
}

.copyright {
	padding: 24px 0;
}

.copyright a {
	color: #fff;
}

.ft_common_contents .logo {
	margin-bottom: 2px;
}

/* ft-TOP
 * -------------------------------- */
.ft_top .ft_common_contents_inner {
	display: table;
	table-layout: fixed;
	/*width: 100%;*/
}

.ft_top .fct {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	width: 33.34%;
}

.ft_common_contents.ft_top .logo a {
	width: 188px;
}

.ft_top .fct .site_title_02 {
	margin-bottom: 4px;
}

/* ( Footer )Sitemap
 * -------------------------------------- */
/*.ft_top {
	padding-bottom: 16px;
}

.ft_sitemap {
	margin-bottom: 48px;
}

.ft_sitemap .navilv_02_li {
	width: 20%;
	float: left;
}

.ft_sitemap .service .navilv_02 {
	display: none;
}

.ft_sitemap .navilv_01_inner {
	margin: 4px 4px 8px 4px;
	border: 1px solid #eeeeee;
	background: #fff;
	box-shadow:rgba(0, 0, 0, 0.09) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.09) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.09) 0px 2px 3px 0px;
}

.ft_sitemap .navilv_01_li .item_name {
	display: block;
	padding: 4px 4px;
	font-size: 12px;
	color: #fff;
	background: #e78bab;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow:rgba(0, 0, 0, 0.21) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.21) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.21) 0px 2px 3px 0px;
}

.ft_sitemap .navilv_01_li .item_name:hover {
	background: #d4658b;
}

.ft_sitemap .navilv_02 {
	padding-top: 4px;
	padding-left: 16px;
	padding-bottom: 8px;
}

.ft_sitemap .navilv_02 .item_name {
	display: block;
	padding: 4px 0;
	border-bottom: 1px solid #eee;
	color: #888;
	font-size: 11px;
}

.ft_sitemap .navilv_02 .item_name:hover {
	background: #eee;
}*/

/* ( Footer )Sitemap
 * -------------------------------------- */
.ft_sitemap_inner {
	padding-bottom: 48px;
}

.ft_sitemap .navilv_01 {
	width: 50%;
	float: left;
}

.ft_sitemap .navilv_01_inner {
	margin: 4px 4px 16px;
	/*padding: 7px;*/
	/*border: 1px solid rgba(0,0,0,0.06);*/
	background: rgba(0,0,0,0.24);
	box-shadow:rgba(0, 0, 0, 0.16) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.16) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.16) 0px 2px 3px 0px;
}

.ft_sitemap .navilv_01_li .item_name {
	display: block;
	padding: 8px;
	font-weight: bold;
	/*margin-bottom: 4px;*/
	border-bottom: 1px solid #444;
	background: rgba(255,255,255,0.26);
	color: #fff;
	font-size: 12px;
	box-shadow:rgba(0, 0, 0, 0.16) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.16) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.16) 0px 2px 3px 0px;
}

.ft_sitemap .navilv_01_li .item_name:hover {
	/*background: rgba(255,255,255,0.5);*/
	background: #d395ab ;
	/*color: #323232;*/
}

.ft_sitemap .navilv_02 {
	padding-top: 16px;
	/*padding-left: 16px;*/
	padding-bottom: 16px;
}

.ft_sitemap .navilv_02 .item_name {
	display: block;
	padding: 4px 6px;
	border-bottom: 1px solid rgba(255,255,255,0.04);
	font-size: 10px;
	/*color: #888;*/
	color: #eee;
}

.ft_sitemap .bl_drawer_li.navilv_02_li {
	float: left;
	width: 25%;
}

.ft_sitemap .navilv_02 .item_name:hover {
	color: #fcb3cd;
	background: rgba(0,0,0,0.3);
}

.ft_sitemap .service .navilv_02,
.ft_sitemap .inquiry .navilv_02 {
	display: none;
}

.ft_sitemap .inquiry,
.ft_sitemap .application {
	display: none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * TOP PAGE
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.home #container {
	background: #f5f5f5 none repeat scroll 0 0;
}

.home .article_title {
	text-align: center;
	color: #777;
	background: rgba(0,0,0,0.03);
	padding: 8px;
}

.home .sec_list .track_contents_inner {
	background: #fff;
}

.home .sec_main_image .section_inner {
	padding: 16px 0;
	background: rgba(0,0,0,0.01);
}

.home .sec_main_contents .ct_title {
	padding: 24px;
	background: #fafafa;
}

.home .sec_main_contents .main_title {
	display: block;
	text-align: center;
	font-weight: bold;
	color: #e888aa;
	font-size: 32px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.12);
}

.home .sec_main_contents .sub_title {
	display: block;
	text-align: center;
}

.home .sec_main_contents .ct_image {
	margin-bottom: 8px;
}

.home .sec_main_contents .ct_comment {
	font-size: 12px;
}

.home .sec_main_contents.culom_1 .comment_dt,
.home .sec_main_contents.culom_2 .comment_dt  {
	height: 26px;
}

.home .sec_main_contents.culom_4 .comment_dt,
.home .sec_main_contents.culom_3 .comment_dt  {
	height: 52px;
}

.home .hmct-4.sec_main_contents .sub_title {
	font-weight: bold;
	font-size: 18px;
}

.home .hover .ct_detail_link a {
	color: #000;
}

/*.home .sec_main_contents .ct_detail_link a {
	background: #eee;
	color: #aaa;
	border-radius: 19px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.22);
	box-shadow:rgba(0, 0, 0, 0.22) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.22) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.22) 0px 2px 3px 0px;
}*/

.home-list {
	background: #f5f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #f1f1f1;
	padding: 16px 0;
}

.home .hmct-sl {
	background: #fff;
}


.home .flexslider {
	box-shadow: none;
	/*width: auto;
	height: 100%;
	min-height: 400px;*/
}
/*
 * Plan
 * ::::::::::::::::::::::::::::::::::: */
.hmct-plan .ct_price {
	padding: 16px 0;
	font-size: 24px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * DESIGN
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.contents.design_navi .ct_title .main_title {
	font-size: 28px;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.14);
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * Template
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.temp_name {
	text-align: center;
	font-size: 21px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * HAJIMETE
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.hjm-color-parts .section_title {
	font-size: 46px;
}

.hjm-color-parts {
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * お問い合わせ TOP
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.contact-info.contents_title .title_main {
	font-size: 28px;
}

.contact-info.contents_title .title_sub {
	font-size: 48px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * よくある質問
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.faq-list .standard_contents {
	padding-top: 48px;
}

/* Template-ol************************************************************ */
.template_ol .fixbe {
	width: 762px;
}

.template_ol .flexslider {
	box-shadow: none;
}

.template_ol .flex-caption {
	display: block;
	text-align: center;
	padding-top: 8px;
	font-size: 28px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
 * Fonts
 * :::::::::::::::::::::::::::::::::::::::::::::::::: */
.article_title,
.label_en,
.main_title,
.sub_title,
.site_tel,
.temp_name,
.copyright {

/*font-family: 'Quicksand',"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
font-family: 'Open Sans',"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

}

/* ===================================
 * NEWS
 * =================================== */
.hmct-news {
	padding: 24px 0 12px;
}

.hmct-news .ct_image {
	padding: 12px;
	background: #fff;
	box-shadow:rgba(0, 0, 0, 0.22) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.22) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.22) 0px 2px 3px 0px;
}

.hmct-news .news_title {
	border-bottom: 1px solid #ffdcee;
	margin-bottom: 12px;
}

.hmct-news .news_comment {
	font-size: 12px;
}

@media only screen and (max-width: 767px) {
/*
#sidebar1 {
	display: none;
}
*/
}