@charset "utf-8";
/* CSS Document */
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
html {
	background:none;
}
body {
	min-width:320px;
	color:#253537;
	background-color:#fff;
	font-size:90%;
	line-height:1.4em;
	font-family: "ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	/*background-image:url(../../../img/common/body_bg_grade.png);
	background-repeat:repeat-x;
	background-attachment:fixed;*/
}
.super {
	vertical-align: super;
	font-size: 90%;
}
.site_top h2, h1 {
	font-size:240%;
	color:#fff;
	line-height:1.2em;
    padding: 10px 20px;
    background-color: #333;
	border-radius: 3px;
	background-image:none;
}
.site_top h2.badge, h1.badge {
	display:table;
	width:100%;
	box-sizing:border-box;
}
.site_top h2.badge .text, h1.badge .text,
.site_top h2.badge .space, h1.badge .space{
	display:table-cell;
	vertical-align:middle;
}
.site_top h2.badge .space, h1.badge .space {
	text-align:right;
	padding-left:15px;
}
.site_top h2.badge .space img, h1.badge .space img {
	margin:-30px 0;
	width:100px !important;
	max-width:none !important;
	height:89px;
}
.site_top h2, .site_top h1 {
	margin-bottom:0;
}
h1 {
	font-size:180%;
}
.site_top h2 span.section_number {
	display:inline-block;
	color:#999;
	width:1em;
}
.site_top h3 {
	font-size:170%;
	margin-bottom:15px;
	margin-top:15px;
	border:none;
	padding:0;
	border-color:#253537;
	color:#333;
	display:table;
	line-height:1em;
	width:100%;
}
span.caution_number {
	font-size:65%;
	vertical-align:text-top;
	line-height:1em;
}
.site_top h3 span.caution_number {
	font-size:50%;
	vertical-align:super;
}
.site_top h3:first-child {
	margin-top:0;
}
/*.site_top h3 span {
	display:table-cell;
	vertical-align:middle;
	padding-left:12px;
}
.site_top h3 span:first-child {
	font-size:180%;
	color:#fff;
	width:45px;
	font-family: 'Noto Sans', sans-serif;
	font-style:italic;
	background-color:#008FAC;
	background-color:rgba(251,148,0,1.00);
	padding:10px 0 12px;
	border-radius:3px;
	text-align:center;
	box-sizing:border-box;
}*/
.box_one, .box_two {
	margin-bottom:20px;
}
.box_two>div {
	width:49%;
	float:left;
}
.social_timeline>div {
	max-width:500px;
}
.box_two>div:nth-child(even) {
	margin-left:1%;
}
.box_two>div:nth-child(odd) {
	margin-right:1%;
}
div.youtube, div.douga {
    position:relative !important;
    top:auto !important;
    padding: 0px !important;
	width:100% !important;
	padding-top: 56.25% !important;
	margin:0;
}
div.youtube iframe,
div.douga iframe,
div.youtube video,
div.douga video {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}
div.capture_douga {
	max-width: 800px;
	width: 100%;
	margin: 30px auto;
	background-color: #333;
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////コンテンツエリアの最大横幅///////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.area_inner {
	margin:0 auto;
}
.area_inner, #Header_Container, .footer_contents, #Main_area {
	max-width:1200px;
}
.site_top #Main_area {
	max-width:1240px;
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////上書き系///////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.header_global span {
	color:#ccc !important;
}
.center_align.font130.font_bold.mar_btm20,
div.right_align+.center_align.font_bold,
#Main_area > .center_align.font_bold {/*各ページ見出し文言*/
	text-align:left !important;
}

.howto_box {/*howtoページテーブルレイアウト＿全体100%に*/
    width: 100%;
}
.howto_box .cell_right {/*howtoページテーブルレイアウト右セル幅指定オフ*/
	width:auto !important;
}
.howto_box .cell_left img{
	max-height:480px;
}
.gray_box.right_float {/*Trial Tourページメニュー*/
	float:none !important;
}
.uservoice_contents .comment {/*トップページユーザーボイスリスト*/
	width:auto !important;
	overflow:hidden;
	float:none !important;
}
.slide_pict {/*トップページユーザーボイスリスト*/
	margin-right:8px;
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

/****************ポップアップページ用*/
body#popup {
	min-width:320px;
}
body#popup #Container {
	width:auto;
	padding-bottom: 1px;
}
body#popup h1 {
	text-indent:5px;
}
/*********************************************************************************外枠たち*/
#body_bg_grade {
	width:100%;
	height:100%;
}
#Wrapper {
	width:auto;
	margin: 0 auto -160px;
	min-height:100%;
	height:auto !important;
	background-color:#fff;
}
#Container {
	margin:0 auto;
	width:100%;
	padding:53px 0 0;
	position:relative;
}
#Contents_top {
	width:100%;
	padding:0 20px;
	box-sizing:border-box;
	margin:20px auto 0;
}
.site_top #Contents_top {
	width:100%;
	padding:0 0;
	box-sizing:border-box;
	margin:0 auto;
	color:#333;
}
#Contents_type01 {
	padding:0 24px 0 24px;
	width:auto;
	background-color:#fff;
}
#Contents_type02 {
	padding:40px 160px;
	width:auto;
	background-color:#fff;
}
#Contents_type03 {
	/*width:706px;*/
	margin:0 auto;
	/*padding:40px 0;*/
}
#Main_area {
	width:100%;
	float:left;
	padding:20px 0 !important;
}
.site_top #Main_area {
	width:100%;
	box-sizing:border-box;
	padding:20px !important;
	/*background-color:rgba(255,255,255,0.8);
	
	background-color:rgba(88,88,88,0.80);*/
}
#Main_area img {
	width:auto;
	max-width:100%;
}
#Side_bar {
	width:198px;
	float:right;
	background-color:#fff;
	margin-top:24px;
	border:1px solid #bbb;
	border-bottom:none;
}
.contents_area_gradation {
	padding:30px 15px;
	background-image:url(../../../img/common/bg_gradation_type04_under.png);
	background-repeat:repeat-x;
	background-position:left -8px;
}
.box_table {
	display:table;
	width:100%;
	box-sizing:border-box;
}
.box_table > div {
	display:table-cell;
	vertical-align:middle;
	box-sizing:border-box;
}
.box_table .green01_large {
	padding-right:5px;
}
.box_table .orange01_large {
	padding-left:5px;
}
/*********************************************************************************子要素*/

.foreign {
	position:absolute;
	right:215px;
	top:14px;
	overflow: hidden;
	width: 150px;
	height: 21px;
}
.top_main_left {
	width:342px;
	float:left;
}
.top_main_right {
	width:342px;
	float:right;
}
.readcopy_area {
	width:215px;
	float:right;
}
#Contents_type01 .page_top, #Contents_type02 .page_top {
	margin-bottom:15px;
	padding:0;
}
#Side_bar .side_bar_left {
	float:left;
	width:130px;
}
#Side_bar .side_bar_left_small {
	float:left;
	width:25px;
	margin-right:5px;
}
#Side_bar .side_bar_left_small img {
	width:25px;
}
#Side_bar .side_bar_right {
	float:right;
	width:50px;
}
#Side_bar .store_set .bt_type02 {
	float:right;
	width:50px;
}
#footerNavLink, #footerNavLink02 {
	font-size:85%;
	line-height:1em;
	position:absolute;
	left:25px;
	top:0;
	background-color:#ccc;
	padding:0 0 0 1px;
}
#footerNavLink02 {
	top:40px;
	padding:0;
	background-color:transparent;
}
#Copyright {
	position:absolute;
	font-size:85%;
	right:25px;
	top:8px;
	line-height:1em;
}
#Footer .banner {
	display:table;
	height:60px;
}
#Footer .banner_area {
	display:table-cell;
	vertical-align:middle;
}
#Footer .banner_area img {
	max-width:100%;
}
.banner_area {
	margin-bottom:5px;
	background-color:transparent;
}
.top_w732 {
	width:732px;
}
.top_w444 {
	width:444px;
}
.top_w240 {
	width:240px;
}
.left_210px {
	width:210px;
}
/*********************************************************************************メインビジュアル*/
.mainvisual_top {
	width:100%;
	height:440px;
	position:relative;
	background-color:#444;
	background-repeat:no-repeat;
	background-size:100% auto;
	box-sizing:border-box;
	background-position:center top;
}
.mainvisual_top img {
	width:100%;
	/*max-width:1600px;*/
}
.catch_copy {
	/*text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;*/
	text-shadow:1px 1px 10px #DC0047;
	color:#fff;
	position:absolute;
	width:100%;
	bottom:20px;
	font-weight:bold;
	box-sizing:border-box;
	padding:0 20px;
	/*font-size:600%;*/
	line-height:normal !important;
}
.catch_bg {
	display:inline-block;
	max-width:600px;
	box-sizing:border-box;
}
.catch_bg img {
	display:block;
	width:100%;
}
	
