@charset "UTF-8";



/** ************************************* **
	basic style of NewLifeSupport2020
	author: HPG_ogiwara
	version: December 2019

	TABLE CONTENTS
	---------------------------
		01. Web fonts
		02. Globals
		03. tiles
		04. TOP バナー広告
		05. label
		06. CHARACTOR
		07. button
	---------------------------

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


/** 01. Web fonts
 **************************************************************** **/

@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c&display=swap');




/** 02. Globals
 **************************************************************** **/

#header h1 {				/* ヘッダー画像貼り替え */
	display: block;
	text-indent: -9999px;
	background: url(/tohoku-g/images/common/logo_newlife@2x.svg) no-repeat 0 -2px;
	background-position: left 0 top 0;
	background-size: 320px 40px;
	width: 320px;
	height: 40px;
	top: 18px;
}
#content h2 {			/* コンテンツタイトル用 */
	font-family: 'YakuHanJP';
	padding: 0;
	padding-top: 6px;
	margin: 0.3em 0 0.5em;
	font-size: 200%;
	line-height: 1.0;
	color: #333333;
	text-indent: -1.8em;
	padding-left: 1.8em;
}
#container {
	padding-top: 70px;
}
#overheader {
	display: none;
}
#tabsubarea {
	display: none;
}
.section {
	margin-left: -10px;
	margin-right: -10px;
}
.content_inner{
	padding: 0px 10px;
}


@media (max-width: 768px) {
/*	#header {
		height: 50px;
		overflow: hidden;
	}*/
	#header h1 {				/* ヘッダー画像貼り替え */
		background: url(/tohoku-g/images/common/logo_newlife@2x.svg) no-repeat 0 0;
	background-position: left 0 top 0;
	background-size: 250px 40px;
	width: 250px;
	height:40px;
	top: 15px;
	}
	#header h1 a {				/* ヘッダー画像貼り替え */
		display: block;
	text-indent: -9999px;
	width: 350px;
		width: 250px;
		height:40px;
	}
	#content h2 {			/* コンテンツタイトル用 */
		padding: 0;
		padding-top: 6px;
		margin: 0.3em 0 0.5em;
		font-size: 160%;
		line-height: 1.0;
		color: #333333;
		text-indent: -1.8em;
		padding-left: 1.8em;
	}
	#global_tab {
		width:100%;
		background: #FFFFFF;
		height:auto;
		max-height: 2000px;
		float: none;
	}
	#overheader {
		display: block;
	}
	#overheader .flexnav li a {
	/*	background-color: #3498db;*/
	}

	.menu-button {
		position: absolute;
		right: 0px;
		top: 0px;
	}
	.content_inner{
	padding: 0px 5px;
}
}


@media (max-width: 480px) {
#header h1 {
	background-size: auto 30px;
	top: 15px;
}

#header h1 a {
	width: 250px;
	height:30px;
}

#container {
	padding-top: 55px;
}
}



/** 03. tiles
 **************************************************************** **/
#tiles {
	padding-right:8px;
	padding-left:4px;
	margin-left: 4px !important;
	margin-right: 4px !important;
}
#tiles > .row {
}
#tiles .tile {
	padding-left:5px;
	padding-right:5px;
}
#leftside {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
#leftside.col-sm-3 {
	margin-left: -8px !important;
	margin-right: -8px !important;
	padding-left: 0px !important;
	padding-right: 8px !important;
}
#tiles .thumbnail {
	margin-bottom: 10px;
}
@media (max-width: 768px) {
	#global_tiles {
		padding-left:0px !important;
	}
	#leftside.col-sm-3.col-xs-12 {
		padding:0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	#tiles {
		padding-right:8px;
	}
	#tiles .tile {
		padding-left:5px;
		padding-right:5px;
	}
}





/** 04. TOP バナー広告
 **************************************************************** **/
#bnr_support {
	margin:10px 0 ;
	float:left;
}




/** 05. label
 **************************************************************** **/
/*見出しh2　上部ラベル*/
.h2_label .label-outline {
	margin: 5px;
	font-size: 1.1em;
}
@media (max-width: 768px) {
	.h2_label .label-outline {
		margin: 5px;
		font-size: 1em;
	}
}



/** 06. CHARACTOR
 **************************************************************** **/
.eventdate {
	font-family: 'YakuHanJP',"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-weight: 700;
	font-size: 17px;
	margin: 15px 0;
	padding-bottom: 5px;
}
.wf-roundedmplus1c { 
	font-family: 'YakuHanJP' ,"M PLUS Rounded 1c", "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.yakuhanjp {
	font-family: 'YakuHanJP',"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
/*左右ボーダー付きテキスト*/
.s1 {
	display: flex;
	align-items: center;
}
.s1:before, .s1:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	display: block;
}
.s1:before {
	margin-right: .4em;
	background: linear-gradient(-90deg, #888, transparent);
}
.s1:after {
	margin-left: .4em;
	background: linear-gradient(90deg, #888, transparent);
}

.s1.red:before {		/*赤ライン*/
	margin-right: .4em;
	background: linear-gradient(-90deg, #e74c3c, transparent);
}
.s1.red:after {		/*赤ライン*/
	margin-left: .4em;
	background: linear-gradient(90deg, #e74c3c, transparent);
}
.s1.blue:before {		/*青ライン*/
	margin-right: .4em;
	background: linear-gradient(-90deg, #3498db, transparent);
}
.s1.blue:after {		/*青ライン*/
	margin-left: .4em;
	background: linear-gradient(90deg, #3498db, transparent);
}

/*右ボーダー付きテキスト*/
.s2 .label {
	display: inline;
	font-family: 'YakuHanJP';
	padding: .4em .6em .4em;
	font-size: 1em;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
.s2 {
	display: flex;
	align-items: center;
}
.s2:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	display: block;
}
.s2:after {
	margin-left: .4em;
	background: linear-gradient(90deg, #888, transparent);
}
.s2.red:after { 	/*赤ライン*/
	margin-left: .4em;
	background: linear-gradient(90deg, #e74c3c, transparent);
}
.s2.blue:after { 	/*青ライン*/
	margin-left: .4em;
	background: linear-gradient(90deg, #3498db, transparent);
}



/** 07. button
 **************************************************************** **/
.btn {
white-space: normal;
}

/** maru
 **************************************************************** **/

.maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column;
  vertical-align: top;
}
/* 円の大きさ */
.size_normal{
  width: 2.2rem;
  height: 2.2rem;
}
/* 文字の大きさ */
.letter {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: normal;
}
/* 円と文字の色 */
.maru.blue {
  color: #FFFFFF;
  background: #3498db;
}




/* -------------------------------------------------- *
* ドロワーメニュー
 * -------------------------------------------------- */
#overheader {
	display: block;
}
#overheader .flexnav li a {
    background-color: #ffffff;
}


nav.globalnav > .globalnav_bg a {
	background-image: url(/tohoku-g/images/common/logo_newlife@2x.svg);
}

@media (max-width: 350px) {
nav.globalnav > .globalnav_bg a {
	width: 250px;
}
}