@charset "utf-8";


/*
---------------------------------------
contents
---------------------------------------
*/

article header h1{
	width:960px;
	margin:0 auto;
}
article header h1 img{
	display:block;
	margin:0 auto;
}
#wrapper header h2,
#wrapper header p.clause
{
	text-align:center;
	font-size:2rem;
	color:#fff;
}
#wrapper header h2 span,
#wrapper header p.clause span
{
	line-height:1;
	display:block;
	margin:0 auto;
	vertical-align:text-bottom;
	font-size:7.8rem;
	font-weight:bold;
	font-family: 'Satisfy', cursive ,serif;
}

#pan{
	padding:10px;
}
#pan ul li a{
	text-decoration:underline;
	color:#7a6b59;
}
#pan ul li a:after{
	content:">";
	margin:0 5px;
	display:inline-block;
}/*
#pan{
	width:960px;
	margin:18px auto 30px auto;
}
#pan li{
	font-size:1.2rem;
	line-height:32px;
	height:32px;
	margin:0 17px 0 0;
}
#pan .home,
#pan .parent{
	line-height:28px;
	height:32px;
	position:relative;
	background:#fff;
	border:2px solid #e5e5e5;
	border-radius:3px;
	border-right:none;
	z-index:2;
	padding-right:8px;
    box-sizing: border-box;
}
#pan .home a,
#pan .parent a{
	padding:0 10px;
	line-height:28px;
	height:28px;
	/*width: 43px;*/
    display: block;
    background: #fff;
    position: relative;
    z-index: 2;
}
#pan .home:after,
#pan .parent:after {
    content: "";
    position: absolute;
    top: -2px;
    right: -1px;
    width: 12px;
    height: 32px;
	z-index:4;
	background: url(../img/common/ico-arw-pan.png) 0 0 no-repeat;
}
*/
/*
#pan .home:before {
	content: "";
    position: absolute;
    top: -2px;
    right: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 12px;
    border-color: transparent transparent transparent #e5e5e5;
}
#pan .home:after {
    content: "";
    position: absolute;
    top: 2px;
    right: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 8px;
    border-color: transparent transparent transparent #fff;
}*/
#pan .parent{
    z-index: 1;
    left: -16px;
	margin:0;
    border-left: none;
    border-radius: 0;
}
.search-box input[type='text'] {
	line-height: 40px;
	height:40px;
	padding: 0 5px;
	width: 350px;
    padding: 8px 10px;
    font-size: 1.6rem;
    border: solid 1px #ccc;
    line-height: 1.6;
	outline:none;
	box-sizing:border-box;
	float:left;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}
.search-box input[type='submit'] {
	width: 50px;
	height: 40px;
	box-sizing:border-box;
	background:#000 url(../img/common/btn-search.png) 0 0 no-repeat;
	border: none;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
	float:left;
}
#sidebar .search-box input[type='text'] {
	max-width:190px;
}
.results{
	border: 2px solid #ccc;
    max-width: 960px;
    margin: 0 auto 35px auto;
    padding: 10px 0;
}
.s-ttl{
	position:relative;
	border-bottom:2px solid #000;
}
.s-ttl span{
	color:#333;
	line-height:1;
	display:block;
	vertical-align:text-bottom;
	font-size: 6.4rem;
	font-family: 'Satisfy', cursive ,serif;
}
.s-ttl i{
	color:#8b8b8b;
	font-size: 2.8rem;
	font-style:normal;
	line-height:3.4rem;
	position:absolute;
	right:0;
	bottom:0;
	display:block;

}
#button{
	display:none;
}

/*
---------------------------------------
column & VOICE
---------------------------------------
*/

#sidebar .time-cat-box {
margin-top:10px;
}
#sidebar .time-cat-box > *{
	float:none;
}

.time-cat-box time{
	float:left;
	padding:1px 10px 1px 0;
	font-size:1.3rem !important;
}
.art-cats-list{
	float:left;
    margin: 0 0 0 10px;
}
#sidebar .art-cats-list{
margin:0;
}
.art-cats-list li{
    margin: 0 10px 4px 0;
}

