@charset "shift_jis";
@media screen and (max-width: 750px) {
/* ======================================================
 * -@media - width <= 750px
 * /common-files/css/beginner/beginner_sp.css
 * ------------------------------------------------------
 * /beginner/index.html
 * Lower than beginner
 * beginner Common
 * Clearfix
====================================================== */
/* /beginner/index.html
 * elementID body#beginner.top
------------------------------------------------------ */
#beginner.top .topHeadLine .baloon {
	margin-bottom: 10px;
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
}
#beginner.top .topHeadLine .baloon:after {
	bottom: -6px;
	left: 50%;
	margin-left: -5px;
	border-top: 6px solid #a5001e;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
#beginner.top .topHeading {
	padding: 0;
}
#beginner.top .topHeading:before,
#beginner.top .topHeading:after {
	display: none;
}
#beginner.top .topHeading .sub {
	font-size: 16px;
	font-size: 1.6rem;
}
#beginner.top .topHeading .head {
	font-size: 20px;
	font-size: 2.0rem;
	vertical-align: middle;
}
#beginner.top .topLead {
	margin-top: 15px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
}
#beginner.top .topLead em {
	font-size: 16px;
	font-size: 1.6rem;
}
#beginner.top .indexList {
	margin-top: 15px;
}
#beginner.top .indexList > li {
	width: 48.3%;
	margin-left: 3.4%;
}
#beginner.top .indexList > li:nth-child(2n+1) {
	margin-left: 0;
}
#beginner.top .indexList > li:nth-child(n+5) {
	padding-top: 0;
}
#beginner.top .indexList > li:nth-child(n+3) {
	margin-top: 10px;
}
#beginner.top .indexList > li a {
	display: table;
	width: 100%;
	padding-top: 140px;
	font-size: 14px;
	font-size: 1.4rem;
}
#beginner.top .indexList > li[class*="index"] a {
	-webkit-background-size: 100% auto;
					background-size: 100% auto;
}
#beginner.top .indexList > li a:hover {
	margin-top: 0;
	border-width: 3px;
}
#beginner.top .indexList > li a span {
	display: table-cell;
	width: 100%;
	padding: 5px 30px 5px 10px;
	vertical-align: middle;
}
#beginner.top .indexList > li a span:after {
	width: 17px;
	height: 17px;
	right: 5px;
	top: 50%;
	margin-top: -8px;
}
#beginner.top .indexList > li.index01 a span:after { background: url(/beginner/img-files/sp_beginner_com_ic01.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
#beginner.top .indexList > li.index02 a span:after { background: url(/beginner/img-files/sp_beginner_com_ic02.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
#beginner.top .indexList > li.index03 a span:after { background: url(/beginner/img-files/sp_beginner_com_ic03.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
#beginner.top .indexList > li.index04 a span:after { background: url(/beginner/img-files/sp_beginner_com_ic04.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
#beginner.top .indexList > li.index05 a span:after { background: url(/beginner/img-files/sp_beginner_com_ic05.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
#beginner.top .indexList > li.index06 a span:after { background: url(/beginner/img-files/sp_beginner_com_ic06.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
#beginner.top .indexList > li.index07 a span:after { background: url(/beginner/img-files/sp_beginner_com_ic07.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
#beginner.top .indexList > li.index08 a span:after { background: url(/beginner/img-files/sp_beginner_com_ic08.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }

/* Lower than beginner
 * elementID body#beginner.xxxx
------------------------------------------------------ */
/* ----- section02 ----- */
body#beginner .beginnerSec02 {
	margin-top: 30px;
	padding: 10px;
}
body#beginner .beginnerSec02 .beginnerInner {
	padding: 10px 20px 20px;
}
body#beginner .beginnerSec02 .comicWrap {
	width: 100%;
	margin: 0 auto;
}
body#beginner .comicWrap .comicLayout > img {
	float: none;
}
body#beginner .comicWrap .comicLayout > img + img {
	margin-right: 0;
	margin-top: 5px;
}
body#beginner .beginnerSec02 .comicWrap .comicNote {
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: normal !important;
}

/* ----- section03 ----- */
body#beginner .beginnerSec03 {
	margin-top: 20px;
}
body#beginner .beginnerSec03 + .beginnerSec03 {
	margin-top: 25px;
}

/* unique set */
body#beginner .beginnerSec03 .colLayout .col,
body#beginner .beginnerSec03 .beginnerLayout .col{
	float: none;
	clear: both;
}

