@charset "utf-8";
/*----------------------------------------------------------------------------
Import
----------------------------------------------------------------------------*/

/* ------- basic ------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	color:#000;
}
body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	line-height: 1.3em;
	color: #333;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	-webkit-text-size-adjust: 100%;
}
a:link,a:active,a:visited {
	text-decoration:none;
}
a:link {
	color:#029032;
	text-decoration:none;
}
a:visited {
	color:#029032;
	text-decoration:none;
}
a:hover {
	color:#029032;
	text-decoration:underline;
}
img.autoFull {
	max-width: 100%;
	height: auto;
}

.headerLine {
	background: #fff;
	border-bottom: solid 3px #1a9431;
	overflow: hidden;
	line-height: 1em !important;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1001;
}
#headerLineText {
	color: #808080;
	font-size:8px;
	line-height:10px;
	top:9px;
	left:7px;
	position: absolute;
	zoom: 0.9;
}
/*.headerLine p {
	color: #DBB035;
	font-size:10px;
	line-height:10px;
	margin-bottom:5px;
	padding-top:4px;
}*/
.headerLine img {
	/*vertical-align: bottom;*/
}
.headerLine .logo {
	float: left;
	padding: 6px 5px 6px 7px;
	max-width: 77.1875%;
	box-sizing: border-box;
	position: relative;
}
.headerLine .icon {
	width:45px;
	text-align:center;
	float: right;
}
.headerLine .icon a {
	display:block;
	padding:16px 10px 15px;
}
.headerLine .icon.menu {
	margin-right:0px;
}
.headerLine .icon a.open {
	background:#fff;
}
.header {
	overflow: hidden;
	z-index: 100;
	position: relative;
}
.header .logo {
	padding: 19px 0px 13px;
	text-align: center;
}

#gnaviWrapper {
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 1000;
}
#gnaviWrapper.open {
	height: 100%;
}
#gnaviWrapper.open:before {
	content: '';
	position: absolute;
	background: #fff;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#gnavi {
	position: absolute;
	display: none;
	width: 100%;
	max-height: 100%;
	box-sizing: border-box;
	z-index: 1001;
}
#gnavi .scroll {
	width: 100%;
	max-height: 100vh;
	padding-top: 52px;
	overflow-y: scroll;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}
#gnavi .textCommonBlock a ,
#gnavi .textCommonBlock .tableWrapper {
	display: block;
	color: #1a9431;
	text-decoration:none;
}
#gnavi .textCommonBlock.nenga a ,
#gnavi .textCommonBlock.nenga .tableWrapper {
	color: #cc0000;
}
#gnavi .textCommonBlock .tableWrapper {
	padding: 12px 10px 12px 20px;
	background-size:6px 5px;
}
#gnavi .textCommonBlock.sub a ,
#gnavi .textCommonBlock.sub .tableWrapper {
	display: block;
	color: #FFF;
	text-decoration:none;
	background:#1a9431;
}
#gnavi .textCommonBlock.sub .tableWrapper {
	padding: 12px 10px 12px 20px;
	background:#1a9431;
	background-size:6px 5px;
}
#gnavi .textCommonBlock .multiline {
	padding: 5px 10px 5px 20px;
}
#gnavi .textCommonBlock .table {
	display: table;
	width: 100%;
}
#gnavi .textCommonBlock .text {
	display: table-cell;
	padding-right: 10px;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
}
/*#gnavi .textCommonBlock .multiline .text {
	padding-top: 4px;
}*/
#gnavi .textCommonBlock .text strong {
	font-weight: normal;
	font-size: 12px;
}
#gnavi .textCommonBlock .arrow {
	display: table-cell;
	width: 10px;
	vertical-align: middle;
	line-height:1;
}

/*-----------------------*/
#gnavi .editBtnWrapper {
	position: relative;
}
#gnavi .editBtnWrapper ,
.editBtnWrapper.toppage {
	background: #dbdeed;
	padding: 10px;
	overflow: hidden;
	vertical-align: bottom;
}
/*.noEditBtn #gnavi .editBtnWrapper {
	display: none;
}*/
#gnavi .editBtnWrapper ul ,
.editBtnWrapper.toppage ul {
	margin: 0 -5px;
}
#gnavi .editBtnWrapper ul li ,
.editBtnWrapper.toppage ul li {
	float: left;
	width: 25%;
	list-style: none;
	box-sizing: border-box;
	padding: 0 3px;
}
#gnavi .editBtnWrapper ul li.last {
}
#gnavi .editBtnWrapper ul li a ,
.editBtnWrapper.toppage ul li a {
	background: #2464b0;
	background: linear-gradient(to bottom,  rgba(103,146,198,1) 0%,rgba(41,101,175,1) 100%); /* W3C */
	border-radius: 5px;
	font-size: 90% !important;
	display: block;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: table;
	width: 100%;
	padding-right: 5px;
	position: relative;
	box-sizing: border-box;
}
#gnavi .editBtnWrapper ul li a:after ,
.editBtnWrapper.toppage ul li a:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 10px;
	right: 4px;
	top: 55%;
	margin-top: -7px;
	background: url(../images/sphone/common/icon_btn_arrow.png) no-repeat right center;
	background-size: 6px auto;
}

#gnavi .editBtnWrapper ul li a span ,
.editBtnWrapper.toppage ul li a span {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	height: 45px;
	line-height: 1.3;
	font-size: 12px;
}
.fss{font-size: 11px!important;}
#contents {
	padding-top: 52px;
}

/*------------------*/
.textCommonBlock.gnavi {
	background: #fff;
	padding:0px;
}
.gnavi span.commingsoon {
	padding:28px 0px;
	height: 44px;
	text-decoration:none;
	display:table;
	width:100%;
	font-weight: normal;
	color:#868686;
}
.gnavi span.commingsoon strong {
	font-weight: normal;
	color:#000;
	font-size: 12px;
}

.footerCopyRight {
	font-size: 9px;
	line-height: 1.3em;
}

