@charset "UTF-8";
/* * * * * * * * * * * * * * * * * *
 smart.css
* * * * * * * * * * * * * * * * * */

/* common
--------------------------------- */
body{
	-webkit-text-size-adjust: 100%;
	font-size: 13px;
}

a:hover{
	text-decoration: none;
}

/* opacity */
a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

input[type=text],
input[type=button],
input[type=submit],
select,
textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

.noPC {
	display: block;
}
img.noPC {
	display: inline;
}
.noSP {
	display: none;
}


/* parts
--------------------------------- */
/* background */
.bg {
	background-size: 25px 25px;
}

.bg_stripe {
	background-size: 13px 13px;
}


.bg_arrow:before {
	width: 166.5px;
	height: 10px;
	background-size: 166.5px 10px;
	bottom: -10px;
	margin-left: -83.25px;
}

/* btn */
p.btn a {
	height: 40px;
	line-height: 40px;
}
p.btn a:before {
	border: 4px solid transparent;
	border-left: 5px solid #FFF;
}
p.btn a:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
p.btn a > img {
	width: auto;
	height: 12px;
}

/* size */
.size_half,.size_l,.size_s,.size_ll,.size_ss {
	width: auto;
	float: none;
}


/* header
--------------------------------- */
#header {
	height: 40px;
	padding: 10px 0;
}

#header h1 img {
	height: 40px;
	width: auto;
}

nav {
	float: none;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 50px;
	background: #FFF;
	z-index: 9999;
	width: 100%;
	height: 0;
	overflow: hidden;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	box-shadow: 0 4px 4px rgba(0,0,0,.1);
}
nav.on {
	height: auto;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
nav ul li {
	display: table;
	width: 100%;
	float: none;
	margin-left: 0;
	border-top: 1px solid #0B8CE8;
}
nav ul li a {
	width: 100%;
	height: 50px;
	padding: 0 10px;
	text-align: center;
	color: #0B8CE8;
	border: 0;
	border-radius: 0;
}
nav ul li a:hover {
	color: #0B8CE8;
	background: transparent;
}

p.btn_menu {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 5px;
	top: 0;
}
p.btn_menu a {
	display: block;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	padding-top: 10px;
	position: relative;
}
p.btn_menu a:before,
p.btn_menu a:after {
	content: "";
	display: block;
	height: 6px;
	border-top: 2px solid #0B8CE8;
	margin: 0 8px;
}
p.btn_menu a:before {
	border-bottom: 2px solid #0B8CE8;
	margin-bottom: 6px;
}


/* inner
--------------------------------- */
.inner {
	width: auto;
	padding: 0 10px;
}

/* footer
--------------------------------- */
#footer > .lyt-footer {
	padding: 10px 10px 20px;
	width: auto;
}
#footer{
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(50%, #e3e3e3), color-stop(100%, #ffffff));
background-image:-webkit-linear-gradient(#e3e3e3, #e3e3e3 50%, #ffffff);
background-image:-moz-linear-gradient(#e3e3e3, #e3e3e3 50%, #ffffff);
background-image:-o-linear-gradient(#e3e3e3, #e3e3e3 50%, #ffffff);
background-image:linear-gradient(#e3e3e3, #e3e3e3 50%, #ffffff);
}
#footer > .lyt-footer,
#footer > .lyt-footer a{
color:#666666;
}
#footer .utility{
margin:-10px -10px 10px;
padding:10px 10px 0;
background-color:#d6d6d6;
}
#footer .utility li{
border:none;
}
#footer .utility li.hide{
display:none;
}
#footer .utility li a{
color:#666666;
}
#footer .footer-nav{
display:none;
}


/* scrollup */
p#scrollup {
	width: 43px;
	height: 43px;
	background-size: 43px 43px;
}


/* * * * * * * * * * * * * * * * * *
 top.css
* * * * * * * * * * * * * * * * * */

/* caroufredsel
--------------------------------- */
div#mv .inner {
	width: 320px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
div#mv a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#mv > .inner .caroufredsel_wrapper {
	width: 320px!important;
	height: 180px!important;
	margin-left: -275px!important;
}

div#mv ul#images li {
	width: 320px;
	margin: 0 5px;
	height: 180px;
}
div#mv ul#images li img {
	width: 320px;
	height: 180px;
}

