@charset "utf-8";
/* CSS Document */

body { color:#444444; }
/* フロー 関連 CSS  */
@media screen and (min-width: 768px) {
.wrapper { min-width:924px; }
}

@media screen and (max-width: 767px) {

}

@media screen and (min-width: 768px) {
.flow {
    width: 100%;
    margin: 40px 0;
    position: relative;
}
}

@media screen and (max-width: 767px) {
.flow {
    width: 100%;
    margin: 40px 0;
    position: relative;
}
}


@media screen and (min-width: 768px){
.flow ul {
    font-size: 0;
    text-align: center;
	-webkit-padding-start: 0px;
}
}

@media screen and (max-width: 767px){
.flow ul {
    font-size: 0;
    text-align: center;
	-webkit-padding-start: 0px;
}
}

@media screen and (min-width: 768px){
.flow-step {
    width: 20%;
    margin: 0;
    position: relative;
    display: inline-block;
    color: #1cb57b;
    vertical-align: top;
    text-align: center;
}
}

@media screen and (max-width: 767px){
.flow-step {
    width: 20%;
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    color: #1cb57b;
    vertical-align: top;
    text-align: center;
}
}

@media screen and (min-width: 768px){
.flow-ico {
    width: 14px;
    height: 14px;
    border: 2px solid #1cb57b;
    border-radius: 8px;
    margin: 16px auto;
    background: #fff;
    position: relative;
    z-index: 1;
}
}

@media screen and (max-width: 767px){
.flow-ico {
    width: 14px;
    height: 14px;
    border: 2px solid #1cb57b;
    border-radius: 8px;
    margin: 6px auto;
    background: #fff;
    position: relative;
    z-index: 1;
}
}

@media screen and (min-width: 768px) {
.flow ul:after {
    content: "";
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #1cb57b;
    position: absolute;
    margin: auto;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
}
}

.iphone .flow ul:after { top: -8px; }

@media screen and (max-width: 767px){
.flow ul:after {
    content: "";
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #1cb57b;
    position: absolute;
    margin: auto;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
}
}

@media screen and (min-width: 768px) {
.flow-step-ttl {
    font-size: 16px;
    font-family: 'Pathway Gothic One', sans-serif;
    letter-spacing: .05em;
}
}

@media screen and (max-width: 767px) {
.flow-step-ttl {
    font-size: 16px;
    font-family: 'Pathway Gothic One', sans-serif;
    letter-spacing: .05em;
}
}

.iphone .flow-step-ttl { font-size: 8px; }

h4 {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
.flow-step h4 {
    font-size: 13px;
}
}

@media screen and (max-width: 767px) {
.flow-step h4 {
    font-size: 10px;
}
}

@media screen and (max-width: 767px) {
.iphone h4 {
    font-size: 9px;
}
}

#step-stat01 .step01 .flow-ico {
        background: #1cb57b;
    }
#step-stat02 .step02 .flow-ico {
        background: #1cb57b;
    }
#step-stat03 .step03 .flow-ico {
        background: #1cb57b;
    }
#step-stat04 .step04 .flow-ico {
        background: #1cb57b;
	}
#step-stat05 .step05 .flow-ico {
        background: #1cb57b;
	}

/* Back to Top */
#pageTop{
	background-color: rgba(126,127,30,0.6);  
	border-radius:5px;
	color:#FFF;
	padding:18px;
	position:fixed;
	bottom:5%;
	right:5%;
	-webkit-transform: translate3d(0, 0, 3px);
	}
/*ここまで*/

/* お知らせフィードサイズ調整 */
@media screen and (min-width: 768px) {
.entry {
    width:75%; 
	border:#F00 2px solid; 
	padding:5px;
	margin:5px 0px 5px 0px;
}
}

@media screen and (max-width: 767px) {
.entry {
    width:98%; 
	border:#F00 2px solid; 
	padding:5px;
	margin:5px 0px 5px 0px;
}
}
/*ここまで*/

/* Web エントリーサイズ調整 */
@media screen and (min-width: 768px) {
.entry2 {
    width:75%; 
	border:#999 1px solid; 
	padding:5px 5px 20px 5px;
	margin:5px 0px 5px 0px; 
}
}

@media screen and (max-width: 767px) {
.entry2 {
    width:98%; 
	border:#F00 2px solid; 
	padding:5px 5px 20px 5px;
	margin:5px 0px 5px 0px;
}
}
/*ここまで*/

/* エントリー詳細調整 */
@media screen and (min-width: 768px) {
.entry3 {
    width:75%; 
}
}

@media screen and (max-width: 767px) {
.entry3 {
    width:98%; 
}
}
/*ここまで*/

@media screen and (min-width: 768px) {
.entry4 {
    width:98%; 
	border:#F00 2px solid; 
	padding:5px;
	margin:5px 0px 5px 0px;
}
}

@media screen and (max-width: 767px) {
.entry4 {
    width:98%; 
	border:#F00 2px solid; 
	padding:5px;
	margin:5px 0px 5px 0px;
}
}


/* Font調整 */
@media screen and (min-width: 768px) {
.midasi {
font-size:36px; font-weight:bold; margin:5px 0px;
}
}

@media screen and (max-width: 767px) {
.midasi {
font-size:24px; font-weight:bold; margin:5px 0px;
}
}

@media screen and (min-width: 768px) {
.komidasi {
font-size:36px; margin:5px 0px;
}
}

@media screen and (max-width: 767px) {
.komidasi {
font-size:20px; margin:5px 0px;
}
}

/*ここまで*/




/* センターアコーディオン */
.menu-ac:after { 
	
}
 
.menu-ac.active:after {

}

.child {
    display: none;
}

ul.inner.child { padding:5px; }

.demo .child > li {
	padding: 15px 0px 0px 0px;  
	list-style:none;
}

.child li a{
  position: relativ !importante;
  display: block !important;
  background-color: #003e7d !important;
  color: #fff100 !important;
  font-weight: bold !important;
  text-decoration: none !important; }

.child li a:before{

}


.child li a:after{
}

#menu03{
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  }

#menu03 li a{
  position: relative;
  display: block;
  margin: 0;
  padding: 15px 10px 15px 10px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  margin: 15px 0px 0px 0px;
  font-size:20px;
  background-color:#F00;
  color:#FFF;
  
}

/* ここまで */
	
@media screen and (min-width: 768px) {
.fotter {
    width:75%; 
	border:#999 1px solid; 
	padding:5px;
	margin:5px 0px 5px 0px; 
}
}

@media screen and (max-width: 767px) {
.fotter {
    width:98%; 
	border:#999 1px solid; 
	padding:5px;
	margin:5px 0px 5px 0px;
}
}

.head { background-color:#F00;
      color:#FFFFFF; 
      padding:10px 10px 10px 10px; 
      }
	  
@media screen and (min-width: 768px) {
.head p { font-size:36px;
font-weight:bold;
}
}

@media screen and (max-width: 767px) {
.head p { font-size:14px;
font-weight:bold;
}
}

.iphone .head p { font-size:14px; font-weight:bold;
}

/*追加 */
.list-entry ul li{ text-align:left;}

@media only screen and (max-device-width: 480px){
.t-none {display:none}
dl.accordion dt { text-align:left; }
}

@media screen and (min-device-width: 481px){
.t-none2 {display:none}
}