/**
 * konpeido.css.
 *
 * @copyright  Copyright (c) 2019 RIZ Inc.
 * @link       
 * @version    0.0.1
 * @since      
 * @param
 */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Defining each section background and styles */


	/*************************************************/
	/*                 1024px以上                    */
	/*************************************************/
	@media screen and (min-width: 1024px) {
		p {
		    font-size: 14px !important;
		    font-weight: normal;
		    line-height: 18px !important;
		    margin-bottom: 0.0rem;
		    margin-top: 0.0rem;
		}
		body {
		}
		.teaser {
			width: 100%;
			max-height: 80%;
			min-height: 60%;
			padding: 56% 0 0;
			background-image: url(./img/teaser_l.jpg);
			background-position: center top;
			/*background-size: contain;*/
			background-size: 100% auto;
			background-attachment: scroll;
			background-color: #ffffff;
			background-repeat: no-repeat;
		}
		.twitter {
			width: 100%;
			height: 600px;
			/*background-color: #fff4f9;*/
			color: #000000;
			padding: 20px;
		}
		iframe .twitter-timeline-rendered{
			width: 490px !important;
		}
	}
	/*************************************************/
	/*               640pxから1079px                 */
	/*************************************************/
	@media screen and (min-width: 750px) and (max-width: 1023px) {
		p {
		    font-size: 1.5vw !important;
		    font-weight: normal;
		    line-height: 1.75vw !important;
		    margin-bottom: 0.0rem;
		    margin-top: 0.0rem;
		}
		body {
		}
		.teaser {
			width: 100%;
			max-height: 60%;
			min-height: 40%;
			padding: 56% 0 0;
		    background-image: url(./img/teaser_m.jpg);
		    background-position: center top;
			/*background-size: contain;*/
			background-size: 100% auto;
			background-attachment: scroll;
			background-color: #ffffff;
			background-repeat: no-repeat;
		}
		.twitter {
			width: 100%;
			height: 600px;
			/*background-color: #fff4f9;*/
			color: #000000;
			padding: 20px;
		}
		iframe .twitter-timeline-rendered{
			width: 490px !important;
		}
	}
	/*************************************************/
	/*                   749px以下                   */
	/*************************************************/
	@media screen and (max-width: 749px) {

		p {
		    font-size: 2.5vw;
		    font-weight: normal;
		    line-height: 3.0vw;
		    margin-bottom: 0.0rem;
		    margin-top: 0.0rem;
		}
		body {
		}
		.teaser {
			width: 100%;
			max-height: 40%;
			min-height: 20%;
			padding: 56% 0 0;
		    background-image: url(./img/teaser_s.jpg);
		    background-position: center top;
			/*background-size: contain;*/
			background-size: 100% auto;
			background-attachment: scroll;
			background-color: #ffffff;
			background-repeat: no-repeat;
			display:inline-block;
		}
		.twitter {
			width: 100%;
			height: 600px;
			/*background-color: #fff4f9;*/
			color: #000000;
			padding: 20px;
		}
		iframe.twitter-timeline-rendered {
			width: 450px !important;
			margin:0 auto;
		}
	}
/*************************************************/
/*                     共通                      */
/*************************************************/


html {
    overflow-x : hidden;
    overflow-y : auto;
    height: 100%;
    width: 100%;
}
body {
	font-family: メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	line-height: 1.3;
	font-weight: normal;
	color: #fff;
    text-align: center;
    border: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;

	z-index: 1;

	background-image: url(./img/img_bg1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
	background-size: 100%;

	position:relative;

    touch-callout:none;
    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;

}

footer{
	width: 100%;
	/*height: 18%;*/
	z-index:100;
	padding: 10px;
	text-align:center;
	color: #ffffff;
    bottom:0;
	background-color: #372d47;
}
footer div{
	margin: 10px;
}
.footersabnav li{
	display: inline;
}
.footersabnav li a{
	color: #aaa;
}
.footersabnav li+li{
	border-left: 1px solid #fff;
	margin-left: 10px;
}

.timeline-Widget {
	max-width: 300px!important;
	width:200px !important;
}



/********↓↓SNSアイコン(ベース色付き、ホバー時に背景白)↓↓**************/
.snsicon{
	list-style: none;
	overflow: hidden;
}
.snsicon li a{
	padding: 0 10px 0 10px;
}
.snsicon li a::before{
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 4px;
	border-redius: 2px;
	color: #fff;
	display: inline-block;
	font-family: FontAwesome;
	font-size: 24px;
	height: 42px;
	line-height: 42px;
	-webkit-trensition: all .3s ease;
	transition: all .3s ease;
	text-align: center;
	width: 42px;
}

/***twitter***/
.snsicon li a[href*="twitter.com"]::before{
	border-color: #55acee;
	background-color: #55acee;
	content: "\f099";
}
.snsicon li a[href*="twitter.com"]:hover::before{
	color: #55acee;
	background-color: #fff;
}
/***facebook***/
.snsicon li a[href*="facebook.com"]::before{
	border-color: #3b5998;
	background-color: #3b5998;
	content: "\f09a";
}
.snsicon li a[href*="facebook.com"]:hover::before{
	color: #3b5998;
	background-color: #fff;
}
/***instagram***/
.snsicon li a[href*="instagram.com"]::before{
	border-color: #125688;
	background-color: #125688;
	content: "\f16d";
}
.snsicon li a[href*="instagram.com"]:hover::before{
	color: #125688;
	background-color: #fff;
}
/********↑↑SNSアイコン(ベース色付き、ホバー時に背景白)↑↑**************/