@charset "UTF-8";
/* フリーイラスト集用CSS */
dd.title{
  word-break: break-all !important;
  word-wrap: break-word !important;
}

@media screen and (min-width:768px) and ( max-width:1023px) {
  .sideArea #navi-box-r .btn_q a, .sideArea #navi-box .btn_q a {
    background: url(/img/common/btn_nav_q_enTab.gif) no-repeat left top; 
    display: block;
    font-size: 1px;
    height: 58px;
    line-height: 1px;
    outline: none;
    text-decoration: none;
    text-indent: -9999px;
    width: 134px !important;
  }
  .sideArea #navi-box-r .btn_business a, .sideArea #navi-box .btn_business a {
    background: url(/img/common/btn_nav_businessTab.gif) no-repeat left top;
    display: block;
    font-size: 1px;
    height: 58px;
    line-height: 1px;
    outline: none;
    text-decoration: none;
    text-indent: -9999px;
    width: 134px;
  }
}/*end*/


.remodal{display:none;}
/* common edit */
#main-box div.sectionCol:nth-of-type(2n){margin-left:0;}
#main-box div.sectionCol.right{margin-left:1%;}
#foot-box div.upper div.col2-r{display:block;}
img{max-width: 100%;height: auto;width:auto;}
#path-box div.pad{word-break:break-all;}
.spView{display:none;}
* {-webkit-appearance: none;}
#fixedTop {font-size:0;}

@media screen and (max-width: 750px){
	body{word-break:break-all;}
	#main-box div.sectionCol.right{margin-left:0;}
	#main-box .search .col2-l,#main-box .search .col2-r{width:100%;}
	.spView{display:block;}
	#fixedTop:before{content:"/"; font-size:15px;}
}/* sp */

/*  common
----------------------------------------------- */
small.indent{font-size:13px;
	text-indent:-1em; padding-left:1em;
}

@media screen and (max-width: 750px){
	h1#freeillust img{display:none;}
	h1#freeillust{
		color: #666666;
		font-size: 21px;
		margin: 0 -12px;
		padding: 35px 15px 15px;
		line-height: 120%;
	}
	h1#freeillust:after{
		content:"\30D5\30EA\30FC\30A4\30E9\30B9\30C8\96C6";
	}
}/* sp */