.footer {
	/*border-top: #fff solid 1px;*/
	background: #000000;
}
.footer .localNavi {
	background: #eeeeee;
	overflow: hidden;
	padding: 6px 10px;
	font-size: 17px;
	color: #000;
}
.footer .links {
	padding: 0px 0 4px;
	text-align: left;
	color: #fff;
	font-size: 13px;
}
.footer a {
	color:#000;
}
.footer a:hover {
	color:#af9f7d;
}
.footer .share {
	float: right;
	font-size: 13px;
}
.footer .share a {
	margin-left: 0px;
}
.footer .share a img {
	vertical-align: middle;
}
/*.footer .share a:hover img {
	opacity: 0.01;
}*/
.footer .share span.snsFb {
	width: 32px;
	height: 32px;
	display: inline-block;
	/*background: url(../images/sp/btn_facebook_on.gif) no-repeat left top;
	background-size:100% 100%;*/
	margin-left: 10px;
	margin-right: 10px;
}
.footer .share span.snsTw {
	width: 32px;
	height: 32px;
	display: inline-block;
	/*background: url(../images/sp/btn_twitter_on.gif) no-repeat left top;
	background-size:100% 100%;*/
}
.footer .checkyLogo {
	overflow: hidden;
	padding: 0px 0px 0px;
	color: #000;
	text-align: left;
	font-size: 13px;
}
.footer .copyright {
	background: #1a9431;
	overflow: hidden;
	padding: 13px 10px 15px;
	color: #fff;
	text-align: center;
	line-height: 8px;
}
.footer .copyright .logo {
	float: left;
	/*display: inline;*/
}
.footer .copyright .logo img {
	vertical-align: bottom;
}
.footer .copyright .copy {
	float: right;
	/*display: inline;*/
	font-size: 9px;
	padding-top: 2px;
}
.footer .copyright .copy img {
	vertical-align: bottom;
}

.borderTop {
	border-top: solid 1px #ccc;
}
.textCommonBlock.footerBtn {
	background:#f5f5f5;
	padding:0px;
}
.footerBtn a {
	padding:14px 0px 14px;
	text-decoration:none;
	color:#000;
	display: table;
	width: 100%
}
.footerBtn .text {
	vertical-align: middle;
	display: table-cell;
	font-size: 14px;
	padding-left:10px;
	width:97%;
}
.footerBtn .icon {
	width:19px;
	vertical-align: middle;
	display:table-cell;
	padding-left:4px;
	padding-right:10px;
	line-height:1;
}

.footerOtherCopyright {
	text-align: center;
}
.footerOtherCopyright ul li {
	list-style: none;
	margin: 0 2px 2px 0;
	display: inline-block;
	line-height: 16px;
}
.footerOtherCopyright ul li img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
.footerOtherCopyright ul li.starWars {
}

.textCommonBlock.totopBtn {
	background:#b8debf;
	padding:0px;
	font-size:16px;
	font-weight:bold;
}
.totopBtn a {
	padding:14px 20px 14px;
	text-decoration:none;
	color:#000;
	display: block;
	text-align: center;
}
.totopBtn a span {
	vertical-align: 1px;
	margin-right: 0px;
	display: block;
	background:url(../images/sphone/common/ic_totop.gif) no-repeat right 50%;
	background-size:21px 10px;
}
.footerLink {
	padding: 10px 0;
	text-align: center;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
}
.footerLink ul {
	font-size: 80%;
}
.footerLink ul li {
	display: inline-block;
	padding: 0 5px;
}
.footerLink ul li a {
	display: inline-block;
	padding: 0 0 0 9px;
	background:url(../images/sphone/common/h_icon_circle.gif) no-repeat left 7px;
	background-size: 5px;
}

#pageBtmWrapper {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 102;
}

#memberBadgeWrapper {
	position: absolute;
	bottom: 10px;
	z-index: 102;
	height: 65px;
	width: 100%;
	display: none;
}
#memberBadge {
	position: relative;
	z-index: 102;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	background: #FFF;
	height: 65px;
	width: 260px;
	margin: 0 auto;
}
#memberBadge .close {
	position: absolute;
	top: -14px;
	right: -14px;
	z-index: 102;
}


.topCatch {
	padding: 5px 15px 10px;
}
.topGnavi {
	padding: 10px 10px 1px;
}
.textCommonBlock {
	padding: 10px 10px 0px;
}
.textCommonBlock.border {
	border-bottom: solid 1px #b3b3b3;
}
.textCommonBlock.sub.border {
	border-bottom: solid 1px #ccc;
}
p ,
ul ,
ol {
	font-size: 14px;
}
.textCommonBlock ul ,
.textCommonBlock ol {
	padding-left: 25px;
}
.smallTextBlock h3 {
	font-size: 14px;
}
.smallTextBlock h4 {
	font-size: 12px;
}
.smallTextBlock p ,
.smallTextBlock ul ,
.smallTextBlock ol {
	font-size: 10px;
}
.smallTextBlock p.textSmall ,
.smallTextBlock ul.textSmall ,
.smallTextBlock ol.textSmall {
	font-size: 8px;
}


.noMargin {
	margin-bottom:0px !important;
}
.x-smallMargin {
	margin-bottom:5px !important;
}
.smallMargin {
	margin-bottom:10px !important;
}
.middleMargin {
	margin-bottom:15px !important;
}
.normalMargin {
	margin-bottom:20px !important;
}
.largeMargin {
	margin-bottom:30px !important;
}
.x-largeMargin {
	margin-bottom:40px !important;
}
.xx-largeMargin {
	margin-bottom:50px !important;
}
.xxx-largeMargin {
	margin-bottom:60px !important;
}
.textXX-small {
	font-size: 65% !important;
}
.textX-small {
	font-size: 70% !important;
	line-height: 1.4em;
}
.textSmall {
	font-size: 80% !important;
}
.textMiddle {
	font-size: 90% !important;
}
.textLarge {
	font-size: 120% !important;
}
.textX-large {
	font-size: 130% !important;
}
.textXX-large {
	font-size: 160% !important;
}
.textXXX-large {
	font-size: 180% !important;
}
.textCenter {
	text-align:center !important;
}
.textRight {
	text-align:right;
}
.textBold {
	font-weight:bold;
}
.textCautSP {
	padding-left: 1.2em;
	text-indent: -1.2em;
}
.fadeimg {
}
.pl {
	padding-left: 20px;
}

