@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------------------------
Cascading Style Sheets for [machicomi timeline] 
module.css
---------------------------------------------------------------------------------------------------------------------- */
body {
	line-height: 1;
	font-size: 12px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #333;
}
/*タップ時のカラー*/
a {
	-moz-tap-highlight-color: rgba(0,0,0,.2);
	-webkit-tap-highlight-color: rgba(0,0,0,.2);
	tap-highlight-color: rgba(0,0,0,.2);
}
input {
	-moz-tap-highlight-color: rgba(120,185,230,.6);
	-webkit-tap-highlight-color: rgba(120,185,230,.6);
    tap-highlight-color: rgba(120,185,230,.6);
    outline: none;
}
textarea, select {
    outline: none;
}
img {
	vertical-align:middle;
	font-size:0;
	line-height: 0;
}
#page {
	margin:0px;
	padding:0px;
}

/*----------------------------------------------------
    commonLink
----------------------------------------------------*/
a:link {
	color: #158cfb;
	text-decoration:none;
}
a:visited {
	color: #158cfb;
	text-decoration:none;
}
a:hover {
	color: #158cfb;
	text-decoration:none;
}
a:active {
	color: #158cfb;
	text-decoration:none;
}
/*----------------------------------------------------
    display block
----------------------------------------------------*/
.u-block {
    display: block;
}
/*----------------------------------------------------
    img
----------------------------------------------------*/
img {
    vertical-align:middle;
    font-size: inherit;
    line-height: 0;
    border: 0 none;
    margin: 0;
    padding: 0;
}
.img-thumbnail > img {
    background-color: #dfd7cb;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: 100%;
}
.img-thumbnail {
    position: relative;
}
.img-thumbnail {
    overflow: hidden;
}
.img-thumbnail::after {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.img-thumbnail::after {
    background-color: inherit;
    content: "";
    display: block;
    /*z-index: 100;*/
}
/*----------------------------------------------------
modal 共通
----------------------------------------------------*/
#lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
    /*text-align: center;*/
}
/*----------------------------------------------------
modal タイムライン　投稿権限 モーダル
----------------------------------------------------*/
#modalWindowPostAuthArea {
    display: none;
    position: fixed;
    top: 5%;
    left: 5%;
    margin: 0;
    padding: 0;
    z-index: 99999;
}
#modalWindowPostAuthArea .modalWindowAuthCodeArea{
    position: fixed;
    /*top: 10%;*/
    top: 20px;
    right: 5%;
    margin: 0;
    padding: 0;
    z-index: 99999;
}
#modalWindowPostAuthArea .modalWindowAuthCodeArea .modalWindowHeader{
    background: #fff;
    color: #333;
    font-size: 116%;
    font-weight: bold;
    padding: 14px 6.666666666%;
    margin: 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    text-align: center;
    line-height: 1.8;
}
#modalWindowPostAuthArea .modalWindowAuthCodeArea .modalWindowAuthCodeBg{
    background: #fff;
    padding: 0 0 40px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}
#modalWindowPostAuthArea .modalWindowAuthCodeArea .modalWindowAuthCodeBg .modalWindowDisplay{
    /*border-bottom: .99px solid #cccccc;*/
    color: #333;
    /*font-weight: bold;*/
    font-size: 108%;
    padding: 6px 0 20px;
    margin: 0 6.666666666%;
    line-height: 1.4;
}
#modalWindowPostAuthArea .modalWindowAuthCodeArea .modalWindowAuthCodeBg .modalWindowForm{
    margin: 0 6.666666666%;
    padding: 0;
}
#modalWindowPostAuthArea .modalWindowAuthCodeArea .modalWindowAuthCodeBg .modalWindowForm .modalWindowReleaseIosTxt{
    padding: 30px 0 0;
    font-size: 83%;
    color: #666;
    line-height: 1.4;
}
/*radio button css end*/
#modalWindowPostAuthArea .modalWindowAuthCodeArea .modalWindowAuthCodeBg .modalWindowForm .modalWindowFormBtnArea {
    clear: both;
    text-align: center;
    margin: 0;
    padding: 0;
    /*border-top: .99px solid #dadada;*/
}
#modalWindowPostAuthArea .modalWindowAuthCodeArea .modalWindowAuthCodeBg .modalWindowForm .modalWindowFormBtnArea .modalWindowFormBtn{
    -webkit-appearance:none;
    appearance:none;
    font-size: 150%;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    /*width: 46%;*/
    background-color: #ffa838;
    color: #fff;
    border-style: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /*cursor: pointer;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 2px;
    margin: 0;
}
#modalWindowPostAuthArea .modalWindowAuthCodeArea .modalWindowAuthCodeBg .modal_close {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
}
/*----------------------------------------------------
modal タイムライン　未ログイン モーダル
----------------------------------------------------*/
#modalWindowPostAuthArea2 {
    display: none;
    position: fixed;
    top: 5%;
    left: 5%;
    margin: 0;
    padding: 0;
    z-index: 99999;
}
#modalWindowPostAuthArea2 .modalWindowAuthCodeArea{
    position: fixed;
    /*top: 10%;*/
    top: 20px;
    right: 5%;
    margin: 0;
    padding: 0;
    z-index: 99999;
}
#modalWindowPostAuthArea2 .modalWindowAuthCodeArea .modalWindowHeader{
    background: #fff;
    color: #333;
    font-size: 116%;
    font-weight: bold;
    padding: 14px 6.666666666%;
    margin: 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    text-align: center;
    line-height: 1.8;
}
#modalWindowPostAuthArea2 .modalWindowAuthCodeArea .modalWindowAuthCodeBg{
    background: #fff;
    padding: 0 0 40px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}
#modalWindowPostAuthArea2 .modalWindowAuthCodeArea .modalWindowAuthCodeBg .modalWindowDisplay{
    /*border-bottom: .99px solid #cccccc;*/
    color: #333;
    /*font-weight: bold;*/
    font-size: 108%;
    padding: 6px 0 20px;
    margin: 0 6.666666666%;
    line-height: 1.4;
}
#modalWindowPostAuthArea2 .modalWindowAuthCodeArea .modalWindowAuthCodeBg .modalWindowForm{
    margin: 0 6.666666666%;
    padding: 0;
}
#modalWindowPostAuthArea2 .modalWindowAuthCodeArea .modalWindowAuthCodeBg .modalWindowForm .modalWindowReleaseIosTxt{
    padding: 30px 0 0;
    font-size: 83%;
    color: #666;
    line-height: 1.4;
}
/*radio button css end*/
#modalWindowPostAuthArea2 .modalWindowAuthCodeArea .modalWindowAuthCodeBg .modalWindowForm .modalWindowFormBtnArea {
    clear: both;
    text-align: center;
    margin: 0;
    padding: 0;
    /*border-top: .99px solid #dadada;*/
}
#modalWindowPostAuthArea2 .modalWindowAuthCodeArea .modalWindowAuthCodeBg .modalWindowForm .modalWindowFormBtnArea .modalWindowFormBtn{
    -webkit-appearance:none;
    appearance:none;
    font-size: 150%;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    /*width: 46%;*/
    background-color: #ffa838;
    color: #fff;
    border-style: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /*cursor: pointer;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 2px;
    margin: 0;
}
#modalWindowPostAuthArea2 .modalWindowAuthCodeArea .modalWindowAuthCodeBg .modal_close {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
}