.site-sub-content {
    width           : 96%;
	min-height      : 400px;
    margin-left     : 2%;
    margin-top      : 0px;
    margin-bottom   : 20px;
    margin-right    : 2%;
   	padding         : 4px;
    padding-bottom  : 40px;
    box-sizing      : border-box;
    font-size       : 20px;
    line-height     : 2em;
}
/* モトスマリモ　ランディングページ */

html {

}

.tripbright-motosu-page {

}

@media all and (min-width:1025px){
	#col3:not(.widePage) {
		width      : calc( 100% - 0px - 20px);
	}
}

#motosu-cover-area {
    background-color: #fff;	
}

#motosu-top-message-frame {
    background-color: #fff;
}

#head-title {
    position        : absolute;
    font-size       : 34px;
    font-weight     : bold;
    z-index         : 1;
    letter-spacing  : 4px; 
    text-shadow     : 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000, -1px -1px 5px #000000, 1px 0px 5px #000000, 0px 1px 5px #000000, -1px 0px 5px #000000, 0px -1px 5px #000000;
    color           : #fff;
	line-height     : 1.8;
    left            : 12%;
    top             : 80px;
}

#motosumarimo-title-name {
	font-size       : 40px;
}

#motosu-cover-photo {
    position        : relative;
    width           : 100%;
    max-width       : calc(100% - 320px - 20px);
    margin          : 0 auto;
    overflow        : hidden;
    border-radius   : 0% 0% 113% 113% / 0% 0% 34% 34%; 
}

#motosu-cover-photo img {
    width           : 100%;
    border-radius   : 0% 0% 113% 113% / 0% 0% 34% 34%;     
}

#motosu-cover-area .source,
#motosu-cover-area .source2 { 
    position        : absolute;
	width           : 100%;
    text-align      : center;
    z-index         : 1;
    bottom          : 20px;
    text-shadow     : 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000, -1px -1px 5px #000000, 1px 0px 5px #000000, 0px 1px 5px #000000, -1px 0px 5px #000000, 0px -1px 5px #000000;
    color           : #fff;
}
    
#text-logo-tripbright {
    padding-bottom  : 10px;
    line-height     : 1.2em;
    font-size       : 12px;
	text-align      : center;
}   
 
#motosu-top-message {
    padding-bottom  : 20px;
 	text-align      : center;
 	font-size       : 20px;
 	line-height     : 1.6;"
}

.motosu-subtitle {
    width: calc(100% - 20px);
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    padding: 10px;
    line-height: 1.6;
    color: #000;
    font-weight: bold;
    background-image: url(..img/menu/title_message_bkImage.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.motosu-topics {
	width                 : 25%;
    float                 : left;
    margin                : 30px 4%;
}
/*	.motosu-topics-list li:nth-child(2n) {
		clear             : both;
	}*/
.circle {
	position              : relative;
	width                 : 100%;
	padding-top           : 100%;
	over-flow             : hidden;
	border-radius         : 50%;
	background-size       : cover;
}

.motosu-topics img {
	width                 : 100%;
}

.motosu-topics p {
    width                 : 80%;
    top                   : 12px;
    margin-left           : calc(10% - 1px);
	line-height           : 1.4;
    font-size             : 20px;
    background-color      : rgba(255, 255, 255, 0.4);
    padding               : 10px 0px;
    color                 : #000;
    letter-spacing        : 4px;
    font-weight           : bold;
    text-shadow           : 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000, -1px -1px 5px #000000, 1px 0px 5px #000000, 0px 1px 5px #000000, -1px 0px 5px #000000, 0px -1px 5px #000000;
    color                 : #fff;
    position              : absolute;
    border                : rgb(13 127 65) 1px solid;
    box-sizing            : border-box;
}

.motosu-topics p .marimo-color {
	font-size             : 22px;
}

#motosumarimo-movie-area {
	clear                 : both;
}

#motosumarimo-movie-area ._mpv_paragraphContentText {
	display               : none;
}
#motosumarimo-movie-area.bgImage {
	position              : relative;
    padding-bottom        : 30px;
  	z-index               : 0;
  	overflow              : hidden;
  	background            : url(../img/motosumarimo/motosumarimo_back02.jpg) no-repeat center;
  	background-size       : cover;
}