.twitter_facebook {
	display:block;
	position:absolute;
	right:0px;
	bottom:0px;
	padding:8px 20px;
	background-color:rgba(1,1,1,0.6);
	box-sizing:border-box;
	width:100%;	
}
.site_top .twitter_facebook {
	position:relative;
	background:none;
	padding:5px 0 0;
}
.top_logo {
	width:50%;
}
.top_logo, .top_pk {
	padding-right:30px;
}
.top_pk, .copy_block_01 {
	display:table-cell !important;
	width:25%;
}
.top_logo img {
	width:100% !important;
	max-width:750px !important;
}
.top_pk img {
	width:100%;
	max-width:358px;
}
.main_copy_area {
	 margin:0px; 
	 padding:24px; 
	 background-color:#333; /*#253537*/
}
.copy_block_01 {
	/*padding-right:20px;*/
	white-space:nowrap;
	color:#fff;
	
}
.copy_block_01 h2 {
	padding:0;
	margin-bottom:0;
	font-size:250%;
	line-height:1.1em;
}
.copy_block_01 h2 a {
	display:block;
	text-decoration:none;
	color:#fff;
	background-color:#444;
	margin-bottom:1px;
}
.copy_block_01 h2 a,
.copy_block_01 h2 > span {
	padding-left:8px;
	padding-right:6px;
}
.copy_block_01 h2 a:hover {
	background-color:#666;
}
.copy_block_01 h2 span {
	font-size:60%;
	display:inline-block;
	margin-top:4%;
	line-height:1.2em;
}
.copy_block_01 h2 span.kakaku {
	font-size:150%;
	margin-top:0;
}
.copy_block_01 h2 span.kakaku_sale {
	font-size:150%;
	margin-top:0;
	color:#F00;
}
/*********************************************************************************リンク*/
.page_top {
	width:auto;
	text-align:right;
	font-size:85%;
	line-height:1em;
	clear:both;
}
.page_top a {
	color:#ccc !important;
	text-decoration:none !important;
	border-radius:5px;
	padding:5px 8px;
	background-color:#666;
	display:inline-block;
}
.page_top a:hover {
	opacity:0.8;
}
#Contents_top .page_top {
	padding:0 0px 0 0;
}
#footerNavLink li {
	float:left;
	margin:0 1px 0 0;
}
#footerNavLink a {
	display:block;
	height:auto;
	padding:8px 8px 2px;
	background-image:url(../../../img/common/bg_gradation_type03_under.png);
	background-position:left -15px;
	background-repeat:repeat-x;
	background-color:#f4f4f4;
}
#footerNavLink a:hover {
	background-color:#e4e4e4;
}
#footerNavLink02 a.list_headerimage {
	float:left;
	height:auto;
	padding:6px 8px 2px;
	background-position:left 5px !important;
}
/*********************************************************************************ボタン*/
.bt_type01 a, a.bt_type01, .bt_type02 a, a.bt_type02, .bt_type07 a, a.bt_type07, input.bt_type07, .bt_type07_min a, a.bt_type07_min, .bt_type07_large a, a.bt_type07_large {
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out; 
}
.bt_type01 a:hover, a:hover.bt_type01, .bt_type02 a:hover, a:hover.bt_type02, .bt_type07 a:hover, input.bt_type07:hover, a:hover.bt_type07, .bt_type07_min a:hover, a:hover.bt_type07_min, .bt_type07_large a:hover, a:hover.bt_type07_large {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.gray a:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;	
}
.btx2 {
	width:48%; 
	/*font-size:85% !important;*/
}
/*********************************************************************************テーブル斜線*/
th.slash {
	padding:0;
}
th.slash div {
	position:relative;
	width:100%;
	height:100%;
}
th.size_type01 {
	width:220px; height:50px; 
}
th.size_type02 {
	width:220px; height:70px; 
}
th.slash img {
	width:100%; height:100%;
}
th.slash span.right {
	position:absolute; display:block; top:10px; right:10px; line-height:1em;
}
th.slash span.left {
	position:absolute; display:block; bottom:10px; left:10px; line-height:1em;
}
/*********************************************************************************ニュース*/
#add_news0 {
	max-height:200px;
	overflow:auto;
	border-bottom:solid 1px #ccc;
}
/*********************************************************************************画像コンテンツ領域制御*/
.image_set_box {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color:#ccc;
	padding:6px 6px 1px;
	margin-bottom:15px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:auto;
}
.white_base {
	width:100%;
	height:auto !important;
	background-color:#fff;
	border:solid 1px #ccc;
}
.image_set {
	padding:4px;
	float:left;
	max-width:100% !important;
	box-sizing:border-box;
}
.image_set_box > .white_base .image_set {
	max-width:50% !important;
	width:50%;
}
.image_p {
	width:auto;
	line-height:1.7em;
}
.contents_img img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	border:solid 1px #66CCFF;
	box-sizing:border-box;
}
.contents_img .white_base img{
	max-height:329px;
}
.contents_img a.colorbox {
	display:block;
}
.contents_img .white_base a.colorbox{
	height:329px !important;
}
.white_base_x2 {
    width: 50%;
	border:solid 1px #ccc;
    box-sizing: border-box;
	margin-bottom:5px;
	background-color:#f1f1f1;
}
.white_base_x2 .image_set {
	width:100%;
	box-sizing:border-box;
}
.white_base_x2 a.colorbox {
	max-width:100%;
}
.white_base_x2 .white_base{
	border:none;
}
.contents_img img:hover {
	border:solid 1px #FF9900;
}
.photo_caption {
	display:block;
	width:100%;
	padding: 3px 3px 3px 19px;
	margin-bottom:5px;
	line-height:1.5em;
	box-sizing:border-box;
	background-color:#fff;
	background-position:4px 6px;
	border:solid 1px #ccc;
	border-width:0 1px 1px 1px;
}
.white_base_x2 .photo_caption{
	border-width:1px 0px 0px 0px;
}
.contents_img h2, .contents_img h3 {
	clear:both;
}
.lineup_pk {
	float:left;
}
.lineup_pk_p {
	padding-left:250px;
}
.top_illust {
	width:122px;
	margin-left:10px;
	float:right;
}
.top_illust img {
	width:120px !important;
}
.news_contents_left {
	width:202px;
	float:left;
}
.news_contents_left img {
	width:200px !important;
}
.news_contents_right {
	width:440px;
	float:right;
}
.image_warm {
	width:706px;
}
.image_warm img{
	max-width:706px !important;
}
.image_warm a.colorbox {
	margin:0 0 4px;
	display:block;
	max-width:100% !important;
	border:solid 1px #66CCFF;
}
.image_main {
	width:706px !important;
	padding:0;
}
.image_main img {
	max-width:704px !important;
	padding:0;
}
/*****************************************************************************************************　twitter　*/
#uservoice {
	border:solid 1px #ccc;
}
.twitter_area {
	margin-bottom:15px;
	border:solid 1px #bbb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
/*********************outline*/
.twtr-widget {
	background-color: #bbb !important;
	background-image:url(../../../img/common/bg_gradation_type05_under.png);
	background-repeat:repeat-x;
	background-position:left -110px;
}
.twtr-doc {
	border-radius:0 !important;
}
/*********************header*/
.twtr-hd {
	color:#888 !important;
	font-size:90%;
	margin-bottom:0;
	background-color:#999 !important;
	padding:5px 10px !important;
	border:solid 1px #bbb;
	border-bottom-color:#ccc;
	background-image:url(../../../img/common/bg_gradation_white_type05_upper.png);
	background-repeat:repeat-x !important;
	background-position:left bottom;
}
.twtr-widget .twtr-hd h3, .twtr-widget .twtr-hd h4 {
    background-color: transparent !important;
	background-image:none;
	border:none !important;
	font-weight:bold !important;
}
/*********************body*/
.twtr-bd {
	padding:0 1px !important;
}
.twtr-timeline {
	height:auto !important;
	max-height:200px !important;
	border-radius:0 !important;
}
.twtr-tweet-wrap {
	background-color:#f8f8f8;
	width:auto;
	background-image:url(../../../img/common/bg_gradation_white_type04_under.png);
	background-repeat:repeat-x !important;
	background-position:left top;
}
.twtr-tweet-text, .twtr-tweet, .twtr-tweets, .twtr-timeline {
	background-color:transparent !important;
}
#twtr-widget-1 .twtr-new-results {
	height:24px !important;
	padding:0px !important;
}
#twtr-widget-1 .twtr-new-results span {
	background-color:#DDA6A6 !important;
	line-height:1.2em;
	color:#fff !important;
}
/*********************footer*/
.twtr-ft div {
	padding:4px 8px 6px !important;
	font-size:90%;
	margin-bottom:0;
	background-color:#999 !important;
	border:solid 1px #bbb;
	border-top-color:#ccc;
	background-image:url(../../../img/common/bg_gradation_white_type05_upper.png);
	background-repeat:repeat-x !important;
	background-position:left bottom;
}
.twtr-join-conv {
	color:#888 !important;
}
/*********************************************************************************基本*/
.font_small {
	font-size:90% !important;
}
.font_gray {
	color:#999;
}
.font_s {
	text-decoration:line-through;
}
.pc_none {
	display:none;
}
.box_x3_set {
	margin-bottom:15px;
	border-bottom:dotted 1px #ccc;
	padding-bottom:5px;
}
.box_x3_set .h {
	margin-top:5px;
	padding-right:5px;
	background-image:url(../../../img/common/bg_gradation_white_type05_upper.png);
	background-color:#E2D7B1;
}
.box_x3_set .h h2 {
	line-height:1.5em;
	border:none;
}
.box_x3 {
	width:32%;
	margin-right:2%;
	float:left;
}
.box_x2 {
	width:50%;
	/*margin:0% 0%;*/
	float:left;
}
.box_x2 p,.box_x2 ul{
	padding:0px 12px;
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
/*h1{
	padding:6px 8px 7px;
	font-size:150%;
	line-height:1.3em;
	background-color:#555;
}*/
/*h1用 パンクズ*/
.breadcrumb_list{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-bottom:solid 1px #555;
	border-left:solid 1px #555;
	border-right:solid 1px #555;
	padding:0;
}
.breadcrumb_list h1{
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
.breadcrumb_list span{
	display:block;
	padding:3px 8px;
}
div.h h3, div.h h2{
	font-size:140%;
}
h3{
	font-size:140%;
	line-height:1.2em;
	color:#555;
}
.h_anchor, .h3{
	margin-top:-50px;
	padding-top:50px;
}
h4{
	font-size:120%;
	color:#666;
}
.h4{
	background:#eee;
	padding:2px;
	margin-top:30px;
	margin-bottom:15px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
}
.h4 h4{
	margin-bottom:0;
	text-indent:6px;
}
/*Layout*/
#Wrapper{
	margin:0 auto -260px;
}
#Header {
	width:100%;
	box-sizing:border-box;
	padding:0 20px;
	position:fixed;
	top:0px;
	left:0;
	background-color: #222;/*もと#505050*/
	/*background-image:url(../../../img/en/bg_gradation_header.png);
	background-repeat:repeat-x;
	background-position:left bottom;*/
	border-bottom:1px solid #403F41;
	z-index:10;
}
#Header_Container {
	width:100%;
	height:49px;
	margin:0 auto;
	position:relative;
}
#header_logo {
	width:110px;
	height:34px;
	display:block;
	overflow:hidden;
	background:url(../../../img/common/logo_header.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:8px;
	left:0;
	text-indent:-9999px;
	opacity:0.6;
}
#Header_menu {
	/*height:49px;*/
	position:absolute;
	top:3px;
	left:168px;
}
#Header_menu ul{
	height:100%;
	background-color:transparent;
	margin-bottom:0 !important;
	/*background:url(../../../img/en/bt_gradation_menu_bg.png) repeat-x;*/
	table-layout:fixed;
}
#Header_menu ul li {
    display:table-cell;
    /*height: 100%;
    width: 95px;*/
    margin-right: -1px;
    float: left;
    border: solid 1px #666;
    border-width: 0 1px;
}
#Header_menu ul li.first{
	margin-left:1px;
}
#Header_menu ul li a,
#Header_menu ul li p.commingsoon {
    display: table-cell;
    position: relative;
    height: 44px;
    width: 100%;
	min-width:6em;
	box-sizing:border-box;
    background-color: transparent;
    color: #aaa;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    padding: 0 5px;
    font-size: 15px;
}
#Header_menu ul li a span {
	color: #aaa;
}
#Header_menu ul li a span, #Header_menu ul li p.commingsoon span{
	display:block;
	text-decoration:none;
	/*padding-top:18px;
	font-size:110%;*/
}
#Header_menu ul li a span {
	color:#aaa;
}
#Header_menu ul li a:hover span{
	color:#fff !important;
}
#Header_menu ul li a.active{
	/*background:url(../../../img/en/bt_gradation_menu02.png) no-repeat;*/
	border:solid 4px #FCA605;
	border-width:4px 0;
	border-top-color:transparent !important;
	box-sizing:border-box;
}
#Header_menu ul li a.active:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#Header_menu ul li p.commingsoon span{
	color:#888;
}
#Header_button {
	position:absolute;
	top:8px;
	right:0px;
}