/* ----- section04 ----- */
body#beginner .beginnerSec04 {
	margin-top: 20px;
}
body#beginner .beginnerSec04 + * {
	margin-top: 25px !important;
}
body#beginner .beginnerSec04 .beginnerSec04Inner {
	padding: 0;
}
body#beginner .beginnerSec04 .beginnerHead04 span:before { background: url(/beginner/img-files/oversea_ex02.png) 0 0 no-repeat; }
body#beginner .beginnerSec04 .beginnerHead04 span:after { background: url(/beginner/img-files/oversea_ex03.png) 0 0 no-repeat; }
body#beginner .beginnerSec04 .beginnerHead04 span:before,
body#beginner .beginnerSec04 .beginnerHead04 span:after {
	width: 65px;
	height: 34px;
	background-size: 65px 34px !important;
}
body#beginner .beginnerSec04 .beginnerHead04 span {
	position: relative;
	padding: 5px 70px;
}
body#beginner .beginnerSec04 .beginnerHead04 span:before,
body#beginner .beginnerSec04 .beginnerHead04 span:after {
	content: "";
	display: block;
	position: absolute;
	top: 60%;
	margin-top: -27px;
}
body#beginner .beginnerSec04 .beginnerHead04 span:before {
	left: 0;
}
body#beginner .beginnerSec04 .beginnerHead04 span:after {
	right: 0;
}

/* ----- heading ----- */
body#beginner .beginnerHead01 {
	margin-bottom: 15px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
body#beginner .beginnerHead01 .baloon {
	display: block;
	margin: 0 0 5px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}
body#beginner .beginnerHead01 .baloon:after {
	content: "";
	display: none;
}
body#beginner .beginnerHead02 {
	margin-bottom: 15px;
	padding: 8px 0 8px 44px;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.2;
}
body#beginner .beginnerHead03 {
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 10px;
}
body#beginner .beginnerHead04 {
	margin-bottom: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
body#beginner .beginnerHead04 + * {
	margin-top: 0 !important;
}
body#beginner .beginnerHead04 span {
	padding: 0;
}
body#beginner .beginnerHead04 span:before,
body#beginner .beginnerHead04 span:after {
	display: none;
}
body#beginner .beginnerHead04 span em {
	font-size: 16px;
	font-size: 1.6rem;
}
body#beginner .beginnerHead05 {
	margin-bottom: 15px;
	font-size: 14px;
	font-size: 1.4rem;
}
body#beginner .beginnerHead05:after {
	bottom: -6px;
	margin-left: -4px;
	border-top: 6px solid #a5001e;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

/* unique set */
body#beginner.first .beginnerHead02,
body#beginner.shopping .beginnerHead02,
body#beginner.netshopping .beginnerHead02,
body#beginner.oversea .beginnerHead02,
body#beginner.marriage .beginnerHead02,
body#beginner.moving .beginnerHead02,
body#beginner.point .beginnerHead02,
body#beginner.gold .beginnerHead02 { -webkit-background-size: 40px 40px; background-size: 40px 40px; }

/* ----- mainWrap ----- */
body#beginner .beginnerMain {
	padding: 10px;
	background: #ffd4cb;
	-webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
					border-radius: 8px;
}
/* unique set */
body#beginner.first .beginnerMain { background: #ffd4cb; }

body#beginner .beginnerMain .beginnerInner {
	padding: 10px;
}
body#beginner .beginnerMain .beginnerInner:after {
	display: none;
}
body#beginner.first .beginnerMain .beginnerInner,
body#beginner.netshopping .beginnerMain .beginnerInner,
body#beginner.oversea .beginnerMain .beginnerInner,
body#beginner.shopping .beginnerMain .beginnerInner,
body#beginner.marriage .beginnerMain .beginnerInner,
body#beginner.moving .beginnerMain .beginnerInner,
body#beginner.point .beginnerMain .beginnerInner,
body#beginner.gold .beginnerMain .beginnerInner { padding-right: 10px; background: #ffffff; }
body#beginner.first .beginnerMain .beginnerInner {
	background: #ffffff;
}
body#beginner.oversea .beginnerMain .beginnerInner{min-height: 100%;}
body#beginner .beginnerMain .beginnerLead01 {
	font-size: 14px;
	font-size: 1.4rem;
	text-shadow: 1px 1px 0 #ffffff,-1px 1px 0 #ffffff,1px -1px 0 #ffffff,-1px -1px 0 #ffffff;
}
body#beginner .beginnerMain .beginnerCv,
body#beginner .beginnerMain .beginnerCvGold {
	width: 100%;
	padding-top: 5px;
}
body#beginner .beginnerCv.goldBtn {
	width: 100%;
}
body#beginner .beginnerMain .beginnerCv a,
body#beginner .beginnerCv.goldBtn a {
	width: 100%;
}
body#beginner .beginnerMain .beginnerCv a:hover,
body#beginner .beginnerCv.goldBtn a:hover {
	margin-top: 0;
	border-bottom-width: 3px;
	opacity: 1.0;
}
body#beginner .beginnerMain .btnList01 a {
	width: 100%;
	padding-top: 14px;
	padding-bottom: 13px;
	font-size: 16px;
	font-size: 1.6rem;
}