#motosumarimo-movie-area.bgImage:before {
  content                 : '';
  background              : inherit;
  -webkit-filter          : blur(6px);
  -moz-filter             : blur(6px);
  -o-filter               : blur(6px);
  -ms-filter              : blur(6px);
  filter                  : blur(6px);
  position                : absolute;
  top                     : -6px;
  left                    : -6px;
  right                   : -6px;
  bottom                  : -6px;
  z-index                 : -1;
}

#motosumarimo-movie-title {
	text-align            : center;
    font-size             : 26px;
    letter-spacing        : 4px;
    color                 : #164f30;
}

.marimo-color {
	color                 : rgb(13 127 65);
	font-weight           : bold;
	text-shadow           : none;
}

.subTitle {
	color                 : #2b54f1;
	font-weight           : bold;
}

.text-shadow-white {
	text-shadow: 1px 1px 5px #ffffff, -1px 1px 5px #ffffff, 1px -1px 5px #ffffff, -1px -1px 5px #ffffff, 1px 0px 5px #ffffff, 0px 1px 5px #ffffff, -1px 0px 5px #ffffff, 0px -1px 5px #ffffff;
}

.link-frame {
	position: relative; 
	color: rgb(102, 102, 102); 
	font-size: 16px; 
	text-align: left; 
	white-space: pre-line; 
	overflow-wrap: break-word; 
	text-indent: 0em; 
	margin: 5px 5px 5px; 
	text-shadow: none; 
	-webkit-writing-mode: 
	horizontal-tb; 
	writing-mode: horizontal-tb; 
	letter-spacing: 2.46px; 
	line-height: 1.3; 
	padding: 6.15px;
}

.text-label {
	font-size: 90%;
}
.drop-shadow {
    text-align            : center;
    filter                : drop-shadow(2px 2px 2px gray);
}

.infomation-panel {
    position              : relative;
    display               : flex;
    justify-content       : space-between;
    flex-wrap             : wrap;
    margin                : 0 0 180px 0;
}

.infomation-panel .content-area {
    padding               : 18px 18px 18px 18px;
}

.infomation-panel .content-area p {
     margin               : 0 0 14px 0;
}

.infomation-panel .content {
    width                  : calc( 46% - 10px );
    background             : #fff;
    box-shadow             : 0 0 20px #ccc;
    display                : flex;
    justify-content        : center;
    align-items            : normal;
    position               : relative;
    top                    : 100px;
    margin-left            : 10px;
    margin-right           : 10px;
}

h2 {
  color                    : #ffffff;
  padding                  : 0.5em;
  opacity                  : 0.7;
}

.charaIcon {
	position               : absolute;
    width                  : 160px;
    top                    : -30px;
    right                  : -20px;
    z-index                : 1;
 }

.charaIcon img {
	width                  : 100%;	
}

.infomation-panel h3, 
.infomation-frame h3 { 
    position               : relative;
    font-size              : 1.143em;
    font-weight            : bold;
	font-family            : "Kosugi Maru",sans-serif;
    margin                 : 1.5em 0 1.5em;
    padding                : 0.5em 0.5em 0.5em 0.5em;
    border-bottom          : 2px solid #4169E1;
    color                  : #000;
}

.infomation-panel .content-area h3,
.infomation-frame .content-area h3 {
    text-align            : center;
    font-size             : 20px;
    font-family           : "Kosugi Maru",sans-serif;
    margin                : 10px 0 30px 0;
	width                 : calc( 96% - 16px );
    margin-left           : 2%;
	background-size       : contain;
    line-height           : 1.4;	
}


.infomation-panel .content-area h3 span,
.infomation-frame .content-area h3 span {
	text-align             : center;
    padding-bottom         : 2px;
    font-weight            : bold;
    display                : block;
    font-size              : 24px;
    color                  : #164f30;
    line-height            : 1.4;
    letter-spacing         : 1px;
}

.infomation-panel .content-area h3 span.headTitle,
.infomation-frame .content-area h3 span.headTitle {
    color                  : rgb(13 127 65);
}

.infomation-panel h3:after,
.infomation-frame h3:after {
    position               : absolute;
	content                : "";
    font-size              : 28px;
    color                  : #4169E1;
    top                    : -2px;
    left                   : -3px;;
    width                  : 50px;
    height                 : 50px;
    border-radius          : 50%;
    background-image       : url(../img/motosumarimo/motosumarimo.png);
    background-repeat      : no-repeat;
    background-position    : center;
    background-size        : cover;
    filter                 : drop-shadow(2px 2px 2px gray);
}