.pinterest{
	position:static;
}

.facebook{
	position:static;
	width:auto;
	height: 21px;
}
.tweet{
	position:static;
}

body#popup #Container{
	padding-top:0px;
}

#Footer{
	min-height:260px;
	height:auto !important;
	width:100%;
	position:relative;
	background-color:#222;
	/*background-image:url(../../../img/en/bg_gradation_footer2.png);
	background-position: left top;
	background-repeat:repeat-x;*/
	text-align:center;
	padding:10px 20px 40px;
	box-sizing:border-box;
}
#footer-space{
	height:260px;
}
.footer_contents {
	text-align:left;
	display:inline-block;
	width:auto;
	color:#fff;
}
.footer_lang {
	/*position:absolute;
	bottom:40px;*/
	width:auto;
}
.footer_contents a:link{color:#fff;text-decoration:none;}
.footer_contents a:visited{color:#fff;text-decoration:none;}
.footer_contents a:hover{color:#fff;text-decoration:underline;}
.footer_contents a:action{color:#fff;text-decoration:underline;}
#footerNavLink{
	background-color:transparent;
	position:static;
	font-size:110%;
}
#footerNavLink a{
	display:inline;
}
#footerNavLink.oya li{
	float:none;
	font-weight:bold;
}
#footerNavLink.oya li ul.ko{
	margin-top:8px !important;	
}
#footerNavLink.oya li ul.ko li{
	float:left;
	font-size:90%;
	margin-right:15px;
	font-weight:normal;
}
#footerNavLink.oya li ul.ko li ol{
	margin-top:6px;
	margin-left:17px;
}
#footerNavLink.oya li ul.ko li ol li{
	padding-left:0px;
	list-style-type:disc;
	font-size:85%;
	float:none;
	width:80px;
}

#footerNavLink.oya li ul.ko li.evangelist ol{
	margin-left:0;
}
#footerNavLink.oya li ul.ko li.evangelist ol li{
	width:auto;
	text-align:center;
	margin-right:0;
}
#footerNavLink.oya li ul.ko li.evangelist ol li img{
	height:56px;
}
#footerNavLink li{
	background-color:transparent;
	float:none;
}
#footerNavLink a{
	background-color:transparent;
	background-image:none;
	padding:0;
}
#footerNavLink a:hover{
	background-color:transparent;
}
.twitter_facebook_banner{

}
.twitter_facebook_banner a{
	display:block;
}
.twitter_facebook_banner a img{
	width:60px;
	height:60px;
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out; 
}
.twitter_facebook_banner a img:hover{
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
.footer_link{
	font-size:85%;
	line-height:1.5em !important;
	height:auto !important;
	margin-bottom:10px;
}
.footer_link a {
	display:inline-block;
}
#Copyright02{
	display:block;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	text-align:center;
	height:20px;
	line-height:20px;
	color:#fff;
	font-size:85%;
	background:#000;
}
/*Parts*/

.contents_img img{max-width:450px;}



.white_base_x2 img{max-width:447px;}
.photo_caption{background-color:#f1f1f1;}
#Sample a, a#Sample{
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out; 
}
#Sample a:hover, a#Sample:hover{
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
.bt_type05{
	display:block;
	line-height:35px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-weight:bold;
	text-align:center;
	font-size:130%;
	/*shadow*/
	box-shadow: 2px 2px 3px 0px rgba(170, 170, 170, 1);
	-o-box-shadow: 2px 2px 3px 0px rgba(170, 170, 170, 1);
	-ms-box-shadow: 2px 2px 3px 0px rgba(170, 170, 170, 1);
	-moz-box-shadow: 2px 2px 3px 0px rgba(170, 170, 170, 1);
	-webkit-box-shadow: 2px 2px 3px 0px rgba(170, 170, 170, 1);
}
.bt_type05, .bt_type05 span{
	color:#fff !important;
	text-decoration:none !important;
}
.bt_type05:hover{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
.bt_type05:active{
	margin-top:1px;
	/*shadow*/
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 1);
	-o-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 1);
	-ms-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 1);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 1);
}
.bt_type05_img{
	
}
.bt_type05_img:hover{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
.bt_type05_img:active{
	margin-top:1px;
}
.bt_type06{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.bt_type06:hover{
	width:275px;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
.bt_type07 {
	background:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.bt_type07 a {
	color:#fff;
	font-size:160%;
	font-weight:normal;
	line-height:1.2em;
	text-align:center;
	justify-content: center;
	align-items: center;
	text-decoration:none;
	display:flex;
	height: 68px;
	background:#888;
	text-shadow: -1px -1px 0px #777;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-repeat:repeat-x;
	background-position:center center;
	padding: 5px;
	box-sizing: border-box;
	position: relative;
}
.bt_type07 a span{
	color:#fff;
	text-decoration:none;
}
.bt_type07_large {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.bt_type07_large a{
	color:#fff;
	font-size:200%;
	font-weight:bold;
	line-height:2em;
	text-align:center;
	text-decoration:none;
	display:block;
	text-shadow: -2px -2px 0px #777;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-repeat:repeat-x;
	background-position:center center;
}
.bt_type07_large a span{
	color:#fff;
	text-decoration:none;
}
.bt_type07_min {
	/*background:#fff;*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.bt_type07_min a, a.bt_type07_min {
    padding:10px 0;
	color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: block;
    border-radius: 3px;
    background-repeat: repeat-x;
    background-position: center center;
    line-height: 100%;
    font-size: 18px;
    box-sizing: border-box;
}



.bt_type07_min a span{
	color:#fff;
	text-decoration:none;
}
.shadow01 a{
	/*shadow*/
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.33);
	-o-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.33);
	-ms-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.33);
}
.kado3, .kado3 a{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.kado5, .kado5 a{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.kado10, .kado10 a{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.yellow01 a{
	background-image:url(../../../img/en/bt_type07_gradation_yellow01.png) !important;
	border:1px solid #F1B700 !important;
	text-shadow: -1px -1px 0px #C78F00 !important;
}
.yellow02 a,
input.yellow02 {
	background-image:url(../../../img/en/bt_type07_gradation_yellow02.png) !important;
	border:1px solid #F1B700 !important;
	text-shadow: -1px -1px 0px #C78F00 !important;
	background-color: transparent;
	background-size: auto 100%;
}
.orange01 a{
	background-image:url(../../../img/en/bt_type07_gradation_orange01.png) !important;
	border:1px solid #FF8B3D !important;
	text-shadow: -1px -1px 0px #EE5600 !important;
	background-size: auto 100%;
}
.blue01 a{
	background-image:url(../../../img/en/bt_type07_gradation_blue01.png) !important;
	border:1px solid #367AA8 !important;
	text-shadow: -1px -1px 0px #2A5A7A !important;
	background-size: auto 100%;
}
.trial .dl_software .dl_btarea {
    background-color:rgba(179,225,180,0.35);
	/*display: flex;
	flex-wrap: wrap;
	justify-content: space-between;*/
	column-count: 2;
	display: block;
}
.previous .dl_software .dl_btarea {
    background-color: rgba(255,215,114,0.30);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.previous .dl_software .dl_btarea.clear_after::after,
.previous .dl_software .dl_btarea > a {
	display: none;
}
.previous .dl_software .dl_btarea > div {
    flex-basis: 49.5%;
	float: none !important;
	margin: 8px 0;
}
.trial .dl_software .dl_btarea > div {
	/*flex-basis: 49.5%;*/
	float: none !important;
	margin: 8px 0;
	display: inline-block;
	width: 100%;
}
.trial .dl_software .dl_btarea > div.dummy_block {
	display: inline-block !important;
}
.dl_btarea .yellow02 a,
.dl_btarea input.yellow02,
.dl_btarea .green02 a, 
.dl_btarea .trial .startup_block .yellow02 a,
.footer_app_bt .yellow02 a {
	background-image:url(../../../img/en/bt_type_gradation_ipad_large.png) !important;
	border:1px solid #333 !important;
	text-shadow: none !important;
	background-color: transparent;
	background-size: contain;
	opacity: 0.8;
}
.dl_btarea .yellow02 a:hover,
.dl_btarea input.yellow02:hover,
.dl_btarea .green02 a:hover, 
.dl_btarea .trial .startup_block .yellow02 a:hover {
	opacity: 0.6;
}
.footer_app_bt > div > div {
	display: flex;
	justify-content: space-between;
}
.footer_app_bt > div > div > div {
	flex-basis: 48%;
	margin: 0 !important;
	width: auto;
	float: none;
}
.footer_app_bt .yellow02 a {
	font-size: 80%;
	letter-spacing: 0;
	padding: 5px;
	min-height: 42px;
	box-sizing: border-box;
	border: solid 1px #aaa !important;
	box-shadow: none;
}
.footer_app_bt p {
	font-size: 60%;
	font-weight: normal;
}
.footer_app_bt p span.pc_text {
	display: none;
}
.footer_app_bt .left_float.bt {
	margin: 0 !important;
}
.wmc a{
	background-image:url(../../../img/en/bt_type07_gradation_wmc.png) !important;
	border:1px solid #D25175 !important;
	text-shadow: -1px -1px 0px #A82E6A !important;
	background-size: auto 100%;
}

.red01 a{
	background-image:url(../../../img/en/bt_type07_gradation_red01.png) !important;
	border:1px solid #d85244 !important;
	text-shadow: -1px -1px 0px #a11409 !important;
	background-size: auto 100%;
}

.blue01_min a{
	background-image:url(../../../img/en/bt_type07_gradation_blue01_min.png) !important;
	border:1px solid #367AA8 !important;
	text-shadow: -1px -1px 0px #2A5A7A !important;
	background-size: auto 100%;
}
.green01 a{
	background-image:url(../../../img/en/bt_type07_gradation_green01.png) !important;
	border:1px solid #8CC95E !important;
	text-shadow: -1px -1px 0px #40A344 !important;
	background-size: auto 100%;
}
.green02 a,
.trial .startup_block .yellow02 a {
	background-image:url(../../../img/en/bt_type07_gradation_green02.png) !important;
	border:1px solid #73B326 !important;
	text-shadow: -1px -1px 0px #40A344 !important;
	background-color: transparent;
	background-size: auto 100%;
}
.gray a{
	border:1px solid #888 !important;
}
.white01_min a{
	background-image:url(../../../img/en/bt_type07_gradation_white01_min.png) !important;
	border:1px solid #fff !important;
	text-shadow: none !important;
	background-size: auto 100%;
}
.green01_min a{
	background-image:url(../../../img/en/bt_type07_gradation_green01_min.png) !important;
	border:1px solid #8CC95E !important;
	text-shadow: -1px -1px 0px #40A344 !important;
	background-color: #83C92C;
	background-size: auto 100%;
}
.yellow01_large a{
	background-image:url(../../../img/en/bt_type07_gradation_yellow01_large.png) !important;
	border:2px solid #F1B700 !important;
	text-shadow: -2px -2px 0px #C78F00 !important;
	background-size: auto 100%;
}
.yellow02_large a{
	background-image:url(../../../img/en/bt_type07_gradation_yellow02_large.png) !important;
	border:2px solid #F1B700 !important;
	text-shadow: -2px -2px 0px #C78F00 !important;
	background-size: auto 100%;
}
.orange01_large a{
	background-image:url(../../../img/en/bt_type07_gradation_orange01_large.png) !important;
	border:2px solid #FF8B3D !important;
	text-shadow: -2px -2px 0px #EE5600!important;
	background-size: auto 100%;
	background-color: #FF8B3D;
}
.green01_large a{
	background-image:url(../../../img/en/bt_type07_gradation_green01_large.png) !important;
	border:2px solid #8CC95E !important;
	text-shadow: -2px -2px 0px #40A344 !important;
	background-size: auto 100%;
}
.yellow01_min a{
	background-image:url(../../../img/en/bt_type07_gradation_yellow01_min.png) !important;
	border:1px solid #F1B700 !important;
	text-shadow: -1px -1px 0px #C78F00 !important;
	background-size: auto 100%;
}
.orange01_min a{
	background-image:url(../../../img/en/bt_type07_gradation_orange01_min.png) !important;
	border:1px solid #FF8B3D !important;
	text-shadow: -1px -1px 0px #EE5600 !important;
	background-color: #FF7C07;
	background-size: auto 100%;
}
.yellow01_min_active{
	background-image:url(../../../img/en/bt_type07_gradation_yellow01_min.png) !important;
	border:1px solid #F1B700 !important;
	text-shadow: -1px -1px 0px #C78F00 !important;
	background-size: auto 100%;
}
.orange01_min_active{
	background-image:url(../../../img/en/bt_type07_gradation_orange01_min.png) !important;
	border:1px solid #FF8B3D !important;
	text-shadow: -1px -1px 0px #EE5600 !important;
	background-size: auto 100%;
}



.bt_type07_min.green01_min ,
.bt_type07_min.orange01_min {
	display:table;
	width:100%;
}
.bt_type07_min.green01_min a,
.bt_type07_min.orange01_min a {
	display:table-cell;
	vertical-align:middle;
	height:34px;
	padding:0 !important;
}

/*購入ページボタン（CSS Ver）*/
.bt_purchase {
	display: inline-block;
	max-width:260px;
	width: 100%;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	/*shadow*/
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 1);
	-o-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 1);
	-ms-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 1);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 1);
}
.bt_purchase:hover{
	opacity:0.85;
}
.bt_purchase a{
	display:flex;
	min-height: 68px;
	align-items: center;
	justify-content: center;
	text-align:center;
	font-weight:bold;
	font-size:130%;
	padding:4px 10px;
	color:#fff !important;
	text-decoration:none !important;
	box-sizing:border-box;
	border:3px solid;
}
@media all and (-ms-high-contrast: none) {
  .bt_purchase a{
		height: 68px;
  }
}
td .bt_purchase a {
	font-size:160%;
}
.bt_purchase.pro a{
	background-color:#79c8d2;
	border-color:#63b3bd;
}
.bt_purchase.ex a{
	background-color:#4285c6;
	border-color:#2e6fb2;
}


ul.list_type03 li{
	border-left:solid 5px #7CCAD3;
}

#Contents_type03 ul.list_maru_big,
#Contents_type03 ul.list_maru {
    margin-left: 20px !important;
    margin-bottom: 15px !important;
}
#Contents_type03 ul.list_maru_big li,
#Contents_type03 ul.list_maru li {
    list-style-type: disc;
	background:none !important;
	padding-left: 0 !important;
}
ol.list_headercircle li,
#Contents_type03 ul.list_maru_big li,
#Contents_type03 ul.list_maru li {
    margin-bottom: 0.5em;
}
#Contents_type03 .list_maru_big > li > ul,
#Contents_type03 ul.list_maru li ul {
				margin-top: 0.4em !important;
	margin-left: 0 !important;
			}
			#Contents_type03 .list_maru_big > li > ul > li,
			#Contents_type03 ul.list_maru > li > ul > li,
			.list_headerimage_circle > li > ul > li {
				padding-left:0.6em !important;
				text-indent:-0.6em;
				padding-bottom:0;
				list-style: none;
			}