.art-cats-list li a{
   display: block;
    color: #666;
    background: #ddd;
    text-align: center;
    min-width: 70px;
    border-radius: 3px;
    font-size: 1.3rem !important;
    padding: 1px 10px;
}
.art-cats-list li a:hover{
	color:#ddd;
	background:#666;
}
#voice #main .article-list h1,
#column #main .article-list h1,
#voice #main .article-list h2,
#column #main .article-list h2{
	color:#7a6b59;
	font-size:2rem;
	font-weight:bold;
	margin:10px 0;
}
#voice.single #main .article-list h1,
#voice.single #main .article-list h2{
	color:#000;
	font-size:2.6rem;
}
#column #main .article-list h1 a,
#voice #main .article-list h1 a,
#column #main .article-list h2 a,
#voice #main .article-list h2 a {
	color:#e31d6f;
}
#column p,
#voice p{
	font-size:1.4rem;
}
#voice.single p{
	font-size:1.6rem;
}
#column > .clearfix #main,
#voice > .clearfix #main{
	width:680px;
	float:left;
}
#column > .clearfix #sidebar,
#voice > .clearfix #sidebar,
#function > .clearfix #sidebar{
	/*width:240px;*/
	float:right;
	right:0;
    /*padding: 18px 0px 0 0;*/
	width:100%;
}
.btn03 {
	width:100%;
	height:28px;
}
.btn03 a{
	position:relative;
	display:block;
	text-align:center;
	line-height:28px;
	font-size:1.2rem;
	background:#000;
	color:#fff;
	width:100px;
	height:100%;
	text-indent:-10px;
	float:right;
	border:1px solid #000;
}
.btn03 a:hover{
	color:#000;
	background:#fff;
}
.btn03 a:before{
	position:absolute;
	content:">";
	top:0;
	right:5px;
	line-height:28px;
	height:28px;
	width:1rem;
}
.article-list{
	padding:0 0 24px 0;
	margin:0 0 24px 0;
	border-bottom:2px solid #e5e5e5;
}
.img-true .time-cat-box{
	/*margin-left:280px;*/
    /*float: right;*/
    width: 400px;
}
.img-true .img{
	float:left;
	margin:7px 0 0 0;
	width:262px;
	height:auto;
}
.img-true .art-box{
	float:right;
	width:400px;
}
#voice.single .img-true .art-box{
	width:340px;
}
#voice.single .article-list{
	border:none;
}
#voice.single .article-list .voice-top-box{
	border:2px solid #e5e5e5;
	padding:30px;
	margin:0 0 25px 0;
}
#voice .staff-ttl {
	height:40px;
	color:#fff;
	position:relative;
	background:#e31d6f;
	font-size:1.6rem;
	border-radius:100px;
	padding:0 15px;
	/*overflow:hidden;*/
	line-height:40px;
	letter-spacing:3px;
	margin:55px auto 40px auto;
}
#voice .staff-ttl:before {
	content:" ";
	position:absolute;
	left:30px;
	bottom:-12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 8px 0 8px;
	border-color: #e31d70 transparent transparent transparent;
}
#voice .staff-ttl img {
	vertical-align:top;
}
#voice.single h4{
	font-size:2rem;
	margin:0 0 25px 0;
	font-weight:bold;
}
#column #main #column-single{
	clear:both;
}
#column #main #column-single h1,
#column #main #column-single h2
{
	font-size:4.0rem;
	font-weight:bold;
	margin:15px 0;
}
#column #main #column-single * {
	font-size:3.0rem;
	line-height:2;
}
#column #main #column-single h3,
#column #main #column-single .h-01 {
	border:none;
	font-size:2rem;
	font-weight:bold;
	padding:15px 20px;
	border-radius:4px;
	background:#eee;
	margin:30px auto;
}
#column #main #column-single h3:before,
#column #main #column-single .h-01:before {
	display:none;
}
#column #main #column-single h4,
#column #main #column-single .h-02 {
	border-bottom:1px solid #ccc;
	font-size:3.2rem;
	font-weight:bold;
	padding:7px 10px 10px 22px;
	border-radius:0;
	background:#fff;
	margin:30px auto;
	position:relative;
}
#column #main #column-single h4:before,
#column #main #column-single .h-02:before {
	content:" ";
	display:block;
	width:5px;
	height:	90%;
	position:absolute;
	top:0;
	left:0;
	background:#e31d6f;
}
#column .alignleft {
    float: left;
}
#column .alignright {
    float: right;
}
#column-single p a{
	text-decoration:underline;
    color: #e31d6f;
}
#column-single li{
    list-style-position: inside;
}
#column-single blockquote:after,
#column-single blockquote:before{
	display:none;
}
#column-single blockquote {
	font-size:2.6rem;
	color:#000;
	font-weight:normal;
	width:inherit;
	background: #f3f3f3 url(../img/column/blockquote.gif) 20px 20px no-repeat;
	padding: 32px 30px 30px 110px;
	border:none;
	border-radius: 8px;
	margin: 30px auto;
    display: block;
    min-height: inherit;
}
#sidebar > aside > section{
	margin-bottom:30px;
}
#sidebar #column-search h2,
#sidebar #recent h2{
	font-size:2.6rem;
	font-weight:bold;
	padding:0 0 5px 0;
}
#sidebar #recent > ul{
	background:#f3f3f3;
	padding:10px 20px;
}
#sidebar #recent *{
	max-width:200px;
	height:auto;
}
#sidebar #recent > ul > li{
	padding:10px 0;
}
#sidebar #recent ul li h3,
#sidebar #recent ul li h3 a{
	font-weight:normal;
	font-size:2.5rem;
	color:#e31d6f;
}
#sidebar #category h2,
#sidebar #archives h2{
	display:table;
	color: #fff;
    font-size: 1.6rem;
	width:100%;
    height: 50px;
    box-sizing: border-box;
    background: #e31d6f;
    line-height: 1.6;
    padding: 4px 15px 4px 50px;
}
#sidebar #category h2{
    background: #e31d6f url(../img/column/ttl-cat.gif) no-repeat top left;
}
#sidebar #archives h2{
    background: #e31d6f url(../img/column/ttl-arc.gif) no-repeat top left;
}
#sidebar #category h2 span,
#sidebar #archives h2 span{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
}
#sidebar #category ul li,
#sidebar #archives ul li{
	position:relative;
	border-bottom:1px solid #d9d9d9;
}
#sidebar #category ul li:before,
#sidebar #archives ul li:before{
	content:" ";
	width:100%;
	height:1px;
	position:absolute;
	bottom:-2px;
	left:0;
	background:#f2f2f2;
}
#sidebar #category ul li a{
	display:block;
    font-size: 1.3rem;
    position: relative;
    padding: 10px 0;
    background: url(../img/faq/ico-cat.png) no-repeat 10px 16px;
}
#sidebar #archives ul li a{
	display:block;
	margin:10px 0;
	padding:4px 15px;
    font-size: 1.3rem;
	border-left:4px solid #ddd;
}
#sidebar #category ul li a.touch,
#sidebar #category ul li a:hover{
	color:#e31d6f;
	background-position:12px 16px;
}
#sidebar #archives ul li a.touch,
#sidebar #archives ul li a:hover{
	color:#e31d6f;
	border-color:#e31d6f;
}
#main #page-nav {
	clear: both;
	display: table;
	table-layout: fixed;
	width: 100%;
	margin:70px auto;
	min-height:60px;
    background: #f3f3f3;
    padding: 15px;
    box-sizing: border-box;
}
#main #page-nav li {
	display: table-cell;
	text-align: center;
	vertical-align:middle;
	font-size:1.4rem;
	font-weight:bold;
	position:relative;
	margin: 0 auto;
}
#main #page-nav li.prev {
	background:url(../img/common/ico-prev.png) no-repeat left center;
	text-align: left
}
#main #page-nav li.back {
	width: 120px;
	font-size:1.6rem;
	margin-top: 1rem;
}
#main #page-nav li.next {
	background:url(../img/common/ico-next.png) no-repeat right center;
	text-align: right;
	margin-top: 1rem;
}
#main #page-nav li a {
	display: block;
	min-height:54px;
	position:relative;
	z-index:10;
    padding: 0 40px 0 40px;
}
#main #page-nav li.back a {
	background: #fff;
	padding:0;
	color:#ea5693;
	border: solid 1px #e31d6f;
	border-radius: 5px;
	margin: 0;
	line-height: 50px;
}
#main #page-nav li.back a.touch,
#main #page-nav li.back a:hover {
	background: #e31d6f;
	color: #fff;
}
#main #page-nav li a:hover {
	color:#ea5693;
}

