/*
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:*/

/*---------------------------
	クイズ一覧の ul ol
----------------------------*/

ul.q-list li:not(:last-child){ border-bottom:1px dashed #ac7270;}
ul.q-list li{ padding:14px 0px 14px 0px; margin:0px 0px 0px 0px;}
ul.q-list{list-style:none;}

/*---------------------------
	かわいい見出し
----------------------------*/

.midashi {    position: relative;    padding: .3em 0 .2em 1em;    border-bottom: 3px solid #ac7270; }
.midashi::before {    position: absolute;    top: 0;    left: .3em;    transform: rotate(55deg);    height: 11px;    width: 12px;
    background: #ac7270;    content: '';}
.midashi::after {    position: absolute;    transform: rotate(15deg);    top: .6em;    left: 0;    height: 8px;    width: 8px;
    background: #ac7270;    content: '';}


/*--------------------------------------------------
　　　　見出しスラッシュ上下線
--------------------------------------------------*/

.midashi-jyougesen2{
  padding: 1em !important;
  border-top: solid 2px #cd5e3c;
  border-bottom: solid 2px #cd5e3c;
  background: -webkit-repeating-linear-gradient(-45deg, #fff0f0, #fff0f0 3px,#fff5e9 3px, #fff5e9 7px);
  background: repeating-linear-gradient(-45deg, #fff0f0, #fff0f0 3px,#fff5e9 3px, #fff5e9 7px);}

/*--------------------------------------------------
　　　　リボン GRID
--------------------------------------------------*/

.ribbon19-content {  position: absolute;  top: 0;  right: 0;  width: 90px;  height: 90px;  overflow: hidden;  }

@media (max-width: 900px) {.ribbon19-content {width: 60px;  height: 60px;}}

.ribbon19 {  display: inline-block;  position: absolute;  padding: 5px 0;  left: -24px;
  top: 18px;  width: 160px;  text-align: center;  font-size: 16px;  line-height: 20px;
  background: #e8889a;  color: #fff;  letter-spacing: 0.05em;  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);}

@media (max-width: 900px) {.ribbon19{left: -38px;  top: 6px;  width: 160px; font-size: 12px; line-height: 16px;}}


/*--------------------------------------------------
　　　　タグクラウド
--------------------------------------------------*/

h2.widgettitle{display:none !important;}

.tagcloud a{
font-size: 0.8rem !important; color:#594942 !important; line-height:1.0;
display: inline-block; background-color: #faf5f5 !important;
margin-top: 10px; padding: 8px 12px 6px 12px; border: none; border-radius:5px;}

@media (max-width: 900px) {.tagcloud a{font-size: 0.9rem !important;}}


.tagcloud a::before{
 font-size: 0.8rem;  font-family: "FontAwesome";
 font-weight:900;  content: "\f02c"; margin-right:7px;}


/*--------------------------------------------------
　　　　スマホメインメニューの文字をオレンジに
--------------------------------------------------*/
span.w-nav-title{color:#FFFFFF !important;}
span.w-nav-arrow{color:#FFFFFF !important;}


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

/*-----------------------------------
<span class="keikoupen-pink">ピンク蛍光ペンの塗りつぶし</span>の例です。
<span class="keikoupen-purple">パープル蛍光ペンの塗りつぶし</span>の例です。
-----------------------------------*/



/*------------------------------
	改行
------------------------------*/

/*----スマホでは改行しない------<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;}}



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

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

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



/*------------------------------
	セルの色
------------------------------*/
.color-cell-pink{background-color: #bd817f !important; color:#FFFFFF !important; }
.color-cell-purple{background-color: #b38692 !important; color:#FFFFFF !important;}

/*------------------------------
	セルの幅
------------------------------*/
.first-cell{width:30% !important;} 
@media (max-width: 900px) {.first-cell {width:25% !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;}}