#Contents_type03 .list_maru_big > li > ul > li:before,
#Contents_type03 ul.list_maru > li > ul > li:before,
			.list_headerimage_circle > li > ul > li:before {
				content: "-";
				width:0.6em;
				display: inline-block;
				text-indent:0;
				text-align:center;
			}
#Contents_type03 ul.list_maru > li > ul > li,
			.list_headerimage_circle > li > ul > li {
				list-style-type: none;
			}
#Contents_type03 h3,
#Contents_type03 h4 {
	margin-top: 40px;
}
#Contents_type03 h5 {
	font-weight: bold;
	margin-bottom: 0.4em;
}
a.bt_goto_buy {
	/*background-image:url(/view/img/common/bg_gradation_white_type03_under.png);*/
	background-repeat:repeat-x;
	background-position:left -2px;
	display:inline-block;
	width:45px;
	height:15px;
	color:#fff;
	font-weight:bold;
	line-height:15px;
	text-align:center;
	/*border-radius:3px;*/
	border:solid 1px;
	text-decoration:none;
	/*margin-left:5px;*/
	vertical-align:text-top;
	font-size: 90%;
}

.photo_caption a.bt_goto_buy:first-of-type{
	margin-left:5px;
}

a.debut {
	background-color:#C2D968;
	border-color:#C2D968;
	width:65px;
}
a.pro {
	background-color:#7BC5CE;
	border-color:#7BC5CE;
}
a.ex {
	background-color:#4A88C0;
	border-color:#4A88C0;
}
a.onh3{
	height:20px;
	line-height:20px;
	font-size:60%;
}
/*DL page*/
.dl_software .dl_btarea{
	padding:12px;
	color:#888;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size: 90%;
}
.dl_poparea ul li{
	display:inline-block;
	padding-right:30px;
	float:left;
}
.message {
		font-size:130%;
		line-height:1.2em;
		color:#8F8F8F;
		font-weight:bold;
		tex-align:left;
}
.h_anchor h1 small {
	font-size: 60%;
	display: inline-block;
}
/*リスト全体*/
.dl_table{
	margin-bottom:20px;	
	border:1px solid #ccc;
	padding:5px;
}
.dl_table table{
	border:0;
}
.dl_table table tbody tr td{
	text-align:center;
	padding:0;
	border:0;
	box-sizing:border-box;
}
.dl_table table tbody tr.product td{
	font-size:150%;
	color:#fff;
	vertical-align:top;
	line-height:1.1em;
	padding:8px 10px 5px;
}
.dl_table table tbody tr.product td span{
	font-size:60%;
	color:#fff;
	display: inline-block;
	margin: 5px 0;
	line-height: 1.2em;
}
.dl_table table tbody tr td .bt_table{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top:5px;
	font-size:120%;
	padding:5px 0 0px;
}
.dl_table table tbody tr th{
	text-align:left;
	font-weight:bold;
	line-height:1.2em;
	background-image:none;
	background-color:transparent;
	padding:10px 15px 10px 15px;	
	border:none;
	color:#555;
	font-size:110%;
	box-sizing:border-box;
}
/*リスト_灰色BOX内*/
.dl_table table tbody tr td .bt_table table tbody td {
	padding:10px 0 10px 0;
	text-align:left;
}
.dl_table table tbody tr.price td{
	/*font-size:190%;
	line-height:1.2em;*/
	font-weight:bold;
	font-size:140%;
	text-align:center;
}
.dl_table table tbody tr.price th{
	padding:9px 15px 9px 15px;	
}

.dl_table table tbody tr.button th{
	padding:0 0 0 15px;
	vertical-align:top;
}
.dl_table table tbody tr.button td{
	text-align:center;
	padding:3px;
	box-sizing: border-box;
}
.dl_table table tbody tr.button td input{
	
}
.dl_table table tbody tr.button td input:hover{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
.dl_table table tbody tr.button td input:focus{
	outline: none;
}
.dl_table table tbody tr td.pad_all0,
.dl_table table tbody tr th.pad_all0{
	padding:0;
}
.dl_table table tbody tr td.pad_lft0,
.dl_table table tbody tr th.pad_lft0{
	padding-left:0;
}
.dl_table table tbody tr td.pad_top0,
.dl_table table tbody tr th.pad_top0{
	padding-top:0;
}
.dl_table table tbody tr td.pad_top5,
.dl_table table tbody tr th.pad_top5{
	padding-top:5px;
}
.dl_table table tbody tr td.pad_top10,
.dl_table table tbody tr th.pad_top10{
	padding-top:10px;
}
.dl_table table tbody tr td.pad_top15,
.dl_table table tbody tr th.pad_top15{
	padding-top:15px;
}
.dl_table table tbody tr td.pad_btm0,
.dl_table table tbody tr th.pad_btm0{
	padding-bottom:0;
}
.dl_table table tbody tr td.pad_btm15,
.dl_table table tbody tr th.pad_btm15{
	padding-bottom:15px;
}
.dl_table table tbody tr td.border,
.dl_table table tbody tr th.border{
	border-bottom:1px solid #cecece !important;
}
.purchase_vl_table{
	display:table;
	width:100%;
}
.purchase_vl_table > div{
	display:table-cell;
	vertical-align:top;
}
.purchase_vl_table > div.button{
	padding-left:20px;
	width:245px;
}
.sample_x3 .samplebox{
	float:left;
	width:290px;
	height:120px;
	margin-right:31px;
	margin-bottom:30px;
}
.sample_x3 .samplebox a{
	display:block;
}
.sample_x3 .samplebox a img.colorbox_img,
.sample_x3 .samplebox div img.colorbox_img{
	width:78px;
}
/*サンプルデータ-20200129*/
#SampleIllust,
#SampleComics,
#SampleAnimation {
	margin-top: 20px;
}
.debut_ok {
	width: fit-content;
	padding: 0 0.3rem;
	color: #fff;
	background-color: #a9d12d;
	font-size: 0.8rem;
	font-weight: bold;
	letter-spacing: 0.05rem;
}
.debut_text {
	margin-right: 0.3rem;
}
.sample_wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 16px;
	font-size: 90%;
}
.sample_box {
	flex-basis: 16%;
	margin: 0 40px 20px 0;
}
.sample_box_animation {
	flex-basis: 21%;
	margin: 0 40px 20px 0;
}
.sample_thumb {
	display: block;
	position: relative;
}
.sample_thumb:hover {
	opacity: 0.8;
}
.sample_thumb .debut_ok {
	position: absolute;
	top: 0;
	right: 0;
}
.sample_creator-name {
	margin: 8px 0 4px;
}
.sample_youtube {
	position: relative;
	width: 100% !important;
	padding-top: 56.25% !important;
}
.sample_youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.cboxPhoto {
	max-width: 100% !important;
	height: auto !important;
}
/*TOP*/
.youtube div{
	height:100%;
}
.pickup_textarea table{
	width:100%;
	height:100%;
	border:0;
}
.pickup_textarea table tr td{
	border:0;
}
.pickup_textarea table tr td{
	border:0;
	vertical-align:middle;
	font-size:100%;
	padding:0;
}