#main #page-nav li.touch{
	filter:alpha(opacity=70); /* internet explorer */
	-khtml-opacity:0.7;      /* khtml, old safari */
	-moz-opacity:0.7;       /* mozilla, netscape */
	opacity:0.7;           /* fx, safari, opera */
}

.touch{
outline:none;
}

/*
---------------------------------------
function
---------------------------------------
*/

#faq-box .btn,
#faq-box .btn > *{
	width:481px;
	height:46px;
	margin:23px auto;
}

#faq-box {
	margin-top:40px;
	border-bottom:1px solid #e3e3e3;
}

#function > .clearfix #main{
	width:680px;
	float:left;
}
#wrapper > header {
    z-index: 9999;
    position: relative;
}
#function > .clearfix #sidebar{
	width:100%;
	float:right;
	right:0;
    padding: 18px 0px 0 0;
    z-index: 10;
}
#function > .clearfix #sidebar aside ul li{
	border-bottom:1px solid #ccc;
	font-size:1.5rem;
	line-height:1.2;
}/*
#function > .clearfix #sidebar aside ul li.sec-04,
#function > .clearfix #sidebar aside ul li.sec-05{
	border-bottom:none;
}
#function > .clearfix #sidebar aside ul li.sec-05 a,
#function > .clearfix #sidebar aside ul li.sec-04 a{
	padding-bottom:0;
}
#function > .clearfix #sidebar aside ul li.sec-05 a:before,
#function > .clearfix #sidebar aside ul li.sec-04 a:before{
	margin-top:3px;
}
#function > .clearfix #sidebar aside ul li.sec-04-cont-02 a:before,
#function > .clearfix #sidebar aside ul li.sec-06 a:before{
	margin-top:-6px;
}
#function > .clearfix #sidebar aside ul li.sec-04-cont-02 a,
#function > .clearfix #sidebar aside ul li.sec-06 a{
	padding-top:0;
}
*/
#function > .clearfix #sidebar aside ul li.int-1{
	padding-left:35px;
}
#function > .clearfix #sidebar aside ul li a:before{
	content:"";
	width:6px;
	height:6px;
	background:#e3e3e3;
	border-radius:6px;
	position:absolute;
	top:50%;
	margin-top:-3px;
	left:0;
}
#function > .clearfix #sidebar aside ul li a{
	display:block;
	position:relative;
	padding:22px 5px 22px 20px;
	line-height:1.2;
}
#function > .clearfix #sidebar aside ul li.active a:before{
	background:#948068;
}
/*
#function > .clearfix #sidebar aside ul li,
#function > .clearfix #sidebar aside ul li a{
    background: #ffd9eb;
}
#function > .clearfix #sidebar aside h2{
	height:50px;
	background:#e42a71;
	overflow:hidden;
}
#function > .clearfix #sidebar ul li img{
	display:block;
}*/
#function #main section{
	position:relative;
	clear:both;
}
#function #main .sec-inner{
	position:relative;
	border-radius:10px;
	padding:25px;
	margin:0 0 23px 0;
	border:1px solid #c6c6c6;
    background-color: rgba(255,255,255,0.5);
}
#function #main section dl dd,
#function #main section p,
#function #main section ul li{
	font-size:1.6rem;
}
#function #main section h1,
#function #main section h2
{
	margin:20px 0 20px 0;
}
#function #main section h1,
#function #main section h2
{
	background:#948068;
	font-weight:normal;
	color:#fff;
	font-size:2.3rem;
	padding:5px 10px;
	line-height:1.7;
	position:relative;
	box-sizing:border-box;
}
#function #main section .attention span{
	display:inline-block;
	font-size:1.3rem;
	color:#5c5c5c;
	border-bottom:1px solid #5c5c5c;
	margin:0 0 5px 0;
	font-family: 'Optima','Times New Roman',sans-serif;
}

#function #main section h1:before,
#function #main section h2:before
{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:100px;
	height:31px;
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-right:15px;
}

