@charset "utf-8";

/*
 Template: fsv-basic-corporate-blue
 Theme Name: FSVベーシックデザイン 会社案内系 ブルー 丸惣版
 Author: F.Iwata
 Version: 19.1.16.3
*/ 

/*** アイコン (注意) ***/
.mrs-icon1 {
  display: inline-block;
  position: relative;
  background: #FFF10F;
  border-radius: 1em;
  width: 1em;
  height: 1em;
  margin: 0.06em;
  top: 0.2em;
}

.mrs-icon1:before {
  content: '';
  display: block;
  position: absolute;
  height: 0;
  width: 0.04em;
  top: 0.24em;
  left: 0.35em;
  border-radius: 0.1em;
  border-top: 0.3em solid #000;
  border-right: 0.08em solid transparent;
  border-bottom: 0.6em solid transparent;
  border-left: 0.08em solid transparent;
  transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  -o-transform: rotate(10deg);
}

.mrs-icon1:after {
  content: '';
  display: block;
  position: absolute;
  top: 0.65em;
  left: 0.38em;
  height: 0.13em;
  width: 0.13em;
  background: #000;
  border-radius: 0.13em;
  transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  -o-transform: rotate(10deg);
}

/*** リンク付き画像エフェクト(半透明) ***/
.mrs-linkimg1 {
  opacity: 1;
  transition: 0.5s;
}
.mrs-linkimg1:hover {
  opacity: .6;
}
.mrs-linkimg1:active {
  transition: transform 0.2s;
  transform: scale(0.9);
}

/*** リンク付き画像エフェクト(グレー枠) ***/
.mrs-linkimg2 {
  transition: 0.3s;
}
.mrs-linkimg2:hover {
  border: 2px solid #ccc;
}
.mrs-linkimg2:active {
  transition: transform 0.2s;
  transform: scale(0.9);
}

/*** リンク付き画像エフェクト(カラー枠) ***/
.mrs-linkimg3 {
  transition: 0.3s;
}
.mrs-linkimg3:hover {
  border: 2px solid #1177bb;
}
.mrs-linkimg3:active {
  transition: transform 0.2s;
  transform: scale(0.9);
}

/*** リンク付き画像エフェクト(拡大) ***/
.mrs-linkimg4 {
  overflow: hidden;
  transition: transform 0.4s;
}
.mrs-linkimg4:hover {
  transform: scale(1.2);
}
.mrs-linkimg4:active {
  transition: transform 0.2s;
  transform: scale(0.9);
}

/*** リンク付き画像エフェクト(傾斜) ***/
.mrs-linkimg5 {
  transition: transform 0.4s;
}
.mrs-linkimg5:hover {
  transform: rotate(5deg);
}
.mrs-linkimg5:active {
  transition: transform 0.2s;
  transform: scale(0.9);
}

/*** テーマ色丸 (style="height: em; width: em; padding-top: em;"必須) ***/
.mrs-circle1 {
	color: #fff;
	background-color: #1177bb;
	border-radius: 50%;
	text-align: center;
}

/*** テーマ色丸 (style="height: em; width: em; padding-top: em;"必須) ***/
.mrs-circle2 {
	background-color: #55bbff;
	border-radius: 50%;
	text-align: center;
}

/*** グレー色丸 (style="height: em; width: em; padding-top: em;"必須) ***/
.mrs-circle3 {
	background-color: #f0f0f0;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px;
	border-radius: 50%;
	text-align: center;
}

/*** テーマ色四角 (style="height: em; width: em; padding-top: em;"必須) ***/
.mrs-square1 {
	color: #fff;
	background-color: #1177bb;
	text-align: center;
}

/*** テーマ色四角 (style="height: em; width: em; padding-top: em;"必須) ***/
.mrs-square2 {
	background-color: #55aaff;
	text-align: center;
}

/*** グレー色四角 (style="height: em; width: em; padding-top: em;"必須) ***/
.mrs-square3 {
	background-color: #f0f0f0;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px;
	text-align: center;
}

/*** 左矢印グレー色 (style="width: em;"必須) ***/
.mrs-arrow1 {
  position: relative; 
  padding: 0.5em 0.75em;
  left: 2em;
  background: #f0f0f0;
  text-align: center;
} 

