@charset "UTF-8";

/*
Theme Name: TLINE-BLOG
Author: Take-c Inc.
*/


/*****************************************************

blog

*****************************************************/


#sub_visual .sv{
width:100%;
object-fit: cover;
object-position: center right;
}

.title-box h2{
margin:1% auto 0;
width:100%;
font-size:14px;
color:#3c3c3c;
}
.title-box h1 img{width:8%;}


/* ▼▼▼▼▼▼▼▼MaxWidth2200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 2200px) {
 /* ************** */

.title-box{
top:160px;
left:-200px;
}

.title-box h2{
margin:0.8% auto 0;
}
	.title-box h1 img{width:10%;}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth1500(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1500px) {
 /* ************** */

.title-box{top:140px;}
.title-box h1 img{width:11%;}


 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */

.title-box h1 img{width:12%;}

.title-box{
top:120px;
left:-330px;
}


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
.title-box{top:100px;}

.title-box h1 img{width:14%}

.title-box{
top:90px;
left:-200px;
}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */	

	#sub_visual .sv{object-position:-60px}
	
	/* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth800(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 800px) {
 /* ************** */
	#sub_visual .sv{object-position:-160px}
.title-box{top:100px;}

	/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

.title-box{top:110px;}
.title-box h1 img{width:17%;}

#sub_visual .sv{object-position:-170px}

	/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth680(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 680px) {
 /* ************** */
	#sub_visual .sv{object-position:-270px}
	/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */

.title-box h1{
width:100%;
padding-bottom:1%;
}

.title-box h1 img{width:25%;}
	#sub_visual .sv{object-position:-300px}

.title-box{
top:100px;
left:0;
}

.title-box h2{
margin:0 auto;
width:230px;
text-align: center;
font-size:12px;
}

.title-box h2 br{display:none;}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
	
.title-box{
top:70px;
left:0;
}
#sub_visual .sv{object-position:-220px}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */
#sub_visual .sv{object-position:-280px}
.title-box h1 img{width:30%;}

.title-box{
top:70px;
}
 /* *************** */
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear{clear:both;}


/* --- wp-box --- */

#wp-box {
 margin:5% auto 15%;
	width:100%;
	max-width:1100px;
	text-align:center;
	position:relative;
}


/* --- contents --- */

#contents {
	margin:0 auto 0;
	width:75%;
	padding-bottom:1%;
      float: right;
}
.pagenav{
	font-size:14px;
}
/* --- entry --- */

.entry {
   margin:5% auto;
    width:85%;
}

.entry_main {
	margin:2% auto 5%;
	font-size:14px;
	letter-spacing:0.02em;
	line-height:1.4;
	text-align:left;
	padding-bottom:10%;
}

.single-title{
	margin:3% auto;
	font-size:25px;
	letter-spacing:0.05em;
	line-height:1.4;
	font-weight:600;
	text-align:left;
}
article h1{
	margin:4% auto 2%;
	font-size:30px;
	color:#fb7289;
	letter-spacing:0.05em;
	line-height:1.4;
	font-weight:600;
	text-align:left;
	padding-bottom:1%;
	border-bottom:2px solid #fb7289;
}

article h1 a{
	margin:4% auto 2%;
	font-size:30px;
	color:#fb7289;
	letter-spacing:0.05em;
	line-height:1.4;
	font-weight:600;
	text-align:left;
}

article h1 a:hover{
	color:#aaa;
}

/* ************************************************************
h2〜h6
************************************************************ */


/*h2*/
article h2{
	margin:6% auto 3%;
	font-size:20px;
	color:#fb7289;
	letter-spacing:0.05em;
	line-height:1.4;
	font-weight:600;
	text-align:left;
}

/*h3*/
article h3{
	margin:4% auto 3%;
	font-size:15px;
	color:#fff;
	letter-spacing:0.05em;
	line-height:1.8;
	font-weight:500;
	text-align:left;
	background-color:#fb7289;
	padding:1% 2%;
}
/* *********************************************************** */

.time-category{
	margin:3% auto;
	font-size:14px;
	letter-spacing:0.05em;
	line-height:1.4;
	font-weight:400;
	text-align:right;
	padding-right:1%;
}

.contents{
	margin:2% auto 0;
	font-size:14px;
	letter-spacing:0.02em;
	line-height:1.4;
	text-align:left;
	padding-bottom:10%;
}

.contents p{
	margin:4% auto 0;
}

/* --- side --- */

#side {
 margin:3% auto;
 width: 22%;
 float: left;
}

#side li {
	margin:1% auto;
	padding-left:4%;
	font-size:14px;
	letter-spacing:0.05em;
	line-height:1.4;
	font-weight:400;
 text-align:left;
}

.widget {
	margin:5% auto;
	padding-bottom:5%;
	width:100%;
}

.widgettitle {
 margin-bottom: 10px;
 background-color:#f7c6bd;
	font-size:15px;
 letter-spacing:0.1em;
	line-height:1.4;
 text-align:center;
 border-radius:25px;
	color:#fff;
	padding:4%;
}



/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

/* --- wp-box --- */

#wp-box {
 margin: 8% auto 20%;
width:90%}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

/* --- wp-box --- */

#wp-box {
 margin: 15% auto 30%;
	width:90%;
}

/* --- archive.php カテゴリータイトル --- */

.ctgr-title{
font-size:23px;
}


/* --- contents --- */

#contents {
	margin:5% auto;
	width:100%;
    float: none
}

/* --- entry --- */

.entry {
   margin:8% auto;
}

.entry_main {
	font-size:14px;
}

.single-title{
	font-size:26px;
}
article h1{
	font-size:26px;
}

.time-category{
	font-size:14px;
}

.contents{
	font-size:14px;
}


/* --- side --- */

#side {
    margin:8% auto;
	width:100%;
    float:none;
}

#side li {
	width:95%;
	font-size:14px;
    text-align:center;
}
	
widget{
	width:95%
	}
	
.widgettitle {
	font-size:14px;
 text-align:center;
	padding:2%;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

/* --- wp-box --- */

#wp-box {
   margin: 15% auto 35%;
   width:90%;
}

/* --- archive.php カテゴリータイトル --- */

.ctgr-title{
font-size:20px;
}
/* --- contents --- */

/* --- entry --- */

.entry {
   margin:8% auto;
}

.entry_main {
font-size:14px;
}

.single-title{
	font-size:23px;
}
article h1{
	font-size:23px;
}

.time-category{
	font-size:12px;
}

.contents{
	font-size:13px;
}


/* --- side --- */

#side {
 margin:8% auto;
	width:100%;
 float:none;
}

#side li {
	width:100%;
	font-size:14px;
 text-align:left;
 padding-left:0;

}
	
widget{
	width:100%
	}
	


 /* *************** */
}