.lineup_area_left{
	position:relative;
	width:702px;
	height:379px;
	background:url(../../../img/en/bg_lineup.png) no-repeat;
	float:left;
	margin-right:20px;
}
.lineup_area_left p.title{
	position:absolute;
	left:7px;
	color:#fff;
	font-size:140%;
	font-weight:bold;
}
.lineup_area_left p.caption{
	position:absolute;
	left:20px;
	width:600px;
	font-size:110%;
}
/*Howto*/
.grade_box{
	background:url(../../../img/en/bg_gradation_grade_box.png) repeat-x top;
	padding:20px;
	border:1px solid #ccc;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
}
.grade_box strong{
	color:#F89000;
	font-weight:bold;
	font-size:120%;
}
.point{
	display:inline-block;
	background:#F89000;
	color:#fff;
	line-height:1.5em;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.profile_set{
	padding:15px;
	background:#eee;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
	margin-bottom:20px;
}
.profile_set h4{margin-bottom:5px;}
.profile_set p{margin-bottom:0;}
.footer_nav{
	text-align:center;
	font-size:120%;
}
/*SALE*/
.font_red {
	/*color:#E23537 !important;*/
	color:#FF0000 !important;
}

.mobile_menu_open {
	display:none;
}

/*trial_tourページ*/
.menu_area {
	margin:0 !important;
	}
.bt_trial_tour_download_sample {
	width:100%;
	max-width:380px;
	margin-bottom:10px;
	padding-left:27px;
	box-sizing:border-box;
}
.quick_help {
	width:49% !important;
	margin-right:1% !important;
}
/*funcページ*/
.function_btarea {
	margin:0 20px;
}
.function_btarea .contents_all .set_image div {
	padding:0;
	background-color:transparent;
}
.function_btarea .contents_all .set_image {
	width:100%;
	text-align:left;
}
.function_btarea .contents_all .set_text {
	display:none !important;
}
.function_btarea .contents_all .set_image a {
	display:block;
	width:100%;
   	height: 100px;
	font-size:270%;
	line-height:1em;
	font-weight:bold;
   	background-size:100% auto;
   	background-position: center center;
	background-repeat:no-repeat;
	border-radius:10px;
	box-sizing:border-box;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	color:#fff !important;
	text-decoration:none !important;
	overflow:hidden;
}
.function_btarea .contents_all .set_image a:hover {
	opacity:0.7;
	transition: 0.2s ease-in-out;
}
.function_btarea .contents_all .set_image a > div {
	display:table;
	width:100%;
	height:100%;
}
.function_btarea .contents_all .set_image a > div > div {
	display:table-cell;
	border-radius:8px 0 0 8px;
	vertical-align:middle;
	padding:0 20px;
}
.function_btarea .contents_all .set_image a > div > div:first-child {
	width:50%;
}
.function_btarea .contents_1 .set_image a {
   	background-image:url(/view/img/common/top/banner_for_manga.jpg);
	border:solid 2px #678BAF;
}
.function_btarea .contents_1 .set_image a > div > div:first-child {
	background-color:rgba(16,88,152,0.6);
}
.function_btarea .contents_2 .set_image a {
   	background-image:url(/view/img/common/top/banner_for_illust.jpg);
	border:solid 2px #3D9EB0;
}
.function_btarea .contents_2 .set_image a > div > div:first-child {
	background-color:rgba(45,169,183,0.6);
}
.function_btarea .contents_3 .set_image a {
   	background-image:url(/view/img/common/top/banner_for_animation.jpg);
	border:solid 2px #885E8D;
}
.function_btarea .contents_3 .set_image a > div > div:first-child {
	background-color:rgba(98,63,109,0.6);
}
.function_btarea .image_text_set {
	padding-top:20px;
}
.function_btarea .image_text_set:first-child {
	padding-top:0;
}
.lineup_box_set {
	display: -webkit-flex;/* Safari */
	display: flex;
	-webkit-flex-wrap: wrap;/* Safari */
	flex-wrap: wrap;
	column-count:3;
	justify-content:space-between;
	align-items:stretch;
}
.lineup_box_set .lineup_box_x1{
	display: -webkit-flex;/* Safari */
	display: flex;
	flex-direction:column;
	width:32%;
	margin-bottom:20px;
	background-color:#fff;
	justify-content:space-between;
	align-items:stretch;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
}
.lineup_box_set .lineup_box_x1:last-child{
	margin-right:0;
}
.lineup_box_set .lineup_box_x1 h4{
	margin-bottom:0;
	line-height:33px;
	color:#fff;
	text-align:center;
	font-size:120%;
}
.lineup_box_set .lineup_box_x1 img{
	margin-bottom:0;
}
.lineup_box_set .lineup_box_x1 .text{
	margin-bottom:0;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	padding:11px 15px;
	font-size:100%;
}
.lineup_box_set .lineup_box_x1 .box_bg {
	background-image:url(../../../img/en/lineup/img_pkg_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	text-align:center;
}
.lineup_box_set.en_es_fr_de{
	display:block;
	column-count:1;
}
.lineup_box_set.en_es_fr_de .lineup_box_x1{
	display:table;
	width:100%;
	padding:30px;
	box-sizing:border-box;
}
.lineup_box_set.en_es_fr_de .lineup_box_x1 > div{
	display:table-cell;
	vertical-align:top;
}
.lineup_box_set.en_es_fr_de .lineup_box_x1 .box_bg{
	width:298px;
	background-image: none;
}
.lineup_box_set.en_es_fr_de .lineup_box_x1 .text{
	padding:0;
	margin-bottom:10px;
}
.lineup_box_set.en_es_fr_de .lineup_box_x1 h4{
	color:#555;
	font-size:160%;
	line-height:1.4em;
	margin-bottom:10px;
	font-weight: normal;
	text-align: left;
}
.lineup_box_set.en_es_fr_de .lineup_box_x1 .lineup_kakaku_tb h4 {
	font-size: 140%;
	margin: 10px 0;
}
.lineup_box_set.en_es_fr_de .lineup_box_x1 h5 {
	font-size: 120%;
	font-weight: bold;
	margin: 15px 0;
}
.lineup_box_x1 h5 span{
	display: block;
	font-size: 80%;
	font-weight: normal;
}
.lineup_box_set.en_es_fr_de .lineup_box_x1 h5 + p {
	margin-bottom: 10px;
}
.lineup_box_set.en_es_fr_de .lineup_box_x1 h6 {
	font-size: 140%;
	font-weight: bold;
	margin: 10px 0;
	white-space: nowrap;
}
.lineup_box_set.en_es_fr_de .lineup_box_x1 td{
	padding:7px 0px;
	padding-right:15px;
}
.lineup_box_set.en_es_fr_de .lineup_box_x1 td:last-child{
	padding-right:0px;
	text-align: right;
	width: 30%;
}
.lineup_kakaku_tb{
	display:table;
	width:100%;
	border:1px solid #ccc;
	border-width:1px 0 0 0;
	margin-bottom:0px;
	border: none;
}
.lineup_kakaku_tb td{
	display:table-cell;
	border:1px solid #ccc;
	border-width:0 0 1px 0;
	height: 6em;
	vertical-align: middle;
}
.lineup_kakaku_tb tr:last-child td{
	border:none;
}
.lineup_kakaku_tb.getsugaku td:last-child {
	padding-top: 15px;
}

.lineup_box_set.en_es_fr_de .mb_none{
	display:block !important;
}
.lineup_box_set.en_es_fr_de td.mb_none{
	display:table-cell !important;
}
.lineup_box_set.en_es_fr_de .pc_none,
.lineup_box_set.en_es_fr_de tr.pc_none{
	display:none !important;
}

.btm_blue {
	margin-top: 10px;
	text-align: center;
}
.btm_blue a{
	background-image: none;
	background-color: #0B96E3;
	border: none;
	width: 100%;
	max-width: 400px;
	min-width: 240px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-height: 3em;
	border-radius: 5px;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.1em;
	box-sizing: border-box;
	padding: 5px 10px;
	text-decoration: none;
	margin: 5px 0;
}
@media screen and (max-width: 780px) {
	.btm_blue div a {
		width: 60%;
	}
	@media screen and (max-width: 480px) {
		.btm_blue div a {
			width: 100%;
		}
	}
}

/*faq acordion*/
.accordion h3 {
	background: url("/view/img/en/header_arrow_below.gif") no-repeat scroll 5px center #fff;
	border:1px solid #ccc;
	padding:5px 3px 4px 28px;
    font-weight: 400;
    margin: 0px 0px 10px;
	line-height:1.3em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:100%;
}
.accordion_head_simple {
	cursor:pointer;
	position: relative;
}
div.accordion_body {
	padding:10px 10px 5px;
	display:none;
}
.h_anchor, .h3{
	margin-top:-60px;
	padding-top:50px;
}
/*---------------open anchorlink */
#sync {
	margin-top:-100px;
	padding-top:100px;
}

/*---------------faq tipsbanner*/
a.tipsbanner{
	display:table;
	width:100%;
	border:2px solid #61b2d8;
	border-radius:5px;
	box-sizing:border-box;
	overflow:hidden;
	background-color: #fff;
}
a.tipsbanner:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
a.tipsbanner,
a.tipsbanner span{
	color:#666;
	text-decoration:none;
}
a.tipsbanner .i_left,
a.tipsbanner .i_right,
a.tipsbanner .t_center{
	display:table-cell;
	padding:12px 0;
}
a.tipsbanner .i_left{
	max-width:183px;
	background-image: url(/view/img/en/tipsbanner_left.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
a.tipsbanner .i_right{
	max-width:183px;
	background-image: url(/view/img/en/tipsbanner_right.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
a.tipsbanner .t_center{
	width:70%;
	padding-left:5%;
	padding-right:5%;
	background-color: transparent;
	box-sizing:border-box;
	text-align: center;
	vertical-align: middle;
}
a.tipsbanner .t_center .ora_bold{
	display:block;
	color:#61b2d8;
	font-size:130%;
	line-height:1.1em;
	text-align:center;
	margin-bottom:8px;
}
a.tipsbanner .t_center .ora_bold_small{
	color:#61b2d8;
	font-size:85%;
}
a.tipsbanner .t_center .gra_normal{
	display:inline-block;
	font-size:115%;
	text-align:left;
}
a.tipsbanner .t_center .ttl{
	display:block;
	color:#61b2d8;
	font-size:190%;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}
a.tipsbanner span div {
	min-height: 66px;
}
/*---------------faq askbanner*/
a.askbanner{
	display:table;
	width:100%;
	border:2px solid #ff7641;
	border-radius:5px;
	box-sizing:border-box;
	overflow:hidden;
	background-color: #fff;
}
a.askbanner:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
a.askbanner,
a.askbanner span{
	color:#666;
	text-decoration:none;
}
a.askbanner .i_left,
a.askbanner .i_right,
a.askbanner .t_center{
	display:table-cell;
	padding:12px 0;
}
a.askbanner .i_left{
	max-width:183px;
	background-image: url(/view/img/en/askbanner_left.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
a.askbanner .i_right{
	max-width:183px;
	background-image: url(/view/img/en/askbanner_right.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
a.askbanner .t_center{
	width:70%;
	padding-left:5%;
	padding-right:5%;
	background-color: transparent;
	box-sizing:border-box;
	text-align: center;
}
a.askbanner .t_center .ora_bold{
	display:block;
	color:#ff7641;
	font-size:190%;
	font-weight:bold;
	line-height:1.1em;
	text-align:center;
	margin-bottom:5px;
}
a.askbanner.tipsbanner .t_center .ora_bold{
	font-size:130%;
	font-weight: normal;
	margin-bottom: 8px;
}
a.askbanner.tipsbanner .t_center .ttl {
	color:#ff7641;
}
a.askbanner .t_center .ora_bold_small{
	color:#ff7641;
	font-size:85%;
}
a.askbanner .t_center .gra_normal{
	display:inline-block;
	font-size:115%;
	text-align:left;
}
/*---------------faq assetsbanner*/
a.assetsbanner{
	display:table;
	width:100%;
	border:2px solid #70BC5B;
	border-radius:5px;
	box-sizing:border-box;
	overflow:hidden;
	background-color: #fff;
}
a.assetsbanner:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
a.assetsbanner,
a.assetsbanner span{
	color:#666;
	text-decoration:none;
}
a.assetsbanner .i_left,
a.assetsbanner .i_right,
a.assetsbanner .t_center{
	display:table-cell;
	padding:12px 0;
}
a.assetsbanner .i_left{
	max-width:183px;
	background-image: url(/view/img/en/assetsbanner_left.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
a.assetsbanner .i_right{
	max-width:183px;
	background-image: url(/view/img/en/assetsbanner_right.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
a.assetsbanner .t_center{
	width:70%;
	padding-left:5%;
	padding-right:5%;
	background-color: transparent;
	box-sizing:border-box;
	text-align: center;
}
a.assetsbanner .t_center .ora_bold{
	display:block;
	color:#70BC5B;
	font-size:190%;
	font-weight:bold;
	line-height:1.1em;
	text-align:center;
	margin-bottom:5px;
}
a.assetsbanner.tipsbanner .t_center .ora_bold{
	font-size:130%;
	font-weight: normal;
	margin-bottom: 8px;
}
a.assetsbanner.tipsbanner .t_center .ttl {
	color:#70BC5B;
}
a.assetsbanner .t_center .ora_bold_small{
	color:#70BC5B;
	font-size:85%;
}
a.assetsbanner .t_center .gra_normal{
	display:inline-block;
	font-size:115%;
	text-align:left;
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////トップページ///////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.section_box {
	padding:20px;
	margin-bottom:20px;
	position:relative;
	
	/*↓Flexible Box表示する順番を変更できる親
	display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;*/
}
.section_box > div {
	position:relative;
}
.section_box >div:last-child {
	padding-bottom:0;
}
.section_box:last-child {
	margin-bottom:0;
}
.image_text_set {
	width:100%;
	display:table;
	padding:20px 0 0;
	/*border-bottom:solid 1px #eee;*/
	
	/*↓Flexible Box表示する順番を変更できる子
	-webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;*/
}

/*表示する順番を変更*/
.section_box.section_1 > div:nth-child(1){
	-webkit-order: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	order: 2;
}
.section_box.section_1 > div:nth-child(2){
	-webkit-order: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	order: 1;
}

.image_text_set:last-child {
	border:none;
}
.image_text_set >div {
	display:table-cell;
	vertical-align:middle;
}
.set_number {
	display:none !important;
	width:10%;
	font-size:50px;
	line-height:1em;
	color:rgba(255,255,255,0.52);
	text-align:center;
	vertical-align:top !important;
	font-weight:bold;
}
.set_image {
	width:40%;
	box-sizing:border-box;
	text-align:center;
}
.set_text {

}
.set_image > div {
	padding:5px;
	background-color: #fff;
	border-radius:5px;
}
.section_1 .contents_3 {
	display:none;
}
.section_3 .contents_2 .set_image > div {
	padding:10px;
}
.section_3 .contents_2 .set_image > div > div {
	max-height:250px !important;
	overflow:hidden;
	-webkit-overflow-scrolling: touch;
}
.set_image div img {
	max-width:100% !important;
	width:100% !important;
}
.section_3 .contents_1 .set_image div {
	width:15% !important;
	/*max-width:150px !important;*/
	min-width:130px !important;
	padding:5px;
	margin:0 1% 1% 0;
	float:left;
	box-sizing:border-box;
}
.section_3 .contents_1 .set_image div img,
.section_3 .contents_1 .set_image div p,
.section_3 .contents_1 .set_image div span {
	pointer-events: none;
}
.section_3 .contents_1 .set_image div a {
	display:block;
	width:100%;
	text-decoration:none;
}
.section_3 .contents_1 .set_image div a:hover {
	opacity:0.7;
	transition: 0.2s ease-in-out;
}
.section_3 .contents_1 .set_image div a p {
	font-size:80%;
	margin:0;
	line-height:1em;
	height:45px;
	padding-top:6px;
	box-sizing:border-box;
	color:#999 !important;
}
.section_3 .contents_1 .set_image div a p span {
	display:inline-block;
	text-decoration:none;
	color:#999 !important;
}
.section_3 .contents_1 .set_image div a p span.artist_name {
	font-weight:bold;
	color:#666 !important;
	margin-bottom:3px;
}
.section_4 .contents_all .set_image div {
	padding:0;
	background-color:transparent;
}
.section_3 .contents_1 .set_image,
.section_3 .contents_2 .set_image,
.section_4 .contents_all .set_image {
	width:100%;
	text-align:left;
}
.section_3 .contents_1 .set_text,
.section_3 .contents_2 .set_text,
.section_4 .contents_all .set_text {
	display:none !important;
}
.section_3 .contents_2 .set_image h4 {
	margin-bottom:0px;
}
.section_3 .contents_2 .set_image p {
	font-size:80%;
	line-height:1.2em;
}
.section_3 .contents_2 .set_image p:last-child {
	margin-bottom:0;
}
.section_3 .contents_2 .set_image span {
	display:inline-block;
	margin-right:4px;
}
.set_text h3 {
	padding:0 0 0 30px;
	width:auto;
	margin:0;
}
.set_text p {
	line-height:1em;
	padding:0 0 0 30px;
	margin:15px 0 0;
}
a.and_more {
	display:inline-block;
	position:absolute;
	right:0px;
	bottom:0;
	color:#fff;
	background-color:rgba(190,190,190,0.74);
	padding:5px 10px;
	border-radius:3px;
}
.trial_buy_buttons {
	margin-bottom:20px;
}
.site_top #Main_area .trial_buy_buttons {
		padding:30px 20px;
	}
.trial_buy_buttons > div {
	width:50%;
}
.section_4 .contents_all .set_image a {
	display:block;
	width:100%;
    height: 100px;
	font-size:300%;
	line-height:1em;
	font-weight:bold;
    background-size:100% auto;
    background-position: center center;
	background-repeat:no-repeat;
	border-radius:10px;
	box-sizing:border-box;
	border:solid 2px #999;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	color:#fff !important;
	text-decoration:none !important;
	overflow:hidden;
}
.section_4 .contents_all .set_image a:hover {
	opacity:0.7;
	transition: 0.2s ease-in-out;
}
.section_4 .contents_all .set_image a > div {
	display:table;
	width:100%;
	height:100%;
}
.section_4 .contents_all .set_image a > div > div {
	display:table-cell;
	border-radius:8px 0 0 8px;
	vertical-align:middle;
	padding:0 20px;
}
.section_4 .contents_all .set_image a > div > div:first-child {
	width:50%;
}

.section_4 .contents_1 .set_image a {
    background-image:url(/view/img/common/top/banner_for_manga.jpg);
}
.section_4 .contents_1 .set_image a > div > div:first-child {
	background-color:rgba(16,88,152,0.6);
}
.section_4 .contents_2 .set_image a {
    background-image:url(/view/img/common/top/banner_for_illust.jpg);
}
.section_4 .contents_2 .set_image a > div > div:first-child {
	background-color:rgba(45,169,183,0.6);
}
.section_4 .contents_3 .set_image a {
    background-image:url(/view/img/common/top/banner_for_animation.jpg);
}
.section_4 .contents_3 .set_image a > div > div:first-child {
	background-color:rgba(98,63,109,0.6);
}
/* ▼機能紹介動画パート */
.section_youtube{
	display: -webkit-flex;/* Safari */
	display: flex;
	-webkit-flex-wrap: wrap;/* Safari */
	flex-wrap: wrap;
	column-count:2;
	justify-content:space-between;
}
.section_youtube .contents_2{
	display: -webkit-flex;/* Safari */
	display: flex;
	flex-direction:column;
	width:49%;
	background-color:#fff;
	margin-bottom:1%;
	border-radius:5px;
}
.section_youtube .set_image{
	width:100%;
	padding:5px;
}
.section_youtube .set_text{
	margin:5px;
}
.section_youtube .set_text h3{
	padding:0;
	margin-bottom:5px;
	line-height:1em;
}
.section_youtube .set_text p{
	color:#999;
	font-size:100%;
	line-height:1.2em;
	margin:0 0 5px 0;
	padding:0;
}
.bt_andmore{
	display:inline-block;
	transition:0.2s ease-in-out;
	color:#fff !important;
	text-align:right;
	padding:5px 10px;
	background-color:rgba(190,190,190,0.74);
	border-radius:3px;
}
.bt_andmore:hover{

}
/* ▲機能紹介動画パート */
/* ▼導入事例パート */
.school_pickup{
	display: -webkit-flex;/* Safari */
	display: flex;
	-webkit-flex-wrap: wrap;/* Safari */
	flex-wrap: wrap;
	column-count:2;
	margin-top:20px;
	justify-content:space-between;
}
.school_pickup > div{
	display: -webkit-flex;/* Safari */
	display: flex;
	align-items:stretch;
	justify-content:space-between;
	padding:10px 10px;
	box-sizing:border-box;
	width:49%;
	background-color:#fff;
	border-radius:5px;
}
.school_pickup > div .set_text {
	width:75%;
	box-sizing:border-box;
	padding-right:30px;
	padding-top:0 !important;
}
.school_pickup .set_image{
	width:25%;
}
.school_pickup h3{
	padding:0;
}
.school_pickup h3 span{
	font-size:55%;
	line-height:1.3em;
	color:#999;
	font-weight:normal;
}
.school_pickup p{
	color:#333;
	padding:0;
	font-size:85%;
	line-height:1.3em;
}
.school_pickup p .more{
	display:inline-block;
}
/* ▲導入事例パート */
.prodcts_ad{
	padding:35px 0 0px;
}
.prodcts_ad .trial_buy_buttons > div{
	width:100%;
	padding:0;
	display:block;
}
.prodcts_ad .ipad_btset_b > div.set_button{
	padding:0;
}
.prodcts_ad .ipad_btset_b > div.set_text{
	font-size:130% !important;
	text-align:left !important;
}
.prodcts_ad .ipad_btset_b > div.set_text .paragraph{
	display:inline;
}
.prodcts_ad .ipad_bt_b{
	font-size:130%;
}
.prodcts_ad .section_catchcopy h3{
	margin-bottom:0;
}

.receive_news {
	padding:30px;
	border:solid 5px #333;
	border-radius:15px;
}
i {
	margin-right:0.5em;
}
.receive_news a {
	background-color:#6E8394;
	padding:10px;
	border-radius:8px;
	/*white-space:nowrap;*/
}
.receive_news .box_table > div:first-child {
	padding-right:10px;
}
.receive_news .box_table > div p:last-child {
	margin-bottom: 0;
}
.site_top .caution_area {
	background-color:#222;
	margin-bottom:0;
	border-bottom:solid 1px #403F41;
	color:#eee;
	font-size:100%;
	text-align:right;
	padding:2px 0 5px;
}
.site_top .caution_area p {
	display:inline-block;
	margin-right:10px;
	font-size:75%;
	margin-bottom:0;
	line-height:1.2em;
}
.site_top .orange01_large a,
.site_top .green01_large a {
	height: 56px;
	line-height: 56px;
}
.caution_none {
	display:none;
}
/*------------- purchase 購入ページ　アップルボタン*/
.system-ipad{
	display: flex;
	justify-content: space-between;
}
.system-block{
	width: 100%;
}
.app-block{
	width: 40%;
	display: flex;
	background: #e7e7e7;
	border-radius: 5px;
	justify-content: space-between;
	padding: 5px 5px;
}
.app-block p{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 90%;
	text-align: right;
	margin-right: 10px;
	white-space: nowrap;
}
/*-------Functions 機能紹介　アップルボタン、PC,iPad*/
.device{
	color: #666666;
	font-size: 90%;
	vertical-align: bottom;
}
h3 .device{

	font-size: small;
	vertical-align: bottom;
}
.lineup_box_set .ipad_bt_b .text {
	background: none !important;
	border: none !important;
	padding:0;
}
/*------------- dl／trial ダウンロードページ／トライアルページ　アップルボタン*/
.system-ipad.dl-trial .system-block{
	width:auto;
}
.system-ipad.dl-trial .app-block{
	width:55%;
	padding:0;
}
.system-ipad.dl-trial .app-block.width-49{
	width:49%;
}
.system-ipad.dl-trial .app-block .ipad_btset_b{
	margin:2% 4%;
	width:92%;
}
.system-ipad.dl-trial .app-block .ipad_btset_b .set_text{
	font-size:90%;
	line-height:1.25em;
	text-align: right;
	padding-right:4%;
}
.system-ipad.dl-trial .app-block .ipad_btset_b .set_button{
	padding-left:0;
}
.system-ipad.dl-trial .lineup-block{
	width:100%;
}
.system-ipad.dl-trial .lineup-block .ipad_btset_b{
	margin-bottom:0;
}
.system-ipad.dl-trial .lineup-block .ipad_btset_b .set_text{
	font-size:80%;
	line-height:1.5em;
	text-align:right;
	padding-right:4%;
}
.system-ipad.dl-trial .lineup-block .ipad_btset_b .set_button{
	padding-left:0;
}
/*------------- volumeページ*/
h2.volume_merit{
	font-size:200%;
	line-height:1.35em;
	color:#333;
}
.volume_midashi{
	display:table;
	width:100%;
	font-weight:bold;
	font-size:125%;
	line-height:1.55em;
	margin-bottom:20px;
}
.volume_midashi span.number{
	display:table-cell;
	font-size:38px;
	height:56px;
	width:56px;
	text-align:center;
	vertical-align: middle;
	color:#fff;
	background-color:#333333;
	border-radius:3px 0 0 3px;
}
.volume_midashi span.text{
	display:table-cell;
	padding:8px 15px;
	vertical-align:middle;
	background-color:#e7e7e7;
	border-radius:0 3px 3px 0;
}
.box_two.volume_lineup > div{
	box-sizing:border-box;
}
.box_two.volume_lineup > div.product_detail{
	width:65%;
	margin-left:2%;
}
.box_two.volume_lineup > div.product_package{
	width:32%;
	padding:15px;
	border:1px solid #ccc;
	border-radius:3px;
}
.volume_lineup h2 {
	font-size:200%;
	line-height:1.35em;
	color:#333;
}
.volume_lineup h4 {
	color:#8a8a8a;
}
.volume_price table th{
	font-size:110%;
	color:#444;
	padding:12px 10px 10px;
}
.volume_price table td{
	font-size:115%;
	padding:5px 10px 3px;
}
.box_type01.volume_cancel{
	padding:30px;
	margin-bottom:30px;
}
.box_type01.volume_cancel h4{
	color:#8a8a8a;
}
.box_type01.volume_cancel p:last-child{
	margin-bottom:0;
}
.bt_size_type05.volume_apply a{
	border-radius:5px;
	padding:10px 5px;
	font-size:110%;
}
.bt_size_type05.volume_apply.blue01 a{
	background-repeat:repeat-x;
	background-color:#3070a1;
}
/*------------- 180418_galleryページ下部導線*/
.btm_buy_area{
	display: -webkit-flex;/* Safari */
	display: flex;
	-webkit-flex-wrap: wrap;/* Safari */
	flex-wrap: wrap;
	column-count: 2;
	justify-content:space-between;
	background-color:#eee;
	box-sizing:border-box;
	padding:35px 17px;
}
.btm_buy_area > div{
	display: -webkit-flex;/* Safari */
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content:space-between;
	box-sizing:border-box;
}
.btm_buy_area > div p,
.btm_buy_area > div a,
.btm_buy_area > div img,
.btm_buy_area > div h3,
.btm_buy_area > div h4,
.btm_buy_area > div h5,
.btm_buy_area > div div{
	/*IEで画像の下に余白ができる問題回避策*/
	min-height:0%;
}
.btm_buy_area > div.pkg{
	width:25% !important;
	align-items:center;
	justify-content: center;
}
.btm_buy_area > div.logo_bt{
	width:74% !important;
	padding:10px 30px 0;
}
.btm_buy_area > div.logo_bt .logo img{
	float:left;
	width:38% !important;
}
.btm_buy_area > div.logo_bt .logo p{
	float:right;
	width:58% !important;
	font-size:125%;
	line-height:1.28em;
	text-align:left;
}
.btm_buy_area > div.logo_bt .logo p strong{
	font-weight:bold;
	font-size:130%;
	line-height:1.28em;
}
.btm_buy_area .bt_type07_large:first-child{
	float:left;
	width:48%;
}
.btm_buy_area .bt_type07_large:last-child{
	float:right;
	width:48%;
}
/*functional_listページ_180426*/
.functional_list{
	margin-bottom:50px;
}
.table_scroll{
	margin-bottom:20px;
}
table.type04{
	border:1px solid #888;
	margin-bottom:0px;
}
table.type04 tr:nth-child(odd){
	background-color:#eaeaea;
}
table.type04 thead th{
	background-color:#333;
	color:#fff;
}
table.type04 tbody th{
	background-color:#666;
	color:#fff;
}
table.type04 th{
	background-image:none;
	border:solid #888;
	border-width:0 1px 1px 0;
	font-size:100%;
	text-align:left;
	padding:10px;
}
table.type04 .debut_color{
	background-color:#C2D968;
	width:13%;
}
table.type04 .pro_color{
	background-color:#7CCAD3;
	width:13%;
}
table.type04 .ex_color{
	background-color:#498ECC;
	width:13%;
}
table.type04 td{
	border:solid #888;
	border-width:0 1px 1px 0;
	font-size:90%;
	padding:10px;
	/*position:relative;*/
}
table.type04 td .kome{
	position:absolute;
	margin-left:0.5em;
}
.func_maru{
	color:#8bc53f;
}
.func_sankaku{
	color:#8bc53f;
}
.func_batu{
	color:#999;
}
.func_maru,
.func_sankaku,
.func_batu{
	font-size:160%;
	margin-right:0 !important;
}
.functional_list .func_maru,
.functional_list .func_sankaku,
.functional_list .func_batu{
	font-size:130%;
}
/*release_noteページ_180426*/
.release_note_dl_set{
	display: -webkit-flex;/* Safari */
	display: flex;
	-webkit-flex-wrap: wrap;/* Safari */
	flex-wrap: wrap;
	column-count:3;
	align-items:stretch;
	justify-content:space-between;
	margin:55px 0;
	padding-right:20px;
	border-radius:5px;
	background-color:#eee;
}
.release_note_dl_set > div{
	display: -webkit-flex;/* Safari */
	display: flex;
	box-sizing:border-box;
}
.release_note_dl_set > div.midashi{
	width:20%;
	background-color:#222;
	padding:30px 20px;
	border-radius:5px 0 0 5px;
	color:#fff;
	font-weight:bold;
	font-size:160%;
	line-height:1.2em;
	align-items: center;
}
.release_note_dl_set > div.bt{
	width:38%;
	margin:30px 0;
	align-items: center;
}
.release_note_dl_set .bt_size_type05{
	height:auto !important;
	padding:0;
}
.release_note_dl_set .bt_size_type05 a{
	margin:0;
	width:100%;
	box-sizing:border-box;
}
.release_note_dl_set .ipad_bt_b{
	width:100%;
}
.startup_block {
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: solid 1px #ccc;
}
.startup_block:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
.startup_block .box2 {
	width: 100%;
	display: flex;
	justify-content:space-between;
}
.startup_block .box2 > div,
.startup_block .box2 > a {
	width: 49%;
}
.startup_block.h4_inline .box2 > div > h4,
.startup_block .box2 > div > h5,
.startup_block .box2 > div > p {
	display: inline;
}
.startup_block.h4_inline .box2 > div > h4,
.startup_block .box2 > div > h5 {
	font-weight: bold;
	margin-right: 0em;
}
.startup_block.h4_inline .box2 > div > h4 {
	font-size: 100%;
}
.startup_block .box2b {
	width: 100%;
	display: flex;
	/*justify-content:space-between;*/
}
.startup_block .box2b > div:first-child {
	width: 100%;
	max-width: 559px;
}
.startup_block .box2b > div:last-child {
	display: flex;
	align-items: flex-end;
}
.startup_block .box2b > div img {
	display: block;
	margin-bottom: 10px;
}
.startup_block .box2b > div > h5 {
	font-weight: bold;
	margin-right: 0em;
}

.exe_pkg {
	display: flex;
	justify-content: center;
}
.exe_pkg > span {
	display: inline-block;
	padding: 15px 10px 0;
}
.tips_base {
	background-image:url(/view/img/common/tips_base.jpg);
	min-height: 200px;
	background-size: cover;
	background-position: left center;
	color: #F6F273 !important;
	font-weight: bold;
	font-size: 200%;
	padding-left: 120px;
	padding-right: 20px;
	box-sizing: border-box;
	line-height: 1.2em;
	text-decoration: none !important;
	
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	/*-webkit-justify-content: center;
	justify-content: center;*/
}
.dl h1 {
	margin-bottom: 30px;
	pointer-events: none;
}
h2.h2_title {
	pointer-events: none;
}
.dl section {
	margin-bottom: 35px;
}
/*---------------------------検索窓*/
.search_box {
	padding: 20px 0;
}
.search_text_area {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: solid 2px #ccc;
	border-radius:10px;
	padding: 10px;
	font-size: 120%;
	color: #888;
}
input.bt_type07 {
	width: 100%;
	max-width: 300px;
	margin: 10px auto 0px;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	line-height:1.8em;
	text-align:center;
	text-decoration:none;
	display:block;
	background:#888;
	text-shadow: -1px -1px 0px #777;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-repeat:repeat-x;
	background-position:center center;
	cursor: pointer;
}
/*---------------------------ダウンロード、体験版ページ表示スクショ制御*/
.dl.trial .shot_download,
.dl .shot_trial {
	display: none;
}
.dl.trial .shot_trial,
.dl .shot_download {
	display: block;
	margin-top: 5px;
	box-sizing: border-box;
	border: solid 1px #999;
}
/*---------------------------ダウンロードページトライアルエリア追加*/
.trial_download_set {
	display: flex;
	justify-content: space-between;
}
.trial_download_set > div {
	flex-basis: 49%;
	background-color: rgba(179,225,180,0.35);
	box-sizing: border-box;
	padding: 20px;
}
/*IE8〜11ハック↓*/
		@media screen\0 {
			.trial_download_set > div {
				flex-basis: auto;
				width: 49%;
			}
		}
.trial_download_set > div:first-child {
	background-color: rgba(179,225,180,0.35);
}
.trial_download_set > div:last-child {
	background-color: rgba(255,215,114,0.30);
}
.trial_download_set > div > div {
	display: flex;
	flex-direction: column;
	padding: 0 !important;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.trial_download_set > div > div.app-block {
	width: 100%;
	padding: 5px !important;
	background-color: #fff;
	margin: 40px 0 0;
}
.trial_download_set > div > div > div {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
	padding: 6px 0;
}
.trial_download_set > div > div.app-block > div {
	padding: 0;
}
.trial_download_set > div > div.system-block {
	width: 100%;
}
.trial_download_set h1,
.trial_download_set h2 {
	display: flex;
	align-items:baseline;
	font-size: 220%;
	margin: 15px 0 5px !important;
	padding: 0 !important;
	line-height: 1.2em;
	min-height: 2em;
}
.trial_download_set h1 span span {
	display: inline-block;
}
.trial_download_set h2 span {
	font-size: 40%;
	margin-left: 0.4em;
	line-height: 1em;
}
p.height_change {
	display: flex;
	align-items: flex-start;
	min-height: 2.5em;
	margin-bottom: 0;
}
.startup_block.info_trial {
	background-color: rgba(179,225,180,0.35);
	padding: 20px;
	box-sizing: border-box;
}
.startup_block.info_trial p {
	display: inline-block !important;
}
h1#limitation,
div#upgrade,
div#upgrade_pro {
	padding-top: 80px;
	position: relative;
	top: -80px;
	margin-bottom: -50px;
	z-index: -1;
}
div#upgrade,
div#upgrade_pro {
	margin-bottom: -80px;
}


.main_contents + h1 {
	margin-top: 50px;
}
.main_contents .capture {
	margin: 30px auto 30px !important;
	max-width: 100%;
	text-align: center;
	width: auto !important;
}
.capture p {
	margin-top: 10px;
	display: block !important;
}
.top .title_block {
	/*margin-top: 100px;*/
}
.top .btn_fb_tw_r + .title_block {
	margin-top: 0;
}
.top #Contents_type03 .capture {
    margin: 30px auto 30px;
    max-width: 100%;
    text-align: center;
}
.top #Contents_type03 h2 {
    font-size: 150%;
    margin-top:40px;
    border-bottom: solid 1px 
    #ccc;
}
.old .title_block,
.old .h_anchor,
.old .h {
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 10px;
}
.old .title_block h1,
.old .h_anchor h2,
.old .h h2 {
    padding-top: 100px;
    position: relative;
    top: -100px;
    margin-bottom: -100px;
}
.btn_fb_tw_r .fb iframe {
	width: 60px !important;
}
.note_box02 {
    margin: 10px 0 45px !important;
    border: 1px solid;
	padding: 15px;
    padding-bottom: 15px;
	border-radius: 5px;
}
.note_box02 h5 {
	font-weight: bold;
	margin-bottom: 5px;
}
.note_box02 p:last-child {
	margin-bottom: 0;
}

/*-------------------------------------ページ内リンク*/
.anchor {
    position: relative;
	z-index: 10;
}
.anchor ul {
    display: flex;
    -js-display: flex; /*ポリフィル*/
    flex-wrap: wrap;
}
#popup .anchor ul {
    flex-wrap: nowrap;
}
#popup .anchor ul a {
    padding: 5px 4px 5px 2px;
    font-size: 75%;
}
.anchor ul li {
    border: solid 1px #ccc;
    margin-right: -1px;
    margin-top: -1px;
	padding-left: 0 !important;
	background: none !important;
	flex: auto;
}

.anchor ul a {
    /*background: #ffffff;*/
    display: block;
    padding: 10px;
    font-size: 80%;
    text-decoration: none;
    font-weight: bold;
    color: #666;
	text-align: center;
}

.anchor.long ul a {
	font-size: 90%;
}
.anchor.long ul li {
	flex: none;
}

@media screen and (max-width: 1380px) {
	.anchor.long ul a {
	}
}

.anchor ul a::before {
    content: "\f0d7";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #cccccc;
}
.anchor ul a:hover {
    background: #eee;
}
.anchor2 {
    margin-bottom: 80px;
}
.anchor2 ul {
    display: flex;
    -js-display: flex; /*ポリフィル*/
    flex-wrap: wrap;

}
.anchor2 ul li {
    border: solid 1px #ccc;
    margin-right: -1px;
    margin-top: -1px
}
.anchor2 ul a {
    background: #ffffff;
    display: block;
    padding: 10px;
    font-size: 80%;
    text-decoration: none;
    font-weight: bold;
    width: 250px;
}
.anchor2 ul a::before {
    content: "\f0d7";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #cccccc;
}
.anchor2 ul a:hover {
    background: #eee;
}
.fa-angle-double-right {
	margin: 0 5px;
	font-size: 85%;
	opacity: 0.6;
}
.lineup section > h3 {
	margin-top: 0;
	padding-top: 80px;
	position: relative;
	top: -40px;
	margin-bottom: -20px;
}
.logo_csp {
	background-image: url("/view/img/common/logo_csp_only_p_white.svg");
	width: 1em;
	height: 1em;
	display: inline-block;
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 5px;
}
.upgrade_version{
	font-weight: bold;
	font-size: 70%;
	margin: 10px 0 0 10px;
	color: #333333;
}
.layout_type_01 {
	overflow: hidden;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.layout_type_01 > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.layout_type_01 > div h4,
.layout_type_01 > div p:last-child {
	margin-bottom: 3px !important;
}
.layout_type_01 .logo_csp {
	font-size: 4em;
	margin-right: 15px;
}
.layout_type_02 {
	display: flex;
	align-items: center;
	font-size: 250%;
	margin: 10px 0;
}
.layout_type_02 .fa-angle-double-right {
	margin: 0 15px;
	font-size: 65%;
	opacity: 0.4;
}
.color_ex {
	background-color: #4d84c8;
}
.color_pro {
	background-color: #68c9e1;
}
.color_debut {
	background-color: #C2D968;
}
.layout_type_01 + h4 + p {
	overflow: hidden;
}
.layout_type_debut_detail {
	display: flex;
	justify-content: space-between;
}
.layout_type_debut_detail p {
	padding-right: 15px;
}
.layout_type_debut_detail .btm_blue {
	margin-top: 0;
}
.purchase #volume,
.purchase #goldmember {
	padding: 30px;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 5px;
}
.purchase #goldmember h1 span {
	display: inline-block;
	font-size: 60%;
}
.dl_btarea .yellow02 a div:first-child {
    display: flex;
    align-items: center;
}
.trial_download_set > div > div > div.bt_cb {
    margin-bottom: 40px !important;
}
.trial_download_set > div:last-child > div > div.bt_mobile p {
    visibility: hidden;
}
.icon_galaxy img {
    width: 23px !important;
}
.icon_android img {
    width: 28px !important;
}
.modeler h1#function {
	padding-top: 70px;
	position: relative;
	top: -70px;
	margin-bottom: -40px;
}
.link_set a .fa-angle-right {
	margin-left: 5px;
}