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

/*Base*/
body{
	font-family: 'Lato','Noto Sans JP', sans-serif !important;
}
body .en h1, h2{
	font-family: 'Lato','Noto Sans', sans-serif !important;
}
body .th,.th h1,.th h2,.th .more {
	font-family: 'Prompt', sans-serif !important;
}
body .th .grade {
	font-family: 'Lato','Noto Sans', sans-serif !important;
}
.body_none #body_bg_grade{
	display: none;
}
main img{
	width:auto;
	max-width:100%;
	flex-shrink: 0;
}
h2{
	font-size: 100%;
	font-weight: bold;
}
/*layout*/

.title img{
	width: 100%;
}
.section_wrapper{
	max-width: 100%;
	background-image:url(/view/img/common/boostup_background1.png), linear-gradient(120deg, rgba(234,245,125,1) 0%, rgba(145,241,255,1) 31%, rgba(122,182,235,1) 130%);
	background-repeat:  repeat;
	background-size: 4rem,auto;
	background-attachment:fixed;
	padding: 70px 0 !important;
}
.boostup_width{
	max-width:980px;
	margin:0 auto;
	background: #ffffff;
}
.boostup_intro{
	background: #ffffff;
	padding: 50px 0;
}
.boostup_intro_with{
	max-width: 980px;
	margin: 0 auto !important;
	text-align: center;
}
.boostup_intro p {
	margin: 0;
}
.intro_h2{
	text-align: center;
	font-size: 210%;
	margin-bottom: 20px;
	position: relative;
	letter-spacing: 2px;
}
.kazari1{
	position: absolute;
	top: -3px;
	left: 160px;
	width: 12%;
}
.kazari2{
	position: absolute;
	top: -3px;
	right: 160px;
	width: 12%;

}
.en .kazari1{
	left: 120px;
}
.en .kazari2{
	right: 120px;
}
.id .kazari1{
	left: 120px;
}
.id .kazari2{
	right: 120px;
}
.pt .kazari1{
	left: 80px;
}
.pt .kazari2{
	right: 80px;
}


.boostup_gradetion{
	color: rgb(194,213,0);
	background: linear-gradient(90deg, rgba(194,213,0,1) 0%, rgba(125,205,216,1) 33%, rgba(73,142,204,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color:transparent;
	font-weight: 800;
}
/*↓IEのみでフォントのグラーデション対策用↓*/
@media all and (-ms-high-contrast: none) {
  /* ここに書く */
  .boostup_gradetion {
	color: rgb(194,213,0);
	background: transparent;
  }
}
/*↑IEのみでフォントのグラーデション対策用↑*/

.fnc_h2{
	text-align: center;
	font-size: 170%;
	background: linear-gradient(90deg, rgba(194,213,0,1) 0%, rgba(125,205,216,1) 33%, rgba(73,142,204,1) 100%);
	color: #ffffff;
	margin:0;
	margin-bottom: 40px !important;
	padding: 15px;
}
.fnc_sub_h2{
	color: #4ac3d4;
	font-size: 130%;
}
.section_wrapper_col h2{
	margin-bottom: 10px;
}
#main_visual_boostup {
	position:relative;
}
#main_visual_boostup .social{
	position:absolute;
	top:12px;
	right:12px;
}
#main_visual_boostup{
	position:relative;
}
#main_visual_boostup .menu a{
	position:absolute;
	right:39px;
	bottom:0;
	background-color:#fff;
	width:622px;
	height:58px;
	text-indent:-9999px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
    -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; 
}
#main_visual_boostup .menu a:hover{
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
}

