@charset "shift_jis";
/* CSS Document */

.groupLayout {
    width: 100%;
}

.FS2_GroupLayout {
    /* width: 800px !important; */
    margin: 0 auto;
}

.container_800{
    /* width: 800px; */
    margin: 0 auto;
    /* margin-bottom: 120px; */
    text-align:center;
}

.layout_table {
    /* width: 800px; */
    margin: 0 auto;
}

.item_text25 {
    font-size: 25px;
    line-height: 1.8em;
    /* margin-bottom: 0px; */
    text-align: center;
    padding: 0;
    margin: 0;
	font-weight: bold !important;
}

.h2_ttl {
    border-top: 5px solid #80c2d2;
    color: #313131;
    /* font-size: 25px; */
    padding: 20px 0 0;
    text-align: center;
    /* margin-top: 40px; */
    font-weight: bold !important;
}
.h2_ttl::after {
    background: linear-gradient(-45deg, #80c2d2 25%, white 25%, white 50%, #80c2d2 50%, #80c2d2 75%, white 75%, white);
    background-size: 4px 4px;
    content: "";
    display: block;
    height: 7px;
    margin: .8em 0 1em;
}
.txt {
    /* font-size: 16px; */
    line-height: 1.8em;
    font-weight: bold !important;
    /* margin-bottom: 40px; */
    /* padding-left: 10px; */
    letter-spacing: 0.1em;
    /* text-align: center; */
}

.price {
    font-size: 1.1em;
    font-weight: bold !important;
    line-height: 1.8em;
}

@media screen and (min-width: 660px){
  .float > div {
    width: 40%;
    margin: 1%;
    float: left;
  }
  .float > div:last-child { margin: 1%; }
}

@media screen and (min-width: 800px){
  .float > div {
    width: 31.333333%;
  }
}
.boxlink:hover{
	opacity: 0.7;
}
.boxlink a{
	text-decoration: none;
	color: #282828 !important;
}

.price {
    font-size: 1.1em;
    font-weight: bold !important;
    line-height: 1.8em;
	color: #CC3300 !important;
}

.cs_hd {
    font-size: 1.5em;
    /* font-size: 1.125rem; */
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #282828;
    font-weight: bold !important;
}

h3.balloon1{background: #b9d8e0;/* margin-bottom: 45px; */position: relative;color: #313131;/* text-align: center; */font-size: 1.6em;/* font-size: 1.375rem; */padding: 1em;font-weight:bold !important;letter-spacing: .1rem;/* margin-top: 50px; */}
h3.balloon1:after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 19px 0 19px;
    border-color: #b9d8e0 transparent transparent transparent;
}

.FS2_SeniorDesign_comment ul{
	text-decoration: none;
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: space-around;
	align-items: center;
}
.FS2_SeniorDesign_comment ul li{
	text-decoration: none;
	list-style: none;
	/* float: left; */
}

.boxlink{
	padding: 1em;
}

.btn_brown{
    background-color: #7e6c63;
    color: #ffffff;
    padding: 10px 8px;
    position: absolute;
    top: 2220px;
    width: 240px;
    font-size: 1.2em;
    letter-spacing: 1px;
}

.c_style{
	background-image: url(https://www.ec-life.co.jp/post/unison/unison_07.jpg) ;
	background-repeat:no-repeat;
	width: 800px;
	height: 719px;
	margin-top: 90px;
}

.item_ttl {
    font-size: 1.2em;
    color: #313131;
    /* padding-bottom: 0.5em; */
    font-weight: bold !important;
    margin: 0 0 5px 0;
}

.text_position{
	position: relative;
    left: -141px;
    top: 63px;
}

.bj_ttl{
    background-color: #F8F4F1;
    padding: 1em;
    font-size: 1.5em;
    letter-spacing: .05em;
    font-weight: bold !important;
}

/*笆ｽ笆ｽ笆ｽ縺薙％縺九ｉ繝｡繝九Η繝ｼ繝懊ち繝ｳ*/
.nav li {
  position: relative;
  list-style: none;
  flex-grow: 1;
}
.nav li a {
  display: block;
  width: 100%;
  height: 55px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  line-height: 55px;
  background: #7e6c63;
  transition: 0.5s;
  text-decoration: none;
  border-right: 3px solid #eee;
  box-sizing: border-box;
縲€letter-spacing: 1px;
縲€font-weight: bold !important;
}
.nav > li:hover > a {/*layer-1*/
    color: #7e6c63;
    background: #f4efe9;
}
.nav > li li:hover > a {/*layer-2*/
  color:#795746;
  background: #f4efe9;
}
.nav li ul {
  top: 55px;
  position: absolute;
}
.nav li ul li {
  overflow: hidden;
  height: 0;
  transition: 0.2s;
}
.nav li ul li a {
  border-top: 1px solid #eee;
}
.nav li:hover > ul > li {
  overflow: visible;
  height: 55px;
}
.nav li ul li ul {
    top: 0;
    left: 110px;
}
.nav li ul li ul:before {/*layer-2▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 30px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}
.nav li ul li ul li:hover > a {/*layer-3*/
    color: pink;
    background: #afc6e2;
}
.nav li ul li ul.left {
    top: 0;
    left: -190px;
}
.nav li ul li ul.left:before,/*layer-2-left▷*/
.nav li ul li ul li ul.left:before {/*layer-3-left▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 190px;
    border: 5px solid transparent;
    border-right: 5px solid #fff;
}
.nav li ul li ul.left li:hover > a {/*layer-2-left*/
    color: pink;
    background: #afc6e2;
}
.nav li ul li ul li ul.left li:hover > a {/*layer-3-left*/
    color: purple;
    background: #afc6e2;
}
/*笆ｳ笆ｳ笆ｳ縺薙％縺ｾ縺ｧ繝｡繝九Η繝ｼ繝懊ち繝ｳ*/

/*笆ｽ笆ｽ笆ｽ繧ｰ繝ｪ繝�ラ繝ｬ繧､繧｢繧ｦ繝育畑*/
.cssgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 1fr;
    grid-gap: 1.3em;
    margin: 0 0 2em;
    cursor: pointer;
}
.cssgrid > div {
    /* background: #fff; */
    overflow: auto;
    min-width: 0;
    padding: 1em;
    border: solid 5px #e8e2dd;
    box-sizing: border-box;
}
img {
    max-width: 100%;
    padding-bottom: 8px;
    margin:auto;
}

/*笆ｳ笆ｳ笆ｳ繧ｰ繝ｪ繝�ラ繝ｬ繧､繧｢繧ｦ繝育畑*/
.size{
	list-style: none;
	height: 290px;
	background-color: #f6f6f6;
	border-radius: 5px;
	border: solid 1px #d5d5d5;
	height: 290px;
	margin:20px auto 30px;
	padding: 10px;
	width: 590px;
}
.size_img{
	float: left;
	padding:0;
	width: 300px;
	text-align: left;
	margin:0;
}
.size_ttl {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 13px;
    margin-top: 10px;
	line-height: 26px;
}
.item_text2 {
    font-size: 15px;
    line-height: 1.5em;
    padding-left: 10px;
	margin-bottom: 10px;
}
.size_btn{
    display: inline-block;
    padding: 0.2em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
}
.square_btn {
    position: relative;
    display: inline-block;
    font-weight: 400;
    padding: 0.5em 4em;
    text-decoration: none;
	border: solid 1px #bebebe;
	box-sizing: border-box;
    color: #434343 !important;
    background: #95ca93;
    transition: .4s;
    border-radius: 6px;
    line-height: 23px;
    letter-spacing: 0.1em;
	background-color: #ffffff;
}
.c_style2 {
    background-image: url(https://www.ec-life.co.jp/post/unison/unison_08.jpg);
    background-repeat: no-repeat;
    width: 800px;
    height: 719px;
    margin-top: 90px;
}
.text_position2 {
    position: relative;
    left: 147px;
    top: 71px;
}
.text_position3 {
    position: relative;
    left: 147px;
    top: 71px;
}
.c_style3 {
    background-image: url(https://www.ec-life.co.jp/post/unison/unison_12.jpg);
    background-repeat: no-repeat;
    width: 800px;
    height: 500px;
    margin-top: 120px;
}

.text_position4 {
    position: relative;
    left: 147px;
    top: 83px;
}

.series_lineup {
    display: block;
    font-size: 1.3em;
    margin-left: 15px;
}

.vicoimg {
	/* width: 100%; */
	/* max-width: 800px; */
	/* height: 116%; */
	/* margin-top: 50px; */
}