.mv_btn {
/*
	background: #30DBF9;
	padding: 15px 0;
*/
	padding: 0;
	height: 0;
	overflow: hidden;
}
/*
#mv .mv_btn > .inner .caroufredsel_wrapper {
	margin-left: -273px!important;
}
div#mv ul#menu li {
	width: 50px;
	height: 28px;
	margin: 0 3px;
}
*/

.mv_pager {
	position: relative;
	bottom: 75px;
}
div#mv #prev, div#mv #next {
	bottom: 0;
	z-index: 99;
}
div#mv #prev {
	left: -15px;
}
div#mv #next {
	right: -5px;
}


/* main
--------------------------------- */
/* merit */
section#merit {
	padding: 20px 0;
}

section#merit h2 {
	margin-left: -5px;
	margin-bottom: 30px;
}

section#merit .box + .box {
	margin-top: 30px;
}

h3.ttl_merit {
	background-size: 26px 26px;
	border-radius: 5px;
	padding-bottom: 5%;
	margin-bottom: 10px;
}
h3.ttl_merit img {
	margin-left: -15px;
	margin-top: -7%;
}

section#merit p.pop {
	text-align: center;
	margin-bottom: 10px;
}
section#merit #merit3 p.pop {
	margin-bottom: 10px;
}

.meritBox {
	width: auto;
	border-radius: 5px;
	box-shadow: 2px 3px 0 rgba(0,0,0,.1);
	padding: 20px 15px 10px;
	min-height: 0;
}
.meritBox img.img_merit {
	position: relative;
	margin-left: -webkit-calc( -15px + -2.5% );
	margin-left: calc( -15px + -2.5% );
	margin-top: -8%;
	margin-bottom: 10px;
	left: auto;
	bottom: auto;
	width: 110%;
	max-width: 110%;
}

.meritBox p.ttl {
	margin-bottom: 20px;
}
.meritBox p.txt {
	font-size: 90%;
	margin-bottom: 10px;
}


/* size */
section#size {
	padding: 20px 0;
}
section#size h2 {
	margin-bottom: 10px;
}

ul.sizeList {
	margin: 0 0 10px;
}
ul.sizeList li {
	width: 100%;
	float: none;
	padding: 0 0 8px;
}

/* detailList */
section.detailList > .cont {
	padding: 20px 0;
}

section.detailList h2 {
	margin-bottom: 5px;
}

section.detailList .txts {
	box-shadow: 2px 3px 0 rgba(0,0,0,.1);
}

section.detailList .txts p.img {
	width: auto;
	float: none;
	text-align: right;
	border-bottom: 2px solid #000;
}
section.detailList .txts p.img img {
	width: 100%;
}

section.detailList .txts .detail {
	width: auto;
	padding: 15px;
	float: none;
}
section.detailList .txts .detail p.txt {
	font-size: 100%;
	margin-bottom: 15px;
}


/* technique */
section#technique {
	padding: 20px 0 5px;
}

section#technique h2 {
	margin-bottom: 15px;
}

ul.techniqueList {
	margin: 0 -8px;
}
ul.techniqueList li {
	width: 50%;
	float: left;
	padding: 0 8px 16px;
}

ul.techniqueList li a span {
	padding: 5px 10px;
	font-size: 90%;
}
ul.techniqueList li a:before,
ul.techniqueList li a:after {
	border: 12px solid transparent;
	border-right: 12px solid #F4E729;
	border-bottom: 12px solid #F4E729;
}
ul.techniqueList li a:after {
	border: 3px solid transparent;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	right: 5px;
	bottom: 5px;
}


/* info */
section#info {
	padding: 30px 0;
}

section#info .col {
	width: auto;
	float: none;
	border: 2px solid #000;
	box-shadow: 2px 3px 0 rgba(0,0,0,.1);
	padding-bottom: 20px;
}
section#info .col + .col {
	margin-top: 15px;
}

section#info .l .cont {
	min-height: 0;
	padding-bottom: 45%;
}
section#info .l .cont p.txt {
	padding: 0 0 5px;
	font-size: 100%;
}

.news_coming > .txts {
	font-size: 90%;
	width: 100%;
	padding: 0 15% 0 23%;
}

.news_coming > .txts p.ttl {
	font-size: 120%;
}

/* bnr */
section.bnr {
	padding: 20px 0 10px;
}
section.bnr ul {
	padding: 0 10px;
}
section.bnr li {
	display: block;
	width: 100%;
	float: left;
	padding: 0 0 10px;
}
section.bnr li img {
	width: 100%;
}