.facebook{
	position:static;
	margin-right:5px;
	width:70px;
	float:left;
}
.tweet{
	position:static;
	margin-right:5px;
	width:68px;
	float:left;
}
.line{
	position:static;
	width:82px;
	float:left;
}
.tweet_boostup{
	position:static;
	float: right;
}
.facebook_boostup{
	position: static;
	float: right;
	margin-right: -100px;
}
.Contents_type01{
	padding:0 65px 15px;
	margin-bottom: 70px;
}
main p{
	margin: 0 0 16px 0;
	font-size: 0.9em;
}
.sub_text{
	font-size: 80%;
}
.image_logo_pro img{
	width: 41%;
	float: left;
	margin-left: 5px;
	margin-top: -5px;
}
.image_logo_pro_text{
	width: 48%;
	float: right;
	color: #ffffff;
	text-align: left;
	margin: 22px 20px 18px 0;
}
.image_logo_pro_text p{
margin: 0 0 10px 0;
}
.code_img{
	width: 80%;
	margin: 70px auto 30px;
}
.dotList{
	width: 80%;
	margin: 10px auto 0;
}
.pc_none{
	display: none;
}
/*idリンクでのジャンプを少し上に調整*/
#func_01,#func_02,#func_03,#func_04,#func_05,#func_06,#func_07,#func_08{
	padding-top: 70px;
	margin-top: -70px;
}
/*解説画像設置Table*/
.function_table{
	display:table;
	border:solid #DADADA;
	border-width:3px;
}
/*.function_table .tr{
	display:table-row;
}*/
.function_table .td{
	display:table-cell;
	vertical-align:top;
}

.function_table .td.image img{
	width:100% !important;
}
.function_table .td.catch{
	border:solid #DADADA;
	border-width:0px 3px 3px;
	padding:3px 8px;
	font-size:90%;
	font-weight:bold;
	background-color:#fff;
}
.function_table .td.catch span{
	color:#D0D0D0;
}
.function_table,
.function_table .td.image,
.function_table .td.catch{
	border-color:#DADADA;
}

/*アップグレードするとさらに・・・*/
.blue_block{
	margin-bottom:50px;
}
.blue_block_pro{
	background: #E7FCFF;
	background-image:url(/view/img/common/boostup_background2.png);
	background-repeat: repeat;
	background-size: 3.5rem;
	padding-top: 40px;
}
.blue_block_pro .fnc_sub_h2,.blue_block_ex .fnc_sub_h2{
	position: relative;
	background: #4ac3d4;
	color: #ffffff;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 90px;
	text-align: center;
	font-size: 105%;
	margin-bottom: 40px;
}
.blue_block_ex .fnc_sub_h2{
	background: #498ECC;
	color: #ffffff;
}
.boostup_arrow_pro,.boostup_arrow_ex{
	position: absolute;
	top:0;
	bottom: 0;
	left:18px;
	margin: auto;
}
.blue_block_ex{
	background: #eef7ff;
	background-image:url(/view/img/common/boostup_background3.png);
	padding-top: 40px;
}

.blue_block h2.image{
	margin:0 0 -12px -44px;
	padding-top:12px;
}
.blue_block .function_table{
	width:50%;
	float:left;	
}
.blue_block .function_table:last-child{
	margin-bottom:0;
}
.blue_block .textarea{
	width:47%;
	float:right;
	font-size:100%;
	line-height:1.5em;
	color:#333333;
}
.blue_block .textarea_left{
	float:left !important;
	font-size:100%;
	line-height:1.5em;
	color:#333333;
	margin-right: 20px;
}

