@charset "UTF-8";

/** ************************************* **

	TABLE CONTENTS
	---------------------------
		01. Globals
		02. 文字のサイズ変更
	---------------------------

** ************************************* **/





/** 01. Globals
**************************************************************** **/

.badge {
white-space: normal;
}

/** 02. 文字のサイズ変更
**************************************************************** **/



#content .bg {
	font-size: 400%;
}

#content .md {
	font-size: 160%;
}

#content .sm {
	font-size: 140%;
}

#content .ssm {
	font-size: 100%;
}

@media all and (max-width: 515px) {


#content .bg {
	font-size: 5.6vw;
}

#content .md {
	font-size: 4.7vw;
}

#content .sm {
	font-size: 4.0vw;
}

#content .ssm {
	font-size: 3vw;
}

}




/* ----------------------------------------
 * 矢印
 * ---------------------------------------- */
.down_yajirushi{
  margin: 30px auto -5px;
  position: relative;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top-color: #0097cf;
}

.down_yajirushi:after{
  position: absolute;
  content: '';
  top: -39px;
  left: -10px;
  width: 20px;
  height: 20px;
  background: #0097cf;
}


 
.down_yajirushi_02{
  margin: 30px auto -5px;
  position: relative;
  width: 0;
     top: 355px;
		 height: 0;
  border: 20px solid transparent;
  border-top-color: #0097cf;
}

.down_yajirushi_02::before{
     position: absolute;
    content: '';
		top:-415px;
    left: -10px;
    width: 20px;
		height: 400px;
  background: #0097cf;
}

@media all and (max-width: 579px) {

.down_yajirushi_02{
    margin: 30px auto -5px;
    position: relative;
    width: 0;
    top: 369px;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #0097cf;
}

.down_yajirushi_02::before{
position: absolute;
    content: '';
    top: -423px;
    left: -10px;
    width: 20px;
    height: 408px;
    background: #0097cf;
}

}


.down_yajirushi_03{
		margin: 30px auto -5px;
    position: relative;
    width: 0;
    top: 281px;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #0097cf;
		}

.down_yajirushi_03::before{
    position: absolute;
    content: '';
    top: -326px;
    left: -10px;
    width: 20px;
    height: 309px;
    background: #0097cf;
}


@media all and (max-width: 579px) {

.down_yajirushi_03{
    margin: 30px auto -5px;
    position: relative;
    width: 0;
    top: 395px;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #0097cf;
		}

.down_yajirushi_03::before{
    position: absolute;
    content: '';
    top: -438px;
    left: -10px;
    width: 20px;
    height: 424px;
    background: #0097cf;
}

}


/** 01. アプリダウンロードボタン
 **************************************************************** **/


.appreach_inner {
	border:3px solid #eee;/*ボーダー色*/
	display: inline-block;
	padding: 20px;
}


.appreach {
	display: block;
	text-align: center;
	border-radius: 2px;
	overflow: hidden;
}


.appreach:after {
	content: "";
	display: block;
	clear: both;
}


.appreach img,
.appreach p {
	margin: 0;
	padding:0;
}


.appreach a:after {
	display: none;
}


.appreach__icon {
	border-radius: 22.5%;
	overflow: hidden;
	margin: -5px 3% 0 0 !important;
	height: auto !important;
	max-width: 120px !important;
	border: 0.5px solid rgba(0,0,0,.1);
}


.appreach__detail {
	display: inline-block;
	font-size: 20px;
	line-height: 1.5;
}


.appreach__detail:after {
	content: "";
	display: block;
	clear: both;
}


p.appreach__name {
	font-size: 16px;
	color: #555;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 1.5em !important;
	max-height: 3em;
	overflow: hidden;
}


.appreach__info {
	font-size: 12px !important;
	color: #888;
}


.appreach__info a {
	color: #aaa;
}


.appreach__developper, .appreach__price {
	margin-right: 0.5em;
}


.appreach__posted a {
	margin-left: 0.5em;
}


.appreach__links {
	height: auto;
	white-space: nowrap;
}


.appreach__aslink img {

	height: 40px;
}
.appreach__gplink img {
	height: 50px;
}


@media only screen and (max-width: 786px){
	.appreach {
		margin:20px 0;
	}
	
	
	.appreach__info {
		font-size: 11px !important;
	}
	
	
	p.appreach__name {
		font-size: 15px;
	}
	.appreach__icon {
		max-width: 100px !important;
	}
	
	.appreach__aslink img {
		height: 35px;
	}
	
	.appreach__gplink img {
		height: 45px;
	}
}