/* * * * * * * * * * * * * * * * * *
 naka.css
* * * * * * * * * * * * * * * * * */

/* common
--------------------------------- */

/* title */
section#title {
	height: auto;
	background: transparent;
}

/* pan */
ul#pan {
	padding: 10px;
	font-size: 10px;
}
ul#pan li {
	display: inline;
}
ul#pan li a:hover {
	text-decoration: underline;
}

/* main */
body.naka section {
	padding: 20px 0;
}

/* bg */
.bg_stm {
	background-size: 8px 8px;
}

/* box */
body.naka #main .box {
	background: #FFF;
	border: 2px solid #000;
	box-shadow: 2px 3px 0 rgba(0,0,0,.07);
}

/* footNav */
section#footNav p.logo img {
	width: auto;
	height: 40px;
}

section#footNav nav {
	padding-top: 0;
	top: auto;
	bottom: 60px;
	box-shadow: 0 -4px 4px rgba(0,0,0,.1);
	border-bottom: 1px solid #1377D7;
}
section#footNav nav li a {
	color: #1377D7;
}

section#footNav p.btn_menu {
	top: 10px;
}
section#footNav p.btn_menu a:before,
section#footNav p.btn_menu a:after {
	border-top: 2px solid #FFF;
}
section#footNav p.btn_menu a:before {
	border-bottom: 2px solid #FFF;
}

/* step
--------------------------------- */
body#step #title {
	background-image: none;
	height: auto;
}

#main section.subTitle {
	padding: 5px 10px 0;
}

section.subTitle p.txt_lead {
	font-size: 105%;
	margin-top: 5px;
}


h3.ttl_step {
	margin-right: -1px;
	margin-bottom: 5px;
}

body#step section.step {
	padding-bottom: 30px;
	padding-top: 30px;
}

body#step .step .box {
	position: relative;
	border: 1px solid #000;;
}
body#step .step .box:before {
	display: none;
}

body#step .step .box_btm {
	margin-bottom: 10px;
}
body#step .step .box_btm:after {
	display: none;
}

body#step .step .box + .box:before {
	display: none;
}

ul.flowList {
	padding: 10px;
}
ul.flowList > li + li {
	margin-top: 40px;
}
ul.flowList > li + li:before {
	width: 19px;
	height: 19px;
	margin-left: -8px;
	top: -30px;
	background-size: 19px 19px;
}

ul.flowList > li p.img {
	width: auto;
	float: none;
	margin-bottom: 15px;
}

ul.flowList > li .detail {
	width: auto;
	float: none;
}

ul.flowList > li .detail .txts p.num {
	left: -5px;
	top: -10px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 110%;
	border: 2px solid #FFF;
}
ul.flowList > li .detail .txts > .txt {
	height: auto;
	padding: 30px 15px 15px;
	font-size: 100%;
}

ul.flowList > li .detail .sub {
	margin-top: 10px;
}

ul.flowList > li .detail .sub table.l {
	width: 100%;
	float: none;
}

ul.flowList > li .detail .sub p.btn {
	float: none;
}
ul.flowList > li .detail .sub p.btn a {
	padding: 0;
	width: 100%;
	margin: 5px 0;
}

body#step #check p.txt01,
body#step #check p.txt02 {
	padding: 15px;
}

body.naka #main .check_box {
	padding: 10px 15px;
	background: url(../img/naka/manual/bg_check2.png) center center no-repeat #FFF;
	background-size: 100% 110%;
}

.check_box ul.inWrap {
	margin: 15px 0;
	padding: 15px;
	font-size: 100%;
}

p.btn_check a {
	padding: 0;
	width: 100%;
}

div#guide h4 {
	text-align: center;
	margin-bottom: -15px;
	padding: 15px 0 0;
}
div#guide h4 img {
	width: 179px;
}

ul.guideList {
	padding: 30px 0 10px 10px;
	margin: 0 10px 20px;
}
ul.guideList li {
	width: 50%;
	padding-right: 20px;
	margin-bottom: 15px;
}
ul.guideList li:before {
	width: 12px;
	height: 15px;
	background-size: 12px 15px;
	right: 4px;
	margin-top: -7px;
}
ul.guideList li:last-child:before {
	display: none;
}

ul.guideList li .detail p.num {
	padding: 1px 8px;
}
ul.guideList li .detail p.txt,
ul.guideList li .detail p.txt_indent {
	padding: 5px;
	font-size: 11px;
	line-height: 1.4;
}
ul.guideList li .detail p.txt_indent {
	padding-left: 1.5em;
	font-size: 10px;
}