.blue_block .textarea a:hover{

}
.blue_block .function_table,
.blue_block .function_table .td.image,
.blue_block .function_table .td.catch{
	border-color:#fff;
}
.blue_block .function_table,
.blue_block .function_table .td.image,
.blue_block .function_table .td.catch{
	border-color:#fff;
}
.blue_block .function_table .td.catch{
	padding-top:0;
	color:#4F5A5D;
}
.sub_box{
	padding:0 70px 30px;
}
.sub_box .textarea h2{
	letter-spacing: 1px;
}
/*H*/
p.lead{
	font-size:110%;
	line-height:1.5em;
	font-weight:bold;
	color:#4F5A5D;
	margin-bottom:20px;
}
h1 {
    padding:0;
    background-color:transparent;
    background-image:none;
    border-radius:0;
}
h1.title {
	text-indent:-9999px;
	background:url(../img/ja/boostup_ja_240426.jpg) no-repeat left top;
	background-size:contain;
	line-height:0;
	margin: 52px 0 0;
}
.en h1.title{
	text-indent: 0;
	background: url(../img/en/boostup_en_210930.jpg) no-repeat left top;
	margin: 2px 0 0 0;
}
.es h1.title{
	text-indent: 0;
	background: url(../img/es/boostup_es_210930.jpg) no-repeat left top;
	margin: 2px 0 0 0;
}
.fr h1.title{
	text-indent: 0;
	background: url(../img/fr/boostup_fr_210930.jpg) no-repeat left top;
	margin: 2px 0 0 0;
}
.de h1.title{
	text-indent: 0;
	background: url(../img/de/boostup_de_210930.jpg) no-repeat left top;
	margin: 2px 0 0 0;
}
.kr h1.title{
	text-indent: 0;
	background: url(../img/kr/boostup_kr_210930.jpg) no-repeat left top;
	margin: 2px 0 0 0;
}
.tc h1.title{
	text-indent: 0;
	background: url(../img/tc/boostup_tc_210930.jpg) no-repeat left top;
	margin: 2px 0 0 0;
}
.th h1.title{
	text-indent: 0;
	background: url(../img/tc/boostup_th_210930.jpg) no-repeat left top;
	margin: 2px 0 0 0;
}
.id h1.title{
	text-indent: 0;
	background: url(../img/tc/boostup_id_210930.jpg) no-repeat left top;
	margin: 2px 0 0 0;
}
.pt h1.title{
	text-indent: 0;
	background: url(../img/tc/boostup_pt_210930.jpg) no-repeat left top;
	margin: 2px 0 0 0;
}
div.h {
	background-image:none;
	background-color:transparent;
	border:none;
	padding:32px 0 0;
	margin-top:0;
	border-radius: 0;
}
div.h h2 {
	position:relative;
	font-size:155%;
	font-weight:bold;
	color:#4F5A5D;
	border:none;
	padding:0 0 8px 0;
	margin-bottom:0;
}
div.h{
	border-bottom:1px solid #bfbfbf;
	margin-bottom:30px;
}
h2.image{
	margin-top:25px;
	margin-bottom:20px;
	padding-top:10px;
}
h3 {
	font-size:120%;
	color:#4F5A5D;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0 0 0 8px;
	border-width:0 0 0 7px;
	border-color:#18B9CB;
}
#Container .page_top {
	padding-right:0;
}

.image_set_box {
	display: inline-block;
	overflow:hidden;
	display:block\9; /* IE8 */
	padding: 0;
	border-radius: 0;
}
:root .image_set_box {
	display: inline-block\0/; /* IE9 */
}
.font_normal{
	font-weight:normal !important;
}

