@charset "utf-8";
/* Copyright 2019 FSFIELD All Rights Reserved. */

@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	ブログ

	------------------------------------------------------------ */

	/* 検索
	---------------------------------------------- */
	.search{
		position:relative; 
		width: 350px;
		margin: 0 0 40px 0;
	}

	.searchinput{
		background:#EEE;
		font-size: 1.5rem;
		width: 270px;
		height: 50px;
		padding: 0 10px;
		border: none;
		border-radius:2px;
		outline: 0;
	}
	
	.searchsubmit{
		width: 70px;
		height: 50px;
		border-radius: 2px;
		background: #79C5E3;
		color: #FFF;
		font-weight: bold;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
		border: none;
		padding: 0;
		outline: none;
		position:absolute; 
		right: 0;
		top: 0;
		cursor: pointer;
	}
	
	.searchsubmit::-moz-focus-inner{border: 0;}/* Firefox 点線消す */
	
	.searchsubmit:hover{
		background: #EEE;
		color: #7fbfff;
	}
	
	/* ナビ
	---------------------------------------------- */
	.nav_blog{margin-bottom: 60px;}
	
	.nav_blog ul{
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.nav_blog ul li{
		width: 480px;
		text-align: center;
	}
	
	.nav_blog ul li.current a{
		background: #79C5E3;
		color: #FFF;
		pointer-events: none;
	}
	
	.nav_blog ul li a{
		color: #26A5DF;
		display: block;
		padding: 7px 0;
		border: 3px solid #79C5E3;
		border-radius: 50px;
		transition: opacity .2s;
	}
	
	.nav_blog ul li a:hover{opacity: 0.7;}
	
	/* 一覧
	---------------------------------------------- */
	.blog_list{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 40px;
	}
	
	/* 詳細ページ
	---------------------------------------------- */
	.single_blog .wp_contents{margin-bottom: 100px;}
	
	.single_blog .wp_contents h2{font-size: 2rem;}
	
	.single_blog .btn_type01{text-align: center;}
	

}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	ブログ

	------------------------------------------------------------ */

	/* 検索
	---------------------------------------------- */
	.search{
		position:relative;
		max-width: 385px;
		margin: 0 0 30px auto;
	}

	.searchinput{
		background:#EEE;
		font-size: 1.6rem;
		width: calc(100% - 80px);
		height: 40px;
		padding: 0 8px;
		border: none;
		border-radius: 2px;
		outline: 0;
	}
	
	.searchsubmit{
		width: 70px;
		height: 40px;
		border-radius:2px;
		background: #79C5E3;
		color: #FFF;
		font-weight: bold;
		font-size: 1.4rem;
		border: none;
		position:absolute; 
		right: 0;
		top: 0;
		cursor: pointer;
	}
	
	/* ナビ
	---------------------------------------------- */
	.nav_blog{margin-bottom: 30px;}
	
	.nav_blog ul{
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.nav_blog ul li{
		font-size: 1.2rem;
		width: 47.82%;
		text-align: center;
	}
	
	.nav_blog ul li.current a{
		background: #79C5E3;
		color: #FFF;
		pointer-events: none;
	}
	
	.nav_blog ul li a{
		color: #26A5DF;
		display: block;
		padding: 4px 0;
		border: 3px solid #79C5E3;
		border-radius: 50px;
		transition: opacity .2s;
	}
	
	/* 一覧
	---------------------------------------------- */
	.blog_list{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 35px;
	}
	
	.blog_article{
		width: 47.82%;
		margin: 0 0 30px 0;
	}
	
	.blog_article a{
		background: url("../img/ico_arrow05.png") no-repeat 0 bottom;
		background-size: 20px;
		display: block;
		color: #465866;
		padding-bottom: 32px;
	}
	
	.blog_article .photo{margin-bottom: 10px;}
	
	.blog_article .photo span{
		display: block;
		width: 100%;
		padding-top: 67.87%;
		border: 2px solid #C1E2F2;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover !important;
	}
	
	.blog_article time{
		display: block;
		line-height: 1.6;
	}
	
	.blog_article .title{line-height: 1.8;}
	
	/* 詳細ページ
	---------------------------------------------- */
	.single_blog .wp_contents{margin-bottom: 40px;}
	
	.single_blog .wp_contents h2{font-size: 1.7rem;}
	
	.single_blog .btn_type01{text-align: center;}
	

}/*--@media--*/