ul.commonList {
	list-style: disc;
	padding-left: 25px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

.colFix {
	padding:20px 0px 10px;
}
.colFix2 {
	float: left;
	width: 45%;
}
.colFix2L {
	float: left;
	width: 45%;
}
.colFix2C {
	float: left;
	width: 10%;
	margin-top: 30%;
}
.colFix2R {
	float: right;
	width: 45%;
}
.colFix3 {
	float: left;
	width: 31%;
	padding-left: 1%;
	padding-right: 1%;
}
.colFix3-2L {
	display: inline-block;
	float: none;
	width: 45%;
	padding-left: 2%;
	vertical-align: bottom;
}
.colFix3-2C {
	float: left;
	width: 10%;
	text-align: center;
	padding-top: 24%;
}
.colFix3-2R {
	display: inline-block;
	float: none;
	width: 45%;
	padding-right: 2%;
}
.contGnaviArea .colFix {
	padding:0px;
}
.contGnaviArea .colFix3-2L {
	float: left;
}
.contGnaviArea .colFix3-2R {
	float: right;
}
.contGnaviArea .colFix3-2L,
.contGnaviArea .colFix3-2R {
	width:48.5%;
	padding:0px !important;
	text-align:center;
	background:#1a9431;
	border-radius: 5px;
}
.contGnaviArea .colFix3-2L a,
.contGnaviArea .colFix3-2R a {
	font-size:90% !important;
	padding:14px 0px;
	display:block;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;

}
.contGnaviArea .list01 {
	background:#e84466;
}
.contGnaviArea .list02 {
	background:#1cad54;
}
.contGnaviArea .list03 {
	background:#ce723c;
}
.contGnaviArea .list04 {
	background:#1a94bf;
}
.contGnaviArea .list05 {
	/*background:#5c66c2;*/
}
.contGnaviArea .list06 ,
.contGnaviArea .list07 {
	background:#a1b31a;
}
.favoriteIcon {
	display: inline-block;
	padding-left: 20px;
	background: url(../images/sphone/common/icon_star.png) no-repeat left 20%;
	background-size: 15px 15px;
}
.colFix4 {
	float: left;
	width: 25%;
}
.colFix4PL {
	float: left;
	padding-left: 2%;
	width: 23%;
}
.colFix2PL {
	float: left;
	width: 38%;
	padding-left: 9%;
}
.colFix2PR {
	float: right;
	width: 38%;
	padding-right: 9%;
}
iframe[name="google_conversion_frame"] {
	position: fixed;
	z-index: 0;
	bottom: -30px;
}

.col4Navi ,
.col2Navi {
	font-size: 14px;
	border-bottom: solid 5px #e26a28;
	line-height: 1.4em;
}
.col4Navi ul ,
.col2Navi ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: table;
	width: 100%;
}
.col4Navi li.col {
	display: table-cell;
	width: 25%;
	border-left: solid 1px #fff;
	font-weight: bold;
	vertical-align: middle;
	background: #dfe2e4;
}
.col4Navi li.col.current ,
.col2Navi li.col.current {
	background: #e26a28;
}
.col4Navi li.col:first-child ,
.col2Navi li.col:first-child {
	border-left: none;
}
.col4Navi li.col:last-child ,
.col2Navi li.col:last-child {
}
.col4Navi li.col a ,
.col4Navi li.col span,
.col2Navi li.col a ,
.col2Navi li.col span {
	display: block;
	padding: 13px 10px;
	text-decoration: none;
	text-align: center;
	color: #000;
}
.col4Navi li.col.current a ,
.col4Navi li.col.current span,
.col2Navi li.col.current a ,
.col2Navi li.col.current span {
	color: #fff;
}
.col2Navi li.col {
	display: table-cell;
	width: 50%;
	border-left: solid 1px #fff;
	font-weight: bold;
	vertical-align: middle;
	background: #dfe2e4;
}
.col2Indent .leftBlock {
	float: left;
	padding-left: 2%;
	width: 48%;
}
.col2Indent .rightBlock {
	float: right;
	padding-left: 2%;
	width: 48%;
}

.pageBtns .leftBlock {
	float: left;
	width: 48%;
}
.pageBtns .rightBlock {
	float: right;
	width: 48%;
}
.btnNext a {
	padding: 12px 0px 12px;
	text-decoration: none;
	color: #FFF;
	display: block;
	background: #00945e;
}
.btnNext .table {
	display: table;
	width: 100%;
}
.btnNext .text {
	vertical-align: middle;
	display: table-cell;
	font-size: 14px;
	padding-left: 6px;
	text-align: center;
	line-height: 1em;
}
.textSmall .text {
	font-size: 12px;
}
.btnNext .arrow {
	width: 7px;
	vertical-align: middle;
	display: table-cell;
	padding-left: 3px;
	padding-right: 6px;
	line-height: 1;
}
.btnNext.prev .text ,
.pageBtns .leftBlock .btnNext .text {
	padding-left: 0px;
	padding-right:8px;
}
.btnNext.prev .arrow ,
.pageBtns .leftBlock .btnNext .arrow {
	padding-left:8px;
	padding-right:4px;
}

.otherServicesBlock {
	padding:15px 10px 15px;
	background:#e6e6e6;
}
.otherServicesBlock .responsible img {
	width:100%;
	/*margin-bottom:7px;*/
}
.otherServicesBlock .col3Bnr {
	padding:0px 3.5%;
}
.otherServicesBlock .col3Bnr img {
	width:30%;
	margin-right:4.5%;
}
.otherServicesBlock .col3Bnr a:last-child img {
	margin-right:0px;
}
.snsArea {
	width:90%;
	margin:0px auto 15px;
}
.top2Icon {
	width:166px;
	margin:0px auto 15px;
}
.snsArea .facebook {
	width:72px;
	float:left;
	overflow:hidden;
}
.snsArea .twitter {
	width:72px;
	float:right;
}
.second4Icon {
	width:270px;
	margin:0px auto 15px;
}
.second4Icon > div {
	width:55px;
	float:left;
	margin-right:5px;
}
.second4Icon > div:first-child {
	margin-top:-5px;
}
.second4Icon > div:last-child {
	margin-right:0px;
}
.second4Icon > div.line {
	width:85px;
}
.second4Icon > div.mixi {
	width:55px;
	padding-top: 1px;
}
.second4Icon > div.hatena {
	width:85px;
}
.second4Icon > div.googleplus {
	width:30px;
}
.catalogBlock {
	background:#00a273;
	font-size:90%;
	text-align:center;
	border-radius:5px;
	margin-bottom:15px;
}
.catalogBlock a {
	display:block;
	color:#FFF;
	padding:16px 16px 16px 48px;
	background:url(../images/sphone/common/ic_catalog.jpg) no-repeat 18px 50%;
	background-size:45px 30px;
	text-decoration:none;
}

.contentsBorder {
	border-top: solid 2px #b7ddbd;
}
.pageContents {
	padding: 20px 15px 20px;
}
.pageContents.lettersTop {
	background: none;
}
#contents .pageContents.lettersTop .pankuzu {
	margin-bottom: 40px
}
.pageContents.lettersTop h1.pageTopHeader {
	margin-bottom: 40px;
}

.pageContents.lettersCont {
	background: url(../images/sphone/photo/letters/letters_cont_bg.gif) repeat left top;
	background-size: 13px 13px;
	padding: 20px 10px 20px;
}