.photo-frame {
	float: left;
	margin: 0 30px 6px 0;
	width: 38%;
	
}
.photo-frame img {
	max-width: 100%;
}

.photo-item{
	width:100%;height:100%;
	padding:8px;
	border:1px solid #eee;
	background:#fff;
	border-radius:2px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.1);
	position:relative;
}

.photo-frame.right {
	float: right;
}

.figureResize {
	width                  : calc(30% - 10px)!important;
}

figure p.source,
figure p.source2 {
    width                  : calc(100% + 8px);
    padding-top            : 5px;
    font-size              : 14px;
    text-align             : center;
}

figure p.source2 {
    font-size              : 16px;
}

figure.border  {
    border                 : 15px solid rgba(0,0,0,0);/*#0d0a06;*/
    position               : relative;
    box-sizing             : border-box;
}

figure.border::before {
    position               : absolute;
	border-top             : 10px solid rgb(175,165,175);
    border-right           : 10px solid #164f30;
    top                    : -10px;
    right                  : -10px;
    content                : '';
    width                  : 150px;
    height                 : 100px;
}

figure.borderLeft::before {
    position               : absolute;
	border-top  : 10px solid rgb(175,165,175);
    border-left : 10px solid #164f30;
    top                    : -10px;
    left                   : -10px;
    content                : '';
    width                  : 150px;
    height                 : 100px;
}

@media screen and (max-width:840px){
	#head-title {
	    top             : 40px;  
		font-size       : 25px;
	}
	#motosumarimo-title-name {
		font-size       : 32px;
	}	
	#motosu-top-message {
		font-size       : 18px;	
	}	
}

@media screen and (max-width:768px) {
	.infomation-panel {
	    margin             : 0 0 130px 0;
	}
}

@media screen and (max-width:640px){
	#motosu-top-message {
		font-size       : 16px;	
	}
	.motosu-topics {
		width            : 40%;
	    float            : left;
	    margin           : 30px 5%;
	}	
	.motosu-topics p {
	    width            : 80%;
        top              : 12px;	    
	    margin-left      : calc(10% - 1px);
    	padding          : 10px 0px;
	    font-size        : 16px;
	}	
	.motosu-topics p .marimo-color {
		font-size: 18px;
	}	
}
@media screen and (max-width:590px) {
	 .infomation-panel {
	    margin             : 0 0 0px 0;
	}
	.infomation-panel.plan {
		margin-top         : 20px;
	}
	.infomation-panel .content {
	    width             : 100%;
    	margin-top        : 20px;
	    top               : -10px;
	    opacity           : 1;
	    z-index           : 1;
	}
	.infomation-panel::after {
		display           : none;
	}
}

@media screen and (max-width:560px){
	#head-title {
	    top             : 40px;  
		font-size       : 18px;
	}
	#motosumarimo-title-name {
		font-size       : 24px;
	}		
	.motosu-subtitle {
    	font-size: 20px;	
	}
	#motosu-top-message {
		font-size       : 16px;	
		padding         : 10px 10px;
	}
	#motosumarimo-movie-title {
		font-size       : 20px;
    }	
	.photo-item{
		padding:4px;
	}	
}	

@media screen and (max-width:520px) {
	.content-box .box-content {
	    font-size       : 16px;
	}
	figure p.source {
		font-size       : 10px;
	}
	figure p.source2 {
		font-size       : 14px;
	}
}

@media screen and (max-width:430px){
	#head-title {
	    top             : 30px;  
		font-size       : 18px;
		left            : 5%;
	}
	#motosumarimo-title-name {
		font-size       : 20px;
	}		
	#motosu-top-message {
		font-size       : 14px;	
	}
	.motosu-topics p {
	    letter-spacing: 2px;
	}	
}
	
@media screen and (max-width:280px){
	h3 {
	    font-size          : 14px;
	}
}	

/* infomation frame */
.infomation-frame,
.infomation-frame2 {
    position               : relative;
    display                : flex;
    justify-content        : space-between;
    flex-wrap              : wrap;
    margin                 : 0 0 180px 0;
}

.infomation-frame2.doubleRow {
	width                  : 50%;
	float                  : left;              
}

.infomation-frame.normal,
.infomation-frame2.normal {
    margin                 : 0 0 30px 0;
}

.infomation-frame.posUp {
	margin-top             : -100px;
}

.infomation-frame.maxPosUp {
	margin-top             : -322px;
}