body#beginner .beginnerCv.goldBtn a {
	position: relative;
	width: 100%;
	display: block;
	padding: 10px 30px 5px 65px;
	background: url(/beginner/img-files/gold_im01.jpg) 5px 12px no-repeat #ffffff;
	-webkit-background-size: 50px auto;
					background-size: 50px auto;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2;
}
body#beginner .beginnerCv.goldBtn a  .sub {
	font-size: 12px;
	font-size: 1.2rem;
}
body#beginner .beginnerCv.goldBtn a:after {
	right: 10px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url(/common-files/img/sp_com_btn_ic14.png) 0 0 no-repeat;
	-webkit-background-size: 20px 20px;
					background-size: 20px 20px;
}
body#beginner .beginnerCv.goldBtn a:hover {
	margin-top: 0;
	border-bottom-width: 5px;
}

/* ----- anchor ----- */
body#beginner .beginnerAnchor {
	margin: 20px 0 0;
}
body#beginner .beginnerAnchor .beginnerAnclist > li {
	width: 100%;
	float: none;
}
body#beginner .beginnerAnchor .beginnerAnclist > li + li {
	margin-left: 0;
	margin-top: 10px;
}
body#beginner .beginnerAnchor .beginnerAnclist > li a {
	padding: 10px 25px 10px 5px;
	border: 1px solid #888888;
	border-bottom-width: 3px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
}
body#beginner .beginnerAnchor .beginnerAnclist > li a:hover {
	top: 0;
	border-bottom-width: 3px;
}
body#beginner .beginnerAnchor .beginnerAnclist > li a:before {
	display: none;
}
body#beginner .beginnerAnchor .beginnerAnclist > li a:after {
	width: 15px;
	height: 15px;
	right: 10px;
	margin-top: -8px;
}
body#beginner.first .beginnerAnchor .beginnerAnclist > li a:after,
body#beginner.shopping .beginnerAnchor .beginnerAnclist > li a:after,
body#beginner.netshopping .beginnerAnchor .beginnerAnclist > li a:after,
body#beginner.oversea .beginnerAnchor .beginnerAnclist > li a:after,
body#beginner.marriage .beginnerAnchor .beginnerAnclist > li a:after,
body#beginner.moving .beginnerAnchor .beginnerAnclist > li a:after,
body#beginner.point .beginnerAnchor .beginnerAnclist > li a:after,
body#beginner.gold .beginnerAnchor .beginnerAnclist > li a:after { -webkit-background-size: 15px 15px; background-size: 15px 15px; }

/* ----- button ----- */
body#beginner .beginnerButton01 > a,
body#beginner .beginnerButton01.hasLogo > a {
	width: auto;
	padding: 12px 30px 10px 15px;
	text-align: center;
}
body#beginner .beginnerButton01 > a:after {
	right: 5px;
	background: url(/common-files/img/sp_com_arw_ic09.png) 0 0 no-repeat;
	-webkit-background-size: 20px 20px;
					background-size: 20px 20px;
}

/* ----- box ----- */
body#beginner .beginnerBox {
	width: 100%;
	margin: 15px auto 0;
	padding: 15px;
}

/* ----- caption ----- */
body#beginner .beginnerCaption01{
	font-size: 16px;
	font-size: 1.6rem;
}

/* beginner Common
------------------------------------------------------ */
/* ----- beginnerCv ----- */
body#beginner #beginnerCv,
body#beginner #beginnerCvGold {
	margin-top: 50px;
	padding: 25px 10px 35px;
	position: relative;
	background: #ffebeb;
}
body#beginner #beginnerCv:after,
body#beginner #beginnerCvGold:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: -24px;
	left: 50%;
	margin-left: -38px;
	border-bottom: 24px solid #ffebeb;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
}
body#beginner #beginnerCv .innerWrap,
body#beginner #beginnerCvGold .innerWrap {
	width: 100%;
	margin: 0;
}
body#beginner #beginnerCv .cvSubLead,
body#beginner #beginnerCvGold .cvSubLead {
	font-size: 14px;
	font-size: 1.4rem;
}
body#beginner #beginnerCv .cvLead,
body#beginner #beginnerCvGold .cvLead {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
body#beginner #beginnerCv .cvLead .integer,
body#beginner #beginnerCvGold .cvLead .integer {
	font-size: 20px;
	font-size: 2.0rem;
}

