/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/*---------------------------
	list iconの下マージン
----------------------------*/

.uavc-list-content{margin-bottom: 15px !important;}

/*---------------------------
	ブルーテキスト
----------------------------*/

.blue-text{color: #1e73be; font-size: 1.5rem; line-height: 24pxt; font-weight:700;}
@media (max-width: 900px) {.blue-text{color: #1e73be; font-size: 1.3rem; line-height: 18px; font-weight:700;}}

/*---------------------------
	パンくずリストの設定
----------------------------*/

.g-breadcrumbs-item,.g-breadcrumbs-separator{margin:0px 0px 0px 20px !important;font-size:12px !important;}

/*---------------------------
	CSSテクニック
----------------------------*/

/*--蛍光ペン---*/
span.keikoupen{background:linear-gradient(transparent 60%, #b8e3f8 60%);}

/*--その1---*/
.box-blue-dot{
	padding: 1.5em 1.5em;
	margin: 0;
	background-color:#f0f7ff !important;
	border: dashed 2px #5b8bd0;}

/*--その7---*/
.box-point{
    position: relative;
    margin: 0 0;
    padding: 20px 20px 20px 20px;
    border: solid 3px #95ccff;
    border-radius: 8px;}

.box-point .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;}


/*---------------------------
	footerタイトル
----------------------------*/

p.footer-title{font-size:28px !important; line-height:30px; font-weight:700; color:#FFF !important;}
@media (max-width: 900px) {.footer-title{font-size:20px !important; line-height:30px; color:#FFF !important;}}


/*---------------------------
	コンセプトカラー
----------------------------*/
青：#1e73be
緑：#9acc59
オレンジ：#ff7800


/*-----------------------------------
	白パララックスのタイトル
------------------------------------*/
.top-white-text{color: #f1f1f1; font-size: 16pt; line-height: 32pt;}
@media (max-width: 900px) {.top-white-text{color: #f1f1f1; font-size: 14pt !important; line-height: 24pt;}}


/*---------------------------
	アイコン付きの見出し
----------------------------*/

.title-text-icon1{text-align: left; color: #333333; font-size:30px !important; line-height:30px !important;}
@media (max-width: 900px) {.title-text-icon1{text-align: left; color: #333333; font-size:23px !important; line-height:30px !important;}}

/*------------------------------------------
　　　固定ページ黒バック白文字タイトル
-------------------------------------------*/
.page-title{color:#FFF; font-weight:700; font-size:44px !important; line-height:52px !important;}
@media (max-width: 900px) {.page-title{color:#FFF; font-weight:700; font-size:36px !important; line-height:52px !important;}}
.page-subtitle{color:#FFF;}

.page-title-top{color:#FFF; font-weight:700; font-size:52px !important; line-height:60px !important;}
@media (max-width: 900px) {.page-title-top{color:#FFF; font-weight:700; font-size:32px !important; line-height:52px !important;}}
.page-subtitle-top{ font-size:24px !important; color:#FFF;}
@media (max-width: 900px) {.page-subtitle-top{ font-size:16px !important;}}

/*---------------------------
	最初の3カラム
----------------------------*/
.top-3column{ z-index: 10 !important;}
.top-3column{margin-top:-75px;}
@media (max-width: 900px) {.top-3column{margin-top:0px;}}



/*-------------------------------------------
　　　画像付き吹き出し	
-------------------------------------------*/

/**-----画像左-------**/

.balloon5 {  width: 100%;  margin: 1.5em 0;  overflow: hidden;}
.balloon5 .faceicon {  float: left;  margin-right: -90px;  width: 80px;}
.balloon5 .faceicon img{  width: 100%;  height: auto;  /*--border: solid 3px #d7ebfe;  border-radius: 50%;---*/}
.balloon5 .chatting {  width: 100%;}
.says {  display: inline-block;  position: relative;   margin: 5px 0 0 105px;  padding: 18px 18px;  border-radius: 12px;  background: #d7ebfe;}
.says:after {  content: "";  display: inline-block;  position: absolute;  top: 18px;   left: -24px;  border: 12px solid transparent;  border-right: 12px solid #d7ebfe;}
.says p {  margin: 0;  padding: 0;}

/**-----画像右-------**/

.balloon6 {  width: 100%;  margin: 1.5em 0;  overflow: hidden;}
.balloon6 .faceicon2 {  float: right;  margin-left: -90px;  width: 80px; }
.balloon6 .faceicon2 img{  width: 100%;  height: auto;  /*--border: solid 3px #d7ebfe;  border-radius: 50%;---*/}
.balloon6 .chatting2 {  width: 100%; }
.says2 {  float: right; display: inline-block;  position: relative;   margin: 5px 105px 0 0;  padding: 18px 18px;  border-radius: 12px;  background: #d7ebfe;}
.says2:after {  content: "";  display: inline-block;  position: absolute;  top: 18px;   right: -24px;  border: 12px solid transparent;  border-left: 12px solid #d7ebfe;}
.says2 p {  margin: 0;  padding: 0;}

/*-------------------------------------
　　　吹き出しのみ
--------------------------------------*/
.fukidashi-ue{  position: relative;  padding: 20px;  background-color: #ffadad;  border: 2px solid #ca8888;}
.fukidashi-ue::before{  content: '';  position: absolute;  display: block;  width: 0;  height: 0;
  left: 20px;  top: -15px;  border-right: 15px solid transparent;  border-bottom: 15px solid #ca8888;  border-left: 15px solid transparent;}
.fukidashi-ue::after{  content: '';  position: absolute;  display: block;  width: 0;  height: 0;  left: 20px;  top: -12px;
  border-right: 15px solid transparent;  border-bottom: 15px solid #ffadad;  border-left: 15px solid transparent;}

.fukidashi-shita{  position: relative;  padding: 20px;  background-color: #ffadad;  border: 2px solid #ca8888;}
.fukidashi-shita::before{  content: '';  position: absolute;  display: block;  width: 0;  height: 0;  left: 20px;  bottom: -15px;
  border-top: 15px solid #ca8888;  border-right: 15px solid transparent;  border-left: 15px solid transparent;}
.fukidashi-shita::after{  content: '';  position: absolute;  display: block;  width: 0;  height: 0;  left: 20px;  bottom: -12px;
  border-top: 15px solid #ffadad;  border-right: 15px solid transparent;  border-left: 15px solid transparent;}



/*------------------------------------------*/
/*------------------------------------------*/
/*--------------表示・非表示----------------*/
/*------------------------------------------*/
/*------------------------------------------*/

/*------------スマホでは改行しない------<br class="br-sp">といれる------------*/
@media (max-width: 900px){.br-sp{display:none !important;}}

/*------------スマホで改行する------<br class="br-pc">といれる------------*/
@media (min-width: 901px){.br-pc{display:none !important;}}

/*------------------スマホで消す------------------*/
@media (max-width: 900px) {.mobile-not-display{display:none !important;}}

/*------------------スマホ用でのみ出す------------------*/
@media (min-width: 901px) {.pc-not-display{display:none !important;}}

/*------------------両方で消す------------------*/
.not-display{display:none !important;}

/*------------------スマホでは左寄せ------------------*/
@media (max-width: 900px) {.widget_text{text-align: left !important;}}

/*------------------テキストの右端も左端もそろえる------------------*/
p{text-align: justify; text-justify: inter-ideograph;}


/*------------------------------------------*/
/*------------------------------------------*/
/*--------------テーブル--------------------*/
/*------------------------------------------*/
/*------------------------------------------*/

/*------------------------------
	TKSMテーブル
------------------------------*/
td, th {border: 1px solid #dddddd !important; padding: 10px 10px 10px 10px !important; line-height:24px !important; text-align: center !important; font-size: 0.8rem !important; vertical-align: middle !important;}
@media (max-width: 900px) {	td, th {padding: 10px 4px 10px 4px !important; line-height:20px !important; text-align: center !important; font-size: 0.8rem !important;}}

table.takashima-table{background-color: #ffffff;}
tr:nth-child(2n+0) {background-color: #f4f7ff;}


/*------------------------------
	セルの色
------------------------------*/
.color-cell-blue{background-color: #4472c4 !important; color:#FFFFFF !important;}
/*.color-cell-blue{background-color: #426579 !important; color:#FFFFFF !important;}*/
.color-cell-blue2{background-color: #305496 !important; color:#FFFFFF !important;}
.color-cell-red{background-color: #c53d43 !important; color:#FFFFFF !important;}
.color-cell-red2{background-color: #fff4f4 !important; color:#333333 !important;}
.color-cell-white{background-color: #FFFFFF !important; color:#333333 !important;}

/*------------------------------
	セルの幅
------------------------------*/
.first-cell{width:30% !important;} 
@media (max-width: 900px) {.first-cell {width:25% !important;}}
.first-cell2{width:35% !important;}
@media (max-width: 900px) {.first-cell {width:35% !important;}}
.second-cell{width:20% !important;} 
@media (max-width: 900px) {.second-cell{width:20% !important;}}
.third-cell{width:10% !important;} 
@media (max-width: 900px) {.third-cell{width:10% !important;}}
.forth-cell{width:35% !important;} 
@media (max-width: 900px) {.forth-cell{width:35% !important;}}


/*------------------------------------------*/
/*------------------------------------------*/
/*--------------文字の調整------------------*/
/*------------------------------------------*/
/*------------------------------------------*/

/*------------------------------
	FONT全体 メイリオ・両揃え
------------------------------*/

body {font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;}
p{text-align: justify !important; text-justify: inter-ideograph !important;}


/*------------------------------
	テキストカラー
------------------------------*/

.black{color:#333333 !important;}
.white{color:#FFFFFF !important;}
.purple{color:#515055 !important;}
.orange{color:#fb8525 !important;}
.green{color:#a5d5c4 !important;}
.blue{color:#1e73be !important;}
.blown{color:#773c30 !important;}

/*------------------------------
	テキスト揃え
------------------------------*/

.left{text-align: left !important;}
.center{text-align: center !important;}
.right{text-align: right !important;}

/*------------------------------
	スマホでは左寄せ・中揃え
------------------------------*/

@media (max-width: 900px) {.mobile_left{text-align: left !important;}}
@media (max-width: 900px) {.mobile_center{text-align: left !important;}}


/*------------------------------
	明朝体・Bold
------------------------------*/

.serif{font-family: 'Noto Serif JP', sans-serif !important;}
.bold{font-weight:700 !important;}


/*------------------------------
	見出し用フォントサイズ
------------------------------*/

.midashi36{font-size:36px !important; line-height:38px !important; }
@media (max-width: 900px) {.midashi36{font-size:24px !important; line-height:30px !important; }}

.midashi30{font-size:30px !important; line-height:32px !important; }
@media (max-width: 900px) {.midashi30{font-size:22px !important; line-height:26px !important; }}

.midashi26{font-size:26px !important; line-height:28px !important; }
@media (max-width: 900px) {.midashi26{font-size:20px !important; line-height:24px !important; }}

.midashi20{font-size:20px !important; line-height:22px !important; }
@media (max-width: 900px) {.midashi20{font-size:17px !important; line-height:21px !important; }}

.midashi16{font-size:16px !important; line-height:18px !important; }
@media (max-width: 900px) {.midashi16{font-size:14px !important; line-height:18px !important; }}


/*------------------------------
	決め台詞用の大きいテキスト
------------------------------*/
.large-sentence{text-align: center !important; font-size:32px !important; line-height:40px;}
@media (max-width: 900px) {.large-sentence-white{font-size:22px !important; line-height:36px;}}


/*-------------------------------------
　　　文中タイトル
--------------------------------------*/

.title-text1{text-align: left; color: #000; font-size:30px !important; line-height:30px !important; }
@media (max-width: 900px) {.title-text1{text-align: left; color: #000; font-size:23px !important; line-height:30px !important;}}

.top-text1{color: #0d0d0d; font-size:36px !important; line-height:43px !important; }
@media (max-width: 900px) {.top-text1{color: #0d0d0d; font-size:24px !important; line-height:30px !important;}}


/*-------------------------------------------
	下線①_下線が左揃え
-------------------------------------------*/

.underline{position: relative;display: inline-block;margin-bottom: 1em;}
.underline:before{content: ''; 	position: absolute; bottom: -12px; 	display: inline-block;width: 60px;	height: 7px; 	background-color: #4472c4;

/*-------------------------------------------
	下線②_下線が中央揃え
-------------------------------------------*/

.underline2{position: relative;display: inline-block;margin-bottom: 1em;}
.underline2:before{content: ''; 	position: absolute; bottom: -7px; 	display: inline-block;width: 60px;	height: 5px; 	background-color: #4169e1;
    left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 2px;align-content}