.infomation-frame:not(.bknone)::after,
.infomation-frame2:not(.bknone)::after {
    content                : '';
    position               : absolute;
    width                  : 70%;
    height                 : 17em;
    background             : #fff0f0;
    right                  : 10%;
    top                    : 10%;
    z-index                : -1;
}

.infomation-frame.bknone::after,
.infomation-frame2.bknone::after {
	display               : none;
}

.infomation-frame.right,
.infomation-frame2.right {
     flex-direction        : row-reverse;
}

.infomation-frame .img,
.infomation-frame2 .img {
	width                  : calc( 50% - 10px);
    margin-right           : 10px;
    margin-left            : 10px;
}

.infomation-frame .img.posDown,
.infomation-frame2 .img.posDown {
    margin-top             : 330px;
    margin-left            : auto;
    margin-right           : auto;
}

.infomation-frame .posDown50 {
    margin-top             : 50px;
}

.infomation-frame img,
.infomation-frame2 img {
    width                  : 100%;
}

.infomation-frame .img2,
.infomation-frame2 .img2 {
	width                  : calc( 100% - 20px);
    margin-right           : 10px;
    margin-left            : 10px;
}

.infomation-frame .img3 {
	width                  : calc( 46% - 10px);
	margin-top             : 20px;	
    margin-right           : 10px;
    margin-left            : 10px;
}

.infomation-frame .img4 {
	width                  : calc( 40% - 10px);
	margin                 : 0 auto;
}

.infomation-frame .img4.maxDown {
    margin-top             : 300px;
}

#service-info-2 img {
    margin-top             : 102px;
}

#service-info-2 .img2 {
    margin-top             : 102px;	
}


.infomation-frame .content,
.infomation-frame2 .content {
    width                  : calc( 46% - 10px );
    background             : #fff;
    box-shadow             : 0 0 20px #ccc;
    display                : flex;
    justify-content        : center;
    align-items            : normal;
    position               : relative;
    top                    : 100px;
    margin-left            : 10px;
    margin-right           : 10px;
}

.infomation-frame.normal .content,
.infomation-frame2.normal .content {
    top                    : 20px;	
    margin-bottom          : 20px;    
}

.infomation-frame .content.posUp,
.infomation-frame2 .content.posUp {
	top                    : -64px;
}

.infomation-frame .content.posUp2 {
	top                    : -58px;
}

.infomation-frame .content.posUp3 {
	top                    : -180px;
}

.infomation-frame .content.posUp4 {
	top                    : -485px;
}

#tripbright-service-page h2,
#tripbright-corporate-page h2 {
	width                  : 100%;
    margin                 : 10px 10px 20px 0px;
	text-align             : center;
    font-size              : 22px;
    font-family            : "Kosugi Maru",sans-serif;
    letter-spacing         : 3px;
}

@media screen and (max-width:1024px) {
	.infomation-frame2.doubleRow {
		width                  : 100%;
		float                  : none;              
	}
}

@media screen and (max-width:930px) {
	.infomation-frame.maxPosUp {
		    margin-top: -290px;
	}
}

@media screen and (max-width:768px) {
	.infomation-frame,
	.infomation-frame2,
	.infomation-frame.plan {
	    margin             : 0 0 130px 0;
	}
	.infomation-frame .content{
    	width              : calc( 46% - 10px );
    	top                : 100px;
    }
}

@media screen and (max-width:590px) {
	 .infomation-frame,
	.infomation-frame2,
	 .infomation-frame.plan {
	    margin             : 0 0 0px 0;
	}
	.infomation-frame.plan {
		margin-top         : 20px;
	}
	.infomation-frame.posUp,
	.infomation-frame2.posUp	 {
		margin-top         : 0px;
	}
	.infomation-frame .img,
	.infomation-frame2 .img {
	    width              : 100%;
	    z-index            : 2;
	}
	.infomation-frame .img2,
    .infomation-frame2 .img2	 {
		margin-top         : 0px;
	}
	.infomation-frame .img.posDown,
	.infomation-frame2 .img.posDown,
	.infomation-frame .posDown50 {
	    margin-top         : 20px;
	}
	.infomation-frame .content,
	.infomation-frame2 .content {
	    width             : 100%;
    	margin-top        : 20px;
	    top               : -10px;
	    opacity           : 1;
	    z-index           : 1;
	}
	.infomation-frame .content.posUp,
	.infomation-frame2 .content.posUp {
	    top               : -10px;
	}
	.infomation-frame::after,
	.infomation-frame2::after {
		display           : none;
	}
}