/* ----- beginnerNavi ----- */
body#beginner #beginnerNavi {
	width: 100%;
	margin: 20px auto 0;
}
body#beginner #beginnerNavi .naviHead {
	margin-bottom: 10px;
	font-size: 18px;
	font-size: 1.8rem;
}
body#beginner #beginnerNavi .naviList {
	margin: 0 10px;
	padding: 0;
	border-top: 1px dotted #b2aea6;
}
body#beginner #beginnerNavi .naviList > li {
	float: none;
	width: 100%;
	margin-left: 0;
}
body#beginner #beginnerNavi .naviList > li:nth-child(4n+1) {
	margin-left: 0;
}
body#beginner #beginnerNavi .naviList > li:nth-child(n+5) {
	margin-top: 0;
}
body#beginner #beginnerNavi .naviList > li a {
	padding-top: 0;
	padding-left: 60px;
	border-bottom: 1px dotted #b2aea6;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
}
body#beginner #beginnerNavi .naviList > li.nav01 a { background: url(/beginner/img-files/sp_beginner_com_nav01.png) 4px 50% no-repeat; -webkit-background-size: 35px 35px; background-size: 35px 35px; }
body#beginner #beginnerNavi .naviList > li.nav02 a { background: url(/beginner/img-files/sp_beginner_com_nav02.png) 4px 50% no-repeat; -webkit-background-size: 35px 35px; background-size: 35px 35px; }
body#beginner #beginnerNavi .naviList > li.nav03 a { background: url(/beginner/img-files/sp_beginner_com_nav03.png) 4px 50% no-repeat; -webkit-background-size: 35px 35px; background-size: 35px 35px; }
body#beginner #beginnerNavi .naviList > li.nav04 a { background: url(/beginner/img-files/sp_beginner_com_nav04.png) 4px 50% no-repeat; -webkit-background-size: 35px 35px; background-size: 35px 35px; }
body#beginner #beginnerNavi .naviList > li.nav05 a { background: url(/beginner/img-files/sp_beginner_com_nav05.png) 4px 50% no-repeat; -webkit-background-size: 35px 35px; background-size: 35px 35px; }
body#beginner #beginnerNavi .naviList > li.nav06 a { background: url(/beginner/img-files/sp_beginner_com_nav06.png) 4px 50% no-repeat; -webkit-background-size: 35px 35px; background-size: 35px 35px; }
body#beginner #beginnerNavi .naviList > li.nav07 a { background: url(/beginner/img-files/sp_beginner_com_nav07.png) 4px 50% no-repeat; -webkit-background-size: 35px 35px; background-size: 35px 35px; }
body#beginner #beginnerNavi .naviList > li.nav08 a { background: url(/beginner/img-files/sp_beginner_com_nav08.png) 4px 50% no-repeat; -webkit-background-size: 35px 35px; background-size: 35px 35px; }
body#beginner #beginnerNavi .naviList > li a:hover {
	margin-top: 0;
}
body#beginner #beginnerNavi .naviList > li span {
	position: relative;
	display: block;
	padding: 15px 25px 15px 0;
}
body#beginner #beginnerNavi .naviList > li span:after {
	width: 17px;
	height: 17px;
	margin-top: -9px;
	right: 5px;
}
body#beginner #beginnerNavi .naviList > li.nav01 span:after { background: url(/beginner/img-files/sp_beginner_com_ic01.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
body#beginner #beginnerNavi .naviList > li.nav02 span:after { background: url(/beginner/img-files/sp_beginner_com_ic02.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
body#beginner #beginnerNavi .naviList > li.nav03 span:after { background: url(/beginner/img-files/sp_beginner_com_ic03.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
body#beginner #beginnerNavi .naviList > li.nav04 span:after { background: url(/beginner/img-files/sp_beginner_com_ic04.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
body#beginner #beginnerNavi .naviList > li.nav05 span:after { background: url(/beginner/img-files/sp_beginner_com_ic05.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
body#beginner #beginnerNavi .naviList > li.nav06 span:after { background: url(/beginner/img-files/sp_beginner_com_ic06.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
body#beginner #beginnerNavi .naviList > li.nav07 span:after { background: url(/beginner/img-files/sp_beginner_com_ic07.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }
body#beginner #beginnerNavi .naviList > li.nav08 span:after { background: url(/beginner/img-files/sp_beginner_com_ic08.png) 0 0 no-repeat; -webkit-background-size: 17px 17px; background-size: 17px 17px; }