.pageContents h1 {
	color: #029032;
	margin-bottom: 12px;
	font-size: 150%;
	line-height: 1.3em;
}
.pageContents h1 span.pageTopHeaderSmall {
	font-size: 80%;
}
.pageContents h1.pageTopHeaderSmall {
	color: #029032;
	margin-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
}
.pageContents h1.pageTopHeaderMiddle {
	color: #029032;
	margin-bottom: 5px;
	font-size: 110%;
	font-weight: bold;
}
.pageContents h2 {
	color: #029032;
	margin-bottom: 20px;
	font-size: 140%;
	line-height: 1.3em;
}
.pageContents h2.grayHeader {
	color: #333;
}
.pageContents h1.pageTopHeader {
	color: #029032;
	margin-bottom: 12px;
	font-size: 160%;
}
.pageContents h2.pageTopHeader {
	color: #1a9431;
	margin-bottom: 12px;
	font-size: 150%;
}
.pageContents h3 { font-size: 100%; 
}
.pageContents h4 { font-size: 95%; 
}


.fullWide {
	text-align:center;
	margin: 0 15px; 
}
img.wide100Per {
	width: 95%;
	height: auto
}

.yellowLabel {
	background: #fff24f;
	font-size: 110%;
}

.iconSet dt {
	width:35px;
	float:left;
}
.iconSet dd {
	font-size: 90%;
	padding-left: 45px;
}
.iconSet.ap .iconBlock {
	width:52px;
	float:left;
}
.iconSet.ap .textBlock {
	font-size: 90%;
	padding-left: 62px;
}
.imgRSet .imgBlock {
	width:75px;
	float:right;
}
.imgRSet .textBlock {
	font-size: 90%;
	padding-right: 82px;
}
h4.icCircle {
	padding-left: 10px;
	background: url(../images/sphone/common/h_icon_circle.gif) no-repeat left 0.5em;
	background-size: 7px 7px;
}
.subMenuTitle {
	font-size: 130%;
	text-align: center;
}
.subMenuTitle a {
	display: inline-block;
	padding-left: 35px;
	background: url(../images/sphone/common/localmenu_icon.png) no-repeat left center;
	background-size: 27px 27px;
	line-height: 27px;
	min-height: 27px;
}
.secondpageNaviWrapper {
	position: relative;
}
.secondpageNavi {
	background: url(../images/sphone/common/submenu_tsuno.gif) no-repeat center top;
	background-size: 14px 7px;
	padding-top: 7px;
	display: none;
	position: absolute;
	width: 100%;
	z-index: 20;
}
.secondpageNavi > ul {
	display: block;
}
.secondpageNavi > ul > li {
	display: block;
	background: #1a9431;
	border-bottom: solid 1px #67b94c;
}
.secondpageNavi > ul > li > a {
	display: block;
	color: #fff;
	background: url(../images/sphone/common/submenu_icon.png) no-repeat 10px center;
	background-size: 15px 15px;
	padding: 9px 10px 9px 30px;
	font-size: 90%;
}
.secondpageNavi > ul > li.current > a {
	background: url(../images/sphone/common/submenu_icon_current.png) no-repeat 10px center;
	background-size: 15px 15px;
}
.secondpageNavi > ul > li > a > span {
	display: block;
	color: #fff;
	background: url(../images/sphone/common/submenu_icon_plus.png) no-repeat right center;
	background-size: 10px 10px;
	min-height: 10px;
	padding: 0 20px 0 0;
}
.secondpageNavi > ul > li.categoryTop > a > span {
	background: none;
}
.secondpageNavi > ul > li.open > a > span {
	background: url(../images/sphone/common/submenu_icon_minus.png) no-repeat right center;
	background-size: 10px 10px;
}
.secondpageNavi > ul > li .subMenu {
	display: none;
}
.secondpageNavi > ul > li  ul {
	display: block;
	background: #b7ddbd;
	border-top: solid 1px #68b877;
}
.secondpageNavi > ul > li  ul > li {
	display: block;
	background: #b7ddbd;
	border-bottom: solid 1px #68b877;
	width: 50%;
	float: left;
}
.secondpageNavi > ul > li  ul > li.oddLast {
	border-bottom: none;
}
.secondpageNavi > ul > li  ul > li:last-child {
	border-bottom: none;
}
.secondpageNavi > ul > li  ul > li > a {
	display: block;
	color: #1a9431;
	padding: 4px 0px 4px;
	font-size: 80%;
}
.secondpageNavi > ul > li  ul > li.current > a {
	background: #FFFF85;
	font-weight: bold;
}
.secondpageNavi > ul > li  ul > li > a > span {
	display: block;
	padding: 2px 10px 2px 10px;
	border-right: solid 1px #68b877;
}
.secondpageNavi > ul > li  ul > li:nth-child(2n) > a > span {
	border-right: none;
}
.secondpageNavi > ul > li.current .subMenu {
	display: block;
}

.colorGold {
	color: #029032 !important;
}
.colorRed { color: #c1272d !important; 
}
.colorGreen { color: #1a9431 !important; 
}

.externalLink {
	padding-right: 15px;
	background: url(../images/sphone/common/icon_external.png) no-repeat right 0.4em; 
	background-size: 10px 10px;
}
.moreBtn {
	text-align: center;
	display: none;
}
.moreBtn a {
	display: inline-block;
	width: 270px;
	font-weight: bold;
	font-size: 120%;
	color: #1a9431;
	text-align: center;
	padding: 10px;
	min-height: 30px;
	line-height: 30px;
	background: linear-gradient(to bottom,  rgba(204,233,213,0.9) 0%,rgba(161,210,169,0.9) 100%); /* W3C */
	border-radius: 6px;
	text-decoration: none;
}
.detailBtn {
	text-align: center;
}
.detailBtn a ,
.detailBtn .btn {
	display: inline-block;
	min-width: 260px;
	/*width: 100%;
	max-width: 100%;*/
	font-size: 120%;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	min-height: 30px;
	line-height: 30px;
	background: linear-gradient(to bottom,  rgba(2,160,63,1) 0%,rgba(2,128,36,1) 100%); /* W3C */
	border-radius: 6px;
	text-decoration: none;
}