.infomation-frame .content-area,
.infomation-frame2 .content-area {
    padding               : 18px 18px 18px 18px;
}

.infomation-frame.plan .content-area {
    padding               : 20px 0px;
    width                 : 96%;
}

.infomation-frame .content-area h3 {
    text-align            : center;
    font-size             : 20px;
    font-family           : "Kosugi Maru",sans-serif;
    margin                : 10px auto 30px auto;
	background-size       : contain;
}

.infomation-frame .content-area p,
.infomation-frame2 .content-area p {
     margin               : 0 0 20px 0;
}

.infomation-frame .content-area li p,
.infomation-frame2 .content-area li p {
    text-indent           : 0em;
    padding-right         : 0em
}

.infomation-frame .list-style-decimal,
.infomation-frame2 .list-style-decimal,
.list-style-decimal {
    list-style            : decimal;
    font-size             : 16px;
    margin                : 0px 0px 0px 30px;
}

.infomation-frame .list-style-decimal li,
.infomation-frame2 .list-style-decimal li,
.list-style-decimal li {
	margin-top            : 10px;
}

.list-style-decimal li p {
	text-indent           : 0em;
}

.infomation-frame li.list-style-decimal-dot,
.infomation-frame li.list-style-decimal-dot,
.list-style-decimal-dot {
	margin                : 5px 0px;
    text-indent           : -2em;
    padding-left          : 1em;
    font-size             : 16px;
}

.content-box {
	
}

.content-box.pink {
    border: 2px solid #e1349c;
    box-sizing: border-box;
}

.content-box.purple {
    border: 2px solid #6217c5;
    box-sizing: border-box;
}

.content-box.blue {
    border: 2px solid #177cc5;
    box-sizing: border-box;
}

.content-box .box-title {
    text-align: center;
    color: #fff;
    margin: 0px 0px!important;	
}

.content-box .box-title.pink {
	background-color: #e1349c;
}

.content-box .box-title.purple {
	background-color: #6217c5;	
}

.content-box .box-title.blue {
	background-color: #177cc5;
}

.content-box .box-content {
    margin: 0px 0px!important;	
	padding: 0.5em 0.5em;
    font-size: 20px;
    text-indent: 1em;
    letter-spacing: 2px;
    line-height: 1.6;
}

@media screen and (max-width:520px) {
	.content-box .box-content {
	    font-size       : 16px;
	}
	#tripbright-corporate-page h2 {
		font-size       : 18px;
	}	
	h4.point {
		width           : 100%!important;
	}	
}

.infomation-frame.profile {
    margin:0 0 40px 0;
}

@media screen and (max-width:1280px) {
	#motosu-cover-photo {
	    max-width       : calc(100% - 0px - 20px);
	}
}

@media screen and (max-width:1025px) {

}

@media screen and (max-width:960px) {
	.service-subtitle-content.functionList {
	    width              : 90%;	
	}	
}

@media screen and (max-width:800px) {
	.figureResize {
		width              : calc(80% - 10px)!important;
	}
	.infomation-frame,
	.infomation-frame.plan {
	    margin             : 0 0 30px 0;
	}
	.infomation-frame.plan {
		margin-top         : 20px;
	}
	.infomation-frame.posUp {
		margin-top         : 0px;
	}
	.infomation-frame .img,
	.infomation-frame .img3,
	.infomation-frame .img4 {
	    width              : 94%;
	    z-index            : 2;
	}
	.infomation-frame .img2 {
		margin-top         : 0px;
	}
	.infomation-frame .img4.maxDown {
		margin-top         : 0px;	
	}	
	#service-info-1.infomation-frame {
    	margin-bottom      : 0px;
	}
	#service-info-2.infomation-frame {
    	margin-top         : 20px;
	}
	#service-info-3.infomation-frame,
	#service-info-4.infomation-frame {
    	margin-top         : 70px;
	}
	#service-info-2 img {
    	margin-top         : 0px;
	}
	#service-info .infomation-frame:not(.short),	
	#service-info .infomation-frame.short {
	    margin             : 0 0 0 0;
	}	
	.infomation-frame .content {
	    width              : calc( 100% - 20px );
    	margin-top         : 20px;
	    top                : -10px!important;
	    opacity            : 1;
	    z-index            : 1;
	}
	.infomation-frame .content.posUp,
	.infomation-frame .content.posUp2 {
	    top                : -10px;
	}
	.infomation-frame::after {
		display            : none;
	}
	.service-subtitle-content.functionList {
	    width              : 96%;	
	}	
}
	
