@charset "shift_jis";

/*
 *
 * ======================================================
 * 
 * 1. common
 * 2. navigation
 * 3. cmnHeadSec
 * 4. cmnFootSec
 * 5. contents
 * 6. xxxxxx
 *
 * ======================================================
 * 
 */


/*============================
 1. common
============================*/
#simArticle {
	word-wrap:break-word;
	word-break:break-all;
	margin-top: 8px;
	font-size: 100%;
	line-height: 1.3;
}
#simArticle h2,
#simArticle h3,
#simArticle h4,
#simArticle h5,
#simArticle h6 {
	font-size:100%;
	font-weight: normal;
}
#simArticle ul,
#simArticle ol,
#simArticle li {
	list-style:none;
	margin:0;
	padding:0;
}
#simArticle em {
	font-style: normal;
}
#simArticle .externalIco {
	vertical-align: middle;
	margin-left: 2px;
}

/* X. titleBox
======================================================== */
#simArticle .titleBox {
	text-align: center;
	margin: 0 -98px 20px -85px;
	width: 1113px;
	height: 286px;
}

/* X. main
======================================================== */
#simArticle .articleInner {
	position: relative;
}
#main {
	float: left;
	width: 700px;
	margin-right: 30px;
}
/* shareLinkBtn */
#main .shareLinkBtn {
	width: 690px;
	padding: 8px 0 8px 10px;
	background-color: #eee;
	border-radius: 4px;
}
#main .shareLinkBtn li {
	float: left;
	margin-right: 6px;
}
#main .shareLinkBtn a {
	display: block;
	width: 101px;
	height: 0;
	padding-top: 37px;
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/btn_sns_01.png) no-repeat;
	overflow: hidden;
}
#main .shareLinkBtn .snsFacebook a { background-position: 0 0; }
#main .shareLinkBtn .snsFacebook a:hover { background-position: 0 -42px; }
#main .shareLinkBtn .snsTwitter a  { background-position: -107px 0; }
#main .shareLinkBtn .snsTwitter a:hover  { background-position: -107px  -42px; }
#main .shareLinkBtn .snsGplus a    { background-position: -214px 0; }
#main .shareLinkBtn .snsGplus a:hover    { background-position: -214px  -42px; }
#main .shareLinkBtn .snsHatena a   { background-position: -321px 0; }
#main .shareLinkBtn .snsHatena a:hover   { background-position: -321px  -42px; }
#main .shareLinkBtn .snsPocket a   { background-position: -428px 0; }
#main .shareLinkBtn .snsPocket a:hover   { background-position: -428px  -42px; }
#main .shareLinkBtn .snsFbLike {
	padding: 8px 12px;
}
#main .shareLinkBtn .fb-like {
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	moz-transform:scale(1.2);
}
/* contents */
#main #contents {
	margin-top: 20px;
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/contents_bg_01.png) -1000px 0 repeat-y;
}
#main #contents > .bgTop {
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/contents_bg_01.png) 0 0 no-repeat;
	padding-top: 37px;
}
#main #contents > .bgTop > .bgBtm {
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/contents_bg_01.png) -2000px bottom no-repeat;
	padding: 0 34px 38px;
}
#main #contents .contentsBody {
}
#main #contents .contentsBody .hType1 {
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/htype1_bg_01.png) 0 0 repeat-x;
	margin: 60px 0 30px;
	font-size: 207.6%;/* 27px */
	line-height: 1.33;
	font-weight: bold;
}
#main #contents .contentsBody .hType1 > span{
	display: block;
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/htype1_bg_01.png) 0 bottom repeat-x;
	padding: 25px 0 24px;
}
#main #contents .contentsBody .hType2 {
	font-size: 161.5%;
	line-height: 40px;
	font-weight: bold;
	margin: 48px 0 25px -30px;
	padding: 0 0 0 30px;
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/htype2_bg_01.png) 0 0 no-repeat;
}
#main #contents .contentsBody p {
	font-size: 123%; /* 16px */
	line-height: 2;
}
#main #contents .contentsBody li {
	font-size: 123%; /* 16px */
	line-height: 1.875;
}
#main #contents .contentsBody .img {
	margin-top: 32px;
	display: block;
}
#main #contents .contentsBody .img:first-child {
	margin-top: 0;
}
#main #contents .contentsBody p + p,
#main #contents .contentsBody ul + p,
#main #contents .contentsBody .img + p {
	margin-top: 32px;
}
#main #contents .contentsBody p + .boxType01,
#main #contents .contentsBody .boxType02,
#main #contents .contentsBody .boxType01 + p,
#main #contents .contentsBody .boxType02 + p {
	margin-top: 22px;
}
#main #contents .contentsBody .fwBold {
	font-weight: bold;
}
#main #contents .contentsBody .colorBlue {
	color: #1597ea;
}
#main #contents .contentsBody .sizeML {
	font-size: 176.9%;/* 23px */
}
#main #contents .contentsBody .sizeL {
	font-size: 215.3%;/* 28px */
}
#main #contents .contentsBody p .note,
#main #contents .contentsBody ul.note {
	font-size: 81.2%;/* 13px */
}
#main #contents .contentsBody .listTypeDec li {
	list-style-type: decimal;
	margin-left: 20px;
}
#main #contents .contentsBody .listTypeDec li + li {
	margin-top: 15px;
}
#main #contents .contentsBody .boxType01 {
	background-color: #fffdef;
	padding: 28px 10px 23px 33px;
	border-radius: 5px;
}
#main #contents .contentsBody .boxType02 {
	background-color: #f5f5f5;
	padding: 20px;
	border-radius: 5px;
	font-size: 93% !important;
}
#main #contents .contentsBody .boxType02 li,
#main #contents .contentsBody .boxType02 p {
	font-size: 93% !important;
}
#main #contents .contentsBody .boxType02 p {
	margin: 10px 0 0;
}
#main #contents .contentsBody .boxType02 p:first-child {
	margin: 0;
}
#main #contents .contentsBody .linkTxt {
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/icn_link.png) no-repeat 0 7px;
	display: block;
	padding: 0 0 0 13px;
}