/*CLIP STUDIO PAINT PROを優待価格で購入する方法*/
.aplly{
	background: #ffffff;
}
.kakaku{
	font-size: 180%;
	margin: 40px 5px 10px;
	letter-spacing: 3px;
	display: flex;
	align-items: flex-end;
}
.how_kakaku{
	font-size: 180%;
	display: flex;
	justify-content: center;
	margin: 30px auto 0;
}
.howto{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.howto h3{
	color: #4AC3D4;
  font-size: 300%;
  line-height: 1em;
  padding: 0;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.howto > div{
	width: 31%;
	display: flex;
	flex-direction:column;
	padding: 15px 25px 25px;
	box-sizing: border-box;
	background: #E7FCFF;
	background-image:url(/view/img/common/boostup_background2.png);
	background-repeat: repeat;
	background-size: 3.5rem;
	box-sizing: border-box;
	flex-direction:column;
}
div.how_1 img{
	margin:  0 0 16px;
}
.en div.how_1 img, .fr div.how_1 img, .de div.how_1 img, .tc div.how_1 img, .kr div.how_1 img, .es div.how_1 img{
	display: block;
	background-size: cover;
	background-position: center bottom 35%;;
}
.how_1, .how_2{
	margin-right: 22px;
}
.how_price,.how_p{
	text-align: center;
	margin: 0;
}
.how_prace_2{
	font-weight: 600;
	font-size: 4rem !important;
	margin: 0;
}
.left_box {
	float: left;
}
.right_box{
	float: right;
}
.logo_csp {
	width: 140px;
	height: 140px;
	background-image: url(/view/img/common/logo_csp_only_p_white.svg);
	display: inline-block;
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 5px;
}
.csp_ex_bg {
	background-color: #498ecc;
}
.csp_pro_bg {
	background-color: #7dcdd8;
}
.csp_debut_bg {
	background-color: #a9d12d;
	width: 90px !important;
	height: 90px !important;
	margin-right: 20px;
}
/*CLIP STUDIOストア 限定優待価格(お得にPRO / EXにアップグレード)*/
.boostup_upgrade_box{
	margin: 0 20px 0;
}
.fr .boostup_upgrade_box, .tc .boostup_upgrade_box{
	margin: 0;
}
.de .boostup_upgrade_box{
	margin: 0;
}
.logo_csp_debut_pro_ex{
	margin-right: 40px;
}
.tc .logo_csp_debut_pro_ex{
	margin-right: 60px
}
.boostup_upgrade_box img{
	max-width: 400px !important;
	width: 100%;
}
.fr .boostup_upgrade_box img{
	max-width: 350px !important;
}
.boostup_upgrade_text1{
	font-size: 1.6rem !important;
	font-weight: 600 !important;
	margin-top: 65px;
}
.de .boostup_upgrade_text1{
	margin-top: 30px;
}
.tc .boostup_upgrade_text1{
	margin-top: 85px;
}
.boostup_upgrade_text2{
	margin: 40px 0;
}
.boostup_upgrade_text3{
	color: #ff0000;
}
.boostup_upgrade_inner{
	padding: 40px 70px;
	background: #f5f5f5;
}
.de .boostup_upgrade_inner ul.boostup_list,.fr .boostup_upgrade_inner ul.boostup_list{
	text-indent: -1rem;
}
.de .boostup_upgrade_inner ul.boostup_list li,.fr .boostup_upgrade_inner ul.boostup_list li{
	padding-left: 16px !important;
}
.boostup_upgrade_left{
	float: left;
}
/*CLIP STUDIOストア 限定優待価格_表組み(価格表)*/
.boostup_table{
	margin-top:70px;
}
.boostup_table table.type02{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	border: 1px solid #ccc;
	background: #ffffff;
}
.boostup_table .type02 tr th{
	vertical-align: middle;
}
.boostup_table .type02 tr th.plan{
	width: 8em;
}
.boostup_table .type02 tr th.monthly-cost,.boostup_table .type02 tr th.year-cost{
	width: 6em;
}
.boostup_table .type02 tr th.monthly-special-cost{
	width: 9em;
}
.fr .boostup_table .type02 tr th.monthly-special-cost{
	width: 12em;
}
.boostup_table .type02 tr th.year-special-cost{
	width: 8em;
}
.fr .boostup_table .type02 tr th.year-special-cost{
	width: 11em;
}
.boostup_table .type02 tr td{
	vertical-align: middle;
}
.boostup_table .td-device{
	text-align: left;
}
.boostup_table_ex tbody th{
	background: #EEF7FF !important;
}
.boostup_table_pro tbody th{
	background: #E7FCFF !important;
}
.boostup_table_ex{
	margin-bottom:40px !important;
}
.boostup_table_pro{
	margin-bottom:40px !important;
}

/*parts*/
ul li, .list_headerimage{
	background-position:left 5px !important;
}
ul.dotList li{
	text-indent: -1rem;
	padding-left: 20px;
}
ul.boostup_list{
	text-indent: -1rem;
	font-size: 0.9em;
	margin-left:15px;
}
.fr ul.boostup_list{
	text-indent: 0;
	padding-left:0 !important;
}
.en ul.boostup_list, .fr ul.boostup_list, .de ul.boostup_list, .tc ul.boostup_list, .kr ul.boostup_list, .es ul.boostup_list {
	margin-left:0;
}
ul.boostup_list li{
	background-image: none !important;
}
.fr ul.boostup_list li{
	padding-left:0 !important;
}
.de ul.boostup_list {
	text-indent: -0.5rem;
}
.de ul.boostup_list li{
	padding-left: 9px !important;
}
.es ul.boostup_list{
	text-indent: -0.8rem;
}
 .es ul.boostup_list li{
	 padding-left: 14px !important;
}
.csp_pro_bg{
	margin: 0 20px;
}
.yutai_box img {
	max-width: 250px;
	width: 100% !important;
}
.yutai_arrow1{
	margin-top: 30px;
}
.yutai_arrow2{
	margin-top: 35px;
	padding-bottom: 1.5em
}
.yutai_inner{
	background: #f5f5f5;
	padding: 40px 70px 30px;
}
.yutai_inner_title{
	font-weight: 600;
}
.yutai_inner_text{
	margin-left: 70px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}
.yutai_inner p:nth-child(4){
	margin-bottom: 16px;
}
/*button*/
.grade{
	position:absolute;
	display:inline-block;
	margin-top: 0;
	margin-left:8px;
	right:0;
	top:0;
}
.grade_right{
	position:static;
	display:inline-block;
	margin-left:0;

}
.grade_left{
	position:static;
	display:inline-block;
	float:right;
}
a.bt_goto_buy {
	display:inline-block;
	color:#fff !important;
	height:25px;
	font-family:'Lato','Noto Sans JP', sans-serif;
	font-size:13px !important;
	font-weight:bold;
	line-height:26px;
	letter-spacing:0;
	text-align:center;
	text-decoration:none !important;
	vertical-align:baseline;
	padding:0 8px;
}
span.pro {
	background:#7dcdd8 none repeat scroll 0 0;
}
span.ex {
	background:#498ecc none repeat scroll 0 0;
}
span.debut {
	background:#C2D500 none repeat scroll 0 0;
}
a.gray {
	background-color:#888;
}
a.bt_goto_buy.large{
	padding:5px 10px 3px;
	display:block;
	width:auto;
	height:auto;
	line-height:1.4em;
	text-align:left;
	border-radius:10px;
}
.buy_area {
	position:relative;
}
.buy_area a.bt_goto_buy {
	font-size:130%;
	width:100px;
	height:24px;
	line-height:24px;
	margin-left: 0;
}
.buy01 {
	position:absolute;
	left:220px;
	top:313px;
}
.buy02 {
	position:absolute;
	left:492px;
	top:313px;
}
.buy03 {
	position:absolute;
	left:220px;
	top:456px;
}
.buy04 {
	position:absolute;
	left:492px;
	top:456px;
}
.buy05 {
	position:absolute;
	left:220px;
	top:265px;
}
.buy06 {
	position:absolute;
	left:492px;
	top:265px;
}
.buy04 a.bt_goto_buy {
	width:210px;
}
.buy05 a.bt_goto_buy {
	width:210px;
}
.buy06 a.bt_goto_buy {
	width:210px;
}
a.bt_goto_buy.big {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 150%;
}
.text_line-through{
	text-decoration: line-through; 
}
#pageTop ap:visited{
	background-color: #98E8F2;
}
#pageTop a:active{
	background-color: #98E8F2;
}
#pageTop a:hover{
	background-color: #98E8F2;
}
/*↓テキストと画像を横に並べる*/
.section .lbox{
	width:49%;
	float:left;
}
.section .rbox{
	width:49%;
	float:right;
}
.image_set_box{
	background-color:#fff;
	border:none;
	padding: 0;
	border-radius: 0;
}
.image_set_box a,.image_set_box a:focus{
	border:none;
	outline: 0;
}
.image_set{
	max-width:437px;
}
.contents_img a.colorbox{
	max-width:100% !important;
}
.contents_img img{
	max-width:100% !important;
	border-width:0px !important;
}
.contents_img img:hover{
	border-width:0px !important;
	/*border-color:#9ED8DE;*/
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*↓.net Topからコピー*/
.top_main_right {
	width:48%;
	padding:0;
	float:right;
}
.top_main_left {
	width:48%;
	padding:0;
	float:left;
}
.top_main_right,
.top_main_left{
	text-align:center;
	padding:10px 0;
}
.bg_button_white_02{
	width:90%;
	margin:0 auto;
	position:relative;
}
.bg_button_white_02 img{
	width:382px;
}
.bg_button_white_02 a{
	position:absolute;
	top:0;
	left:0;
	width:382px;
	height:170px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#fff;
	text-indent:-9999px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
    -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; 
}
.bg_button_white_02 a:hover{
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
}
.top_main_right .contents, .top_main_left .contents {
	background-color: #ddd;
	background: linear-gradient(top, #ddd, rgba(245,245,245,100));
	background: -moz-linear-gradient(top, #ddd, rgba(245,245,245,100));
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(rgba(245,245,245,100)));
	width:50%;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #666666;
}
.top_main_left .contents {

}
.top_main_right .contents {

}
.image_logo_pro_span{
	font-weight: 800;
}
.boostup_button_logo_pro{
	border-radius: 22px;
	background: #25BDD3;
	color: #ffffff;
}
.boostup_button_logo_ex{
	border-radius: 22px;
	background: #498ECC;
	color: #ffffff;
}
.boostup_button_logo_pro a,.boostup_button_logo_ex a{
	color: #ffffff;
	text-decoration: none;
	font-size: 1.4rem;
	display: inline-block;
	width: 100%;
	font-weight: 600;
}

.btn_orange{
	color: #ffffff;
	margin: 40px auto;
	width: 70%;
	text-align: center;
	padding: 15px 0;
	background: #ff6a18;
	font-size: 1.4rem;
	font-weight: 600;
	border-radius: 40px;
}

.btn_orange a{
	color: #ffffff;
	text-decoration: none;
	display: block;
}
/*parts*/
.left_float{
	float:left;
}
.right_float{
	float:right;
}
.clear_after{
	zoom:100%;
}
.clear_after:after{
	content:"";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.bg_ex {
	background-color:#EEF7FF;

}
.bg_pro {
	background-color:#E7FCFF;
}
.bg_debut {
	background-color:#A9D12D;
}
.bg_pro p,.bg_ex p{
	font-size: 1.7rem;
	color: #00BDD4;
	text-align: center;
}
.bg_ex p{
	color: #498ECC;
}
.yutai_text1{
	font-size: 1.4rem;
	font-weight: 600;
}
.yutai_text2{
	font-size: 1.6rem;
	color: #ff0000;
	margin-left: 26px;
}
.yutai_text3{
	font-size: 7rem;
	font-weight: 600;
}
.yutai_text4{
	vertical-align: bottom;
	margin-top: 32px;
	margin-right: 26px;
}
.yutai_text5{
		font-size: 2rem;
}

.sale_price{
	font-size: 5.5rem;
	font-weight: 600;
}
.sale_name{
	color: initial;
	display: block;
	line-height: 0;
}

.how_prace_2 .sale_name{
	font-size: 1.5rem;
	color: initial;
	display: block;
	line-height: 1;
}

.sale_yutai{
	line-height: 1;
}
/*マージン*/
.mar_btm_p{
	margin-bottom:1.5000em !important;
}
.mar_btm0{
	margin-bottom:0px !important;
}
.mar_btm5{
	margin-bottom:5px !important;
}
.mar_btm10{
	margin-bottom:10px !important;
}
.mar_btm20{
	margin-bottom:20px !important;
}
.mar_btm30{
	margin-bottom:30px !important;
}
.mar_top40{
	margin-top:40px !important;
}
.mar_top50{
	margin-top:50px !important;
}

/*動画*/
.block_photo{
	background-image:url(/view/img/common/loading/bars.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50px auto;
}
.block_photo.lazyloaded {
	background-image:none;
}
div.youtube {
    position:relative !important;
    top:auto !important;
    padding: 0px !important;
	width:100% !important;
	padding-top: 56.25% !important;
	margin:0;
}
div.youtube_touzyou{
	padding-top: 75.25% !important;
}
div.youtube iframe, div.douga iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

div.youtube_name_box{
	padding-top: 56.2%;
}
/*ボタン*/

.boostup_button{
	margin: 40px auto;
	width: 70%;
	text-align: center;
	padding: 15px 0;
	background: #cddb48;
	border-radius: 18px;
	background: #4AC3D4;
	font-size: 1.4rem;
	font-weight: 600;
	border-radius: 40px;

}

.boostup_button_o {
	margin: 40px auto;
	width: 600px;
	text-align: center;
	background: #cddb48;
	border-radius: 18px;
	background: #FF9902;
	font-weight: 600;
	border-radius: 40px;
}

.boostup_button a{
	font-size: 140%;
	border-radius: 18px;
	width: 100%;
	height: 100%;
	display: inline-block;
	text-decoration: none;
	color: #ffffff;
}

.boostup_button_o a {
	font-size: 140%;
	border-radius: 18px;
	text-decoration: none;
	color: #ffffff;
	display: block;
	padding: 23px 0;
}

/*詳しく見るアコーディオン*/
#wrap{
	margin-top: 40px;
}
.table.type02 tbody th{
	width: 24%;
}
.txt-hide{
display: none;
}

button.more {
width: 70%;
margin: 30px auto 70px;
display: block;
background-color: #95D451;
color: #fff;
padding:15px 15px;
border: none;
outline: 0;
transition: .5s;
-erbkit-transition: .5s;
border-radius: 30px;
font-size: 1.4rem;
font-weight: 600;
cursor: pointer;
}
 
button.more::after {
content: "▶ 詳しく見る";
transition: .2s;
-erbkit-transition: .2s;
}
.fr button.more::after {
content: "▶ Plus de détails";
}
.de button.more::after {
content: "▶ Mehr erfahren";

}
.tc button.more::after {
content: "▶ 瀏覽詳細內容";
}
.kr button.more::after {
content: "▶ 자세히 보기";
}
.en button.more::after {
content: "▶ Find out more";
}
.es button.more::after {
content: "▶ Ver lista de diferencias";
}
.th button.more::after {
content: "▶ เรียนรู้เพิ่มเติม";
}
.id button.more::after {
content: "▶ Pelajari lebih lanjut";
}
.pt button.more::after {
content: "▶ Saber mais";
}


button.more.on-click::after{
content: "▲ 表を閉じる";
}
.fr button.more.on-click::after{
content: "▲ Fermer le tableau";
}
.de button.more.on-click::after{
content: "▲ Schließen";
}
.tc button.more.on-click::after{
content: "▲ 關閉表格";
}
.kr button.more.on-click::after{
content: "▲ 표 닫기";
}
.en button.more.on-click::after{
content: "▲ Hide table";
}
.es button.more.on-click::after{
content: "▲ Ocultar lista de diferencias";
}
.th button.more.on-click::after{
content: "▲ ปิดตาราง";
}
.id button.more.on-click::after{
content: "▲ Tutup meja";
}
.pt button.more.on-click::after{
content: "▲ Ocultar Tabela";
}



.detail{
	text-align: center;
	color: #25BDD3;
	margin: 0 20px;
}

/*0426_レイアウト整理オーバーライド*/



.function_wrapper {
	max-width: 980px;
	margin: 0 auto!important;
	background: #ffffff;
	padding-top: 0!important;
}
.function_wrapper .fnc_h2 {
	text-align: center;
	font-size: 170%;
	background: linear-gradient(90deg, rgba(194, 213, 0, 1) 0%, rgba(125, 205, 216, 1) 33%, rgba(73, 142, 204, 1) 100%);
	color: #ffffff;
	margin: 0!important;
	padding: 15px;
	letter-spacing: 2px;
}
.function_wrapper .fnc_h2 br{
	display: none;
}
.function_wrapper .fnc_content{
	padding: 40px 65px;
	margin-bottom: 70px;
}

.function_wrapper .blue_block{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #bfbfbf;
	margin-bottom: 0;
}
.function_wrapper .blue_block:nth-child(even){
	flex-direction: row-reverse;
}
.function_wrapper .blue_block:first-child{
	margin-top: 0;
	padding-top: 0;
	border-top:none;
}
.function_wrapper .blue_block .image_set_box{
	flex-basis: 49%;
}
.function_wrapper .blue_block .image_set_box video{
	width: 100%;
}
.function_wrapper .blue_block .image_set_box .youtube{
	position: relative !important;
	top: auto !important;
	padding: 0px !important;
	width: 100% !important;
	padding-top: 56.25% !important;
	margin: 0;
}
.function_wrapper .blue_block .image_set_box .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.function_wrapper .blue_block .textarea{
	flex-basis: 48%;
	letter-spacing: 0;
	/*font-size: 0.9em;*/
}
.function_wrapper .blue_block .textarea h3{
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0;
}
.function_wrapper .blue_block .textarea a.textlink{
}
.function_wrapper .blue_block .textarea .grade{
	margin-top: 15px;
	margin-left: 0!important;
	box-sizing: border-box;
	display: flex;
	justify-content: left;
	align-items: stretch;
	position: initial;
}
.function_wrapper .blue_block .textarea .grade span{
	color: #fff !important;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
	text-decoration: none !important;
	padding: 4px 8px;
	font-size: 90%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
}
.function_wrapper .column_block{
	background: #eef7ff;
	background-image: url(/view/img/common/boostup_background3.png);
	padding-top: 40px;
	margin-top: 30px;
}
.function_wrapper .column_block .column_content_wrapper{
	padding: 0 60px 30px;
}

.function_wrapper .column_block .fnc_sub_h2 {
	position: relative;
	background: #498ECC;
	color: #ffffff;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 90px;
	text-align: center;
	font-size: 105%;
	margin-bottom: 40px;
}

.function_wrapper .column_block.pro{
	background: #E7FCFF;
	background-image: url(/view/img/common/boostup_background2.png);
}
.function_wrapper .column_block.pro .fnc_sub_h2 {
	background: #4ac3d4;
}
.boostup_arrow_pro,
.boostup_arrow_ex{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 18px;
	margin: auto;
	width: auto;
}