section#movie p.ttl {
	padding: 20px 30px 0;
}
section#movie .movie {
	padding: 30px 0;
	background-size: 320px auto;
	text-align: center;
}
section#movie .movie iframe {
	width: 280px;
	height: 160px;
}

section#comment {
	padding: 30px 0;
}
section#comment p.txt {
	margin-bottom: 10px;
}


/* manual
--------------------------------- */
section.pageNav ul {
	margin: -10px -4px -15px;
}
section.pageNav ul li {
	width: 50%;
	padding: 0 2px 4px;
}

#main section.manual {
	padding: 20px 10px 10px;
}

section.manual > h3 {
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 10px 10px;
}
section.manual > h3 img {
	margin-right: 0 !important;
}
section.manual > .box {
	padding: 10px;
	font-size: 100%;
}

section.manual > .box + .box {
	margin-top: 10px;
}

section.manual > .box p.title {
	margin-bottom: 15px;
}

section.manual ul.numList > li {
	padding-left: 25px;
	line-height: 20px;
}
section.manual ul.numList > li + li {
	margin-top: 15px;
}

section.manual ul.numList > li > p.num {
	width: 20px;
	height: 20px;
	font-size: 90%;
}

section.manual ul.numList > li > p.txt {
	margin-bottom: 10px;
}

section.manual p.ttl_att {
	margin-bottom: 10px;
}
section.manual p.ttl_att img {
	margin-top: -18px;
	width: 200px;
}

.check_box > .inBox {
	padding: 15px;
}

p.img_wide {
	margin: 10px -10px -10px;
}

p.txt_str {
	padding: 5px 10px;
	line-height: 1.4;
}
p.txt_str a:hover,
section.manual .check_box ul.inWrap li a:hover {
	text-decoration: underline;
}

section#manual01 p.imgFix {
	position: relative;
	right: auto;
	top: auto;
	margin-top: 10px;
}

section#manual02 p.imgFix {
	position: relative;
	right: auto;
	top: auto;
}

section#manual02 p.img_cmyk {
	margin-top: -3%;
	margin-left: -25px;
}

section.manual .check_box ul.inWrap {
	font-size: 100%;
}
section.manual .check_box ul.inWrap li + li {
	margin-top: 10px;
}

section#manual05 .relBox {
	padding-bottom: 0;
}
section#manual05 .imgFix {
	position: relative;
	right: auto;
	bottom: auto;
}

section.manual .bg_dot {
	background-size: 8px auto;
	border-radius: 3px;
	padding: 15px;
}

section#manual05 #sample > ul li {
	display: block;
}
section#manual05 #sample > ul li + li {
	margin-top: 20px;
}

p.ttl_icon {
	margin-bottom: 10px;
	white-space: nowrap;
}
p.ttl_icon:before {
	width: 12px;
	height: 12px;
	border-radius: 3px;
	margin-right: 5px;
}

p.img_zoom {
	max-width: 80%;
}
p.img_zoom:after {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
}

ul.sampleList {
	display: block;
	overflow: hidden;
}

section#manual06 #template .r {
	margin-top: 20px;
}
.r ul.sampleList {
	margin-bottom: -15px;
}
.r ul.sampleList > li {
	display: block;
	width: 50%;
	float: left;
	padding: 0 10px 20px;
}
.r ul.sampleList > li > p.thum {
	height: 100px;
}
.r ul.sampleList > li > p.thum img {
	width: auto;
	height: 100px;
}

ul.sampleList > li > p.txt {
	font-weight: normal;
	font-size: 80%;
	margin-bottom: 5px;
}

section#manual07 p.r {
	margin-top: -20px;
	margin-top: 0;
}
section#manual07 p.btn a {
	height: auto;
}
section#manual07 p.btn a > img {
	height: auto;
	max-width: 80%;
}
section#manual08 p.btn a {
	width: 100%;
}


/* price
--------------------------------- */
body#price #title {
	background-image: url(../img/naka/price/title.jpg);
}

/* priceTop */
#priceTop {
	padding: 20px 10px;
}
#priceTop > div {
	width: auto;
	float: none
}
#priceTop > div + div {
	margin-top: 20px;
}

table.pay {
	margin-top: 20px;
	box-shadow: 2px 3px 0 rgba(0,0,0,.1);
}
table.pay td {
	white-space: nowrap;
}