#function #main section h1 img,
#function #main section h2 img
{
	/*display:none;*/
}
#function #main #sec-01 h1:before,
#function #main #sec-01 h2:before
{
	background-image:url(../images/function/ttl-01.png);
}
#function #main #sec-02 h1:before,
#function #main #sec-02 h2:before
{
	background-image:url(../images/function/ttl-02.png);
}
#function #main #sec-03 h1:before,
#function #main #sec-03 h2:before
{
	background-image:url(../images/function/ttl-03.png);
}
#function #main #sec-04 h1:before,
#function #main #sec-04 h2:before{
	background-image:url(../images/function/ttl-04.png);
}
#function #main #sec-05 h1:before,
#function #main #sec-05 h2:before
{
	background-image:url(../images/function/ttl-05.png);
}
#function #main #sec-06 h1:before,
#function #main #sec-06 h2:before
{
	background-image:url(../images/function/ttl-06.png);
}
#function #main #sec-07 h1:before,
#function #main #sec-07 h2:before
{
	background-image:url(../images/function/ttl-07.png);
}
#function #main #sec-08 h1:before,
#function #main #sec-08 h2:before
{
	background-image:url(../images/function/ttl-08.png);
}
#function #main #sec-09 h1:before,
#function #main #sec-09 h2:before
{
	background-image:url(../images/function/ttl-09.png);
}
#function #main #sec-10 h1:before,
#function #main #sec-10 h2:before
{
	background-image:url(../images/function/ttl-10.png);
}
#function #main #sec-11 h1:before,
#function #main #sec-11 h2:before
{
	background-image:url(../images/function/ttl-11.png);
}
#function #main #sec-04-cont-02 h2:before,
#function #main #sec-04-cont-02 h3:before
{
	background-image:url(../images/function/ico-sec-04-cont-02.png);
}
#function #main #line h2:before,
#function #main #line h3:before
{
	background-image:url(../images/function/ico-line.png);
}
#function #main #sms h2:before,
#function #main #sms h3:before
{
	background-image:url(../images/function/ico-sms.png);
}
#function #main #mail h2:before,
#function #main #mail h3:before
{
	background-image:url(../images/function/ico-mail.png);
}
#function #main #url h2:before,
#function #main #url h3:before
{
	background-image:url(../images/function/ico-url.png);
}
#function #main #sec-10 #change h2:before,
#function #main #sec-10 #change h3:before
{
	background-image:url(../images/function/ico-change.png);
}
#function #main #sec-10 #delete h2:before,
#function #main #sec-10 #delete h3:before
{
	background-image:url(../images/function/ico-delete.png);
}
#function #main #sec-11 #cont-01 h2:before,
#function #main #sec-11 #cont-01 h3:before
{
	background-image:url(../images/function/ico-cont-01.png);
}
#function #main #sec-11 #cont-02 h2:before,
#function #main #sec-11 #cont-02 h3:before
{
	background-image:url(../images/function/ico-cont-02.png);
}
#function #main #sec-11 #cont-03 h2:before,
#function #main #sec-11 #cont-03 h3:before
{
	background-image:url(../images/function/ico-cont-03.png);
}
#function #main #sec-11 #cont-04 h2:before,
#function #main #sec-11 #cont-04 h3:before
{
	background-image:url(../images/function/ico-cont-04.png);
}
#function #main #sec-11 #cont-05 h2:before,
#function #main #sec-11 #cont-05 h3:before
{
    background-image: url(../images/function/ico-cont-05.png);
    width: 40px;
    height: 40px;
    top: 14px;
}
#function #main #sec-11 #cont-05 h2,
#function #main #sec-11 #cont-05 h3
{
	line-height: 1;
}
#function #main section .h-01{
	font-size:2.5rem;
	position:relative;
	padding:10px 10px 10px 27px;
}
#function #main section .box-d h2:before,
#function #main section .box-d h3:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:37px;
	height:37px;
	position:relative;
	top:-1px;
	background-position:center center;
	background-repeat:no-repeat;
	margin-right:7px;
}

#function #main .box-d{
    border: 1px solid #e7e7e7;
	position:relative;
	margin-bottom:50px;
}
#function #main .box-d:before{
	content:"";
	width:100%;
	height:100%;
	border:1px solid #e7e7e7;
	position:absolute;
	left:-10px;
	top:-10px;
}
#function.newdesign {
    background: url(../images/top/bg_02.jpg) top left repeat;
}
#function #main .box-d *{
	position:relative;
	z-index:1;
}
#function #main .box-d h2,
#function #main .box-d h3
{
	font-size:2.3rem;
	padding:20px 30px;
}
#function #main .box-d h2:after,
#function #main .box-d h3:after
{
	content:"";
	width:100%;
	height:1px;
	background:#e7e7e7;
	position:absolute;
	left:-10px;
	bottom:0;
	padding-right:10px;
}
#function #main .box-d .inner{
	padding:30px;
}
#function #main .box-d .inner h3,
#function #main .box-d .inner h4
{
	font-size:2.3rem;
}
#function #main .att-box,
#function #main .box-d .inner .box{
		background:#f4f4f4;
		padding:20px;
		position:relative;
		margin:15px auto 0 auto;
}
#function #main .box-d .inner .box img{
	position:absolute;
	right:10px;
	top:10px;
}
#function #main section > p{
	font-size:1.6rem;
	margin:0 0 25px 0;
}
/*
#function #main section .flow-01:before{
	font-family:'FontAwesome';
    content: "\f105";
	position:absolute;
	top:150px;
	right:50%;
	font-size:4rem;
	color:#9f8d78;
}
*/
#function #main section .flow-01 li:first-child:before{
	font-family:'FontAwesome';
    content: "\f105";
	position:absolute;
	top:150px;
	right:-55px;
	font-size:4rem;
	color:#9f8d78;
}

#function #main section .flow-01{
	position:relative;
	background:url(../img/function/ico-arw.png) no-repeat center center;
	padding-bottom:45px;
}
#function #main section .flow-01 > li{
	position:relative;
	width:304px;
	margin:0 18px;
}
#function #main section .flow-01 > li:first-child{
	margin-right:43px;
}

#function #main section .flow-01 > li:last-child{
	margin-left:43px;
}
#function #main section .flow-01 > li p{
	margin:5px 0 0 0;
	font-size:1.6rem;
}
#function #main #sec-03 .btn-list {
    width: 100%;
	text-align:center;
    background: #f0f0f0;
    padding: 14px 10px 9px 10px;
    margin: 1em auto 0 auto;
	display: block;
}