.insiteLinkBack a {
	display: block;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	min-height: 30px;
	line-height: 30px;
	background: #fff;
	background-size: 12px 22px;
	border-radius: 6px;
	box-shadow: 5px 5px 0 rgba(145,125,0,0.3);
	text-decoration: none;
}
.insiteLink a {
	display: block;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding: 10px 25px 10px 10px;
	min-height: 30px;
	line-height: 30px;
	background: #fff;
	background-size: 12px 22px;
	border-radius: 6px;
	box-shadow: 5px 5px 0 rgba(145,125,0,0.3);
	text-decoration: none;
}
.downloadLink a {
	display: block;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 10px;
	min-height: 30px;
	line-height: 30px;
	background: #02a03f; /* Old browsers */
	background: linear-gradient(to bottom,  #02a03f 0%,#028124 100%); /* W3C */
	border-radius: 6px;
	text-decoration: none;
}

.btn_shop{
	padding:10px 15px;
	border:1px solid #808080;
	background-color:#FFF;
	background-image:url(../images/sphone/shop/icon_btn_shop.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:35px 20px;
	font-weight:bold;
	color:#029032;
	display:block;	
	font-size: 120%;
	line-height: 30px;
	min-height: 30px;
	border-radius: 6px;
}

a:hover.btn_shop{
	text-decoration:none;
}

.creatorBlock {
	background: #fff;
	padding: 10px;
}
.creatorBlock .photo {
	wodth: 75px;
	float: left;
	padding: 0 10px 10px 0;
}
.creatorBlock .cardThumbs .cardThumbsInner img {
	max-width: 90px;
	max-height: 90px;
}
.creatorBlock .otherBlock .relatedCard {
	display: inline-block;
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	margin: 0 8px 0px 0;
}
.creatorBlock .otherBlock .relatedCard img {
	max-width: 70px;
	max-height: 70px;
}

/*  Card Template  */

.cardThumbs {
	/*float: left;*/
	display: inline-block;
	vertical-align: bottom;
	padding: 0 0 15px 0;
	/*margin-right: 14px;*/
	margin-right: 25px;
	position: relative;
	/*height: 150px;*/
}
.cardThumbs.active {
	background: url(../images/common/superbox_arrow.png) no-repeat center bottom;
}
.cardThumbs .charaText {
	display: block;
	padding: 2px 2px 0px;
	text-align: center;
	font-size: 50%;
	height: 17px;
	line-height: 17px;
	background: #dbb035;
	width: 120px;
	margin: 0 auto;
	color: #fff;
	font-weight: normal;
	letter-spacing: -0.1px;
	zoom: 0.99;
}
#pageContents .creatorBlock .cardThumbs.all  .charaText.illustrator {
	display: none;
}

.charaText.illustrator {
	height: auto;
	line-height: 1.4em;
	background: #8a6657;
}
.cardThumbs .normal {
	position: relative;
	text-align: center;
}
.cardThumbs .charaBorder {
	padding: 8px;
	border: solid 2px #dbb035;
	text-decoration: none;
	position: relative;
	text-align: center;
}
.cardThumbs .charaBorder.illustrator {
	border: solid 2px #8a6657;
}
.creatorBlock .cardThumbs .charaBorder.illustrator {
	padding: 0px;
	border: none;
}
.cardThumbsInner {
	box-shadow: 6px 6px 0px 0px rgba(0,0,0,0.2);
	position: relative;
	display: inline-block;
}

.choice .cardThumbsInner {
	box-shadow: none;
	position: relative;
}
.cardThumbs .cardThumbsInner img{
	max-width: 110px;
	max-height: 110px;
	vertical-align: bottom;
}
.cardThumbs .cardThumbsInner.preLoadY ,
.cardThumbs .cardThumbsInner.preLoadT {
	background: #fff url(../images/sphone/common/preload.gif) no-repeat center center;
	background-size: 16px 16px;
}
.cardThumbs .cardThumbsInner.preLoadY {
	width: 105px;
	height: 70px;
}
.cardThumbs .cardThumbsInner.preLoadT {
	width: 70px;
	height: 105px;
}
.cardThumbs.large .cardThumbsInner img{
	max-width: 180px;
	max-height: 180px;
}
.cardThumbs .webWappen {
	top: -5px;
	right: -9px;
	position: absolute;
	display: none;
}
.webWappen {
	width: 25px;
}
.webWappen img {
	margin-bottom: 0px;
}
.cardThumbs .deleteBtn {
	top: -11px;
	right: -11px;
	position: absolute;
}


#pageContents .cardThumbs /*,
#pageContents .cardThumbs img ,
#pageContents .cardThumbs .charaText ,
#pageContents .cardThumbs .charaBorder ,
#pageContents .cardThumbs .normal*/ {
	display: none;
}
#pageContents .cardThumbs.all  {
	display: inline-block;
}
#pageContents .cardThumbs.all img ,
#pageContents .cardThumbs.all .charaText ,
#pageContents .cardThumbs.all .charaBorder ,
#pageContents .cardThumbs.all .normal {
	display: block;
}