#priceTop > div.r {
	padding: 20px;
	border-radius: 5px;
	box-shadow: 2px 3px 0 rgba(0,0,0,.2);
}
#priceTop > div.r p.btn_calc {
	margin-top: 15px;
}
#priceTop > div.r p.btn_calc a {
	font-size: 120%;
	padding: 15px 0;
}
#priceTop > div.r p.btn_calc a:after {
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	margin-left: 5px;
	margin-bottom: 4px;
}
#priceTop > div.r p.btn_calc a:hover {
	background: #FFF;
}

/* index */
section#index {
	text-align: center;
	padding: 20px 0 10px;
}

ul.indexList {
	margin: 0 -5px;
}
ul.indexList li {
	width: 33.33333%;
	float: left;
	padding: 0 5px 10px;
}
ul.indexList li a {
	display: block;
	border: 1px solid #000;
	box-shadow: 2px 3px 0 rgba(0,0,0,.1);
}

ul.indexList li a:hover > p {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
ul.indexList li a > p.thum {
	padding: 5px 10px;
}
ul.indexList li a > p.ttl {
	padding: 0 5px 10px;
}


/* itemList */
section#itemList > .inner {
	padding: 10px 10px 15px;
}

section#itemList h4 {
	border-radius: 5px;
	padding: 10px 20px;
	margin-bottom: 10px;
	position: relative;
}

section#itemList h4 > img:first-child {
	width: auto;
	height: 18px;
}

section#itemList h4 img.sub {
	margin: 0;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 50%;
}

section#itemList .box {
	font-size: 100%;
}

section#itemList .box > p.img {
	width: auto;
	float: none;
	text-align: center;
	padding: 10px 20px;
}

section#itemList .box > .detail {
	width: auto;
	float: none;
	margin-right: 0;
	padding: 0 24px 15px;
}

section#itemList .box > .clearfix {
	clear: both;
	padding: 0 30px 30px;
}

section#itemList ul.tabNav li.select a:hover {
	background: transparent;
}
section#itemList ul.tabNav li a:hover {
	background: rgba(0,0,0,.25);
}


table.price {
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 10px;
}
table.price th {
	width: auto;
}
table.price th, table.price td {
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	padding: 0 5px;
	height: 28px;
}
table.price tbody td {
	padding-right: 5px;
	padding-left: 5px;
	width: auto;
}

.bx-controls-direction a {
	height: 204px!important;
}

p.txt_other {
	padding-top: 40px;
	display: block;
}
p.txt_other img.imgFix {
	right: auto;
	left: 50%;
	bottom: auto;
	top: -75px;
	width: 140px;
}

section#itemList p.btn_service a {
	position: relative;
	background: #0BA161;
	padding: 0 20px;
}
section#itemList p.btn_service a:after {
	content: "";
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 58px;
	height: 47px;
	background: url(../img/naka/price/etc.png) 0 0 no-repeat;
	position: absolute;
	right: -68px;
	top: 50%;
	margin-top: -25px;
}

/* calc */
section#calcWrap {
	padding: 40px 0 30px;
}

h3.ttl_calc {
	text-align: center;
	margin: -8% -5px 0;
}
h3.ttl_calc img {
	margin-top: 0;
	margin-bottom: 0;
}

section#calcWrap .box {
	padding: 0 15px 20px;
}

section#calcWrap p.txt {
	font-size: 100%;
	margin-bottom: 10px;
}

dl#calc {
	background-size: 6px 8px;
	padding: 15px;
	font-size: 105%;
}

dl#calc dt {
	margin-bottom: 5px;
}
dl#calc dt:before {
	width: 10px;
	height: 10px;
	border-radius: 3px;
	margin-right: 5px;
}

dl#calc dd {
	padding-left: 0;
}
dl#calc dd + dt {
	margin-top: 15px;
}

dl#calc label {
	margin-right: 15px;
	line-height: 2.4;
}
dl#calc select {
	width: 100%;
	padding-right: 30px;
	font-size: 16px;
}

dl#calc .option {
	padding: 10px;
	margin-top: 10px;
}

dl#calc .option p.ttl {
	margin-bottom: 10px;
	padding-left: 25px;
}
dl#calc .option p.ttl:before {
	width: 15px;
	margin: 0 5px 0 -20px;
}

dl#calc .option p.btn a {
	padding: 0 30px;
	margin-top: 5px;
}