#function #main section#sec-04 .cont-01 .flow-01 > li:before{
	content:"";
	width:87px;
	height:87px;
	position:absolute;
	top: -40px;
	left: -65px;
}
#function #main section#sec-04 .cont-01 .flow-01 > li.step-01:before{
	background:url(../images/function/ico-step-01.png) no-repeat center center;
}
#function #main section#sec-04 .cont-01 .flow-01 > li.step-02:before{
	background:url(../images/function/ico-step-02.png) no-repeat center center;
}
#function #main #sec-04 .cont-01 .ttl-box{
	position:relative;
	padding-left:160px;
	min-height:127px;
}
#function #main #sec-04 .cont-01 h3{
	font-size:2.5rem;
}
#function #main #sec-04 .cont-01 h3 span{
	font-size:3.9rem;
}
#function #main #sec-04 .cont-01 .ttl-box:before{
	content:"";
	width:147px;
	height:127px;
	background:url(../images/function/ico-sec-04.png) no-repeat top left;
	position:absolute;
	top:0;
	left:0;
}
#function #main #sec-04 .cont-02 ol{
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
	padding:15px 40px 25px 30px;
}
#function #main #sec-04 .cont-02 li{
	background:#f4f4f4;
	margin:15px auto;
	position:relative;
	width:100%;
	min-height:292px;
	padding:20px 290px 20px 20px;
	box-sizing:border-box;
}
#function #main #sec-04 .cont-02 li h3,
#function #main #sec-04 .cont-02 li h4
{
	font-size:2.3rem;
	margin:5px 0 15px 0;
}
#function #main #sec-04 .cont-02 li h3:before,
#function #main #sec-04 .cont-02 li h4:before
{
	content:"";
	width:38px;
	height:38px;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}
#function #main #sec-04 .cont-02 li.sec-01 h3:before,
#function #main #sec-04 .cont-02 li.sec-01 h4:before
{
	background:url(../images/function/ico-01.png) no-repeat top left;
}
#function #main #sec-04 .cont-02 li.sec-02 h3:before,
#function #main #sec-04 .cont-02 li.sec-02 h4:before
{
	background:url(../images/function/ico-02.png) no-repeat top left;
}
#function #main #sec-04 .cont-02 li.sec-03 h3:before,
#function #main #sec-04 .cont-02 li.sec-03 h4:before
{
	background:url(../images/function/ico-03.png) no-repeat top left;
}
#function #main #sec-04 .cont-02 li img{
	position:absolute;
	right:30px;
	top:30px;
}
#function #main #sec-04 > section > p{
	padding:16px;
}
#function #main #sec-04 .sec-04-01{
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}
#function #main #sec-04 .cont-01 ol{
	position:relative;
}
#function #main #sec-04 .cont-01 ol li{
	width:304px;
	margin: 60px 26px;
}
#function #main #sec-04 .flow-01 > li:first-child{
	margin-right:30px;
}
#function #main #sec-04 .flow-01 > li:last-child{
	margin-left:60px;
}
#function #main #sec-04 .cont-wrap-sec02{
	position:relative;
	min-height:453px;
	padding-bottom: 80px;
}
#function #main #sec-04 .cont-wrap-sec02 h2,
#function #main #sec-04 .cont-wrap-sec02 h3
{
	font-size:1.8rem;
	padding:20px 20px 20px 150px;
	line-height:1.4;
	position:relative;
}
#function #main #sec-04 .cont-wrap-sec02 h2 span,
#function #main #sec-04 .cont-wrap-sec02 h3 span
{
	display:block;
	font-size:1rem;
}
#function #main #sec-04 .cont-wrap-sec02 h2:before,
#function #main #sec-04 .cont-wrap-sec02 h3:before
{
	content:"";
	width:119px;
	height:38px;
	display:inline-block;
	vertical-align:middle;
	background:url(../images/function/ico-pick.png) no-repeat top left;
	position:absolute;
	top:20px;
	left:20px;
}
#function #main #sec-04 .cont-wrap-sec02 h3,
#function #main #sec-04 .cont-wrap-sec02 h4{
	font-size:3rem;
}
#function #main #sec-04 .cont-wrap-sec02 h3 span,
#function #main #sec-04 .cont-wrap-sec02 h4 span{
	color:#6e5130;
	display:block;
}
#function #main #sec-04 .cont-wrap-sec02 section{
    padding: 30px 240px 30px 30px;
}
#function #main #sec-04 .cont-wrap-sec02 .smartphone{
	position:absolute;
	right:30px;
	top:50px;
	width:196px;
	height:375px;
	background: url(../images/function/bg-sp.png) no-repeat top left, url(../images/top/bg_02.jpg) top left repeat;
	z-index: 100;
}
#function #main #sec-04 .cont-wrap-sec02 .smartphone:before{
	content:" ";
	z-index:1;
	width:145px;
	height:125px;
	position:absolute;
	z-index: 101;
	top: -80px;
	right: -60px;
	background:url(../images/function/ico-scroll.png) no-repeat top left;
}
#function #main #sec-04 .cont-wrap-sec02 .smartphone p {
	position: absolute;
    bottom: -84px;
    font-size: 1.6rem;
    line-height: 1.6em;
}
#function #main #sec-04 .cont-wrap-sec02 .smartphone div{
	position: absolute;
    top: 46px;
    left: 8px;
    width: 181px;
    height: 283px;
    overflow: auto;
    z-index: 100;
}
#function #main #sec-04 .cont-wrap-sec02 .smartphone div img{
	max-width:100%;
	height:auto;
}
#function #main .sec-inner h2,
#function #main .sec-inner h3
{
	font-size:2.3rem;
	font-weight:bold;
	padding-left:55px;
	line-height:40px;
	height:40px;
	margin:0 0 10px 0;
}
#function #main .sec-inner .box{
	background:#f2f2f2;
	padding:20px;
}
#function #main #sec-05 .sec-inner .att{
	padding-left:94px;
	background:#f2f2f2 url(../img/function/ico-att.png) no-repeat 20px 50%;
}
#function #main #sec-05 #line .box{
	min-height:140px;
}
#function #main #sec-05 #line .inner > p{
	max-width:460px;
	margin:0 0 15px 0;
	min-height: 120px;
}
#function #main #sec-05 #line .ribbon{
	position:absolute;
	top:12px;
	left:-12px;
}
#function #main #sec-05 #line .img-05-01{
	position:absolute;
	top: -70px;
	right: 38px;
	z-index:1;
}
#function #main #sec-05 #line h2,
#function #main #sec-05 #line h3
{
	background:url(../img/function/ico-line.png) no-repeat center left;
}
#function #main #sec-05 #line section img{
	display:block;
}
#function #main #sec-05 #line .img-05-03{
	position:absolute;
	bottom:15px;
	left:162px;
}
#function #main #sec-05 #sms h2,
#function #main #sec-05 #sms h3
{
	background:url(../img/function/ico-sms.png) no-repeat center left;
}
#function #main #sec-05 #sms .inner > p{
	width:460px;
	margin-bottom:0;
}
#function #main #sec-05 #sms .inner > ul{
	margin:7px 0 25px 0;
}
#function #main #sec-05 #sms .inner > ul li{
	font-size:1.3rem;
}
#function #main #sec-05 #sms .img-05-04{
	position:absolute;
	top:-80px;
	right:30px;
	z-index:1;
}
#function #main #sec-05 #mail h2,
#function #main #sec-05 #mail h3
{
	background:url(../img/function/ico-mail.png) no-repeat center left;
}
#function #main #sec-05 #mail > p{
	width:500px;
	line-height:2;
	margin-bottom:0;
}
#function #main #sec-05 #mail > ul{
	margin:7px 0 35px 0;
}
#function #main #sec-05 #mail > ul li{
	font-size:1.2rem;
}
#function #main #sec-05 #mail .img-05-05{
	position:absolute;
	top:-50px;
	right:30px;
	z-index:1;
}
#function #main #sec-05 #url h2,
#function #main #sec-05 #url h3
{
	background:url(../img/function/ico-url.png) no-repeat center left;
}
#function #main #sec-05 #url p{
	margin-bottom:5px;
}
#function #main #sec-05 #url p img{
	vertical-align:middle;
	margin:0 10px 0 0;
}
#function #main #sec-05 #url ul{
	margin:15px auto 0 auto;
}
#function #main #sec-05 #url ul li:first-child{
	width:250px;
}
#function #main #sec-05 #url ul li:last-child{
	width: 393px;
    margin-left: 45px;
}
#function #main #sec-05 #url ul li p{
	margin:5px;
}

