@charset "utf-8";
/* -----------------------------------------------

リアルタイムアンケートシステム用・全ページ共通スタイル

2018/08/27

------------------------------------------------ */
/*-------------------------------------------------
	共通設定
--------------------------------------------------*/
html {
    -webkit-overflow-scrolling: touch;    
}
/* Float After ClearFix ------------------------- */
.clearFix::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
/* リンク付きのイメージのアニメーション --------- */
.hover a img {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.hover a:link img,
.hover a:visited img,
.hover a:active img {
	opacity: 1.0;
}
.hover a:hover img {
	opacity: 0.8;
}

/* 全ページ共通のテキストリンクスタイル -------- */
.hover a:link,
.hover a:visited,
.hover a:active {
	color: #1794AC;
	text-decoration: underline;	
	outline: 0;
}
.hover a:hover {
	color: #666;
	text-decoration: none;	
	outline: 0;
}

/*------------------------------------------------------------
	ページ共通設定
-------------------------------------------------------------*/
body {
    background-color: #FCFCFC;
	font: 14px "メイリオ", Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    height: 100%;
	min-width: 320px;
	position: relative;
	width: 100%;
    overflow-y: scroll;
}

/* -- PC/TABLET/SP切り替え --------------------------------- */
.pc { display: block !important; }
.sp { display: none !important; }

/*------------------------------------------------------------
	全体のコンテンツを包括するWrapper
-------------------------------------------------------------*/
#all-wrap {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

/* コンテンツ部のレイアウト ------------------------------------*/
/*
    コンテンツの高さをJSで取得・分岐

*/
#contents-wrap {
    height: 100%;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#contents-wrap #contents-in {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
}

#contents-in .contents {
    height: 100%;
    margin: 0 auto;
    max-width: 1300px;
    padding: 50px 0 0 0;
    width: 100%;
}

/* TOPページのみpadding-topは0 */
#top #contents-in .contents {
    display: table;
    height: 100%;
    margin: 0 auto;
    max-width: 950px;
    padding: 0;
    width: 100%;
}

/*------------------------------------------------------------
	フッター設定
-------------------------------------------------------------*/
footer {
    margin: auto auto 0 auto;
    background-color: #53CEB9;
    color: #fff;
    padding: 8px 10px 10px 0;
    text-align: right;
    width: 100%;
}

footer.no-absolute {
    position: inherit;
    bottom: inherit;
    left: inherit;
}


/* レスポンシブ用の設定
---------------------------------------------------- */
/* 1300px以下の設定
---------------------------------------------------- */
@media only screen and (max-width : 1300px){
    
/* ヘッダー部ボックスのレイアウト（主に下層ページ）----------*/
    /* 右余白を10pxに変更 */
    #header-in {
        padding: 0 10px;
    }
    /* コンテンツの左右に10pxの余白設定 */
    #contents-in .contents {
        max-width: inherit;
        padding: 50px 10px 0 10px;
    }
    
}
/* 950px以下の設定
---------------------------------------------------- */
@media only screen and (max-width : 950px){

/* TOPページのみpadding-topは0 */
    #top #contents-in .contents {
        max-width: inherit;
    }


}

/* 767px以下の設定
---------------------------------------------------- */
@media only screen and (max-width : 767px){
/* -- PC/TABLET/SP切り替え -------------------------- */
    .pc { display: none !important; }
    .sp { display: block !important; }
    
    #contents-in .contents {
        max-width: inherit;
        padding: 10px 10px 0 10px;
    }
    
    footer {
        font-size: 0.857em;
        padding: 8px 10px 10px 8px;
        text-align: center;
    }
    
}

/* -- 2019-02-12微調整 ここから ----------------------- */
footer {
    height: 40px;
}
/* -- 2019-02-12微調整 ここまで ----------------------- */