section#calcWrap #answer {
	padding: 5px 10px;
	font-size: 110%;
	margin-top: 30px;
}
section#calcWrap #answer:before {
	border-top: 9px solid #454545;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin-left: -10px;
	top: -20px;
}

section#calcWrap #answer p.ans {
	min-width: 100px;
	padding: 5px 10px;
	margin: 0 5px;
	height: 30px;
	line-height: 30px;
	font-size: 160%;
}


/* feature
--------------------------------- */
body#feature section#footNav {
	margin-top: 0;
}

/* pageIndex */
#main section.pageIndex {
	background: rgba(231, 241, 246, .6);
	padding: 15px 0;
	margin-bottom: 0;
}

body#step #main section.pageIndex {
	margin-top: 10px;
}
body#feature #main section.pageIndex {
	margin-top: 0;
	margin-bottom: 30px;
}

section.pageIndex:before {
	border-top: 20px solid rgba(231, 241, 246, .6);
	border-left: 110px solid transparent;
	border-right: 110px solid transparent;
	bottom: -20px;
	margin-left: -110px;
}

section.pageIndex ul {
	margin: 0 -10px;
}
section.pageIndex ul li {
	width: auto;
	float: none;
	font-size: 100%;
}
section.pageIndex ul li + li {
	margin-top: 10px;
}
section.pageIndex ul li a {
	display: table;
}
section.pageIndex ul li a > p {
	display: table-cell;
	vertical-align: middle;
}
section.pageIndex ul li a > p.thum {
	width: 45%;
	padding-right: 10px;
}
section.pageIndex ul li a > p.txt {
	text-align: left;
}

body#step section.pageIndex ul li + li:before {
	width: 19px;
	height: 19px;
	background: url(../img/naka/step/arrow_bottom.png) 0 0 no-repeat;
	background-size: 19px 19px;
	left: 50%;
	margin-left: -8px;
	top: -8px;
	margin-top: 0;
}
body#step section.pageIndex ul li p.thum {
	margin-bottom: 0;
}

#main .featureBox {
	padding: 10px 10px 20px;
}

.featureBox h3 {
	border-radius: 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.featureBox h3 img {
	margin-top: -4%;
}

.featureBox .box {
	padding: 15px;
}
.featureBox .box .detail,
.featureBox .box p.img {
	width: auto;
	float: none;
}

.featureBox .box .detail {
	padding: 0;
}

.featureBox .box .detail p.txt {
	font-size: 100%;
	margin-top: 10px;
}
.featureBox p.btn {
	margin-top: 10px;
	text-align: center;
}

.featureBox .box p.img {
	margin-top: 10px;
}

div#other {
	background-size: 100% auto;
	margin: 0 -15px -15px;
}
div#other h4 {
	padding: 0 10px;
}

ul.otherBox {
	padding: 0 15px 10px;
}
ul.otherBox li {
	width: auto;
	float: none;
	padding: 0;
	padding-top:10px;
	padding-bottom: 10px;
}

ul.otherBox li p.ttl:before {
	width: 38px;
	height: 56px;
	background-size: 38px 56px;
	right: 0;
	top: 0;
}
ul.otherBox li p.btm:before {
	width: 40px;
	height: 54px;
	background-size: 40px 54px;
	left: 0;
	bottom: 0;
}

ul.otherBox li .txts > .txt {
	font-size: 90%;
}
ul.otherBox li .txts > .txt span {
	color: #FF4F9F;
	background: linear-gradient(transparent 60%, #FCFD7D 0%);
}


/* fullsize
--------------------------------- */

#main section.fullsize {
	padding: 0px 10px 20px;
}

body#fullsize section.fullsize > h3 {
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 10px 10px;
}

section.fullsize > .box{
	padding: 15px;
	font-size: 100%;
}

.fullsize .box {
	padding: 15px;
}

.fullsize .box .detail, .fullsize .box div.r {
	width: auto;
	float: none;
}

.fullsize .box .detail p.txt {
	font-size: 100%;
	margin-top: 10px;
}

section#fullsize01 p.imgFix{
	text-align: center;
}

section#fullsize02 p.imgFix{
	right: 0;
	text-align: center;
}

body#fullsize .imgFix {
	position: inherit;
}

.fullsize .box .detail {
	padding: 0px 0 20px 0px;

}

body#fullsize .box .detail p.txt {
	font-size: 100%;
}

section#fullsize02 p.imgFix:nth-child(1){
	margin-bottom: 30px;
}