@media all and (min-width:590px) and (max-width:706px) {
	.infomation-frame:not(.widePage) .content-area h3 span {
	    font-size          : 1.2em;
	}
}

@media screen and (max-width:640px){
	.wide {
		display            : none;
	}
	.smartPhone {
		display            : block;
	}
}

@media screen and (max-width:560px){
	.infomation-panel .content-area h3,
	.infomation-frame .content-area h3,
	.infomation-frame2 .content-area h3	 {
	    font-size          : 1.0rem;
	}
	.infomation-panel .content-area h3 span,	
	.infomation-frame .content-area h3 span,
	.infomation-frame2 .content-area h3 span {
	    font-size          : 18px;
	    margin-top         : 8px;
	}
}

@media screen and (max-width:520px){
	.wide {
		display            : none;
	}
	.smartPhone {
		display            : block;
	}
}

@media screen and (min-width:641px){
	.wide {
		display            : block;
		font-size          : 18px;
	}
	.smartPhone {
		display            : none;
	}
}

@media screen and (max-width:420px){

	.wide {
		display            : none;
	}
	.smartPhone {
		display            : block;
	}
}

@media screen and (max-width:390px){

	.infomation-panel .content-area h3,
	.infomation-frame .content-area h3,
	.infomation-frame2 .content-area h3	 {
	    font-size          : 14px;
	}
	.articleContent {
	    font-size          : 14px;
	    letter-spacing     : 2px;
	    line-height        : 1.6;
	}
}

/* お知らせ */
.site-contents .content-area {
	width                : 100%;
    /*padding              : 20px;*/
    background-color     : #fff;    
}

section#site-news {
	padding-top          : 30px;
}

section#site-news h2 {
	position             : relative!important;
	text-align           : center;
	left                 : 0px;
	right                : 0px;
}

#sites-news-area ._mtl_articleMessage {
    margin-bottom        : 20px;
    border-radius        : 6px;
	background-color     : rgb(205 225 225 / 20%);;
}
       
#sites-news-area ._mtl_articleMessage ._mtl_articleHead .date {
	position             : relative;
	clear                : both;
    margin               : 10px 20px;
    font-size            : 16px;
    line-height          : 1.2;
}

#sites-news-area ._mtl_articleMessage ._mtl_articleHead .title {
    margin               : 0px 10px 15px 10px;
    padding              : 10px 10px;
    background-color     : #0c9757;
    color                : #fff;
    line-height          : 1.4;
    text-align           : left;
    font-weight          : bold;
    font-size            : 16px;
}

#sites-news-area ._mtl_articleMessage ._mtl_category p {
	display:none;
    margin: 0px 15px;
    letter-spacing: 3px;
}

#sites-news-area ._mpv_attachment {
    /*border: 6px solid rgb(255,255,255,0)!important;*/
    background-color: rgb(255,255,255,0)!important;	
} 

#sites-news-area ._mtl_articleMessage ._mmp_title {
    width: 100%!important;	
	color : #000!important;
}

#sites-news-area ._mtl_articleMessage ._mmp_viewCount + p {
	margin-bottom: 0px;
}

#sites-news-list-area {
	
}

.infomation-frame #sites-news-area h3:after {
	left            : 0px!important;
}
	
#sites-news-list-area ._mtl_articleMessage {
	padding         : 20px 0 5px 0;
    border-bottom   : 1px solid #e2e2e2;
    cursor          : pointer;
}

#sites-news-list-area .date2 {
    float           : left;
    font-size       : 1rem;
    font-weight     : 300;
    margin          : 0px 20px 5px 0px;
    line-height     : 2em;
}

#sites-news-list-area .category {
    float           : left;	
    margin-left     : 14px;
    margin          : 0px 20px 5px 0px;    
    background-color: #5cc2dc;
    color           : #fff;
    padding         : 3px 7px;
    line-height     : 1.5;
    font-size       : 1rem;
    font-weight     : 300;
}

#sites-news-list-area .newMark {
    float           : left;
    display         : block;
    position        : relative;
    width           : 64px;     
    margin-bottom   : -6px;
    margin-top      : -6px;
}

#sites-news-list-area .newMark img {
	width           : 100%;
}