/* /beginner/first.html
------------------------------------------------------ */
body#beginner.first .beginnerSec03.index02 .colLayout {
	margin-bottom: 0;
}
body#beginner.first .beginnerSec03.index01 .beginnerCaption01{
	display: inline-block;
	padding: 10px 0 5px;
	background: #e06046;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #ffffff;
}
body#beginner.first .beginnerSec03.index03 .firstAppBox {
	margin-top: 20px;
	padding: 10px;
}
body#beginner.first .beginnerSec03.index03 .firstAppBox .col.featureCol {
	float: none;
	width: 100%;
	margin-right: 0;
}
body#beginner.first .beginnerSec03.index03 .firstAppBox .col.shotCol {
	display: none;
}
body#beginner.first .beginnerSec03.index03 .colLayout .appTxt {
	margin-left: 0;
	padding: 5px 0 5px 45px;
	background: url(/beginner/img-files/first_ic04.png) 0 0.2em no-repeat;
	-webkit-background-size: 40px 40px;
					background-size: 40px 40px;
	font-size: 16px;
	font-size: 1.6rem;
}
body#beginner.first .beginnerSec03.index03 .colLayout .appTxt .txtColor1 {
	font-size: 22px;
	font-size: 2.2rem;
}
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col3.type_frs ,
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col4 {
	margin-top: 10px;
}
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col3.type_frs .col ,
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col4 .col {
	float: left;
	width: 100%;
	margin-right: 0;
	text-align: left;
}
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col3.type_frs .col + .col ,
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col4 .col + .col {
	margin-top: 10px;
}
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col3.type_frs .col figure ,
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col4 .col figure {
	width: 100%;
	display: table;
}
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col3.type_frs .col figure .icon,
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col3.type_frs .col figure .appCaption01 ,
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col4 .col figure .icon,
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col4 .col figure .appCaption01 {
	display: table-cell;
	vertical-align: middle;
}
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col3.type_frs .col figure .icon ,
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col4 .col figure .icon {
	width: 21%;
	padding-right: 6px;
}
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col3.type_frs .col figure .icon img ,
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col4 .col figure .icon img {
	width: 100%;
}
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col3.type_frs .col figure .appCaption01 ,
body#beginner.first .beginnerSec03.index03 .colLayout .colLayout.col4 .col figure .appCaption01 {
	width: 79%;
}

/* /beginner/shopping.html
------------------------------------------------------ */
body#beginner.shopping .beginnerSec03.index01 .beginnerCaption02 {
	font-size: 14px;
	font-size: 1.4rem;
}
body#beginner.shopping .shoppingList01 {
	width: 100%;
	margin: 15px auto 0;
}
body#beginner.shopping .shoppingList01 li {
	text-align: center;
	float: left;
	width: 31%;
	margin-left: 3.5%;
}
body#beginner.shopping .shoppingList01 li:nth-child(3n+1) {
	margin-left: 0;
}
body#beginner.shopping .shoppingList01 li:nth-child(n+4) {
	margin-top: 3.5%;
}

/* /beginner/netshopping.html
------------------------------------------------------ */
body#beginner.netshopping .comicWrap .comicLayout.index01 img + img {
	margin-right: 0;
}
body#beginner.netshopping .netshoppingList01 > li {
	float: left;
	width: 32%;
	margin-left: 2%;
}
body#beginner.netshopping .netshoppingList01 > li:nth-child(3n+1) {
	margin-left: 0;
}
body#beginner.netshopping .netshoppingList01 > li:nth-child(n+4) {
	margin-top: 2%;
}
body#beginner.netshopping .netshoppingLead01 {
	margin-top: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
}
body#beginner.netshopping .netshoppingLead02 {
	margin-bottom: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
}
body#beginner.netshopping .netshoppingBox01 {
	position: relative;
	margin-top: 10px;
	margin-bottom: 40px;
}
body#beginner.netshopping .netshoppingBox01:after {
	bottom: -35px;
	margin-left: -25px;
	border-top: 20px solid #b9a34b;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}
body#beginner.netshopping .netshoppingHead01 {
	padding: 10px 5px 8px;
	font-size: 16px;
	font-size: 1.6rem;
}
body#beginner.netshopping .netshoppingCol01 .col {
	float: none;
	width: 100%;
	margin-left: 0;
}
body#beginner.netshopping .netshoppingCol01 .col + .col {
	margin-top: 5px;
}
body#beginner.netshopping .netshoppingCol02 .col {
	border-left: none;
	padding-left: 0;
}
body#beginner.netshopping .netshoppingCol02 .col + .col {
	margin-top: 20px;
}

body#beginner.netshopping .netshoppingBal {
	padding: 5px;
	background: #ffffff;
	-webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
					border-radius: 10px;
	font-size: 13px;
	font-size: 1.3rem;
}
body#beginner.netshopping .netshoppingNumText {
	padding-left: 34px;
	font-size: 14px;
	font-size: 1.4rem;
}
body#beginner.netshopping .netshoppingNumText .num {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 1.9em;
	height: 1.9em;
	padding-top: 4px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