.mrs-arrow1:before{ 
  content: ""; 
  position: absolute; 
  top: -0.5em; 
  left: -4em; 
  width: 0px; 
  height: 0px; 
  border-width: 2em; 
  border-style: solid; 
  border-color: transparent; 
  border-right-color: #f0f0f0; 
}

/*** 右矢印グレー色 (style="width: em;"必須) ***/
.mrs-arrow2 { 
  position: relative; 
  padding: 0.5em 0.75em;
  right: 1.8em;
  margin-left: 1.8em;
  background: #f0f0f0;
  text-align: center;
}

.mrs-arrow2:before{ 
  content: ""; 
  position: absolute; 
  top: -0.5em; 
  right: -2em; 
  width: 0px; 
  height: 0px; 
  border-left: 2em solid #f0f0f0;
  border-top:  2em solid transparent;
  border-bottom: 2em solid transparent;
}

/*** 左矢印グレー色 (style="width: em;"必須) ***/
.mrs-arrow3 {
  position: relative; 
  padding: 0.5em 0.75em;
  left: 2em;
  background: linear-gradient(to left, #f0f0f0 0%, #ccc 100%);
  text-align: center;
} 

.mrs-arrow3:before{ 
  content: ""; 
  position: absolute; 
  top: -0.5em; 
  left: -4em; 
  width: 0px; 
  height: 0px; 
  border-width: 2em; 
  border-style: solid; 
  border-color: transparent; 
  border-right-color: #ccc; 
}

/*** 右矢印グレー色 (style="width: em;"必須) ***/
.mrs-arrow4 { 
  position: relative; 
  padding: 0.5em 0.75em;
  right: 1.8em;
  margin-left: 1.8em;
  background: linear-gradient(to right, #f0f0f0 0%, #ccc 100%);
  text-align: center;
}

.mrs-arrow4:before{ 
  content: "";
  position: absolute; 
  top: -0.5em; 
  right: -2em; 
  width: 0px; 
  height: 0px; 
  border-left: 2em solid #ccc;
  border-top:  2em solid transparent;
  border-bottom: 2em solid transparent;
}

/*** 左矢印テーマ色 (style="width: em;"必須) ***/
.mrs-arrow5 { 
  position: relative; 
  padding: 0.5em 0.75em;
  left: 2em;
  background: #55aaff;
  text-align: center;
} 

.mrs-arrow5:before{ 
  content: ""; 
  position: absolute; 
  top: -0.5em; 
  left: -4em; 
  width: 0px; 
  height: 0px; 
  border-width: 2em; 
  border-style: solid; 
  border-color: transparent; 
  border-right-color: #55aaff; 
}

/*** 右矢印テーマ色 (style="width: em;"必須) ***/
.mrs-arrow6 { 
  position: relative; 
  padding: 0.5em 0.75em;
  right: 1.8em;
  margin-left: 1.8em;
  background: #55aaff;
  text-align: center;
}

.mrs-arrow6:before{ 
  content: ""; 
  position: absolute; 
  top: -0.5em; 
  right: -2em; 
  width: 0px; 
  height: 0px; 
  border-left: 2em solid #55aaff;
  border-top:  2em solid transparent;
  border-bottom: 2em solid transparent;
}

/*** 左矢印テーマ色 (style="width: em;"必須) ***/
.mrs-arrow7 { 
  position: relative; 
  padding: 0.5em 0.75em;
  left: 2em;
  background: linear-gradient(to left, #55aaff 0%, #1177bb 100%);
  text-align: center;
	color: #fff;
} 

.mrs-arrow7:before{ 
  content: ""; 
  position: absolute; 
  top: -0.5em; 
  left: -4em; 
  width: 0px; 
  height: 0px; 
  border-width: 2em; 
  border-style: solid; 
  border-color: transparent; 
  border-right-color: #1177bb; 
}

/*** 右矢印テーマ色 (style="width: em;"必須) ***/
.mrs-arrow8 { 
  position: relative; 
  padding: 0.5em 0.75em;
  right: 1.8em;
  margin-left: 1.8em;
  background: linear-gradient(to right, #55aaff 0%, #1177bb 100%);
  text-align: center;
	color: #fff;
}

.mrs-arrow8:before{ 
  content: ""; 
  position: absolute; 
  top: -0.5em; 
  right: -2em; 
  width: 0px; 
  height: 0px; 
  border-left: 2em solid #1177bb;
  border-top:  2em solid transparent;
  border-bottom: 2em solid transparent;
}

/*** 下矢印グレー色 (style="width: em;"必須) ***/
.mrs-arrow9 { 
  position: relative; 
  padding: 0em 0em;
  right: 1.8em;
  margin-left: 1.8em;
  background: linear-gradient(to bottom, #f0f0f0 0%, #ccc 100%);
  text-align: center;
}

.mrs-arrow9:before{ 
  content: "";
  position: absolute; 
  top: 3.0em; 
  right: -0.5em; 
  width: 0px; 
  height: 0px; 
  border-top: 2em solid #ccc;
  border-left:  2em solid transparent;
  border-right: 2em solid transparent;
}

/*** 下線 ***/
.mrs-title1 {
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}

/*** 二重下線 ***/
.mrs-title2 {
  padding-bottom: .5em;
  border-bottom: 3px double #ccc;
}

/*** ドロップキャップ下線 ***/
.mrs-title3 {
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}

.mrs-title3:first-letter {
  margin-right: .1em;
  font-size: 1.5em;
}

/*** 2種下線 ***/
.mrs-title4 {
  position: relative;
  padding-bottom: .5em;
}

.mrs-title4::before,
.mrs-title4::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 4px;
}

.mrs-title4::before {
  z-index: 2;
  width: 20%;
  background-color: #888;
}

.mrs-title4::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #888 2px, #888 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #ccc 2px, #ccc 4px);
}

/*** 上下線 ***/
.mrs-title5 {
  padding: .75em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*** 上下二重線 ***/
.mrs-title6 {
  position: relative;
  padding: 1em 0;
}

.mrs-title6::before,
.mrs-title6::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;
  box-sizing: border-box;
}

.mrs-title6::before {
  top: 0;
  border-top: 2px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.mrs-title6::after {
  bottom: 0;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
}

/*** 左ボーダー ***/
.mrs-title7 {
  padding: .25em 0 .25em .75em;
  /***border-left: 6px solid #1177bb;***/
  border-left: 6px solid #02945b;
}

/*** 左ボーダー下線 ***/
.mrs-title8 {
  padding: .25em 0 .5em .75em;
  /***border-left: 6px solid #1177bb;***/
  border-left: 6px solid #02945b;
  border-bottom: 1px solid #ccc;
}

/*** 左ボーダー囲み線 ***/
.mrs-title9 {
  position: relative;
  padding: .75em 1em .75em 1.5em;
  border: 1px solid #ccc;
}

.mrs-title9::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  /***background-color: #1177bb;***/
  background-color: #02945b;
  border-radius: 4px;
}

/*** 下線2カラー ***/
.mrs-title10 {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 3px solid #ccc;
}

.mrs-title10::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 3px;
  /***background-color: #1177bb;***/
  background-color: #02945b;
}

/*** 左ボーダー2カラー下線 ***/
.mrs-title11 {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #ccc;
}

.mrs-title11::before {
  position: absolute;
  left: -6px;
  bottom: 0;
  content: '';
  width: 6px;
  height: 50%;
  background-color: #1177bb;
}

.mrs-title11::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}

/*** 手書き風囲み ***/
.mrs-title12 {
  padding: 1em;
  border: 3px solid #ccc;
  border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}

/*** 背景色 ***/
.mrs-title13 {
  padding: .5em .75em;
  background-color: #f0f0f0;
}

/*** 背景色角丸 ***/
.mrs-title14 {
  padding: .5em .75em;
  background-color: #f0f0f0;
  border-radius: 10px;
}

/*** 背景色下線 ***/
.mrs-title15 {
  padding: .5em .75em;
  background-color: #f0f0f0;
  border-bottom: 1px solid #ccc;
}

/*** 背景色上下線 ***/
.mrs-title16 {
  padding: .5em .75em;
  background-color: #f0f0f0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*** 背景色上下破線 ***/
.mrs-title17 {
  padding: .5em .75em;
  background: #f0f0f0;
  border-top: 2px dashed #ccc;
  border-bottom: 2px dashed #ccc;
  box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;
}

/*** 背景色切り取り線 ***/
.mrs-title18 {
  position: relative;
  padding: .5em .75em;
  background: #f0f0f0;
  border-top: 2px dashed #ccc;
  border-bottom: 2px dashed #ccc;
  box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;
}

.mrs-title18::after {
  position: absolute;
  bottom: -9px;
  right: 10%;
  content: '\002702';
  color: #888;
  font-size: 18px;
  line-height: 1;
}

/*** 背景グラデーション上線 ***/
.mrs-title19 {
  padding: .75em 1em;
  border: 1px solid #ccc;
  /***border-top: 3px solid #1177bb;***/
  border-top: 3px solid #02945b;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

/*** 左ボーダー背景色 ***/
.mrs-title20 {
  padding: .5em .75em;
  background-color: #f0f0f0;
  /***border-left: 6px solid #1177bb;***/
  border-left: 6px solid #02945b;
}

/*** 背景色影付き ***/
.mrs-title21 {
  padding: .5em .75em;
  background-color: #f0f0f0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

/*** 前景色グラデーション ***/
.mrs-title22 {
  padding: .5em .75em;
  background: -webkit-linear-gradient(top, #55aaff 0%, #1177bb 100%);
  background: linear-gradient(to bottom, #55aaff 0%, #1177bb 100%);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

/*** 背景色角丸 ***/
.mrs-title23 {
  padding: .5em .75em;
  /***background: -webkit-linear-gradient(top, #55aaff 0%, #1177bb 100%);
  background: linear-gradient(to bottom, #55aaff 0%, #1177bb 100%);***/
  background: -webkit-linear-gradient(top, #46d89f 0%, #02945b 100%);
  background: linear-gradient(to bottom, #46d89f 0%, #02945b 100%);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  border-radius: 10px;
}

/*** 前景色ストライプ ***/
.mrs-title24 {
  padding: .5em .75em;
  background: -webkit-repeating-linear-gradient(45deg, #1177bb, #1177bb 5px, #66bbff 5px, #66bbff 10px);
  background: repeating-linear-gradient(45deg, #1177bb, #1177bb 5px, #55aaff 5px, #55aaff 10px);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

/*** 吹き出し ***/
.mrs-title25 {
  position: relative;
  padding: .5em .75em;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.mrs-title25::before,
.mrs-title25::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
}

.mrs-title25::before {
  border-top: 15px solid #ccc;
}

.mrs-title25::after {
  margin-top: -2px;
  border-top: 15px solid #fff;
}

/*** 背景色吹き出し ***/
.mrs-title26 {
  position: relative;
  padding: .5em .75em;
  background-color: #f0f0f0;
  border-radius: 6px;
}

.mrs-title26::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f0f0f0;
}

/*** 背景色吹き出し影付き ***/
.mrs-title27 {
  position: relative;
  padding: .5em .75em;
  background-color: #f0f0f0;
  border-radius: 6px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
}

.mrs-title27::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f0f0f0;
}

/*** 背景色ボックス ***/
.mrs-title28 {
  position: relative;
  padding: .5em .75em;
  background-color: #f0f0f0;
}

.mrs-title28::after {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #ccc;
}

/*** リボン背景色1 ***/
.mrs-title29 {
  position: relative;
  padding: .75em 1em;
  background-color: #f0f0f0;
}

.mrs-title29::before,
.mrs-title29::after {
  content: '';
  position: absolute;
  top: 100%;
  border-style: solid;
  border-color: transparent;
}

.mrs-title29::before {
  left: 0;
  border-width: 0 15px 15px 0;
  border-right-color: #ccc;
}

.mrs-title29::after {
  right: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-top-color: #ccc;
}

/*** リボン背景色2 ***/
.mrs-title30 {
  position: relative;
  padding: .75em 1em;
  background-color: #f0f0f0;
}

.mrs-title30::before,
.mrs-title30::after {
  content: '';
  position: absolute;
  border-style: solid;
  border-color: transparent;
}

.mrs-title30::before {
  top: 100%;
  left: 0;
  border-width: 0 15px 15px 0;
  border-right-color: #ccc;
}

.mrs-title30::after {
  top: -15px;
  right: 0;
  border-style: solid;
  border-width: 0 15px 15px 0;
  border-bottom-color: #ccc;
}

/*** リボン背景色3 ***/
.mrs-title31 {
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 1em;
  background-color: #f0f0f0;
}

.mrs-title31::before,
.mrs-title31::after {
  content: '';
  position: absolute;
}

.mrs-title31::before {
  top: 100%;
  left: 0;
  border-width: 0 15px 15px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: #ccc;
}

.mrs-title31::after {
  top: 0;
  right: 0;
  z-index: 2;
  border-width: 25px 20px;
  border-style: solid;
  border-color: transparent;
  border-right-color: #fff;
}

/*** リボン前景色1 ***/
.mrs-title32 {
  position: relative;
  padding: .75em 1em;
  background: #55aaff;
}

.mrs-title32::before,
.mrs-title32::after {
  content: '';
  position: absolute;
  top: 100%;
  border-style: solid;
  border-color: transparent;
}

.mrs-title32::before {
  left: 0;
  border-width: 0 15px 15px 0;
  border-right-color: #1177bb;
}

.mrs-title32::after {
  right: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-top-color: #1177bb;
}

/*** リボン前景色2 ***/
.mrs-title33 {
  position: relative;
  padding: .75em 1em;
  background-color: #55aaff;
}

.mrs-title33::before,
.mrs-title33::after {
  content: '';
  position: absolute;
  border-style: solid;
  border-color: transparent;
}

.mrs-title33::before {
  top: 100%;
  left: 0;
  border-width: 0 15px 15px 0;
  border-right-color: #1177bb;
}

.mrs-title33::after {
  top: -15px;
  right: 0;
  border-style: solid;
  border-width: 0 15px 15px 0;
  border-bottom-color: #1177bb;
}

/*** リボン前景色3 ***/
.mrs-title34 {
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 1em;
  background-color: #55aaff;
}

.mrs-title34::before,
.mrs-title34::after {
  content: '';
  position: absolute;
}

.mrs-title34::before {
  top: 100%;
  left: 0;
  border-width: 0 15px 15px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: #1177bb;
}

.mrs-title34::after {
  top: 0;
  right: 0;
  z-index: 2;
  border-width: 25px 20px;
  border-style: solid;
  border-color: transparent;
  border-right-color: #fff;
}

/*** 付箋背景色1 ***/
.mrs-title35 {
  position: relative;
  padding: 1em;
  background-color: #f0f0f0;
}

.mrs-title35::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #ccc #ccc;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}

/*** 付箋背景色2 ***/
.mrs-title36 {
  position: relative;
  padding: 1em 4em 1em 1em;
  -webkit-background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #f0f0f0 0%);
  background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #f0f0f0 0%);
  border-radius: 6px;
}

.mrs-title36::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 1.65507em;
  height: 3.5493em;
  background: -webkit-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
  background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
  border-bottom-left-radius: 6px;
  box-shadow: -.2em .2em .3em -.1em rgba(0, 0, 0, .15);
  -webkit-transform: translateY(-1.89424em) rotate(-40deg);
  transform: translateY(-1.89424em) rotate(-40deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

/*** 付箋背景色3 ***/
.mrs-title37 {
  position: relative;
  padding: .5em .75em;
  background-color: #f0f0f0;
}

.mrs-title37::before,
.mrs-title37::after {
  position: absolute;
  bottom: 8px;
  z-index: -1;
  content: '';
  width: 30%;
  height: 50%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}

.mrs-title37::before {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  left: .3em;
}

.mrs-title37::after {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  right: .3em;
}

/*** 付箋前景色1 ***/
.mrs-title38 {
  position: relative;
  padding: 1em;
  background-color: #55aaff;
}

.mrs-title38::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #1177bb #1177bb;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}

/*** 付箋前景色2 ***/
.mrs-title39 {
  position: relative;
  padding: 1em 4em 1em 1em;
  -webkit-background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #55aaff 0%);
  background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #55aaff 0%);
  border-radius: 6px;
}

.mrs-title39::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 1.65507em;
  height: 3.5493em;
  background: -webkit-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
  background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
  border-bottom-left-radius: 6px;
  box-shadow: -.2em .2em .3em -.1em rgba(0, 0, 0, .15);
  -webkit-transform: translateY(-1.89424em) rotate(-40deg);
  transform: translateY(-1.89424em) rotate(-40deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

/*** 付箋前景色3 ***/
.mrs-title40 {
  position: relative;
  padding: .5em .75em;
  background-color: #55aaff;
}

.mrs-title40::before,
.mrs-title40::after {
  position: absolute;
  bottom: 8px;
  z-index: -1;
  content: '';
  width: 30%;
  height: 50%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .3);
}

.mrs-title40::before {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  left: .3em;
}

.mrs-title40::after {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  right: .3em;
}

/*** ワンポイント付き下線 ***/
.mrs-title41 {
    position: relative;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 2.0em;
    border-bottom: 2px solid #f0f0f0;
}
 
.mrs-title41:before {
    content: "□";
    font-size: 200%;
    position: absolute;
    color: #1177bb;
    top: -0.8em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}
 
.mrs-title41:after {
    content: "□";
    font-size: 200%;
    position: absolute;
    color: #55aaff;
    top: -0.5em;
    left: 0;
    height: 12px;
    width: 12px;
}

/*** ワンポイント付き下線 ***/
.mrs-title42 {
  position: relative;
  padding: 10px 0 2px 28px;
  border-bottom: 2px solid #f0f0f0;
}
.mrs-title42:before,
.mrs-title42:after {
  content: "";
  position: absolute;
  margin: auto;
}
.mrs-title42:before {
  width: 0.8em;
  height: 0.8em;
  top: 0;
  left: 0.6em;
  background: #55aaff;
  transform: rotate(50deg);
}
.mrs-title42:after {
  width: 0.45em;
  height: 0.45em;
  top: 1.1em;
  left: 0.2em;
  background: #1177bb;
  transform: rotate(20deg);
}

/*** フェルトグレー色 ***/
.mrs-title43 {
  margin-right: 5px;
  background: #f0f0f0;
  border: 2px dashed #ccc;
  border-radius: 5px;
  box-shadow: 0 0 4px 4px #f0f0f0;
  padding: 10px;
}

/*** フェルトテーマ色 ***/
.mrs-title44 {
  margin-right: 5px;
  background: #55aaff;
  border: 2px dashed #1177bb;
  border-radius: 5px;
  box-shadow: 0 0 4px 4px #55aaff;
  padding: 10px;
}

/*** フェルトテーマ色 ***/
.mrs-title45 {
  margin-right: 5px;
  background: #1177bb;
  border: 2px dashed #55aaff;
  border-radius: 5px;
  box-shadow: 0 0 4px 4px #1177bb;
  padding: 10px;
  color: #fff;
}

/*** テキストオーバーレイ動作 (中心からワイプ) ***/
.mrs-overlay3 {
	overflow: hidden;
	position: relative;
}
.mrs-overlay3 .mrs-overlay_caption {
	font-size: 1.3em;
	color: #fff;
	padding-top: 30%;
	padding-left: 30%;
}
.mrs-overlay3 .mrs-overlay_mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform: scale(0);	/* 大きさを０にして表示しない */
	transform: scale(0);
}
.mrs-overlay3:hover .mrs-overlay_mask {
	-webkit-transform: scale(1);	/* 大きさを１にして表示する */
	transform: scale(1);
}

/*** 背景も印刷 ***/
@media print {
  body {
    -webkit-print-color-adjust: exact;  /* Chrome */
  }
}

/*** 親テーマ カスタマイズ ***/
.gallery .gallery-icon img {
    padding: 0;
}
#header-nav-area {
	background-color: #02945b;
}
.footer-copy-area {
	line-height: 1;
	padding: 20px 0;
	padding: 2rem 0;
	background-color: #02945b;
}

/*** List Category Posts プラグイン カスタマイズ ***/
.mrs-lcp_content {
  width: 35em;
  height: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mrs-lcp_excerpt {
  width: 35em;
  height: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mrs-lcp_excerpt p {  /* SiteOrigin使用時の問題対策 */
  margin-top: 0;
}
/*** header物に心を人に仁地域に愛 ***/
.header-title-only .site-description,
.header-title-area .site-description {
  padding-top: 25px; 
  padding-top: 2.5rem;
  font-size: 20px;
  font-size: 2.0rem;		
}