/*
 Theme Name:   Iconic One Child
 Theme URI:    https://www.j-focus.jp/
 Description:  Iconic One Child Theme
 Author:       OZAKI Koichiro
 Author URI:   https://www.j-focus.jp/
 Template:     iconic-one
 Version:      0.0.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-menu, custom-logo, full-width-template, rtl-language-support, theme-options, custom-colors, flexible-header, translation-ready, news, e-commerce, sticky-post, featured-images, entertainment, education, holiday, threaded-comments, food-and-drink, portfolio
 Text Domain:  iconic-one-child
*/

/* Site global settings
-------------------------------------- */
.site {
	max-width: 1400px;
}

.wrapper {
	padding-right: 270px;
}

.site-content {
	width: 92%;
	margin-right: 0px;
}

.widget-area {
	width: 270px;
	margin-right: -270px;
}

div.below-title-meta {
	max-width: 100%;
	margin: 0;
}

.adt {
    float: left;
    padding-left: 0px;
}

.dashicons-before.date::before {
    vertical-align: bottom;
    margin-right: 2px;
}

.dashicons-before.date.modified::before {
    transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
}

/* Back to Top Button
------------------------------------ */
#topBtn {
  position:fixed;
  bottom:20px;
  right:25px;
  background-color:rgba(40,40,60,0.5);
  width:50px;
  height:50px;
  text-align:center;
  line-height:10px;
  padding-top:15px;
  box-sizing:border-box;
}
#topBtn:before {
  font-family: "dashicons";
  content:'\f343';
  position:absolute;
  top:3px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
  color: #fff;
}
#topBtn:hover {
  opacity:0.7;
}
#topBtn a {
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight: bold;
}
/* End of Back to Top button section */

/* External-link
-------------------------------------------------------------- */
article a.external-link::after{
  margin-left: 3px;
  content: "\f504";
  display: inline-block;
  font-size: 13px;
  font-family: "dashicons";
  vertical-align: -2px;
  -o-transform: rotate(0.028deg);
  -ms-transform: rotate(0.028deg);
  -moz-transform: rotate(0.028deg);
  -webkit-transform: rotate(0.028deg);
  transform: rotate(0.028deg);
}

/* File extension Icons
--------------------------------------------------------- */
article :not(.tablepress) a[href$=".pdf"]:not(.no-file-icon)::before{
  content: "";
  display: inline-block;
  background-image: url(/images/fileicon/pdf24-alt1.png);
  background-size: contain;
  vertical-align: -5px;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
article :not(.tablepress) a[href$=".doc"]:not(.no-file-icon)::before,
article :not(.tablepress) a[href$=".docx"]:not(.no-file-icon)::before{
  content: "";
  display: inline-block;
  background-image: url(/images/fileicon/word24-alt2.png);
  background-size: contain;
  vertical-align: -5px;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
article :not(.tablepress) a[href$=".xls"]:not(.no-file-icon)::before,
article :not(.tablepress) a[href$=".xlsx"]:not(.no-file-icon)::before{
  content: "";
  display: inline-block;
  background-image: url(/images/fileicon/excel24-alt2.png);
  background-size: contain;
  vertical-align: -5px;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
article :not(.tablepress) a[href$=".ppt"]:not(.no-file-icon)::before,
article :not(.tablepress) a[href$=".pptx"]:not(.no-file-icon)::before{
  content: "";
  display: inline-block;
  background-image: url(/images/fileicon/powerpoint24-alt2.png);
  background-size: contain;
  vertical-align: -5px;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

/* =Media queries
-------------------------------------------------------------- */
@media screen and (max-width: 1040px) {

}

@media screen and (max-width: 768px) {
.wrapper {
	border: none;
	padding: 0px;
}
.site-content {
	width: unset;
	margin: 0 14px;
}
.widget-area {
	width: unset;
	margin: 0 14px;
}
}

@media screen and (max-width: 420px) {
}

/* ---------------------------------------------------------------
 * MOBILE CSS fallback for device width 768px or below
 * ------------------------------------------------------------ */
/* Minimum width of 768pixels. */
@media screen and (min-width: 768px) {
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
}

@media screen and (max-width: 440px) {
}


/* Print styles
----------------------------------------------- */
@media print {
}