#function #main #sec-06,
#function #main #sec-07,
#function #main #sec-08{
	padding-bottom:30px;
}

#function #main #sec-06 .clearfix > p,
#function #main #sec-07 .clearfix > p,
#function #main #sec-08 .clearfix > p,
#function #main #sec-09 .clearfix > p{
	width:450px;
	float:left;
	margin:20px 0;
}
#function #main #sec-06 .clearfix > img,
#function #main #sec-07 .clearfix > img,
#function #main #sec-08 .clearfix > img,
#function #main #sec-09 .clearfix > img{
	float:right;
	margin:20px 30px 30px 0;
}

#function #main #sec-09 dd .clr{
	color:#f85e74;
}
#function #main #sec-10 .box-d{
	min-height:350px;
}
#function #main #sec-10 .box-d img,
#function #main #sec-11 .box-d .img{
	position:absolute;
	top:-50px;
	right:20px;
}
#function #main #sec-10 .box-d p,
#function #main #sec-11 .box-d p{
	width:450px;
}
#function #main #sec-10 #change h2,
#function #main #sec-10 #change h3
{
	background:url(../img/function/ico-change.png) no-repeat center left;
}
#function #main #sec-10 #delete h2,
#function #main #sec-10 #delete h3
{
	background:url(../img/function/ico-delete.png) no-repeat center left;
}
#function #main #sec-11 #cont-01{
	min-height:350px;
}
#function #main #sec-11 #cont-02{
	min-height:350px;
}
#function #main #sec-11 #cont-03{
	min-height:235px;
}
#function #main #sec-11 #cont-04{
	min-height:350px;
}
#function #main #sec-11 #cont-02 .img-11-03{
	z-index:1;
	position:relative;
}
#function #main #sec-11 #cont-03 .img-11-05{
    position: relative;
    top: 35px;
    left: 30px;
}/*
#function #main #sec-11 section h3:before{
	content:" ";
	width:62px;
	height:67px;
	position:absolute;
	left:0;
	bottom:0;
}
#function #main #sec-11 section h3{
	position:relative;
}
#function #main #sec-11 #cont-01 h3:before{
	background:url(../img/function/ico-useful-01.png) no-repeat bottom left;
}
#function #main #sec-11 #cont-02 h3:before{
	background:url(../img/function/ico-useful-02.png) no-repeat bottom left;
}
#function #main #sec-11 #cont-03 h3:before{
	background:url(../img/function/ico-useful-03.png) no-repeat bottom left;
}
#function #main #sec-11 #cont-04 h3:before{
	background:url(../img/function/ico-useful-04.png) no-repeat bottom left;
}
*/
#function #main .box-d .inner .info {
	background: #f4f4f4;
    padding: 20px;
    position: relative;
    margin: 55px 0 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#function #main #sec-11 dd .clr {
    color: #f85e74;
}
#function #main #sec-11 #cont-05.box-d .img {
    position: absolute;
    top: -85px;
    right: 20px;
}
#function #main #sec-11 #cont-05 .att {
	padding-top: 0;
}
#function #main #sec-11 #cont-05 .att-box {
    margin: 0 auto;
}
#function .img-11-04 {
	margin-top: 60px;
}



.scrollFixIt{
position: absolute;
top: 5px !important;
right: -8px !important;
cursor: pointer;
font-size: 1.1rem;
display: inline-block;
background: #000;
border-radius: 4px;
color: #fff;
padding: 2px 5px !important;
}

.scrollFixIt:hover{
	color:#000;
	background:#fff;
	transion:all .4s;
}

/*
---------------------------------------
faq
---------------------------------------
*/