/* /beginner/oversea.html
------------------------------------------------------ */
body#beginner.oversea .comicWrap .comicLayout.index01 img + img {
	margin-right: 0;
}
body#beginner.oversea .overseaLead01 {
	padding: 5px 0 5px 24px;
	background: url(/beginner/img-files/oversea_ic03.png) 0 0.5em no-repeat;
	-webkit-background-size: 17px 17px;
	background-size: 17px 17px;
	font-size: 18px;
	font-size: 1.8rem;
}
body#beginner.oversea .overseaList01 {
	margin-top: 15px;
	width: 100%;
}
body#beginner.oversea .overseaList01 > li {
	float: none;
	width: 100%;
	margin-left: 0;
	padding: 5px 0 5px 30px;
	font-size: 14px;
	font-size: 1.4rem;
}
body#beginner.oversea .overseaList01 > li > em {
	font-size: 14px;
	font-size: 1.4rem;
	color: #a5001e;
}
body#beginner.oversea .overseaList01 > li.num01 { background: url(/beginner/img-files/oversea_num01.png) 0 50% no-repeat; -webkit-background-size: 25px; background-size: 25px; }
body#beginner.oversea .overseaList01 > li.num02 { background: url(/beginner/img-files/oversea_num02.png) 0 50% no-repeat; -webkit-background-size: 25px; background-size: 25px; }
body#beginner.oversea .overseaList01 > li.num03 { background: url(/beginner/img-files/oversea_num03.png) 0 50% no-repeat; -webkit-background-size: 25px; background-size: 25px; }
body#beginner.oversea .overseaList01 > li.num04 { background: url(/beginner/img-files/oversea_num04.png) 0 50% no-repeat; -webkit-background-size: 25px; background-size: 25px; }
body#beginner.oversea .overseaList01 > li + li,
body#beginner.oversea .overseaList01 > li:nth-child(n+3) {
	margin-top: 5px;
}
body#beginner.oversea .beginnerSec03.index02 .beginnerCaption01{
	margin-bottom: 0;
}
body#beginner.oversea .beginnerSec03.index02 .colLayout .col {
	padding-bottom: 20px;
}
body#beginner.oversea .beginnerSec03.index02 .colLayout .col .btnLink01 {
	margin: 15px 10px;
}
body#beginner.oversea .overseaList02 {
	width: 100%;
	margin: 20px auto 0;
}
body#beginner.oversea .overseaList02 li {
	float: left;
	width: 48%;
	margin-left: 4%;
}
body#beginner.oversea .overseaList02 li:nth-child(2n+1) {
	margin-left: 0;
}
body#beginner.oversea .overseaList02 li:nth-child(n+3) {
	margin-top: 4%;
}

/* /beginner/marriage.html
------------------------------------------------------ */
body#beginner.marriage .marriageSec01 {
	width: 100%;
	margin: 15px auto 0;
}
body#beginner.marriage .marriageList01 {
	width: 65.5%;
	margin-left: auto;
	margin-right: auto;
}
body#beginner.marriage .marriageList01 li {
	float: left;
	width: 48%;
	margin-left: 4.0%;
}
body#beginner.marriage .marriageList01 li:nth-child(2n+1) {
	margin-left: 0;
}
body#beginner.marriage .marriageList01 li:nth-child(n+3) {
	margin-top: 4%;
}
body#beginner.marriage .beginnerSec03.index02 .beginnerBox {
	padding: 10px;
}
body#beginner.marriage .marriageList02 {
	width: 100%;
	margin: 15px auto 0;
}
body#beginner.marriage .marriageList02 li {
	float: left;
	width: 31%;
	margin-left: 3.5%;
}
body#beginner.marriage .marriageList02 li:nth-child(5n+1) {
	margin-left: 3.5%;
}
body#beginner.marriage .marriageList02 li:nth-child(3n+1) {
	margin-left: 0;
}
body#beginner.marriage .marriageList02 li:nth-child(n+4) {
	margin-top: 3.5%;
}

/* /beginner/moving.html
------------------------------------------------------ */
body#beginner.moving .movingLead01 {
	margin: 20px 0 10px !important;
	font-size: 14px;
	font-size: 1.4rem;
}
body#beginner.moving .movingList01 {
	width: 100%;
	margin: 15px auto 0;
}
body#beginner.moving .movingList01 li {
	text-align: center;
	float: left;
	width: 31%;
	margin-left: 3.5%;
}
body#beginner.moving .movingList01 li:nth-child(3n+1) {
	margin-left: 0;
}
body#beginner.moving .movingList01 li:nth-child(n+4) {
	margin-top: 3.5%;
}


