/* ===================================================================
 File :  common.css
=================================================================== */
body {
	background-color: #ffffff;
}

/* basicのスタイル記述 */
/* ========== header ========== */

@media screen and (min-width: 769px) {

.l{float: left; padding: 0 30px 30px 0; background-color:#fbf1ef;}
.r{float: right; margin: 0 0 25px 30px;}
.name{font-size: 20px;}
/* ========== main ========== */
body {background: url(../images2/head_bg.png) top left repeat-x #fff;}
#main {width: 100%; height: 411px; margin: 0; overflow: hidden; position: relative; background:#FFF url(../images2/head_1400.jpg) top center no-repeat; padding-bottom:2px;
border-bottom:solid 2px #6c971c}
#main_innerPC {width: 900px; height: 411px; margin: 0 auto; position: relative;  z-index: 0;}
#main_innerPC h1{position: absolute; top: 56px; left: 0px;}

#main_innerPC .sns {position: absolute; z-index: 2; top:10px; left:10px; }
#main_innerPC .sns li {float: left; margin-right: 5px;}
#main_innerSP{display: none;}

/* ========== contents ========== */
#contents {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	/* [disabled]line-height: 1.85em; */
}
/* ctg */
.ctg {position: relative; overflow: hidden; padding: 0; margin:0 auto 30px; width:818px;}
.ctg:first-child{
	margin-top: 40px;
}
.ctg:after {content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
h2.days{ text-align:center; padding:20px 0; background:#FFF;}
h2.c01 {	background-color:#6c971c; height:48px; padding-top:20px; margin-bottom:20px;}
h2.c01 p {overflow: hidden; margin: 0 auto; background: url(../images2/h2_pc_01.png) no-repeat 0 0; width:784px; height:25px; font-size: 0; text-indent: -9999px}
.ctg h2.c02 {overflow: hidden; margin: 0 auto 20px; background: url(../images2/h2_pc_03.png) no-repeat 0 0; width:168px; height:33px; font-size: 0; text-indent: -9999px}
.ctg h2.c03 {overflow: hidden; margin: 20px auto 30px; background: url(../images2/h2_pc_03.png) no-repeat 0 0; width:168px; height:33px; font-size: 0; text-indent: -9999px}
h2.c04 {overflow: hidden; margin: 0 auto 28px; background: url(../images2/h2_pc_04.png) no-repeat 0 0; width:240px; height:37px; font-size: 0; text-indent: -9999px}
.ctg h2.c05 {overflow: hidden; margin: 20px auto 30px; background: url(../images2/h2_pc_05.png) no-repeat 0 0; width:229px; height:33px; font-size: 0; text-indent: -9999px}
.ctg span#bigred{color:#e63519; font-size:24px; font-weight:600; line-height: 1.65em; margin-bottom: 0px; }
section#contents_box p{text-align:center; font-size:15px}
section#contents_box p span#big{font-size:19px; font-weight:bold;}

.step {position: relative; overflow: hidden; padding: 63px 0; margin:0 auto 20px; width:100%; background:#fbf1ef  url(../images2/merit_bg.png) top center no-repeat; }
.step .inner{	width: 900px;	margin: 0 auto;	text-align: center;}
.step .inner h3 {
	background-color: #fbf1ef;
	padding-top: 20px;
}
.step .inner h3 p {
	overflow: hidden;
	margin: 0 auto;
	background: url(../images2/h2_pc_02.png) no-repeat 0 0;
	width: 844px;
	height: 26px;
	font-size: 0;
	text-indent: -9999px
}
.fb{margin-top:-6px;}
.step .inner ul {overflow: hidden; margin: 0 auto; padding: 30px; background:#fbf1ef;}
.step01 img, .step02 img {float: left; width: 401px; }

.book {position: relative; overflow: hidden; padding: 30px 0 0; margin:0 auto 20px; width:100%; background-color:#fbf1ef; }
.book .inner{	width: 818px;	margin: 0 auto;	background-color:#fbf1ef;}
.book p#read{ font-size:14px; font-weight:bold; background-color:#fbf1ef; border-bottom:solid 1px #989898; margin-bottom:20px;}
.book div#text{ width:592px; float:right; }

.book div#text p{line-height:1.5em;}
.book div#text p span{	font-size:12px; color:#ff0000; line-height:1.6em;}

.bnr{width:720px; margin:0 auto 30px;}

#PlagOpen1, #PlagOpen2{display: none;}
.step02 img {padding-left:17px;}
dl {width:720px;  border-bottom: 1px solid #eee; margin:10px 0 0 0;}
dt {float:left; color: #86b037; border-left:solid 5px #86b037; padding: 5px; text-align: center; margin-bottom: 0.5em; font-size:28px; height:26px; line-height:1em;}

.wl{line-height:-0.8em;}

dd {margin-left:90px; padding: 0.2em; padding-left:90px; font-size: 19px;}
dd span{font-size: 13px;}

.btn {position: relative; overflow: hidden; padding: 0; margin:0 auto 20px; background:#FFF; text-align:center;}
.btn_sp{display: none;}

.btn2 {position: relative; overflow: hidden; padding: 0; margin:0 auto 20px; width:600px;}
.btn2_sp{display: none;}

.profile p.p1{margin-bottom: 20px; }
p.f13{font-size:13px; }

.step {position: relative; overflow: hidden; padding: 63px 0; margin:0 auto 20px; width:100%; background:#fbf1ef  url(../images2/merit_bg.png) top center no-repeat; }

div#hy{	width: 720px;	margin: 0 auto;	text-align: center;}
div#hy p {
	overflow: hidden;
	margin: 0 auto;
	background: url(../images2/h3_pc_06.png) no-repeat 0 0;
	width: 510px;
	height: 126px;
	font-size: 0;
	text-indent: -9999px;
}

/* ========== pagetop ========== */
#pagetop {position: fixed; bottom: 40px; right: 40px; display: block; padding: 10px; -webkit-border-radius: 4px; background: #fff; opacity: 0.8; border: 1px solid #666;}	
#padetop a:link{color: #fff}

/* ========== footer ========== */
#footer {background-color:#fff; margin-top: 0px; padding: 0 0 50px 0; font-size: 11px;}
#footer .inner {overflow: hidden; width: 900px; margin: 0 auto;  position:relative; }
#footer .inner img.logo{margin: 10px 0;}

.company {overflow: hidden; position: absolute; left: 511px; top: 25px;}
.company li { float: left; padding-left: 11px; margin-right: 5px; background: url(../images2/footer_arrow.png) no-repeat 0 4px;}
.company li.none { display: none;}
address {overflow: hidden; font-size: 90%; color: #333; float: right;}
}


@media screen and (max-width: 768px) {
/* タブレット、スマートフォン用 非Retina対応スタイル記述 */
body {font-size: 14px; line-height: 1.85em}

/* ========== header ========== */
.r{width: 30%; float: right; margin: 0 0 20px 20px;}
.name{font-size: 15px;}
/* ========== main ========== */
#main_innerSP {width: 100%; height: 100%; overflow: hidden; margin: 40px 0 0;}
#main_innerSP h1 img{max-width: 100%;}
#main_innerSP .sns {position: absolute; z-index: 2; top:10px; left:10px; }
#main_innerSP .sns li {float: left; margin-right: 5px;}
#main_innerPC{display: none;}

/* ========== contents ========== */
#contents {width: 100%; font-size: 13px; line-height: 1.85em; background-color:#FFF}
/* ctg */
h1{margin-bottom:20px;}
#contents_box{ text-align:left;}
.ctg {width: 90%; margin: 0 auto;}
.ctg span#bigred{color:#e63519; font-size:16px; font-weight:600; line-height: 1.65em; margin-bottom: 0px; }
.ctg:after {content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
h2.days {text-align:center; padding:0 10px 20px; background:#FFF;}
h2.days img{max-width:100%;}
h2.c01 {overflow: hidden; margin: 0 auto 20px; padding-top:20px;background:#6c971c; width:100%; height:100%; font-size: 20px; text-indent: 0; text-align: center;}
h2.c01 p{ color:#FFF; font-weight:bolder; text-align:center; font-size:20px; margin-bottom:20px;}
h2.c02 {overflow: hidden; margin: 20px auto; background: url(../images2/ico_01.png) no-repeat top left; width:100%; height:100%; padding-left: 30px; font-size: 24px; text-indent: 0; text-align: center; width: 96px; height: 26px; line-height: 26px;}
h2.c03 {overflow: hidden; margin: 20px auto; background: url(../images2/ico_03.png) no-repeat 0 0; width:100%; height:100%;  padding-left: 30px; font-size: 24px; text-indent: 0; text-align: center; width: 120px; height: 33px; line-height: 33px;}
h2.c04 {overflow: hidden; margin: 20px auto; background: url(../images2/ico_02.png) no-repeat 0 0; width:100%; height:100%;  padding-left: 30px; font-size: 24px; text-indent: 0; text-align: center; width: 114px; height: 24px; line-height: 24px;}
h2.c05 {overflow: hidden; margin: 20px auto; background: url(../images2/ico_03.png) no-repeat 0 0; width:100%; height:100%;  padding-left: 30px; font-size: 24px; text-indent: 0; text-align: center; width: 145px; height: 28px; line-height: 28px;}
.ctg h3{color:#390; font-size:16px; line-height: 1.65em; margin-bottom: 0px; }
.ctg h3.bnr{display: none;}
.step {position: relative; overflow: hidden; padding:20px auto; background:#fbf1ef  url(../images2/merit_bg.png) top center no-repeat; background-size: 17px 10px; width: 100%; text-align: center;}

.step h3 {overflow: hidden; margin: 0 auto 20px; padding-top:20px;width:100%; height:100%; font-size: 20px; text-indent: 0; text-align: center;}
.step h3 p{ color:#6c971c; font-weight:bolder; text-align:center; font-size:15px; margin:0 10px;}

.step .inner ul {overflow: hidden; margin: 0 auto; padding: 0 20px 20px; width: 70%;}

.book_sp {position: relative; overflow: hidden; padding: 0 auto 20px ; margin:0 auto; background-color:#fbf1ef; }
.book_sp p#book_img{position: relative; overflow: hidden; text-align:center; }
.book_sp p#book_img img{ max-width:45%; margin-bottom:10px;}
.book_tex {margin:0 10px;}
.book_tex img{ text-align:center; max-width:100%;}
.book_sp .inner{	width: 100%;	margin: 0 auto;	background-color:#fbf1ef;}
.book_sp .book_tex{margin:0 10px;}
.book_sp p#read{border-bottom:solid 1px #989898; margin-bottom:10px;}
.txt_c img{ max-width:100%;}

.book_sp div#text p{line-height:1.5em; margin-bottom:10px;}
.book_sp div#text p span{	font-size:12px; color:#ff0000; line-height:1.6em;}


.step01 img, .step02 img{width: 70%;}
.step02 {margin-top: 15px;}

.ctg h3 img{max-width:100%;}

.ctg　#ticket {	background-color:#6c971c; height:48px; padding-top:20px; margin-bottom:20px;}
.ctg　#ticket p {overflow: hidden; margin: 0 auto; background: url(../images2/h3_pc_06.png) no-repeat 0 0; width:784px; height:25px; font-size: 0; text-indent: -9999px}

div#hy p{ color:#ff0000; text-align:center; font-size:15px; padding-bottom:30px;}

#PlagOpen1, #PlagOpen2{display: none;}

dl {width:100%;  border-top: 1px solid #eee;}
dt {float:none; width:80px; background: #690; color: #fff; padding: 0.2em; text-align: center;}
dd {margin-left:0px; padding: 0.2em; padding-left:15px;  margin-bottom: 0.4em; font-size: 14px;}
dd span{font-size: 13px; display: block;}

.btn, .btn_sp {position: relative; overflow: hidden; padding: 0px; margin:0 auto 18px; width:100%;}
.btn img, .btn_sp img{width: 100%; height: 100%;}

.btn2, .btn2_sp {position: relative; overflow: hidden; padding: 0px; margin:0 auto 18px; width:100%;}
.btn2 img, .btn2_sp img{width: 100%; height: 100%;}

.profile p.p1{margin-bottom: 15px; }


/* ========== pagetop ========== */
#pagetop {position: fixed; bottom: 10px; right: 10px; display: block; padding: 5px; -webkit-border-radius: 4px; background: #fff; opacity: 0.8; border: 1px solid #666;}	
#padetop a:link{color: #fff}
/* ========== footer ========== */
#footer {width: 100%; margin-top: 30px; padding: 0 0 50px 0; background-color: #fff; font-size: 80%;}
#footer .inner {width: 100%;}
#footer .inner img.logo{margin: 10px; width:50%;}

.company {overflow: hidden; width: 100%; float: none;}
.company li {width: 100%; padding: 0; margin-right: 0; background: none;}
.company li a {display: block; padding: 6px 5px 5px 20px; border-bottom: 1px solid #ddd; background: #eee;}
address {overflow: hidden; font-size: 90%; color: #333; float: none; text-align: center; margin-top: 10px;}
}

@media screen and (max-width:640px){
.step {position: relative; overflow: hidden; padding:20px auto; background:#fbf1ef  url(../images2/merit_bg.png) top center no-repeat; background-size: 17px 10px; width: 100%; text-align: center;}
.step h3{overflow: hidden; margin: 0 auto 10px; padding-top:10px;background:#fbf1ef; width:100%; height:100%; font-size: 20px; text-indent: 0; text-align: center; color:#6c971c;}
.step .inner ul {overflow: hidden; margin: 0 auto; padding: 15px; width: 68%;}
.step01, .step02 {float: none;}
.step01 img, .step02 img{width: 68%;}
.step02 {margin-top: 15px;}
}

@media screen and (max-width:480px){
.step {position: relative; overflow: hidden; padding:20px auto; background:#fbf1ef  url(../images2/merit_bg.png) top center no-repeat; background-size: 17px 10px; width: 100%; text-align: center;}
.step h3{margin: 15px auto 0;}
.step h3 img{width:90%;}
.step .inner ul {overflow: hidden; margin: 0 auto; padding: 15px; width: 80%;}
.step01, .step02 {float: none;}
.step01 img, .step02 img{width: 80%;}
.step02 {margin-top: 15px;}
#PlagOpen1, #PlagOpen2{display: inherit}
.OpenClose, .OpenClose2{display: block; padding: 3px 8px; border: 1px solid #ddd; border-radius: 3px; -webkit-border-radius: 3px; width: 6em; font-size: 12px;}
.OpenClose a, .OpenClose2 a{text-decoration: none}
.close{display: none;}
}

@media screen and (max-width:320px){
h2.days img{ width:100%;}
h2.c01{ background:#6c971c;}
h2.c01 p{ color:#FFF; font-weight:bolder;}
.step {position: relative; overflow: hidden; padding:20px auto; background:#fbf1ef  url(../images2/merit_bg.png) top center no-repeat; background-size: 17px 10px; width: 100%; text-align: center;}
.step h3{margin: 15px auto 0;}
.step h3 img{width:90%;}
.step .inner ul {overflow: hidden; margin: 0 auto; padding: 15px; width: 90%;}
.step01, .step02 {float: none;}
.step01 img, .step02 img{width: 90%;}
.step02 {margin-top: 15px;}
#PlagOpen1, #PlagOpen2{display: inherit}
.OpenClose, .OpenClose2{display: block; padding: 3px 8px; border: 1px solid #ddd; border-radius: 3px; -webkit-border-radius: 3px; width: 6em; font-size: 12px;}
.OpenClose a, .OpenClose2 a{text-decoration: none}
.close{display: none;}
}