/* shareCountBox */
#main #contents .shareCountBox {
	margin-top: 50px;
}
#main #contents .shareCountBox li {
	float: left;
	width: 306px;
	position: relative;
	text-align: center;
}
#main #contents .shareCountBox li + li {
	margin-left: 20px;
}
#main #contents .shareCountBox li a {
	display: block;
	width: 228px;
	height: 57px;
	color: #fff;
	line-height: 57px;
	text-decoration: none;
	font-size: 138.4%; /* 18px */
	padding: 14px 10px 10px 68px;
}
#main #contents .shareCountBox li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#main #contents .shareCountBox li#shareFacebook a {
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/btn_share_fb_01.png) 0 0 no-repeat;
}
#main #contents .shareCountBox li#shareTwitter a {
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/btn_share_tw_01.png) 0 0 no-repeat;
}
#main #contents .shareCountBox li .countBox {
	display: block;
	margin-top: 4px;
}
#main #contents .shareCountBox li .count {
	display: inline-block;
	color: #154c97;
	background-color: #fff;
	font-size: 88.8%; /* 16px */
	line-height: 1.25;/* 20px */
	min-width: 3.75em;
	height: 1.25em;
	padding: 2px 10px 0;
	border-radius: 0.6875em;
}
#main #contents .shareCountBox li#shareFacebook a:hover,
#main #contents .shareCountBox li#shareTwitter a:hover {
	background-position: 0 -86px;
}
#main #contents .shareCountBox li a:hover .shareTxt,
#main #contents .shareCountBox li a:hover .countBox {
	position: relative;
	top: 3px;
}
/* otherPageBnr */
#main #contents .otherPageBnr {
	margin-top: 27px;
}
#main #contents .otherPageBnr li + li {
	margin-top: 20px;
}
#main #contents .otherPageBnr a {
	display: block;
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/bnr_01.jpg) 0 0 no-repeat;
	width: 632px;
	height: 0;
	padding-top: 142px;
	overflow: hidden;
}
#main #contents .otherPageBnr .bnr01 a {background-position: 0 0;}
#main #contents .otherPageBnr .bnr01:hover a {background-position: 0 -150px;}
.vol01 #main #contents .otherPageBnr .bnr02 a {background-position: 0 -300px;}
.vol01 #main #contents .otherPageBnr .bnr02:hover a {background-position: 0 -450px;}
.vol03 #main #contents .otherPageBnr .bnr02 a {background-position: 0 -600px;}
.vol03 #main #contents .otherPageBnr .bnr02:hover a {background-position: 0 -750px;}
#main #contents .otherPageBnr .bnr03 a {background-position: 0 -900px;}
#main #contents .otherPageBnr .bnr03:hover a {background-position: 0 -1050px;}

