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


/*フォント読み込み*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);



img {
	-ms-interpolation-mode:bicubic; /* IE7以降バイキュービック */
	image-rendering:optimizeQuality; /* FireFoxバイリニア */
}

/*Reset HTML5 Elements to Block*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}


.pc{display:block;}
.tb{display:none;}
.mb{display:none;}

/*********************************************************************************画像コンテンツ領域制御*/
.photo_caption {
	font-size:80%;
	font-weight:bold;
	background-image: url(../../../img/common/bg_list_header_gray_square.png);
	background-repeat:no-repeat;
	background-position:left 1px;
    padding-left: 15px;
	line-height:1.5em;
}
.youtube {
	margin-bottom:15px;
}
.bt_type_for_img img {
	width:100%;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////テキスト*/
h1 {
	margin-bottom:0px;
}
h2 {
	font-size:135%;
	font-weight:bold;
	line-height:1.5em;
	margin:0 0 30px 0;
	padding:45px 0 0;
	border-top:2px solid #1593c4;
}
h2.b_none {
	border-top:none;
}
h3 {
	font-size:140%;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:12px;
}
h3 span{
	padding:0px 0 0px 0;
	color:#1593c4;
}
h4 {
	font-size:130%;
	font-weight:bold;
	line-height:1.3em;
	text-align:left;
	margin-bottom:10px;
}
h4.border{
	border-bottom:2px dotted #2b64d4;
	font-size:130%;
	color:#2b64d4;
}
h5 {
	color:#444;
	font-weight:bold;
	line-height:1.4em;
	/*margin-bottom:15px;*/
}

.font_80 {font-size:80%;line-height:1.2em;}
.font_family_h {font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;}

div.h {
	margin-bottom:15px;
	margin-top:30px;
	background-color:#e8e8e8;
	border:solid 1px #bbb;
	width:auto;
	padding:6px 8px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	clear:both;
	background-image:url(../../../img/common/bg_gradation_white_type04_upper.png);
	background-repeat:repeat-x;
	width:auto;
	background-position:left bottom;
}
div.h_type02 {
	margin-bottom:10px;
	margin-top:20px;
	background-color:#F4EEED;
	border:solid 1px #e8e8e8;
	width:auto;
	padding:6px 8px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	clear:both;
	background-image:url(../../../img/common/bg_gradation_white_type04_upper.png);
	background-repeat:repeat-x;
	width:auto;
	background-position:left bottom;
}
div.h_type02 h2 {
	line-height:1.5em;
	margin-top:0;
	margin-bottom:0;
	background-repeat:no-repeat;
	background-position:left -1px;
	border-bottom:double #ccc;
	background-color:transparent !important;
	padding:0 0 0 28px !important;
}
div.h h3, div.h h2 {
	font-size:110%;
	font-weight:bold;
	color:#666;
	line-height:1.2em;
	border:none;
	border-bottom:solid 1px #bbb;
	width:auto;
	margin:0;
	padding:0;
}
.box_type01 h4, .box_type02 h4 {
	margin-bottom:5px;
}
p {
	margin-bottom:15px;
}
p.lead{
	 font-size:115%;
	 line-height:1.4em;
}
.font_red{
	color:#ed9600 !important;
}

.caution_area {
	margin-bottom:15px;
	font-size:90%;
}
.caution_area p {
	margin-bottom:8px;
}
.font_marker{
	background: linear-gradient(transparent 65%, #6fcdf2 65%);
}


.font_large{
	font-size: 140% !important;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////リンク*/

a.cboxElement {outline:none}

a{
	transition:box-shadow 0.5s, border 0.5s, background-color 0.2s, color 0.2s, opacity 0.2s, display 0.2s;
}
a:link, a:link span {
	color:#304a87;
	font-weight:bold;
}
a:visited, a:visited span {
	color:#304a87;
	font-weight:bold;
}
a:hover, a:hover span {
	opacity: 0.7;
	font-weight:bold;
}
a:active, a:active span {
	opacity: 0.7;
	font-weight:bold;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////リスト*/

ul {
    list-style: none outside none;
    margin: 0 0 15px !important;
}
ul.list_check li {
    background-image: url(../../../img/common/bg_list_header_check.png) !important;
	background-repeat:no-repeat !important;
	background-position:left 4px !important;
    padding-left: 30px !important;
	line-height:2;
	font-weight:bold;
}
ul.list_headerimage li {
    background-image: url(../../../img/common/bg_list_header_circle.png) !important;
	background-repeat:no-repeat !important;
	background-position:left 4px !important;
    padding-left: 15px !important;
}
ul.list_headernumber li {
	list-style-type:decimal;
	margin-left:1.2em;
}
ul.list_reset {
    margin:0;
}
ul.list_reset li {
    background-image:none !important;
    padding-left: 0 !important;
	list-style:disc;
	list-style-position:inside;
}
a.list_headerimage {
	background-position:left 1px !important;
}
ul.list_type02 {

}
ul.list_type02 li {
	display:inline-block;
	margin-right:20px;
	margin-bottom:10px;
	font-size:130%;
	white-space:nowrap;
	width:6em;
}
ol.list_headernone li{
	list-style-type:none;
	margin-left:0px;
}

/*　※リスト　*/
.list_inner {
	list-style-type:none;
}
.list_inner li {
	padding-bottom:0;
	list-style:none;
	position:relative;
	margin-left:40px;
}
.list_inner li span {
	position:absolute;
	top:0;
	left:-3em;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////ボタン*/

.bt_download{
	display:block;
	width:100%;
	height:56px;
	line-height:52px;
	color:#fff !important;
	font-size:125%;
	text-align:center;
	text-decoration:none !important;
	
background : -moz-linear-gradient(50% -0.42% -90deg,rgba(246, 183, 62, 1) 0%,rgba(237, 150, 0, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(246, 183, 62, 1) 0%, rgba(237, 150, 0, 1) 100%);
  background : -webkit-gradient(linear,50% -0.42% ,50% 117.37% ,color-stop(0,rgba(246, 183, 62, 1) ),color-stop(1,rgba(237, 150, 0, 1) ));
  background : -o-linear-gradient(-90deg, rgba(246, 183, 62, 1) 0%, rgba(237, 150, 0, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(246, 183, 62, 1) 0%, rgba(237, 150, 0, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6B73E', endColorstr='#ED9600' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(246, 183, 62, 1) 0%, rgba(237, 150, 0, 1) 100%);

	border:2px solid #ffb005;
	border-radius:10px;
	margin-bottom:10px;
	box-sizing:border-box;
	transition:box-shadow 0.5s, border 0.5s, background-color 0.2s, color 0.2s, opacity 0.2s, display 0.2s;
}
/*.bt_download{
	display:block;
	width:100%;
	height:56px;
	line-height:52px;
	color:#fff !important;
	font-size:125%;
	text-align:center;
	text-decoration:none !important;
	background-color:#7dfa17;
	background-image:url(/clip_site/view/promotion/nurimas/view/img/design/bt_download.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	border:2px solid #5dc90f;
	border-radius:10px;
	margin-bottom:10px;
	box-sizing:border-box;
	transition:box-shadow 0.5s, border 0.5s, background-color 0.2s, color 0.2s, opacity 0.2s, display 0.2s;
}*/
.bt_download:hover{
	opacity:0.8;
}
.bt_apple{
	display:block;
	width:100%;
	height:56px;
	line-height:52px;
	color:#fff !important;
	font-size:125%;
	text-align:center;
	text-decoration:none !important;
	background: #4c4c4c; /* Old browsers */
	background: linear-gradient(to bottom, #4c4c4c 0%,#111111 34%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border:2px solid #000;
	border-radius:10px;
	margin-bottom:10px;
	box-sizing:border-box;
	transition:box-shadow 0.5s, border 0.5s, background-color 0.2s, color 0.2s, opacity 0.2s, display 0.2s;
}

.bt_apple span{
	color: #ffff00 !important;
	font-size: 80%;
}

/*.googleicon{
    width: 5% !important;
    display: inline-block;
	 margin-bottom: -5px;
    margin-right: 5px;

}*/

.pcicon{   
    display: inline-block;
    color: #fff !important;
    font-size: 60%;
	    margin-top: -3px;
}

.pcicon em{
border: 1px solid #fff;
    padding: 2px 5px;
	    border-radius: 5px;
}

.bt_more{
	display:block;
	width:100%;
	height:56px;
	line-height:52px;
	color:#fff !important;
	font-size:125%;
	text-align:center;
	text-decoration:none !important;
background : -moz-linear-gradient(50% 7.48% -90deg,rgba(43, 197, 245, 1) 0%,rgba(0, 182, 255, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(43, 197, 245, 1) 0%, rgba(0, 182, 255, 1) 100%);
  background : -webkit-gradient(linear,50% 7.48% ,50% 115.17% ,color-stop(0,rgba(43, 197, 245, 1) ),color-stop(1,rgba(0, 182, 255, 1) ));
  background : -o-linear-gradient(-90deg, rgba(43, 197, 245, 1) 0%, rgba(0, 182, 255, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(43, 197, 245, 1) 0%, rgba(0, 182, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2BC5F5', endColorstr='#00B6FF' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(43, 197, 245, 1) 0%, rgba(0, 182, 255, 1) 100%);
 
border:2px solid #05b7fd;

	
	border-radius:10px;
	margin-bottom:10px;
	box-sizing:border-box;
	transition:box-shadow 0.5s, border 0.5s, background-color 0.2s, color 0.2s, opacity 0.2s, display 0.2s;
}
.bt_more:hover{
	opacity:0.8;
}
.bt_as_ps{
	height:56px;
	text-align:center;
	background-color:#d0f7bb;
	border-radius:10px;
	padding:8px 0;
	margin-bottom:10px;
	box-sizing:border-box;
}
.bt_as_ps a{
	display:inline-block;
	transition:box-shadow 0.5s, border 0.5s, background-color 0.2s, color 0.2s, opacity 0.2s, display 0.2s;
	line-height:0;
}
.bt_as_ps a:hover{
	opacity:0.7;
}
.bt_tips{
	font-size:95%;
	color:#fff !important;
	text-decoration:none !important;
	background-color:#ff7095;
	padding:2px 40px 3px;
	margin:0 auto;
	border-radius:15px;
}


/*********************************************************************************テーブル*/
table {
	border:solid 1px #ccc;
	border-width:1px 0 0 1px;
	width:100%;
	margin-bottom:20px;
}
td, th {
	border:solid 1px #ccc;
	border-width:0 1px 1px 0;
}
th {
	background-color:#eee;
	font-weight:bold;
	text-align:center;
	font-size:85%;
	line-height:1.3em;
	padding:7px 10px 3px;
}
td {
	font-size:100%;
	padding:9px 10px 6px;
	line-height:1.4em;
	background-color:transparent !important;
}
table.layout_table,
table.layout_table tr {
	border:none;
	padding:0;
	margin:0;
}
table.layout_table tr td,
table.layout_table tr th {
	border:none;
	padding:0;
	margin:0;
	padding:1px 0;
	background-color:transparent !important;
}
.cell_base {
	background-color:#dceaff !important;
	width:30%;
}

/*********************************************************************************基本*/
.bg_color_gray01 {
	background-color:#f8f8f8;
}
.shadow_none {
    text-shadow:none !important;
}
.font_bold {
	font-weight:bold !important;
}
.font_normal {
	font-weight:normal !important;
}
.font_100 {
	font-size:100%;
}
.left_float {
	float:left !important;
}
.right_float {
	float:right !important;
}
.center_margin {
	margin-left:auto !important;
	margin-right:auto !important;
	float:none !important;
}
.left_align th, .left_align td {
	text-align:left !important;
}
.right_align th, .right_align td {
	text-align:right !important;
}
.center_align th, .center_align td {
	text-align:center !important;
}
.left_align, th.left_align, td.left_align {
	text-align:left !important;
}
.right_align, th.right_align, td.right_align {
	text-align:right !important;
}
.center_align, th.center_align, td.center_align {
	text-align:center !important;
}
.clear {
	clear:both !important;
}
.clear_after, #Contents_top, #Contents_type01, #Contents_type02, #Main_area, .image_set_box, .white_base {
	zoom:100%;
}
.clear_after:after, #Contents_top:after, #Contents_type01:after, #Contents_type02:after, #Main_area:after, .image_set_box:after, .white_base:after {
	content:"";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.separator_dotted {
	border-bottom:dotted #CCC 1px;
	height:15px;
	width:auto;
	margin-bottom:15px;
}
.separator_solid {
	border-bottom:solid #CCC 1px;
	height:15px;
	width:auto;
	margin-bottom:15px;
}
.box_dotted {
	padding:12px;
	border:dotted 1px #56C5D0;
	border-width:2px 0;
	line-height:1em;
	color:#56C5D0;
}

.box_type01 {
	padding: 12px 20px;
	border: 2px solid #aaa;
	margin-bottom:15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.box_type01 p{
	margin:0;
	font-size:100%;
}
.box_type01 h4 {
	color:#91BD0D;
	font-size:130%;
	line-height:1.8em;
}

.box_type02 {
	padding: 8px 12px;
	border: 3px double #ddd;
	background-color: #f8f8f8;
	margin-bottom:15px;
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.box_type02.red{
	border: 2px solid #FD4C29;
	background-color: transparent;	
	color:#FD4C29;
}
.box_type02 p, .box_type02 ul {
	margin:0;
}
.box_type02 ul {
	margin-top:5px;
}
.box_type03 {
	padding: 10px 7px;
	color:#666;
	background-color: #eee;
	background-image:url(../../../img/common/bg_gradation_white_type05_under.png);
	background-repeat:repeat-x !important;
	background-position:left top;
	border-bottom:solid 1px #ccc;
}
.box_type04 {
	border:#ED6C00 solid 5px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	background-color:#fff;
	width:75%;
	height:auto;
	margin:0 auto;
}
.box_type05{
	display:block;
	width:18em;
	margin:0 auto;
	font-size:130%;
	font-weight:bold;
	line-height:1.4em;
	border:none;
}
.box_type05 ul, .box_type05 li{
	margin:0;
}

/*CLIP STUDIO PAINTについて枠*/
.box_type06{
	width:auto;
	margin:0 auto;
	background-color:#fff;
	border:#CACACA solid 1px;
	padding:35px 50px;
}
.box_type06 p {
	line-height:1.6em;
}
.box_type06 h3 {
	line-height:1.6em;
	font-size:125%;
	margin-top:25px;
	margin-bottom:5px;
}

/*********************************************************************************基本：背景グラデーション*/
.bg_gradation_type01_upper, 
.bg_gradation_type02_upper,
.bg_gradation_type03_upper,
.bg_gradation_type04_upper,
.bg_gradation_white_type01_upper, 
.bg_gradation_white_type02_upper,
.bg_gradation_white_type03_upper,
.bg_gradation_white_type04_upper,
.bg_gradation_type01_under, 
.bg_gradation_type02_under,
.bg_gradation_type03_under,
.bg_gradation_type04_under,
.bg_gradation_white_type01_under, 
.bg_gradation_white_type02_under,
.bg_gradation_white_type03_under,
.bg_gradation_white_type04_under {
	background-repeat:repeat-x !important;
	width:auto;
	background-position:left bottom;
}
.bg_gradation_type01_under, 
.bg_gradation_type02_under,
.bg_gradation_type03_under,
.bg_gradation_type04_under,
.bg_gradation_white_type01_under, 
.bg_gradation_white_type02_under,
.bg_gradation_white_type03_under,
.bg_gradation_white_type04_under {
	background-position:left top;
}
.bg_gradation_type01_upper {
	background-image:url(../../../img/common/bg_gradation_type01_upper.png);
}
.bg_gradation_type01_under {
	background-image:url(../../../img/common/bg_gradation_type01_under.png);
}
.bg_gradation_type02_upper {
	background-image:url(../../../img/common/bg_gradation_type02_upper.png);
}
.bg_gradation_type02_under {
	background-image:url(../../../img/common/bg_gradation_type02_under.png);
}
.bg_gradation_type03_upper {
	background-image:url(../../../img/common/bg_gradation_type03_upper.png);
}
.bg_gradation_type03_under {
	background-image:url(../../../img/common/bg_gradation_type03_under.png);
}
.bg_gradation_type04_upper {
	background-image:url(../../../img/common/bg_gradation_type04_upper.png);
}
.bg_gradation_type04_under {
	background-image:url(../../../img/common/bg_gradation_type04_under.png);
}
.bg_gradation_white_type01_upper {
	background-image:url(../../../img/common/bg_gradation_white_type01_upper.png);
}
.bg_gradation_white_type01_under {
	background-image:url(../../../img/common/bg_gradation_white_type01_under.png);
}
.bg_gradation_white_type02_upper {
	background-image:url(../../../img/common/bg_gradation_white_type02_upper.png);
}
.bg_gradation_white_type02_under {
	background-image:url(../../../img/common/bg_gradation_white_type02_under.png);
}
.bg_gradation_white_type03_upper {
	background-image:url(../../../img/common/bg_gradation_white_type03_upper.png);
}
.bg_gradation_white_type03_under {
	background-image:url(../../../img/common/bg_gradation_white_type03_under.png);
}
.bg_gradation_white_type04_upper {
	background-image:url(../../../img/common/bg_gradation_white_type04_upper.png);
}
.bg_gradation_white_type04_under {
	background-image:url(../../../img/common/bg_gradation_white_type04_under.png);
}
/*********************************************************************************基本：マージン*/
.mar_btm2 {
	margin-bottom:2px !important;
}
.mar_btm5 {
	margin-bottom:5px !important;
}
.mar_btm10 {
	margin-bottom:10px !important;
}
.mar_btm15 {
	margin-bottom:15px !important;
}
.mar_btm20 {
	margin-bottom:20px !important;
}
.mar_btm25 {
	margin-bottom:25px !important;
}
.mar_btm30 {
	margin-bottom:30px !important;
}
.mar_btm35 {
	margin-bottom:35px !important;
}
.mar_btm40 {
	margin-bottom:40px !important;
}
.mar_btm50 {
	margin-bottom:50px !important;
}
.mar_top0 {
	margin-top:0 !important;
}
.mar_left0 {
	margin-left:0 !important;
}
.mar_btm0 {
	margin-bottom:0 !important;
}
.mar_right0 {
	margin-right:0 !important;
}
.mar_all0 {
	margin:0 !important;
}
.radius5 {
	border:1px solid #ccc;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}