@charset "utf-8";

/* 共通CSS */
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 0.9rem;
	line-height: 1.6;
}

h1 {
	margin-bottom: 0px;
}

h1 span {
	display: inline-block;
	padding-top: 1rem;
}

ul,
ol {
	padding-left: 2em;
}

footer .logo {
	margin-bottom: 10px;
}

footer .banner {
	margin-bottom: 15px;
}

img.loading {
	width: 24px;
}

.text-nowrap {
	white-space: nowrap;
}

.closed p {
	color: #fff;
	line-height: 50px;
	margin-bottom: 0px;
}

.fixed-btn {
	text-align: center;
}

.fixed-btn a {
	display: inline-block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
}

.fixed-btn a strong {
	font-size: 18px;
}

.fixed-btn p {
	color: #fff;
}

.present h3 {
	margin-top: 0px;
}

.medias #content {
	text-align: center;
}

.medias .pagination {
	display: block;
	padding-top: 15px;
	margin-bottom: 0px;
	clear: both;
}

.medias .pagination li {
	margin-bottom: 0px;
}

.medias .ias-spinner {
	padding-top: 15px;
	clear: both;
}

.modal-usericon img {
	max-width: 32px;
	max-height: 32px;
}

.modal-media {
	text-align: center;
	margin-bottom: 10px;
}

.modal-media video {
	max-width: 100%;
}

.modal-footer .likes {
	float: left;
}

.prof-pic {
	max-height: 34px;
}

/* トップ */
#index #hashtag .form-group {
	margin-bottom: 15px;
}

#index .medias ul {
	margin-left: -5px;
	margin-right: -5px;
}

#index .price {
	width: auto;
	margin: auto;
	border-bottom: solid 1px #ddd;
}

#index .price tr {
	float: left;
}

#index .price td strong {
	font-size: 250%;
}

/* キャンペーン */
body#campaign {
	padding-bottom: 70px;
}

#campaign .alert {
	margin-top: 20px;
}

#campaign .collapse .alert,
#campaign .collapsing .alert {
	margin-top: 0px;
}

#campaign .app-store-btn {
	text-align: left;
}

#campaign .google-play-btn {
	text-align: right;
}

#campaign .app-store-btn img,
#campaign .google-play-btn img {
	max-width: 100%;
	max-height: 40px;
}

#campaign .present .image {
	display: block;
	max-width: 100%;
	margin: auto;
	margin-bottom: 10px;
}

#campaign .share .icon {
	display: inline-block;
	color: #fff;
	line-height: 36px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

#campaign .share .icon.fa-facebook-f {
	background-color: #3B5998;
}

#campaign .share .icon.fa-twitter {
	background-color: #55acee;
}

#campaign .share .icon.fa-x-twitter {
    background-color: #000;
}

#campaign .fb-share {
	text-align: center;
	margin-bottom: 20px;
}

#campaign .fb-share img {
	max-width: 100%;
}

#campaign .howto .notes a {
	text-decoration: none;
}

#campaign .takahash-hashtag a {
	text-decoration: underline;
}

#campaign .rules h3 {
	font-size: 120%;
}

#campaign .terms {
	height: 240px;
	padding: 10px;
	border: solid 1px #ddd;
	overflow: auto;
	margin-bottom: 15px;
}

/* 入力フォーム */
#entry .header_image,
#winning .header_image {
	margin: 0px -15px 20px;
}

#entry .header_image img,
#winning .header_image img {
	max-width: 100%;
}

#entry-form .border-top {
	padding-top: 15px;
	border-top: 1px dotted #ddd !important;
}

#entry-form .radio input {
	position: relative;
}

#entry-form .img-present {
	max-height: 80px;
}

#entry-form .alert.help-block {
	margin-bottom: 0px;
}

/* スマートフォン */
@media (max-width: 767px) {
	#index .price tr {
		float: none;
	}

	footer .logo {
		max-width: 100px;
	}
}

/* PC */
@media (min-width: 992px) {
	#index .form-inline {
		overflow: hidden;
	}

	#index .posting_type {
		float: right;
	}
}