body#beginner.moving .movingList02 {
	margin-top: 20px;
}
body#beginner.moving .movingList02 li {
	float: none;
	width: 100%;
	margin-left: 0;
}
body#beginner.moving .movingList02 li + li {
	margin-top: 10px;
}
body#beginner.moving .movingList02 li .movingBaloon {
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 15px;
	padding: 15px 15px 15px 70px;
	background: url(/beginner/img-files/sp_moving_ic01.png) 10px 50% no-repeat #ffffff;
	-webkit-background-size: 40px 42px;
					background-size: 40px 42px;
	font-size: 14px;
	font-size: 1.4rem;
}
body#beginner.moving .movingList02 li.index01 .movingBaloon { background-image: url(/beginner/img-files/sp_moving_ic01.png); }
body#beginner.moving .movingList02 li.index02 .movingBaloon { background-image: url(/beginner/img-files/sp_moving_ic02.png); }
body#beginner.moving .movingList02 li.index03 .movingBaloon { background-image: url(/beginner/img-files/sp_moving_ic03.png); }
body#beginner.moving .movingList02 li .movingBaloon:after {
	bottom: -9px;
	margin-left: -9px;
	border-top: 9px solid #ffffff;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
}
body#beginner.moving .movingList02 li .movingIconTxt {
	height: 60px;
	font-size: 16px;
	font-size: 1.6rem;
}
body#beginner.moving .movingList02 li .movingIconTxt > span {
	padding-left: 65px;
	-webkit-background-size: 56px 56px;
					background-size: 56px 56px;
	vertical-align: middle;
}

/* /beginner/point.html
------------------------------------------------------ */
body#beginner.point .pointList01 {
	width: 100%;
	margin: 15px auto 0;
}
body#beginner.point .pointList01 li {
	text-align: center;
	float: left;
	width: 31%;
	margin-left: 3.5%;
}
body#beginner.point .pointList01 li:nth-child(3n+1) {
	margin-left: 0;
}
body#beginner.point .pointList01 li:nth-child(n+4) {
	margin-top: 3.5%;
}

body#beginner.point .pointList02 {
	width: 100%;
}
body#beginner.point .pointList02 li {
	text-align: center;
	float: left;
	width: 31%;
	margin-left: 3.5%;
}
body#beginner.point .pointList02 li.add {
	width: 48.25%;
	margin-top: 3.5%;
	margin-left: 0;
	padding-left: 17.25%;
	background: url(/beginner/img-files/point_ex04.png) 8.625% 35% no-repeat;
	-webkit-background-size: 20px 20px;
					background-size: 20px 20px;
	clear: left;
}
body#beginner.point .pointList02 li.add + li.add {
	clear: none;
	margin-left: 3.5%;
}
body#beginner.point .pointBox01 {
	position: relative;
	width: 100%;
	margin-top: 60px;
	overflow: visible;
}
body#beginner.point .pointBox01 .beginnerHead05 {
	position: absolute;
	width: 100%;
	left: 0;
	margin-top: -40px;
	margin-left: 0;
	margin-right: 0;
}
body#beginner.point .pointTextBox01 {
	margin-top: 10px;
	padding-right: 0;
	letter-spacing: normal;
	text-align: center;
}
body#beginner.point .pointTextBox01 .pointText {
	display: block;
}
body#beginner.point .pointTextBox01 .pointText.text01 {
	padding-top: 0;
}
body#beginner.point .pointTextBox01 .pointText.text02 {
	margin-top: 5px;
	padding-left: 0;
}
body#beginner.point .pointLead01 {
	margin-top: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
}
.pcmt50{
	margin-top: 20px;
}
	
	
/* /beginner/gold.html
------------------------------------------------------ */
body#beginner.gold .goldColumn01 {
	width: 100%;
	margin-bottom: 0;
}
body#beginner.gold .goldColumn01 > .col .goldColumnTtl {
	position: relative;
	padding: 7px 5px 6px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
body#beginner.gold .goldColumn01 > .col .goldColumnText {
	padding: 10px 5px;
	font-size: 14px;
	font-size: 1.4rem;
}
body#beginner.gold .goldColumn02 {
	padding-left: 0;
	padding-right: 0;
}
body#beginner.gold .goldBtnList {
	margin-top: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