.cardDetailWrapper {
	padding: 20px 20px;
	width: auto;
	margin: 0 auto;
}
.cardDetailWrapper .phBlock {
	width: 100%;
	margin: 0 auto 10px;
}
.cardDetailWrapper .phBlock .tableBlock {
	width: 100%;
	height: 100%;
	display: table;
}
.cardDetailWrapper .phBlock .tableCellBlock {
	width: 100%;
	height: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.cardDetailWrapper .phBlock img {
	max-width: 100%;
	max-height: 100%;
	min-width: 66.6%;
	min-height: 66.6%;
	box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
}
.cardDetailWrapper .phBlock.choice img {
	max-width: 100%;
	max-height: 100%;
	min-width: 47.4%;
	min-height: 47.4%;
}
.cardDetailWrapper .phBlock table {
	width: 100%;
	height: 100%;
	border-collapse:collapse;
	border:0px;
}
.cardDetailWrapper .phBlock table td {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 0;
}
.cardDetailWrapper .textBlock {
	width: auto;
	text-align: center;
}
.cardDetailWrapper .textBlock p {
	font-size: 80%;
}
.cardDetailWrapper .textBlock .largeTitle {
	margin-bottom: 5px;
	font-size: 120%;
	font-weight: bold;
}
.cardDetailWrapper .textBlock .title {
	margin-bottom: 5px;
}
.cardDetailWrapper .textBlock .priceType {
	margin-left: 5px;
	vertical-align: 10%;
	*vertical-align: 0%;
	font-size: 80%;
	font-weight: normal;
	line-height: 1em;
	padding: 0 4px;
}
.cardDetailWrapper .textBlock .photoNum {
	margin-left: 5px;
	vertical-align: 10%;
	*vertical-align: 0%;
	color: #fff;
	font-size: 65%;
	font-weight: normal;
	line-height: 1em;
	padding: 1px 4px 0;
	background: #0099e2;
}
.cardDetailWrapper .textBlock .photoNum.num1 {
	background: #e74382;
}
.cardDetailWrapper .textBlock .photoNum.num2 {
	background: #5b6fb3;
}
.cardDetailWrapper .textBlock .photoNum.num3 {
	background: #9d2a22;
}
.cardDetailWrapper .textBlock .photoNum.num4 {
	background: #357a44;
}
.cardDetailWrapper .textBlock .photoNum.num5 {
	background: #0099e2;
}
.cardDetailWrapper .textBlock .photoNum.num6 {
	background: #0099e2;
}
.cardDetailWrapper .textBlock .webWappen {
	width: auto;
	line-height: 1em;
}
.cardDetailWrapper .textBlock .webWappen span {
	margin-left: 12px;
	vertical-align: 10%;
	*vertical-align: 0%;
	color: #fff;
	font-size: 65%;
	font-weight: normal;
	line-height: 1em;
	padding: 1px 4px 0;
}
.cardDetailWrapper .textBlock .webWappen .web {
	background: #cc0000;
}
.cardDetailWrapper .textBlock .webWappen .choice {
	background: #478573;
}
.cardDetailWrapper .textBlock .webWappen .premium {
	background: #6e631c;
}
.cardDetailWrapper .textBlock .webWappen .freeword {
	background: #5f4a82;
}
.cardDetailWrapper .textBlock .links {
	margin-bottom: 15px;
	border: solid 1px #cccccc;
	background: #fafafa;
	border-radius: 5px;
}
.cardDetailWrapper .textBlock .links a {
	display: block;
	font-size: 120%;
	font-weight: bold;
	padding: 13px 13px 13px 40px;
	min-height: 15px;
	line-height: 15px;
	border-bottom: solid 1px #cccccc;
	text-align: left;
	color: #029032;
}
.cardDetailWrapper .textBlock .links a:last-child {
	border-bottom: none;
}
.cardDetailWrapper .textBlock .links a span {
	display: block;
	padding-right: 25px;
	background: url(../images/sphone/common/detail_link_icon.png) no-repeat right center;
	background-size: 8px 15px;
}
.cardDetailWrapper .textBlock .links a.plus {
	background: url(../images/sphone/common/detail_link_icon_plus.png) no-repeat 12px center;
	background-size: 20px 20px;
}
.cardDetailWrapper .textBlock .links a.plus.minus {
	background: url(../images/sphone/common/detail_link_icon_minus.png) no-repeat 12px center;
	background-size: 20px 20px;
}
.cardDetailWrapper .textBlock .links a.price {
	background: url(../images/sphone/common/detail_link_icon_price.png) no-repeat 12px center;
	background-size: 20px 20px;
}
.cardDetailWrapper .textBlock .links a.cardType {
	background: url(../images/sphone/common/detail_link_icon_cardtype.png) no-repeat 12px center;
	background-size: 20px 20px;
}
.cardDetailWrapper .textBlock .links a.message {
	background: url(../images/sphone/common/detail_link_icon_message.png) no-repeat 12px center;
	background-size: 20px 20px;
}
.cardDetailWrapper .textBlock p.cardType span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 20px;
	margin: 0 0 15px 0;
	min-height: 18px;
	line-height: 18px;
	background: url(../images/sphone/common/detail_icon_cardtype.png) no-repeat left top;
	background-size: 12px 15px;
}
.cardDetailWrapper .textBlock .buyLink a {
	font-size: 120%;
	font-weight: bold;
	display: block;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin: 0 0 25px 0;
	min-height: 30px;
	line-height: 30px;
	background: #02a03f; /* Old browsers */
	background: linear-gradient(to bottom,  #02a03f 0%,#028124 100%); /* W3C */
	border-radius: 6px;
	text-decoration: none;
}
.cardDetailWrapper .textBlock .related {
	margin-bottom: 15px;
	margin: 0 -20px 0;
	text-align: left;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
.cardDetailWrapper .textBlock .relatedTable {
	display: table-cell;
	padding: 0 20px;
	white-space: nowrap;
}
.cardDetailWrapper .textBlock .relatedCard {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	margin: 0 10px 15px 0;
	vertical-align: middle;
}
.cardDetailWrapper .textBlock .relatedCard.choice {
	box-shadow: none;
}
.cardDetailWrapper .textBlock .relatedCard img {
	max-height: 90px;
	max-width: 90px;
	vertical-align: bottom;
}

#fancybox-wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1101;
	outline: none;
	display: none;
	background: #eeeeee;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
}

#fancybox-content {
	width: 100%;
	height: 100%;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#fancybox-iframe-overlay {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0;
	outline: none;
	position: absolute;
	overflow: hidden;
	z-index: 1105;
	opacity: 0.3; cursor: auto;
	display: none;
	background-color: #fff;
}
#fancybox-iframe-outer {
	width: 100%;
	height: 100%;
	left: 0;
	top: 2%;
	padding: 0;
	outline: none;
	position: absolute;
	overflow: hidden;
	z-index: 1106;
	display: none;
}
#fancybox-iframe {
	width: 95%;
	height: 95%;
	margin: 1% auto;
	padding: 0;
	outline: none;
	position: relative;
	background: #fff;
	box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);
}
#fancybox-iframe .scroll {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
#fancybox-iframe iframe {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	border: none;
}
#fancybox-iframe-close {
	position: absolute;
	top: 5px;
	right: 7px;
	width: 27px;
	height: 27px;
	background: transparent url(../images/sphone/common/signup_bnr_close.png) no-repeat left top;
	background-size: 27px 27px;
	cursor: pointer;
	z-index: 1107;
}
#superbox-iframe-close {
	z-index: 13;
}

#fancybox-close {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 27px;
	height: 27px;
	background: transparent url(../images/sphone/common/signup_bnr_close.png) no-repeat left top;
	background-size: 27px 27px;
	cursor: pointer;
	z-index: 1103;
}
#fancybox-left, #fancybox-right {
	position: absolute;
	height: 40px;
	width: 40px;
	top: 0;
	cursor: pointer;
	outline: none;
	z-index: 1102;
}
#fancybox-left {
	left: 5px;
	background: transparent url(../images/common/slidenavi_left.png) no-repeat left top;
	background-size: 40px 40px;
}
#fancybox-right {
	right: 5px;
	background: transparent url(../images/common/slidenavi_right.png) no-repeat left top;
	background-size: 40px 40px;
}
#fancybox-left-ico, #fancybox-right-ico {
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}
#fancybox-left-ico {
	background: transparent url(../images/common/slidenavi_left_on.png) no-repeat left top;
	background-size: 40px 40px;
}
#fancybox-right-ico {
	background: transparent url(../images/common/slidenavi_right_on.png) no-repeat left top;
	background-size: 40px 40px;
}

