@charset 'utf-8';

body {
	background-color:#E5E5E5;
}

.wrapper {
	padding:1rem;
}

.wrapper_in {
	background-color: #E5E5E5;
	border-radius: none;
	box-shadow: none;
	padding: .5rem;
}

section {
	padding:3rem 0 0;
}

section:nth-of-type(1) {
	padding:0;
}

.big_title {
	font-size:23px;
	font-weight:bold;
	border-left:8px solid #222;
	border-bottom:1px solid #222;
	padding:0 0 0 .8rem;
	margin:0 0 1rem;
	line-height:1.2;
}

.small_title {
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	line-height:1.2;
}

ul {
	list-style-type:decimal;
	padding:0 0 0 1.5rem;
}

.figure_big_android {
	padding:0;
}

p {
	padding:0 0 .5rem;
}

.figure_big img {
	max-width:160px;
	padding:1.6rem 0 1rem 1rem;
	float:right;
}

.figure_small img {
	max-width:160px;
	padding:0 0 1rem 1rem;
	float:right;
}

.figure_big_android li {
	max-width:100px;
	padding:0.5rem;
	vertical-align:top;
	text-align:left;
	line-height:1.2;
	font-size:12px;
}

.figure_big_android li  img {
	padding:0 0 .3rem;
}

.figure_small_android li {
	max-width:160px;
	padding:0.5rem;
	vertical-align:top;
}

.figure_landscape {
	max-width:320px;
	padding:0 0 1rem 0;
	margin:0 auto;
}

.btn_submit_area {
	width:100%;
	text-align:center;
}

.btn_submit_alink {
	border:3px solid #222;
	color:#fff;
	font-weight:bold;
	display:block;
	border-radius:20px;
	text-decoration:none;
	padding:.5rem 1rem;
	background-color:#0B61B0;
	line-height:1.2;
}

.btn_submit_alink:hover {
	background-color:#137BC2;
}

/* table */
.table_ios {
	margin:10px 0;
}

.table_ios td {
	border:1px solid #333;
	width:25%;
	padding:5px;
	text-align:center;
}

.cell_iphone {
	background-color:#999;
}

.cell_ipod {
	background-color:#888;
}

.cell_ipad {
	background-color:#777;
}

.cell_iphone,
.cell_ipod,
.cell_ipad {
	font-weight:bold;
	background-color:#c0c0c0;
}

.hr-dot {
	border:none;
	border-bottom: 1px dotted #9e9e9e;
}

/* =========
index
========= */
/* map */
img[usemap] {
	height: auto;
	max-width: 100%;
	width: auto;
}

/* tab */
#os_select_list {
	width:100%;
	background-color:#555;
	padding:0 !important;
}
#os_select_list li {
	list-style-type:none;
	padding:.5rem 1rem;
	width:25%;
	float:left;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	font-weight:bold;
	background-color:#999;
	border:1px solid #333;
	border-left:none;
	font-size:.8rem;
	cursor:pointer;
}

#os_select_list li:first-child {
	border-left:1px solid #333;
}

.hide {
	display:none;
}

#os_select_list li.select {
	background-color:#e2e028 !important;
}

.os_detail {
	padding:1rem;
	width:100%;
	margin:0 auto;
	background-color:#fff;
	border:1px solid #333;
	border-top:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.os_detail ul li {
	margin:.5rem 0 0;
}

.os_detail ul li:first-child {
	margin:0;
}

.os_detail a {
	color:#1111cc;
}

/* =========
PC
========= */
@media only screen and
(min-device-width : 1025px) {
	/* iOS */
	.figure_big img {
		max-width:300px;
		padding:2rem 0 1rem 1rem;
		float:right;
	}
	.figure_small img {
		max-width:300px;
		padding:0 0 1rem 1rem;
		float:right;
	}
	.figure_landscape {
		max-width:480px;
		padding:0 0 1rem 0;
		margin:0 auto;
	}

	/* android */
	.figure_big_android li {
		max-width:220px;
		padding:0.5rem;
		vertical-align:top;
		text-align:left;
		line-height:1.2;
	}

	/* tab */
	#os_select_list li {
		font-size:1.2rem;
	}
}

/* =========
iPad(landscape)
========= */
@media only screen and
(min-device-width : 768px) and
(max-device-width : 1024px) and
(orientation : landscape) {
	.wrapper_in {
		font-size:1.2rem;
	}
	.big_title {
		font-size:1.7rem;
	}
	.figure_big img {
		max-width:480px;
		padding:2rem 0 1rem 1rem;
		float:right;
	}
	.figure_small img {
		max-width:240px;
		padding:0 0 1rem 1rem;
		float:right;
	}
	.figure_landscape {
		margin:0;
	}
}