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

body {
	background-color:#c9d1d3;
	font-family:'メイリオ', Meiryo , sans-serif;
}
.clearBoth{
	clear: both;
}

#big {
	background-color:#FFF;
	border-radius:10px;
	box-shadow:2px 2px 2px #999;
}
h1,h2,h3,h4,h5,h6,iframe ,pre,table{
	clear:both;
}
#top {
	padding-top:0px;
}
#top p {
	margin-top:0px;
	margin-bottom:0px;
}

#main table {
		margin-left:auto;
		margin-right:auto;
}

h1 {
	border-left:10px solid #F60;
	padding-left:5px;
	margin-bottom:0px;
	color:#00a2d1;
	font-size:145%;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border-bottom:1px dotted #F60;*/
}
a:link {
  color: #278bc1;
  }
a:visited {
	color: #5FA5CB;
}
a img {
  border-color: #009AE2;
}
pre {
	overflow: scroll;
	background-color:#666;
	color:#fff;
	padding-left:10px;
}

.date {
	font-size:90%;
	color:#666;
	text-align:center;
	border-top:1px dotted #ccc;
	clear:both;
}

.line {
	line-height:5px;
	border-bottom:1px dotted #CCC;
	text-align:center;
	font-size:80%;
	clear:both;
}
.small {
	font-size:80%;
}
.bigImage {
}
.whiteFont , .white_font {
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}
.wavy {
	background:url(jpg/wavy.png) bottom repeat-x;
}
.wavyp {
	background:url(jpg/wavy2.png) bottom repeat-x;
}
.wavyg {
	background:url(jpg/wavy3.png) bottom repeat-x;
}
.orange {
	color:#F60;
}
.glay {
	color:#999;
}
.pink{
	color: #fd35cb;
}
.green{
	color: #00ab50ac;
}
.dai {
	font-size:130%;
	vertical-align: middle;
}

h2 {
	font-size:140%;
	color:#399;
	padding-left:5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F90;
}
h3 {
	color:#F60;
	padding-left:5px;
	font-size:135%;
	border-left:5px solid #3C0;
}
h4 {
	color:#390;
	font-size:130%;
	border-left:5px solid #3C0;
	padding-left:5px;
}
h5 {
	font-size:120%;
	border-left-style: none;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #3C6;
}
h6 {
	font-size:120%;
}
li {
	list-style-image: url(jpg/arrow.gif);
}
li li{
	list-style-image: url(jpg/arrow01.png);
}
#foot {
	clear:both;
	border-top:1px dotted #999;
}
.waku {
  border-radius:10px;
	border:1px solid #999;
	padding:15px;
	margin:5px;
}
	.centerTable td , .centerTable th , .whiteTable  td {
		background-color:#fff;
		text-align:center;
	}
	.whiteTable {
		background-color:#000;
	}
	.docomo {
		background-color:#cd0031 !important;
		color:#fff;
	}
	.au {
		background-color:#ec550e !important;
		color:#fff;
	}
	.softbank {
		background-color:#666666 !important;
		color:#fff;
	}
	.y_mobile {
		background-color:#ff0033 !important;
		color:#fff;
	}
	.UQ {
		background-color:#0091d7 !important;
		color:#fff; font-size:85%;
	}
	.ahamo {
		background-color:#231815 !important;
		color:#fff;
	}
	.povo {
		background-color:#fff500 !important;
	}
	.LINEMO {
		background-color:#14eb0a !important;
	}
	.rakuten {
		background-color:#ff0089 !important;
		font-size:85%;
		color:#fff;
	}
	.lazyload {
		opacity: 0; /* 最初は透明 */
		transition: opacity 1s ease; /* 1秒かけてopacityを変化 */
	}
	
	.lazyload.lazy { /* 画像読み込み後にloadedクラスを追加 */
		opacity: 1; /* 徐々に表示 */
	}
/* *******************************パソコン用 ***************************/
@media only screen and (min-width: 1024px) {
  .se {
	  font-size:70%;
	  margin-top:0px;
  }
	table {
		margin-left:auto;
		margin-right:auto;
	}
	#big {
		width:1100px;
	  background-color:#EBEEEF;
	}
	#top {
		border-bottom:1px dotted #999;
	}
	#main {
		width:850px;
		float:left;
		background-color:#fff;
	  box-shadow:1px 1px 1px #999;
		padding-left:5px;
	}
	#main td {
		padding:5px;
	}
	h2 {
		margin-top:5px;
		margin-bottom:0px;
	}
  .bigImage , .img100par , .imgLeft  , .imgSmart , .lazyload , .lazy{
		float:left;
		padding:3px;
		border:1px solid #278bc1;
		margin-right:5px;
		margin-bottom:15px;
  }
	#category {
	width:240px;
	float:right;
	background-color:#F5F8F8;
	}
	#category h3 {
		background-color:#fff;
	  border-radius:10px;
	  border-left-style:none;
	  box-shadow:0px 1px 0px #999;
	}
	#category li {
		margin-left:-10px;
	}
	#category li li {
		margin-left:-20px;
	}
	#right {
		width:250px;
	  float:left;
	}
	#right li {

		margin-left:-10px;
	}
	.center{
		text-align:center;
	}
	#main div table {
		margin-left:auto;
		margin-right:auto;
	}
	.img img {
		float:left;
	}
}
/****************** スマホ用 *************************/
@media only screen and (max-width: 1023px) {
	body {
	padding:1px;
	font-size:130%;
	}
	#main ul li {
		margin-left: -10px;
	}
	#big {
		margin:0px;
	}
	#main {
		padding:10px;
	}
	.bigImage , .img100par , .imgSmart , .lazyload , .lazy{
		width:100%;
		height: auto;
		margin-top:15px;
		border:1px solid #278bc1;
		padding:3px;
	}
	.imgLeft {
		float:left;
		margin-right:10px;
	}
	#category li , #right li {
		margin-left:-15px;
	}
	.sns {
		text-align:center;
		margin:0px;
		padding:0px;
	}
	
}