body#beginner.gold .goldBtnList .btnLink01 {
	width: 100%;
	float: none;
	margin-top: 0;
	margin-left: 0;
	clear: none;
}
body#beginner.gold .goldBtnList .btnLink01:nth-child(2n+1) {
	margin-left: 0;
}
body#beginner.gold .goldBtnList .btnLink01 + .btnLink01 {
	margin-top: 10px;
}
body#beginner.gold .goldBtnList .btnLink01 a {
	width: 100%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 15px;
	line-height: 1.2;
}
body#beginner.gold .goldBtnList .btnLink01.hasLogo a {
	padding-left: 15px;
	padding-right: 30px;
	color: #222222;
}
body#beginner.gold .goldBtnList .btnLink01.hasLogo a:after {
	right: 5px;
	background-image: url(/common-files/img/sp_com_btn_ic01.png);
	-webkit-background-size: 20px 20px;
					background-size: 20px 20px;
}
body#beginner.gold .goldLarge {
	font-size: 18px;
	font-size: 1.8rem;
}
body#beginner.gold .beginnerBox.type-gold01 {
	padding-top: 10px;
}

body#beginner.gold .goldExText01 {
	margin-bottom: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
body#beginner.gold .goldExText01 .text {
	display: inline-block;
	padding: 30px 0 0;
	background: url(/beginner/img-files/gold_tx03.gif) 50% 0 no-repeat;
	-webkit-background-size: 71px 25px;
					background-size: 71px 25px;
	text-align: left;
}
body#beginner.gold .goldExText01 .sub {
	font-size: 14px;
	font-size: 1.4rem;
}
	
/* beginnerCb_wrapper */
body#beginner #modal_Beginner{
	display: none;
}
body#beginner .beginnerCb_block{
	padding: 15px;
	text-align: center;
}
body#beginner .beginnerCb_block .colLayout {
	margin: 0 auto;
	width: auto;
}
body#beginner .beginnerCb_block .beginnerCb_head01 {
	padding: 10px 0 7px;
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: bold;
	text-align: center;
}
body#beginner .beginnerCb_block .beginnerCb_head01 img {
	width: 140px;
}
body#beginner .beginnerCb_block .beginnerCb_tx01 {
	line-height: 1.2;
}
body#beginner .beginnerCb_block .beginnerCb_tx01 img {
	width: 140px;
}
body#beginner .beginnerCb_block iframe {
	width: 100%;
	max-height: 190px;
	margin: 0 auto;
}
body#beginner .beginnerCb_block .btnLink01 a:after {
	right: 10px;
	height: 14px;
	width: 14px;
	margin-top: -7px;
	background-image: url(/common-files/img/sp_com_close_ic01.png);
	-webkit-background-size: 14px 14px;
					background-size: 14px 14px;
}
body#beginner .beginnerCb_block .btnLink01.cb_close a img {
	width: 30px;
	height: auto;
}


/* beginnerMovieBox */
body#beginner .beginnerMovieBox {
	display: block;
	width: 100%;
	margin: 25px auto 0;
	border: solid 2px #b6130d;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
}
body#beginner .beginnerMovieBox .movieHead {
	display: block;
	width: auto;
	padding: 1px 22%;
	background: #b6130d;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
body#beginner .beginnerMovieBox .movieHead > span {
	display: block;
	background: url(/beginner/img-files/beginner_ex01.gif) repeat-x 0 50%;
	background-size: 2px auto;
}
body#beginner .beginnerMovieBox .movieHead > span > span {
	padding: 0 5px;
	background: #b6130d;
}
body#beginner .beginnerMovieBox .begMovBoxInner01 {
	display: block;
	margin: 0 1px 1px;
	border-left: none;
	border: solid 1px #b6130d;
	border-top: none;
	-webkit-border-radius: 0 0 4px 4px;
		 -moz-border-radius: 0 0 4px 4px;
					border-radius: 0 0 4px 4px;
}
body#beginner .beginnerMovieBox .begMovBoxInner01 > .begMovBoxInner02 {
	margin: 0 2px 2px;
	padding: 10px 5px 5px;
	border-left: none;
	border: dotted 2px #b6130d;
	border-top: none;
	-webkit-border-radius: 0 0 4px 4px;
		 -moz-border-radius: 0 0 4px 4px;
					border-radius: 0 0 4px 4px;
}
body#beginner .beginnerMovieBox .begMovBoxInner01 > .begMovBoxInner02 .begMovLayout {
	margin: 0 0 5px;
}
body#beginner .beginnerMovieBox .begMovBoxInner01 > .begMovBoxInner02 .begMovLayout .colL {
	float: left;
	margin: 0 2% 0 0;
	width: 55%;
}
body#beginner .beginnerMovieBox .begMovBoxInner01 > .begMovBoxInner02 .begMovLayout .colR {
	float: right;
	width: 43%;
}


/* Clearfix
------------------------------------------------------ */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}

}