article#faq.archive > header{
	border-bottom:2px solid #ccc;
	background:url(../img/faq/bg-ttl.png) repeat-x top;
}
.pages > header,
article#faq.single > header,
article#knowledge > header{
	padding-top:32px;
	background:url(../img/common/bg-ttl-01.gif) repeat-x top;
}
.pages > header h1 img,
article#faq.single header h1 img,
article#knowledge > header h1 img{
	margin:0 auto 15px auto;
}
.pages > header h1 span,
article#faq.single > header h1 span,
article#knowledge > header h1 span{
	display:block;
	text-align:center;
	background:#e31d6f;
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:1.8rem;
}
#faq .search-box {
	/*width:960px;*/
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
	background:#f3f3f3;
	padding:25px 0 22px 330px;
	position:relative;
}
#faq .search-box dt{
	position:absolute;
	top:25px;
	left:160px;
	width:206px;
	height:41px;
	text-indent:-1rem;
	line-height:41px;
	text-align:center;
	color:#fff;
	font-size:1.6rem;
	background:url(../img/faq/bg-ttl-search.png) no-repeat top left;
}
#faq .faq-top-box {
	border:1px solid #eee;
	/*width:922px;*/
	width:100%;
	padding:18px;
	margin:30px auto;
	background:url(../img/faq/bg-faq-top-box.png) repeat;
	box-sizing: border-box;
}
#faq .faq-top-box dl{
	/*width:210px;
	float:left;*/
	margin:10px;
}
#faq .faq-top-box dl dt a{
	display:block;
	color:#fff;
	font-size:1.4rem;
	min-height:30px;
	box-sizing:border-box;
	background:#e31d6f;
	line-height:1.6;
	padding:8px 15px;
}
#faq .faq-top-box dl dt a:hover{
	color:#7a6b59;
	background:#fff;
}
#faq .faq-top-box dl dd{
	padding:7px 10px;Ω
}
#faq .faq-top-box dl dd ul li{
	font-size:1.3rem;
	position:relative;
	padding:5px 0 5px 12px;
	border-bottom: 1px solid #ddd;
}
#faq .faq-top-box dl dd ul li a:hover{
	color:#7a6b59;
}
#faq .faq-top-box dl dd ul li:before{
	content:"";
	width:6px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/faq/ico-cat.png) no-repeat left 9px;
}
#faq #faq-list{
	/*background:#fffef7;*/
}
#faq #faq-list h2{
	text-align:center;
	position: relative;
	top: -30px;
}
#faq #faq-list > .clearfix{
	padding:0 10px;
}
#faq #faq-list section{
	background:url(../img/faq/ico-q.png) no-repeat top left;
	width:430px;
	float:left;
	margin:0px 20px 50px 20px;
	width:50%;
	box-sizing:border-box;
}
#faq #faq-list section h3,
#faq #faq-list section ul{
	margin:0 0 0 65px;
}
#faq #faq-list section h3 a:hover{
	color:#7a6b59;
}
#faq #faq-list section ul li a,
#faq #faq-single ul li a{
	display:block;
	color:#666;
	background:#ddd;
	text-align:center;
	min-width:70px;
	border-radius:3px;
	font-size:1.2rem;
	padding:2px 10px;
}
#faq #faq-list section ul li a:hover,
#faq #faq-single ul li a:hover{
	color:#ddd;
	background:#666;
}
#faq #faq-list section ul li,
#faq #faq-single ul li{
	margin:0 10px 4px 0;
}
#faq #faq-list section h3{
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom: 10px;
}
#faq #faq-list section p{
	font-size:1.4rem;
}
#faq #faq-single{
	box-sizing:border-box;
	padding:40px;
	margin-bottom:40px;
	min-height: 480px;
	background:#fffef7 url(../img/faq/ico-q-large.png) no-repeat 40px 40px;
}

#knowledge > section{
	max-width:960px;
	position:relative;
	box-sizing:border-box;
	padding:40px;
	margin:0 auto 40px auto;
	min-height: 480px;
	background:#fffef7;
}
#faq #faq-single h1,
#faq #faq-single h2,
#faq #faq-single ul{
	margin:0 0 0 90px;
}
#faq #faq-single h1,
#faq #faq-single h2{
	font-size:3rem;
	font-weight:bold;
}
#knowledge > section .box01,
#faq #faq-single > section{
	width:660px;
	border:1px solid #ddd;
	position:relative;
	margin:40px 0 0 0;
	padding:50px 40px 45px 30px;
	box-sizing:border-box;
	background:#fff url(../img/faq/bg-faq-top-box.png) repeat;
}
#faq #faq-single > section:before{
	content:" ";
	width:160px;
	height:30px;
	position:absolute;
	left:0;
	top:-15px;
	background:url(../img/faq/ttl-answer.png) no-repeat top left;
}
#faq #faq-single:after{
	content:" ";
	width:278px;
	height:260px;
	position:absolute;
	right:30px;
	bottom:0;
	background:url(../img/faq/img-s-01.png) no-repeat top left;
}
#faq #faq-single .area-wrap{
	margin-bottom:35px;
}
#faq #faq-single .area-cont{
	margin:45px auto 0;
}
#faq #faq-single .area-cont p{
	padding:0 0 0 1em;
}
#faq #faq-single .area-cont h4{
	border:none;
	background:#7a6b59;
	color:#fff;
	padding:10px 20px;
	border-radius:3px;
	font-size:1.6rem;
	margin:0 0 20px 0;
	font-weight:normal;
	line-height:1.2;
	display: inline-block;
	max-width: 400px;
	width:100%;
}
#faq.newdesign #faq-single ul li a {
    background-color: #ec8f26;
    color: #fff;
    border-radius: 2em !important;
    padding: 6px 20px;
    margin-bottom: 10px;
}
#faq.newdesign #faq-list section ul li.cat2 a,
#faq.newdesign #faq-single ul li.cat2 a{
    display: inline-block;
    background-color: #6b4e2c;
    color: #fff;
    border-radius: 0px !important;
}