#contents .pankuzu {
	margin-bottom: 15px;
	font-size: 70%;
	line-height: 1.2em;
}
#contents .pankuzu a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-right: 18px;
	margin-right: 9px;
	background: url(../images/sphone/common/sp_breadcrumb_arrow.png) no-repeat right top;
	background-size: 6px 12px;
	min-height: 14px;
}

.col2Block {
	
}
.col2Block .colLeft {
	float: left;
	width: 49%;
}
.col2Block .colRight {
	float: right;
	width: 49%;
}
.col3Block {
	
}
.col3Block .colLeft {
	float: left;
	width: 32%;
}
.col3Block .colCenter {
	float: left;
	width: 32%;
	padding-left: 2%;
}
.col3Block .colRight {
	float: right;
	width: 32%;
}
.col3ArrowBlock {
	
}
.col3ArrowBlock .arrow {
	float: left;
	width: 5%;
	padding-top: 35px;
}
.col3ArrowBlock .colLeft {
	float: left;
	width: 30%;
}
.col3ArrowBlock .colCenter {
	float: left;
	width: 30%;
}
.col3ArrowBlock .colRight {
	float: right;
	width: 30%;
}

.catTopMenu li {
	display: block;
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
	margin-bottom: 7px;
	line-height: 1.3em;
	border: solid 1px #ccc;
}
.catTopMenu li a {
	display: block;
	padding: 6px 12px;
	overflow: hidden;
	font-size: 105%;
}
.catTopMenu li.current {
	background: #029032;
}
.catTopMenu li.current a {
	color: #fff;
}
.catTopMenu li a .photo {
	width: 25px;
	float: left;
	box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}
.catTopMenu li a .photo.noShadow {
	width: 26px;
	box-shadow: none;
}
.catTopMenu li a .text {
	padding-left: 38px;
	padding-top: 9px;
	display: block;
	font-weight: bold;
}
.catTopMenu li a .textOnly {
	padding-left: 0px;
	padding-top: 9px;
	padding-bottom: 9px;
	display: block;
	font-weight: bold;
}

/*responsive*/

.topImage {
	overflow: hidden;
	position: relative;
}
.topImage .textArea {
	
}
.topImage .fullWide {
	width: 120%;
	margin: 0 -10%;
}
.topImage.ap .fullWide {
	width: 129%;
	margin: 0 -29% 0 0;
}
.topImage.ugoku .fullWide {
	width: 180%;
	margin: 0 0 -24% -56%;
	position: relative;
}
.topImage.ugoku .fullWide .wide100Per {
	position: relative;
	z-index: 1;
}
.topImage.ugoku .fullWide .slideWrapper {
	position: absolute;
	left: 47.62%;
	top: 35.47%;
	width: 22.86%;
	z-index: 2;
}
.topImage.ugoku .fullWide p {
	position: absolute;
	right: 13%;
	top: 76%;
	text-align: right;
	z-index: 2;
}
.topImage.ugoku .fullWide .slideWrapper img {
	width: 100%;
	height: auto;
}
.topImage.ugoku .fullWide .slideWrapper .imgBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.otherServicesBlock .col3Bnr {
	text-align:center;
	margin-bottom: 5px;
}
.otherServicesBlock .col3Bnr img {
	width: 30%;
	margin:0px 1.6%;
}
.otherServicesBlock .col3Bnr a:last-child img {
	margin:0px 1.6%;
}
.spBR {
}

.photo2Col {
	
}
.photo2Col .colLeft {
	
}
.photo2Col .colRight {
	
}

h3 .hasRight {
	display: inline-block;
	margin-right: 13px;
}
h3 .appCatch {
	display: inline-block;
	background: #fff24f;
	font-size: 80%;
	padding: 1px 10px 1px;
	line-height: 1.2em;
}
.appSpec {
	background: #fff;
	border-radius: 8px;
	padding: 10px 10px 1px;
}
.ugokuLink {
	line-height: 1.4em !important;
}
.ugokuLink span.spBlock {
	display: block;
}
.btn_toggle{
	border:1px solid #808080;
	background-color:#FFF;
	display:block;	
}

.btn_toggle dt{
    width:auto;
    height:auto;
	padding:15px;
	background-image:url(../images/sphone/happy/icon_btn_toggle_off.png);
    background-repeat:no-repeat;
	background-position:right center;
	background-size:33px 18px;
	font-weight:bold;
	color:#029032;
	cursor:pointer;
	display:block;
}

.btn_toggle dd{
	padding: 0 15px 15px 15px;
	display: none;
}

.btn_toggle dt.active{
    background-image:url(../images/sphone/happy/icon_btn_toggle_on.png);
    background-repeat:no-repeat;
	background-position:right center;
	background-size:33px 18px;
}
@media screen and (min-width: 768px){

.ugokuLink {
	line-height: 30px !important;
}
.ugokuLink span.spBlock {
	display: inline;
}
.spBR {
	display: none;
}
.topImage {
	overflow: hidden;
}
.topImage .textArea {
	float: left;
	width: 45%;
}
.topImage .fullWide ,
.topImage.ap .fullWide ,
.topImage.ugoku .fullWide {
	width: 50%;
	margin: 0;
	float: right;
}
.topImage.ap .fullWide {
	margin: -20px -15px 0 0;
}
.topImage.mydesign .fullWide {
	margin: -20px 0 0 0;
}
.topImage.ugoku .fullWide {
	margin: 0 -15px -20px 0;
}
.topImage.ugoku .fullWide img {
	vertical-align: bottom;
}
.topImage.ugoku .fullWide p {
	top: auto;
	bottom: 10px;
	right: 15px;
}

.pageContents.lettersTop .pageTopHeader {
	margin-bottom: 40px;
}
.pageContents.lettersTop .pageTopHeader img ,
.pageContents.lettersTop h1 img {
	width: 375px;
	height: auto;
}
#pagemain .responsible {
	text-align:center;
}
#pagemain .responsible div:not(.clearfix) {
	width:46%;
	display:inline-block;
	float:none;
	padding:0 !important;
	margin:0px 1%;
}
#pagemain .colFix.responsible > .clearfix > div {
	width:30%;
}
#pagemain .responsible img {
	width:100% !important;
}

.otherServicesBlock .col3Bnr {
	padding:0;
}
.otherServicesBlock .col3Bnr img {
	width: 14%;
	margin:0px 1%;
}
.otherServicesBlock .col3Bnr a:last-child img {
	margin:0px 1%;
}