h2.flat{/*background:#EFEFEF; margin:10px 0 15px; padding:0.6em 0.8em 0.7em; word-wrap:break-word;*/ position:relative;}
h2.flat:before{font-family:'iconfont';content:"\f002"; color:#CC0000; font-size:100%; font-weight:normal; margin-right:0.3em;/* position:absolute; top:0; bottom:0; margin:auto 0.3em auto 0; height:1em; */}
h2.flat span.name{margin-right:0.4em;}
/*h2.flat span.balloon{padding-left:30px; display:block;}
*/

@media screen and (max-width: 750px){
h2.flat span.balloon{padding-left:inherit; display:block;}

}/* sp */

.search ul a:hover,.remodal ul a:hover{text-decoration: none;}


div.clearBox:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

div.clearBox { overflow: hidden; height: auto;}
div.clearBox .img-l, div.clearBox .img-r { margin-bottom: 10px;}
div.clearBox .img-l { float: left; margin-right: 10px !important;}
div.clearBox .img-r { float: right; margin-left: 10px !important;}
div.clearBox .hidden { height: auto;}
div.clearBox .auto { overflow: auto !important; height: auto;}
@media screen and (max-width: 667px) {
#main-box h2.flat{text-indent:0;}
div.clearBox.flex{
	display: flex; flex-flow: column-reverse nowrap;
}
}/* sp */

.clm2, .clm3 { width: 100%;}
.clm2 .clm { width: 49%; display: inline-block; vertical-align: top;}
.clm3 .clm { width: 32.5%; display: inline-block; vertical-align: top;}

@media screen and (max-width: 667px) {
  div.clearBox .img-l, div.clearBox .img-r {float: none; text-align: center;}
  div.clearBox .auto { overflow: inherit;}
  .clm2 .clm,.clm3 .clm { width: 100% !important;}
  .clm2.photo .clm,.clm3.photo .clm { width: 100% !important; text-align: center; margin-bottom: 15px; }
}
/* sp */

ol.num {counter-reset: li;}
ol.num > li { position: relative; list-style: none; padding: 0.2em 0 1em 1.5em;}

ol.num li{padding-left:35px; text-indent:-35px; font-size: 87%;}
ol.num li:before {
  counter-increment: li; content: counter(li);
  width: 40px; height:40px;
  background: #E70000;
  color: #FFF; font-weight:bold;
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-size: 110%; border-radius:30px; padding:4px 10px; margin-right:5px;
}
@media screen and (max-width: 667px) {
	ol.num > li { position: relative; list-style: none; padding: 10px 0;}
	ol.num li{padding-left:2.4em; text-indent:-0;}
	ol.num li:before {width: 7vw; height:7vw; margin-left:-2.4em;}
}
/* sp */
/*  top
----------------------------------------------- */
.illustList a:visited{color:#1E4EA6;}

.illustList{font-size:0;}
.illustList .flex{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.illustList .material{font-size:14px; display:inline-block; width:15.6%; border:1px solid #A5A5A5; margin:0 1% 14px 0; min-height:200px;}
.illustList .material:nth-child(6n){margin-right:0;}
.illustList .material span.link { display: block; width: 100%; height: 100%; position: absolute; text-decoration: none; font-size: 0; z-index: 12; text-indent: -100vw; margin: 0; top: 0; left: 0;}
.illustList .material span.link a {
  display: block; background: #FFF; opacity: 0.01; width: 100%; height: 100%; position: absolute;}
.illustList .material a{display:block; text-decoration: none; position: absolute; top: 0; left: 0; height:100%; width: 100%; z-index:50;}
.illustList .material{vertical-align: top; position:relative; word-break:break-all; border-radius:3px;}
.illustList .material dl{margin:5px 0;}
.illustList .material dt.img{display:block; text-align:center; padding:10px; /*border:1px solid #DADADA;*/ margin:10px 10px 3px; height:110px; position:relative; background:#FFF;}
.illustList .material dt.img img{width:auto; max-height:106px; position:absolute; margin:auto; left:0; right:0; top:0; bottom:0;}
.illustList .material dd{margin:0;}
.illustList .material .file{position:absolute; right:0; top:0; font-weight:bold; font-size:11px; color:#313131; padding:0.1em 0.5em; border-radius:0 3px 0 0;}
	.illustList .material .file.png{background:#CBE294;}
	.illustList .material .file.jpg{background:#F6B37F;}
	.illustList .material .title{color:#313131; padding:0 10px; display:block; font-size:0.9em; font-weight:bold; position:absolute; bottom:5px;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-weight: bold;}
.illustList .material:hover{background:#FFF5F5; border:1px solid #CC0000;}

.illustList.pickup{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	flex-wrap:wrap; justify-content: space-between;
}

.pager {text-align: center; margin: 18px 0; font-size:15px;}
.pager ul {display:inline-block;}
.pager ul li { display: inline-block; vertical-align: middle;}
.pager ul li a {display: block; border: 1px solid #CC0000; text-align: center; min-width: 2em; vertical-align: middle; border-radius: 3px; text-decoration: none; font-size: 15px; padding:10px 14px; line-height:1;}
.pager li.active { background: #E12F2F; text-align: center; padding:10px 14px; min-width: 2em; vertical-align: middle; border-radius: 3px; text-decoration: none; color: #FFF; font-weight: bold; line-height:1;}
.pager ul li.prev a, .pager ul li.next a { width: auto; padding:10px 14px; }

#main-box .pager ul li.prev a:before{font-family:'iconfont'; font-weight:normal; content:"\e314"; }
#main-box .pager ul li.next a:after{font-family:'iconfont'; font-weight:normal; content:"\e315"; }
#main-box .pager ul a:hover { background: #F1F1F1;}
#main-box .pager ul.num li{margin-bottom:5px;}
#main-box .pager ul.btn{margin-top:10px; margin-bottom:30px;}
#main-box .pager ul.btn li a{color:#CC0000;}

@media screen and (max-width: 750px){
	.illustList .material{font-size:14px; display:inline-block; width:32%; border:1px solid #CC0000; margin-right:2%; min-height:170px;}
	.illustList .material:nth-child(3n){margin-right:0;}
	.illustList .material .title{padding:0 6px; position:static; }
	.pager ul {display:block;}
	.pager ul.btn{margin-top:20px; margin-bottom:40px;}
	.pager ul.btn li{width:48%;}
	.pager ul.num li a,.pager ul.num li.active {padding:0.5em 0.8em; min-width: 2.5em; }
}/* sp */

.search ul.genre{font-size:0;}
.search ul.genre li{display:inline-block; vertical-align: top; font-size:14px; width:19%; margin:0 0.5%; border-bottom:1px dotted #CCC;}
a.parents:before,.search ul.genre a:before{font-family:'iconfont';content:"\e315"; color:#CCC;}
a.parents,.search ul.genre li a{display:block; text-decoration: none; padding:0.5em 0;}
a.parents:hover,.search ul.genre a:hover{background:#1E4EA6; color:#FFF;}

.eto{ padding-bottom:12px;}
.eto a.parents{width:7em;}
.eto ul.genre{padding:0 15px; margin:0 !important;}

a.parents,ul.genre a,ul.word li a,.illustList .material {transition: 0.2s;}


/* keyword */
ul.word li{display:inline-block; font-size:14px;}
ul.word li a{text-decoration: underline;}
	ul.word li:after{content:","; padding:0 0.3em;}
	ul.word li:last-child:after,
	ul.word li.title:after{content:none;}
/*ul.word li a{display:block; border:1px solid #1E4EA6; padding:0.4em 0.8em; margin:0.5em 0; border-radius:3px; min-width:3em; text-align:center; background:#FFF; text-decoration: none; border-bottom:2px solid #1E4EA6;}*/
ul.word li a:hover{ text-decoration: none; }


/*.search .keyword{text-align:center;}
.search .keyword input[type="text"]{border:2px solid #797979; padding:0.4em; font-size:18px; width:15em; background:#FFF;}
.search .keyword input[type="button"]{border: none; border-bottom:2px solid #A0A0A0; font-size:18px; background:#3D3D3D; color:#FFF; padding:0.4em 1.5em; fonts-weight:bold; border-radius:3px;}
.search .keyword input[type="button"]:hover{opacity:0.7; cursor:pointer;}
textarea:focus,
body.free_illust #main-box input[type="text"]:focus{
  border: 2px solid #CC0000; background: #FFF7F7;
}*/

.search .formArea{background:#eeeeee;}
.search .formArea dl.basic{border-bottom:0;}
	.search .formArea dl.basic input[type="text"]{background:#FFF;}

.search .genre a.box{padding:0;}
.search .genre a.box dl dd.cont{padding:15px 15px 0;}
.search .genre a.box dl dt.img{padding:0 20px 8px;}
	.search .genre a.box dl dt.img img{max-width:264px;}
.search .genre a.box dl .cont .title:before{font-family:'yubin'; content:"\f105"; margin-right:0.5em; color:#cc0000;}

@media screen and (max-width: 750px){
	.search ul.genre li{width:auto; min-width:5em;}
	.search ul.genre li a{padding-right:0.5em;}
/*	.search .keyword input[type="text"]{margin-bottom:0.5em; border:2px solid #797979; padding:0.4em; font-size:18px; max-width:60vw; border-radius:0;}
	.search .keyword input[type="button"]{max-width:24vw;}*/
	.search .keyword ul.word li{font-size:0.8em;}
}/* sp */


/*  page
----------------------------------------------- */
.indent0{text-indent: 0;}
.noresult{text-align:center; padding:15px 10px 25px; font-size:16px;}
.clm2.guide .clm.img{width:45%; padding-left:0;}
.clm2.guide .clm{width:53%; padding:0 0 0 1%;}
.guide .file{text-indent:0; margin-top:10px;}
.guide .file div{margin:0 0 5px; text-indent:-5em; padding-left:5em;}
.guide .file div span{font-weight:bold; font-size:13px; color:#313131; padding:0.1em 0.5em; border-radius:3px; width:4em; display: inline-block; text-align: center; margin-right:5px; text-indent:0;}
.type_png span{background:#CBE294;}
.type_jpg span{background:#F6B37F;}
.guide span.head{font-weight:bold; background:#F3F3F3; padding:0.3em; display:block; text-indent:0; margin:13px 0 6px 0;}
@media screen and (max-width: 750px){
	.clm2.guide .clm{width:auto;}
	.clm2.guide .clm:last-child{padding-left:0;}
	.guide .img{margin:10px 0;}
	.guide .file div{margin:0 0 5px; text-indent:-4.5em; padding-left:4.5em;}
}/* sp */

/*  list
----------------------------------------------- */
div.back{text-align:left; font-size:13px; margin-bottom:0.6em;}
div.back:before{font-family:'iconfont';content:"\e314";}
.info{margin-bottom:1em; background:#F5F5F5; font-size:14px; padding:0.2em 1em 0.5em; border-radius:5px;}
.total{text-align:right;font-size:13px; margin-bottom:0.5em;}
#main-box .info ul.word{margin:10px 0 0 ;}
.info .word li{font-size:13px;}
.info .word li.title{ font-weight:bold; display:block; margin-bottom:0.5em; font-size:15px;}
.info .word li.title:before{ font-family:'iconfont';content:"\f002"; color:##333358; margin-right:0.3em; font-size:20px; font-weight:normal; position:relative; top:0.1em;}
.info .word li a{ padding:0.4em 0.6em; margin:0.3em 0;}

/*  remodal
----------------------------------------------- */
.remodal-overlay{cursor: pointer;}
.remodal{padding:35px 35px 20px !important;font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif ;}
.remodal .detail dl{margin:0;}
.remodal .detail dd{margin:0;}
.remodal .detail dt.title{text-align:left; font-size:20px;/* border-left:4px solid #CC0000; padding:0.3em 60px 0.3em 8px; */margin-bottom:6px;}
.remodal .detail dd.dlBtn{margin:30px 0 30px;}
.remodal .detail dd.dlBtn a{width:70%;background:#CC0000; color:#FFF; padding:0.8em 1em; font-size:18px; font-weight:500; border-radius:4px; text-decoration: none; margin:15px 0 25px; /*border-bottom:4px #8E8E8E solid;*/ transition: 0.2s;font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif ;}
	.remodal .detail dd.dlBtn a:hover{opacity:0.7;}
	.remodal .detail dd.dlBtn a:before{font-family:'iconfont';content:"\e884"; margin-right:0.3em;}
.remodal .detail dd.profile{text-align:left; font-size:14px; margin:0 0 20px 0;}
.remodal .detail dd.profile .word{float:left; width:80%;}
.remodal .detail dd.profile .file{float:right; width:20%;}
	.remodal .detail dd.profile .file .png{background:#CBE294; color:#313131; padding:0.1em 0.5em; font-weight:bold; margin-right:0.5em;}
	.remodal .detail dd.profile .file .jpg{background:#F6B37F; color:#313131; padding:0.1em 0.5em; font-weight:bold; margin-right:0.5em;}
.remodal .detail dd.profile:after{content: ""; display: block; clear: both;}

.remodal .detail dd.profile .word dl.genre{margin-bottom:10px;}
.remodal .detail dd.profile .word dt,.remodal .detail dd.profile .word dd{display:inline-block; vertical-align: top;}
.remodal .detail dd.profile .word dt{background:#F1F1F1; padding:8px ; font-size:13px; font-weight:bold; min-width:100px; margin-right:5px; line-height:1;}
.remodal .detail dd.profile .word dd{width:60%;}
.remodal .detail dd.profile .word dt:before{font-family:'iconfont'; font-weight:normal;  margin-right:3px;}
.remodal .detail dd.profile .word .keyword dt:before{content:"\e54e"; }
.remodal .detail dd.profile .word .genre dt:before{content:"\f0ca"; }
.remodal .detail dd.profile .word ul li{display:inline-block; word-wrap:break-word; vertical-align: middle; margin-right:0.1em; line-height:2;}
.remodal .detail dd.profile .word ul li:after{content:" ,";}
.remodal .detail dd.profile .word ul li:last-child:after,.remodal .detail dd.profile .word ul li.title:after{content:"";}
.remodal .detail dd.img img{max-width: 80%; max-height:40vh;}
.remodal .detail dd.img {min-height:35vh; padding:20px 0; position:relative;}
.remodal .detail dd.img img{position: absolute; left: 0; height: auto; margin: auto; top: 0; bottom: 0; right: 0;max-height: 34vh;}

.remodal-confirm:before{font-family:'iconfont';content:"\e5cd"; font-size:140%; position:relative; top:0.15em; font-weight:bold; margin-right:0.3em;}

.remodal{border-radius:5px;}
.remodal .feed{font-size:0;}
.remodal .next,.remodal .prev{font-size:50px; top:calc(50% - 50px); margin:auto 0; }
.remodal .next a,.remodal .prev a{text-decoration: none; color:#cc0000;}
	.remodal .next button,.remodal .prev button{text-decoration: none; color:#cc0000; font-size: 50px; border:none; background:transparent;}
/*.remodal .next a,.remodal .prev a{text-decoration: none; display:block;background:#FFE2E2; width:50px; height:50px; border-radius:25px; color:#888888; position:relative; text-align:center;}*/
.remodal .next a:hover,.remodal .prev a:hover{color:#F48180;}
	.remodal .next button:hover,.remodal .prev a:hover{color:#F48180;}

.remodal .next{position:absolute; right:10px; }
.remodal .next a:before{font-family:'yubin'; content:"\f105";}
	.remodal .next button:before{font-family:'yubin'; content:"\f105";}

.remodal .prev{position:absolute; left:10px;}
.remodal .prev a:before{font-family:'yubin'; content:"\f104";}
	.remodal .prev button:before{font-family:'yubin'; content:"\f104";}

.remodal .next a:before,.remodal .prev a:before{ position: relative; top: 4px; left: 5px; font-weight:bold;}
	.remodal .next button:before,.remodal .prev button:before{ position: relative; top: 4px; left: 5px; font-weight:bold;}

.remodal .remodal-close{position:absolute; left:auto; background:#B3B3B3; width: 50px; height: 50px; font-size: 0;}
.remodal .remodal-close::before{content:""; display:none;}
.remodal .remodal-close::after{color:#FFF;font-size: 40px; line-height: 50px;}

@media screen and (max-width: 750px){
.remodal{padding: 15px 15px;}
.remodal .detail dd.img img{max-width: 80%; max-height:40vh;}
.remodal .detail dd.img {min-height:40vh; padding:20px 0; position:relative;}
.remodal .detail dd.img img{position: absolute; left: 0; height: auto; margin: auto; top: 0; bottom: 0; right: 0;max-height: 35vh;}
.remodal .detail dd.profile{margin-bottom:10px;}
.remodal .detail dd.profile .word,.remodal .detail dd.profile .file{float:none; width:100%;}
.remodal .detail dd.profile .file{margin-top:0.4em; text-align:right;}
.remodal .detail dt.title{font-size:17px;}
.remodal .detail dd.dlBtn a{font-size:17px; padding:0.8em 0.7em 0.75em; display:block; width:94%; margin:0 auto;}
.remodal .detail dd.dlBtn { margin: 35px auto 30px; }
.remodal .detail dd.profile .word li.title{min-width:7.5em;}

.remodal{position:relative; padding:5% !important;}
.remodal .next,.remodal .prev{font-size:40px; top:calc(45% - 40px); margin:auto 0; }
/*.remodal .next,.remodal .prev{font-size:24px; top:20%; margin:auto 0; }
.remodal .next a,.remodal .prev a{ width:30px; height:150px; background:#F1F1F1;}
.remodal .next a{border-radius:8px 0 0 8px;}
.remodal .prev a{border-radius:0 8px 8px 0;}
.remodal .next{position:absolute; right:0; }
.remodal .prev{position:absolute; left:0;}
.remodal .next a::before{color:#F4807F; position:absolute; margin:auto; height:18px; top:0; bottom:0; right:0; left:0;}
.remodal .prev a::before{color:#F4807F; position:absolute; margin:auto; height:18px; top:0; bottom:0; right:0; left:0;}
.remodal .next a:hover::before, .remodal .prev a:hover::before{color:#FFF;}
*/}/* sp */

@media screen and (max-width: 320px){
.remodal{padding:3% !important;}
.remodal .detail dd.dlBtn a{padding:0.8em 0.5em 0.75em;}
}
/* iconfont */
@font-face{font-family:'iconfont';src:url('fonts/iconfont.eot?q0vpt0#iefix') format('embedded-opentype'), url('fonts/iconfont.ttf?q0vpt0') format('truetype'), url('fonts/iconfont.woff?q0vpt0') format('woff'), url('fonts/iconfont.svg?q0vpt0#iconfont') format('svg');font-weight:normal;font-style:normal;}
.icon-search:before{content:"\f002";}
.
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-list-ul:before{content:"\f0ca";}
.icon-arrow_back:before{content:"\e5c4";}
.icon-arrow_downward:before{content:"\e5db";}
.icon-arrow_forward:before{content:"\e5c8";}
.icon-arrow_upward:before{content:"\e5d8";}
.icon-turned_in:before{content:"\e8e6";}
.icon-turned_in_not:before{content:"\e8e7";}
.icon-check_circle:before{content:"\e86c";}
.icon-close:before{content:"\e5cd";}
.icon-edit_location:before{content:"\e568";}
.icon-get_app:before{content:"\e884";}
.icon-help_outline:before{content:"\e8fd";}
.icon-keyboard_arrow_down:before{content:"\e313";}
.icon-keyboard_arrow_left:before{content:"\e314";}
.icon-keyboard_arrow_right:before{content:"\e315";}
.icon-keyboard_arrow_up:before{content:"\e316";}
.icon-local_offer:before{content:"\e54e";}

@media screen and (max-width: 750px){
.linkbox3.spclm2 a.box{flex-basis:49%; max-width:49%;}
}/* sp */

/*  /send/create/freeillust/templates/
----------------------------------------------- */
.categoryNav{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	flex-wrap:wrap; justify-content: space-between; background:#eee;
  	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif ;
}
	.categoryNav a{display:block; background:#FFF; flex-basis:19%; max-width:19%; padding:10px; margin:5px 0; text-align:center; padding-bottom:25px; position:relative; transition: .3s; font-weight:600; line-height:1.3;}
	.categoryNav a:hover{background:#FAECEA; text-decoration: none;}
	.categoryNav a:after{font-family:'yubin'; font-weight:normal; content:"\f107"; color:#cc0000; position:absolute; font-size:20px; width:20px; height:20px; left:0; right:0; bottom:5px; margin:auto;}

	.categoryNav.foot a{ padding-top:25px;padding-bottom:10px;}
	.categoryNav.foot a:after{content:"\f106";top:5px; bottom:auto; margin:auto;}

@media screen and (max-width: 750px){
.categoryNav a,
.categoryNav.foot a{flex-basis:49%; max-width:49%; text-align:left; padding:8px 8px 8px 30px;}
.categoryNav a:after{left:8px; bottom:0; top:0; right:auto;}
.categoryNav.foot a:after{left:8px; bottom:0; top:0; right:auto;}
}/* sp */


	.hagaki_tpl{}
	.hagaki_tpl .material{}
	.hagaki_tpl .material a{position:relative; height:200px;}
	.hagaki_tpl .material a img{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); max-height:150px; padding:10px;}

@media screen and (min-width:375px) and ( max-width:812px) {
.linkbox3.spclm2 a.box {
    min-height: 140px;
}
  .categoryNav a{
    height: 50px;
  }
  .categoryNav a.single{
    padding: 15px 8px 1px 30px !important;
  }
}/*end*/


@media screen and (min-width:751px) and ( max-width:1024px) {
	.categoryNav{justify-content:space-between;}
.categoryNav.head a,
.categoryNav.foot a{flex-basis: 24%; max-width: 24%; padding:5px 5px 20px !important;  font-size:0.9em; height:auto;min-height:60px;}
.categoryNav.foot a{padding:20px 5px 5px !important;}
	.categoryNav.foot a:after{top:0; line-height: 1;}
.categoryNav::before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
.categoryNav::after{
  content:"";
  display: block;
  width:24%;
}

.illustList{}
.illustList .material{width:31.5%;margin: 0 1% 10px 0;}
} /* tablet */

/* ----------------------------------------------- 
/send/create/freeillust/templates/2021 for "NEW" display
----------------------------------------------- */
.illustList .material .new{
    position: absolute;
    top:5px;
    left: 5px;
    font-size: 0.65em;
    background-color: #C00;
    padding: 2px 5px;
    color: #FFF;
}
/* ----------------------------------------------- 
/send/create/freeillust/templates/2021 for imgborder
----------------------------------------------- */
	.hagaki_tpl .material a img{
        outline: 1px solid #DDD;
        outline-offset: -10px;
        }

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop,
    .hagaki_tpl .material a img{ 
    border: 1px solid #DDD;
        padding: 0px;
        max-width: 80%;
        max-height: 130px;
       } /* IE11 */
}/*IE11 end*/


hagaki_tpl .material button {
    position: relative;
    height: 200px;
}

.illustList .material button {
    display: block;
	border-style:none;
	text-decoration: none;
    position: absolute;
	background: transparent;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 50;
}
 
button.sozaiID img {
	position:absolute;
	outline: 1px solid #DDD;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
	max-height:150px; 
	padding:10px;
	outline-offset: -10px;
}