#knowledge > section:after{
	content:" ";
	width:308px;
	height:290px;
	position:absolute;
	right:60px;
	bottom:0;
}
#knowledge.solution1 > section:after{
	background:url(../img/solution/img_01.png) no-repeat top left;
	background-size: 100% auto;
}
#knowledge.solution2 > section:after{
	background:url(../img/solution/img_02.png) no-repeat top left;
	background-size: 100% auto;
}
#knowledge.solution3 > section:after{
	background:url(../img/solution/img_03.png) no-repeat top left;
	background-size: 100% auto;
}
#knowledge.solution4 > section:after{
	background:url(../img/solution/img_05.png) no-repeat top left;
	background-size: 100% auto;
}
#knowledge.solution5 > section:after{
	background:url(../img/solution/img_06.png) no-repeat top left;
	background-size: 100% auto;
}
#knowledge.solution6 > section:after{
	background:url(../img/solution/img_04.png) no-repeat top left;
	background-size: 100% auto;
}
#knowledge > section .box01 h2,
#faq #faq-single > section h3{
	font-size:2.4rem;
	color:#ea5693;
	color:#7a6b59;
	font-weight:bold;
	margin:0 0 20px 0;
	line-height:1.8;
}
#knowledge > section .box01 h3,
#faq #faq-single section h4{
	font-size:1.8rem;
	font-weight:bold;
	padding:6px 15px;
	border-left:5px solid #7a6b59;
	margin:0 0 20px 0;
}
#faq #faq-single > section p,
#faq #faq-single section .txt-box{
	font-size:1.4rem;
}
#faq #page-nav {
	clear: both;
	display: table;
	table-layout: fixed;
	width: 930px;
	margin-bottom:70px;
	min-height:60px;
	
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: fit-content!important;
}
#faq #page-nav li {
	display: table-cell;
	text-align: center;
	vertical-align:middle;
	font-size:1.4rem;
	font-weight:bold;
	position:relative;
}
#faq #page-nav li.prev {
	display:table;
	width: 100%;
	background:url(../img/common/ico-prev.png) no-repeat left center;
	text-align: left
}
#faq #page-nav li.back {
	width: 120px;
	font-size:1.6rem;
}
#faq #page-nav li.next {
	display:table;
	width: 100%;
	background:url(../img/common/ico-next.png) no-repeat right center;
	text-align: right;
}
#faq #page-nav li a {
	display: block;
	min-height:54px;
	position:relative;
	z-index:10;
    padding: 0 40px 0 105px;
}
#faq #page-nav li.prev a,
#faq #page-nav li.next a {
    width: 100%;
    height: 54px;
	display:table-cell;
	vertical-align:middle;
}
#faq #page-nav li.prev:before,
#faq #page-nav li.next:before {
	content:" ";
	width:50px;
	height:100%;
	position:absolute;
	top:0;
	left:40px;
	background:url(../img/faq/ico-q.png) no-repeat left center;
}
#faq #page-nav li.back a {
	background: #fff;
	padding:0;
	color:#ea5693;
	border: solid 2px #e31d6f;
	border-radius: 5px;
	margin: 0;
	line-height: 50px;
}
#faq #page-nav li.back a:hover {
	background: #7a6b59;
	color: #fff;
}
#faq #page-nav li a:hover {
	color:#7a6b59;
}

.results{
	font-size:1.6rem;
	text-align:center;
	margin-bottom:2rem;
}
#function #main #sec-04 .flow-01 > li p {
	padding: 0 2%;
}


/*
---------------------------------------
1500px以下
---------------------------------------
*/
@media screen and (min-width: 1500px) {
/*--ここから記述--*/
#wrapper > header{
	background-size: cover;
}
.page #wrapper header {
     background-size: cover;
     background-attachment: inherit !important;
}
/*--ここまで--*/
}


/*
---------------------------------------
パーティードレス コラム
---------------------------------------
*/
header.partydress-column {
	background:url("../images/partydress/bg_01.jpg") top center / cover no-repeat;
	height:272px;
    text-align: center;
}

header.partydress-column h2,
header.partydress-column p.clause {
    margin-top: 62px;
}

.partydress-column .newdesign #page-nav li.back a,
.partydress-column .newdesign #page-nav li.back a:hover {
	color: #E9497E!important;
	border-color: #E9497E !important;
}

/* 詳細 */
.partydress-column #column.newdesign .art-cats-list li a {
    background-color: #E9497E;
}

.partydress-column footer {
    background: #000;
}

.partydress-column footer .copy {
    text-align: center;
    color: #fff;
    padding-bottom: 16%;
    line-height: 1em;
    padding-top: 3%;
	background: #000;
}

@media screen and (min-width: 751px) {
    .partydress-column footer .copy{
        padding: 1.5% 0px;
    }
}

.footer-partydress-column {
    display: block;
    text-align: center;
    padding-top: 10px;
}

.partydress-column footer a.footer-partydress-column__link {
    font-size: 16px;
    color: #fff;
}

@media screen and (max-width: 750px) {
	.partydress-column footer a.footer-partydress-column__link {
        font-size: 14px;
    }
}

.partydress-column footer a.footer-partydress-column__link:hover {
    border-bottom: none;
}



@media screen and (min-width: 751px) {
	.s-ttl span{
		font-size:3.4rem;
	}

	.s-ttl i{
		font-size:1.3rem;
	}

	#column #main #column-single h1,
	#column #main #column-single h2
	{
		font-size:2.8rem;
		margin:10px 0;
	}

	#column #main #column-single * {
		font-size:1.6rem;
	}

	#column #main #column-single h4,
	#column #main #column-single .h-02 {
		font-size:1.8rem;
	}

	#column-single blockquote {
		font-size:1.6rem;
	}

	#sidebar #column-search h2,
	#sidebar #recent h2{
		font-size:1.6rem;
	}

	#sidebar #recent ul li h3,
	#sidebar #recent ul li h3 a{
		font-size:1.5rem;
	}

	#main #page-nav {
		display: table;
		table-layout: fixed;
	}

	#main #page-nav li {
		display: table-cell;
		margin: 0;
	}

	#main #page-nav li.back {
		margin-top: 0;
	}

	#main #page-nav li.next {
		margin-top: 0;
	}

	#main #page-nav li a {
		font-size: inherit;
	}
}