#sites-news-list-area .title {
	clear           : both;
    margin-top      : 6px;
    transition      : .3s;
    font-size       : 16px!important;
    margin-bottom   : 0px;	
    color           : #000;
}

.infomation-more {
	font-size       : 18px;
	text-align      : center;	
	cursor          : pointer;
    padding-top     : 20px;
    padding-bottom  : 20px;
}

.entry-photoIcon {
	width               : 80px;
	height              : 80px;/*53px;*/
}

.entry-photoIcon-img {
	position            : relative;
	width               : 100%;
	height              : 100%;
	overflow            : hidden;
    border              : 1px solid #999;
    box-sizing          : border-box;
}

.entry-photoIcon-img img {
	position            : absolute;
}

@media all and (min-width:801px) and (max-width:1000px) {
	.mosaTimelineEntryList .date2 {
		clear           : both;
	}
	#sites-news-list-area .category {
	    margin          : 0px 5px 5px 0px;    
	    padding         : 2px 6px;
	    line-height     : 1.2;
	    font-size       : 0.8rem;
	}
	#sites-news-list-area .date2 {
	    font-size       : 1rem;
	    font-weight     : 300;
	    margin          : 0px 10px 0px 0px;
	    line-height     : 1.5em;
	}
	#sites-news-list-area .newMark {
	    width           : 50px;     
	    margin-bottom   : -6px;
	    margin-top      : -6px;
	}
	#sites-news-list-area .title {
		margin-top      : -6px;
		line-height     : 1.2;
	}	
}

@media screen and (max-width:640px){
	.site-contents .content-area {
		width       : 100%;
	}
}

@media screen and (max-width:480px){
	.mosaTimelineEntryList .date2 {
		clear           : both;
	}
	#sites-news-list-area .category {
	    margin          : 0px 5px 5px 0px;    
	    padding         : 2px 6px;
	    line-height     : 1.2;
	    font-size       : 0.8rem;
	}
	#sites-news-list-area .date2 {
	    font-size       : 1rem;
	    font-weight     : 300;
	    margin          : 0px 10px 0px 0px;
	    line-height     : 1.5em;
	}
	#sites-news-list-area .newMark {
	    width           : 50px;     
	    margin-bottom   : -6px;
	    margin-top      : -6px;
	}
	#sites-news-list-area .title {
		margin-top      : -6px;
		line-height     : 1.2;
	}
}

/* 文字装飾 */
.heading-16 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
}

.heading-16::before,
.heading-16::after {
    width: 3px;
    height: 40px;
    background-color: #2589d0;
    content: '';
}

.heading-16::before {
    transform: rotate(-35deg);
    margin-right: 30px;
}

.heading-16::after {
    transform: rotate(35deg);
    margin-left: 30px;
}

/* ブクブク泡 */
.bubble {
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  animation: bubble 10s ease-in infinite;
}

.bubble,
.bubble2,
.bubble3 {
 box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.6) inset;
 -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.6) inset;
}

.bubble:nth-child(1) {
  width: 20px;
  height: 20px;
  left: 10%;
  animation-duration: 5s;
}

.bubble:nth-child(2) {
  width: 30px;
  height: 30px;
  left: 20%;
  animation-delay: 1s;
}

.bubble:nth-child(3) {
  width: 30px;
  height: 30px;
  left: 30%;
  animation-duration: 3s;
}

.bubble:nth-child(4) {
  width: 50px;
  height: 50px;
  left: 45%;
  animation-duration: 6s;
  animation-delay: 2s;
}

.bubble:nth-child(5) {
  width: 10px;
  height: 10px;
  left: 60%;
  animation-duration: 3.5s;
}

.bubble:nth-child(6) {
  width: 30px;
  height: 30px;
  left: 70%;
  animation-duration: 5s;
}

.bubble:nth-child(7) {
  width: 25px;
  height: 25px;
  left: 80%;
  animation-duration: 4s;
}

.bubble:nth-child(8) {
  width: 20px;
  height: 20px;
  left: 55%;
  animation-duration: 3.2s;
}

.bubble:nth-child(9) {
  width: 30px;
  height: 30px;
  left: 70%;
  animation-delay: 3.6s;
}

.bubble:nth-child(10) {
  width: 30px;
  height: 30px;
  left: 33%;
  animation-duration: 4.8s;
}

.bubble:nth-child(11) {
  width: 50px;
  height: 50px;
  left: 22%;
  animation-duration: 3s;
  animation-delay: 4s;
}