.catTopMenu li {
	float: left;
	width: 49%;
}
.catTopMenu li:nth-child(2n) {
	float: right;
}

.widecCol .wcolLeft{
	float: left;
	width: 49%;	
}
.widecCol .wcolRight{
	float: right;
	width: 49%;	
}
	
.photo2Col {
	
}
.photo2Col .colLeft {
	float: left;
}
.photo2Col .colRight {
	float: right;
	
}
.photo2Col .colRight {
	float: right;
	
}
.photo2Col .colRight .img100per {
	width: 300px;
	
}
}

#pageContents {
	margin-right: -10px;
}


.table_price_tokusen{
	width:100%;
	border-collapse:collapse;
	font-size:90%;
}

.tokusenA{border:2px solid #E4004F;}
.tokusenB{border:2px solid #009E41;}


.table_price_tokusen th,
.table_price_tokusen td{
	padding:5px 2px;
	border:2px solid #000;
	background:#FFF;
	font-size:0.8em;
	vertical-align:middle!important;
	text-align:center;
}

.table_price_tokusen td{
	width:66px;
	font-weight:bold;
}

.tokusenA .td_lv1{background:#F9DAD9;}
.tokusenB .td_lv1{background:#D9EBD7;}

.mark_A{
	display: inline-block;
	padding: 2px;
	background: #E4004F;
	color: #fff;
	min-height: 20px;
	min-width: 20px;
	line-height: 20px;
	text-align: center;
}
.table_price_tokusen .ttl_A{
	display: inline-block;
	text-align:left;
}

.mark_B{
	display: inline-block;
	padding: 2px;
	background: #009E41;
	color: #fff;
	min-height: 20px;
	min-width: 20px;
	line-height: 20px;
	text-align: center;
}
.table_price_tokusen .ttl_B{
	display: inline-block;
	text-align:left;
}

.table_price_tokusen .ttl_A p strong{color:#E4004F!important;}
.table_price_tokusen .ttl_B p strong{color:#009E41!important;}

.table_price_tokusen .th_red{background:#FF3333; font-weight:bold; color:#FFF;}
.table_price_tokusen .th_green{background:#33CC33; font-weight:bold; color:#FFF;}
.table_price_tokusen .th_gray1{background:#D9D9D9; font-weight:bold;}
.table_price_tokusen .th_gray2{background:#999999; font-weight:bold; color:#FFF;}
.table_price_tokusen .th_blue{background:#006699; font-weight:bold; color:#FFF;}

.preload {
	display: block;
	background: url(../images/sphone/common/preload.gif) no-repeat center center;
	background-size: 20px 20px;
	height: 50px;
}
.subPageNavi {
	margin: 0 auto 0px;
	padding: 15px 0 0px;
	text-align: center;
}
.subPageNavi > ul > li {
	height: 20px;
	padding: 0 3px 10px;
	display: inline-block;
	list-style: none;
}
.subPageNavi > ul > li > a {
	display: block;
	font-size: 80%;
	color: #fff;
	line-height: 1.3em;
	text-decoration: none;
	text-align: center;
	background: #aaaaaa;
	border-radius: 5px;
}
.subPageNavi > ul > li.current > a {
	background: #cb1d00;
}

.subPageNavi > ul > li > a span.vMiddle {
	display: table-cell;
	height: 18px;
	line-height: 18px;
	padding: 3px 10px 2px;
	vertical-align: middle;
}

.tabs {
}
.tabs .col2 li {
	list-style: none;
	float: left;
	padding-bottom: 10px;
}
.tabs .col2 li {
	width: 49%;
}
.tabs li.last {
	float: right;
}
.tabs li a {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	display: block;
	background: #029032;
	border-radius: 10px;
	text-align: center;
	padding:17px 5px;
	text-decoration: none;
}
.tabs li.current {
	background:url(../images/sphone/common/tab_current_tsuno.png) no-repeat center bottom;
	background-size: 20px 10px;
}
.tabs li.current a {
	background:#cc0000;
}
.pageTabWrapper {
	position: relative;
}
.categoryColumnBlock {
	background:url(../images/sphone/top/top_quality_inr.gif) repeat-y left top;
	background-size: 100% auto;
	max-width: 600px;
	margin: 20px auto 0;
}
.categoryColumnBlock .columnBgTop {
	background: url(../images/sphone/top/top_quality_top.gif) no-repeat left top;
	background-size: 100% auto;
	padding: 22px 0 0;
}
.categoryColumnBlock .columnBgBtm {
	background: url(../images/sphone/top/top_quality_btm.gif) no-repeat left bottom;
	background-size: 100% auto;
	padding: 0 20px 22px;
}
.categoryColumnBlock .textBlock {
}
.categoryColumnBlock .phBlock {
	width: 80%;
	margin: 0 auto;
}
.categoryColumnBlock .phBlock .photo {
	width: 57%;
}
.categoryColumnBlock h3 {
	color: #917d00;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.5em;
}
.relateBnrWrapper {
	text-align: center;
	margin-top: 20px;
}
.relateBnrWrapper img {
	max-width: 300px;
	height: auto;
}
.gline {
    border-bottom:solid; 
	border-bottom-width:1px; 
	border-bottom-color:#9A9A9A; 
}
/*--------------------------*/
.fdiWrapper {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1101;
	outline: none;
	display: none;
	background: #f9f2e3;
}
.fdiWrapper .scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.fdiWrapper iframe {
	width: 100%;
	height: 100%;
	border: none;
}
.fdiWrapper .close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 32px;
	height: 32px;
	background: transparent url(../images/sphone/common/signup_bnr_close.png) no-repeat left top;
	background-size: 32px 32px;
	cursor: pointer;
	z-index: 1107;
}
/* 2019/07/22 add */
.itemData-wrapper {
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
	align-items: center;
}
.itemData-typePrice {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.itemData-wrapper {
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 15px;
	}
	.itemData-typePrice {
		justify-content: center;
	}
}
.itemData-wrapper .title,
.itemData-wrapper .cardType span {
	margin-bottom: 0 !important;
}
.cardPrice {
	display: inline-block;
	border: 1px solid #5e5e5e;
	color: #5e5e5e;
	line-height: 1;
	padding: 7px 9px 6px;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.itemData-wrapper .title {
		margin-bottom: 5px !important;
		width: 100%;
	}
	.cardPrice {
		margin-left: 20px;
		min-width: unset;
	}
}
@media screen and (max-width: 767px) {
  .price-table { font-size: 3.5vw !important;}
}