/* X. sub
======================================================== */
#sub {
	width: 200px;
	display: inline-block;
}
#sub.fixed {
	position: fixed;
	top: 20px;
}
#sub ul {
	margin: 0 0 20px;
}
#sub .sideLink li {
	width: 200px;
	height: 118px;
}
#sub .sideLink li + li{
	margin-top: 16px;
}
#sub .sideLink li a {
	display: block;
	width: 200px;
	height: 0;
	padding-top: 118px;
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/sub_btn_01.jpg) no-repeat;
	overflow: hidden;
}
#sub .sideLink li.link01 a {background-position: 0 0;}
#sub .sideLink li.link02 a {background-position: -210px 0;}
#sub .sideLink li.link03 a {background-position: -420px 0;}
#sub .sideLink li.link01:hover a {background-position: 0 -120px;}
#sub .sideLink li.link02:hover a {background-position: -210px -120px;}
#sub .sideLink li.link03:hover a {background-position: -420px -120px;}

.categoryLink li {
	background: #ffffd9;
	border-radius: 4px;
}
.categoryLink a {
	padding: 10px;
	display: block;
	margin: 0 0 10px;
	overflow: hidden;
	text-decoration: none;
}
.categoryLink a:hover {
	text-decoration: underline;
}
.categoryLink .cateTxt {
	font-size: 92%;
	line-height: 1.4;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 0 0 0 60px;
}

.categoryLink span.icnCat {
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/icn_side.png) no-repeat;
	display: inline-block;
	vertical-align: top;
	float:left;
	width: 52px;
	height: 0;
	padding-top: 52px;
	overflow: hidden;
}
.categoryLink span.cat01 {
	background-position: 0 0;
}
.categoryLink span.cat02 {
	background-position: 0 -62px;
}
.categoryLink span.cat03 {
	background-position: 0 -124px;
}
.categoryLink span.cat04 {
	background-position: 0 -186px;
}

/* X. sideSnsBtn
======================================================== */
#simArticle .sideSnsBtn {
	display: none;
	position: fixed;
	top: 20px;
	left: auto;
}
#simArticle .sideSnsBtn ul {
	width: 107px;
	position: absolute;
	left: -120px;
	top: 0;
	padding: 22px 0 21px;
	background-color: #eee;
	border-radius: 5px;
	text-align: center;
}
#simArticle .sideSnsBtn ul li + li {
	margin-top: 15px;
}

/* X. backtotop
======================================================== */
.backtotop {
	position: fixed;
	right: 25px;
	bottom: 25px;
}
.backtotop a {
	display: block;
	width: 90px;
	height: 0;
	padding-top: 90px;
	overflow: hidden;
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/article/trysim/backtotop_btn_01.png) 0 0 no-repeat;
}