.bubble:nth-child(12) {
  width: 10px;
  height: 10px;
  left: 30%;
  animation-duration: 5s;
}

.bubble:nth-child(13) {
  width: 30px;
  height: 30px;
  left: 35%;
  animation-duration: 4.5s;
}

.bubble:nth-child(14) {
  width: 25px;
  height: 25px;
  left: 40%;
  animation-duration: 2.8s;
}

.bubble2 {
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 1px solid #85b9e9;
  border-radius: 50%;
  animation: bubble2 2s ease-in infinite;
}

.bubble2:nth-child(1) {
  width: 20px;
  height: 20px;
  left: 55%;
  animation-duration: 2.5s;
}

.bubble2:nth-child(2) {
  width: 30px;
  height: 30px;
  left: 70%;
  animation-delay: 0.5s;
}

.bubble2:nth-child(3) {
  width: 30px;
  height: 30px;
  left: 33%;
  animation-duration: 1.5s;
}

.bubble2:nth-child(4) {
  width: 50px;
  height: 50px;
  left: 22%;
  animation-duration: 3s;
  animation-delay: 1s;
}

.bubble2:nth-child(5) {
  width: 10px;
  height: 10px;
  left: 30%;
  animation-duration: 2s;
}

.bubble2:nth-child(6) {
  width: 30px;
  height: 30px;
  left: 35%;
  animation-duration: 2.5s;
}

.bubble2:nth-child(7) {
  width: 25px;
  height: 25px;
  left: 40%;
  animation-duration: 2s;
}

.bubble3 {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 1px solid #85b9e9;
  border-radius: 50%;
  animation: bubble3 5s ease-in infinite;
}

.bubble3:nth-child(1) {
  width: 10px;
  height: 10px;
  left: 5%;
  animation-duration: 2s;
}

.bubble3:nth-child(2) {
  width: 15px;
  height: 15px;
  left: 15%;
  animation-delay: 0.2s;
}

.bubble3:nth-child(3) {
  width: 15px;
  height: 15px;
  left: 12%;
  animation-duration: 1s;
}

.bubble3:nth-child(4) {
  width: 25px;
  height: 25px;
  left: 22%;
  animation-duration: 2s;
  animation-delay: 0.5s;
}

.bubble3:nth-child(5) {
  width: 10px;
  height: 10px;
  left: 20%;
  animation-duration: 2.5s;
}

.bubble3:nth-child(6) {
  width: 18px;
  height: 18px;
  left: 90%;
  animation-duration: 2s;
}

.bubble3:nth-child(7) {
  width: 18px;
  height: 18px;
  left: 80%;
  animation-duration: 2.6s;
}

@keyframes bubble {
  0% {
    bottom: -50px;
    transform: translateX(0);
  }
  50% {
    transform: translateX(60px);
  }  
  80% {
    transform: translateX(-40px);
  }
  100% {
    bottom: 500px;
  }
}

@keyframes bubble2 {
  0% {
    bottom: -100px;
    transform: translateX(0);
  }
  25% {
    transform: translateX(30px);
  }  
  50% {
    transform: translateX(-30px);
  }
  75% {
    transform: translateX(30px);
  }  
  100% {
    bottom: 1000px;
  }
}

@keyframes bubble3 {
  0% {
    bottom: -100px;
    transform: translateX(0);
  }
  25% {
    transform: translateX(30px);
  }  
  50% {
    transform: translateX(-30px);
  }
  75% {
    transform: translateX(30px);
  }  
  100% {
    bottom: 1000px;
  }
}

@media screen and (max-width:640px){
@keyframes bubble {
  0% {
    bottom: -50px;
    transform: translateX(0);
  }
  50% {
    transform: translateX(60px);
  }  
  80% {
    transform: translateX(-40px);
  }
  100% {
    bottom: 300px;
  }
}	
@keyframes bubble2 {
  0% {
    bottom: -100px;
    transform: translateX(0);
  }
  25% {
    transform: translateX(30px);
  }  
  50% {
    transform: translateX(-30px);
  }
  75% {
    transform: translateX(30px);
  }  
  100% {
    bottom: 300px;
  }
}	
@keyframes bubble3 {
  0% {
    bottom: -100px;
    transform: translateX(0);
  }
  25% {
    transform: translateX(30px);
  }  
  50% {
    transform: translateX(-30px);
  }
  75% {
    transform: translateX(30px);
  }  
  100% {
    bottom: 300px;
  }
}