/* CSS Document */



/* Media Queries

------------------------------------- */

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

#header ul li > span {

	display:none;

}

#header .col-md-5, #header .col-md-7 {

	width:50%;

	float:left;

}

.slider_area {

	margin-bottom:40px;

}

#content {

    width: 100%;

}

#main3 {

    width: 67.5%;

}

#main3 h2, #main1 .parts6 h2, #main1 .parts7 h2 {

	font-weight:normal;

	font-size:1em;

	background-size:100%;

	padding: 10px 8px 10px 16px;

}

#main3 .row.title {

	padding: 6px 8px 8px 16px;

	background-size:100%;

}

#main3 h2 {

    background-size: 100% auto;

    font-size: 1em;

    font-weight: normal;

    padding: 8px 8px 8px 16px;

}





.row.title .col-md-8, .row.title .col-md-4 {

	width:50%;

	float:left;

}

.bt_all {

    margin-top: 4px;

}



/* parts4,parts5, parts17, parts21

------------------------------------- */

.parts4 .kiji_contents,

.parts5 .kiji_contents,

.parts17 .kiji_contents,

.parts21 .kiji_contents {

    padding-left: 8px ;

    padding-right: 8px ;

}

.parts4 .kiji_body,

.parts5 .kiji_body,

.parts17 .kiji_body,

.parts21 .kiji_body {

    width: 100%;

	float:none;

	padding: 4px 0 4px 132px;

}

.parts4 p span,.parts5 p span,.parts17 p span, .parts21 p span {

    display: none;

}



/* parts18

------------------------------------- */

.parts18 .kiji_image{

	background-color:#eeeeee;

	margin:0 0 8px;

	padding:0;

	height:auto;

	width:100%;

}

.parts18 .kiji_image table {

	height:auto;

	width:100%;

    margin: 0;

    padding: 0;

    text-align: center;

    overflow: hidden;

}

.parts18 .kiji_image table td img {

	max-height:100%;

	max-width:100%;

}





/* footer

------------------------------------- */

#footer .col-md-8 {

    width: 60%;

	float:left;

}

#footer .col-md-4 {

    width: 40%;

	float:left;

}





/* kiji

------------------------------------- */

#kiji {

  margin-bottom:16px;

}

.iframe {

  position: relative;

  width: 100%;

  padding-top: 56.25%;

  margin-top:16px;

}

.iframe iframe {

  position: absolute;

  top: 0;

  right: 0;

  width: 100% !important;

  height: 100% !important;

}

}

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

	.nav_area .sp-visible {display:block;}

	.nav_area .pc-visible {display:block;}



/* header

------------------------------------- */	

#header {

    margin-top: 0;

	padding-top:12px;

    border-top: 8px solid #ffd7e0;

}



/* nav_area

------------------------------------- */

.nav_area {

    margin: 0;

    width: 100%;

	float:none;

}

.nav_area ul {

    border-left: 3px dotted #fdb0c1;

    border-top: 3px dotted #fdb0c1;

	overflow: hidden;

}

.nav_area ul li {

	width:50%;

	float:left;

}

.nav_area li a {

    border-right: 3px dotted #fdb0c1;

    border-bottom: 3px dotted #fdb0c1;

}

.nav_area li:first-child a {

    border-left: none;

}

/*

.menu {

	font-family: "Lato",Calibri,Arial,sans-serif;

	padding:5px 0;

    width: 100%;

	background:#f0f0f0;

	border:1px solid #ccc;

}

.menu:hover,

.menu:focus {

	background:#f6f6f6;

}

*/

#panel-btn{

  display: inline-block;

  position: relative;

  width: 33px;

  height: 33px;

  margin: 0;

  background: #f0f0f0;

  border:1px solid #ccc;

  display:none;

}

#panel-btn:hover{

  background: #fafafa;

}

#panel-btn-icon{

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 14px;

  height: 2px;

  margin: -1px 0 0 -7px;

  background: #0E1144;

  transition: .5s;

}

#panel-btn-icon:before, #panel-btn-icon:after{

  display: block;

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 14px;

  height: 2px;

  background: #0E1144;

  transition: .7s;

}

#panel-btn-icon:before{

  margin-top: -6px;

}

#panel-btn-icon:after{

  margin-top: 4px;

}

#panel-btn .close{

  background: transparent;

  opacity: 0.8;

}

#panel-btn .close:before, #panel-btn .close:after{

  margin-top: 0;

}

#panel-btn .close:before{

  transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

}

#panel-btn .close:after{

  transform: rotate(-135deg);

  -webkit-transform: rotate(-135deg);

}

#toppage #content {

	margin-bottom:8px;

    padding-bottom: 8px;

}



.bxslider > li {

}

.bxslider > li img {

    max-height: 200px !important;

}







.container {

    padding-left: 12px;

    padding-right: 12px;

}

#main3 {

    float: none;

    width: 100%;

}

#main3 h2, #main1 .parts6 h2, #main1 .parts7 h2 {

    background: #91acfa;

    border-radius: 6px;

    font-size: 1.14em;

    padding: 8px 12px 6px;

}

.free10 p {

    background: #f9a6b7;

	margin-left: auto;

	margin-right: auto;

	padding-top:4px;

    width: 90%;

	border-radius:6px;

}

#rside2 {

    float: none;

    width: 100%;

}

#rside1,

#rside2 {

    display:none;

}

#toppage #rside2 {

    display:block;

}

#footer .wrapper {

    padding: 40px 0 0;

}

#footer dt img {

    max-width:200px;

}

#footer .col-md-4,

#footer .col-md-8 {

    float: none;

    width: 100%;

}

.list-inline {

    margin-left: 0;

}



#content {

   margin-bottom:0;

}



/* calendar

------------------------------------- */

.calendar {

    max-width: auto;

    max-width: initial;

    min-width: auto;

    min-width: initial;

    width:100%;

}

embed,

iframe,

object{

	max-width: 100% !important;

}



.parts7 {

    margin-bottom: 32px;

    width: 100%;

}

.parts7 .contact_index {

    text-align: left;

    width: 100%;

}

.parts7 .contact_body_needs {

    display: inline;

}

.parts7 .contact_index, .parts7 .contact_body, .parts7 .contact_submit {

    float: none;

}

.parts7 ul.contact_form {

    margin: 0;

    padding: 0;

}

.parts7 .contact_form li {

    display: block;

    margin: 0 0 12px;

}

.parts7 .contact_index {

    text-align: left;

    width: 100%;

}

.parts7 .contact_body_needs {

    display: inline;

}

.parts7 .contact_body {

    padding: 0;

    width: 100%;

}

.parts7 .contact_body textarea {

    width: 100% !important;

}

.parts7 .contact_submit {

    margin: 0;

    padding: 0;

}

.parts7 .contact_text {

    margin: 0 0 24px;

    padding: 0;

}

.parts7 .contact_body input, .parts7 .contact_body textarea {

    width: 100% !important;

}

.parts7 .contact_body {

    padding-left: 0;

    width: 100%;

}

.parts7 .contact_submit {

    margin: 0;

    padding: 0;

}

.parts7 .formBtn {

    float: none;

    margin: 0 0 32px;

    width: 100% !important;

}

}

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

  #main3 {

    width: 100%;

  }

  #rside1 {

    width: 100%;

  }

#main3 .row.title {

    background: #91acfa;

    border-radius: 6px;

    padding: 8px 0 6px;

	font-size: 0.9em;

}

#main3 .row.title h2 {

    margin: 0;

    padding: 0;

}

.bt_all {

    margin: 2px 0 0;

}

.bt_all img {

    width:70%;

	max-width: 90px;

}



/* parts4, parts5, parts17, parts21

------------------------------------- */

.parts4 .kiji_contents,

.parts5 .kiji_contents,

.parts17 .kiji_contents,

.parts21 .kiji_contents {

    padding-left: 0;

    padding-right: 0;

}

.parts4 .kiji_image,

.parts5 .kiji_image,

.parts17 .kiji_image,

.parts21 .kiji_image {

    height: 80px;

    width: 80px;

    margin-right: 8px;

}

.parts4 .kiji_image table,

.parts5 .kiji_image table,

.parts17 .kiji_image table,

.parts21 .kiji_image table {

	width:100%;

	height:100%;

}

.parts4 .kiji_image table td,

.parts5 .kiji_image table td,

.parts17 .kiji_image table td,

.parts21 .kiji_image table td {

	vertical-align:middle;

}

.parts4 .kiji_body,

.parts5 .kiji_body,

.parts17 .kiji_body,

.parts21 .kiji_body {

    padding-left:94px;

}

.parts4 h3,

.parts5 h3,

.parts17 h3,

.parts21 h3 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

}

.parts4 .kiji_body p span,

.parts5 .kiji_body p span,

.parts17 .kiji_body p span,

.parts21 .kiji_body p span {

    display:none;

}

.up {

    right: 2%;

	bottom:0;

}

.up img {

	width:38px;

}

#footer .col-md-4 {

	margin-bottom:16px;

}

#footer .col-md-8 {

	margin-bottom:0;

}

.list-inline {

	margin-bottom:0;

}

#footer dl {

    text-align: center;

}

#footer ul li {

    display: block;

    width: 100%;

	border-top:3px solid #ffe2e7;

}

#footer ul li a {

    display: block;

    width: 100%;

	padding:8px 0;

}

#footer ul li a:hover {

	text-decoration:none;

}

#footer .wrapper {

    background: #ffdae2;

    padding: 32px 0 0;

}

}

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

.search_box {

    width: 100%;

	background-size:100%;

}

.search_textbox {

    height: 21px;

    width: 210px;

}

}

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

#header .logo {

    margin-top: 0;

}

#header .col-md-5, #header .col-md-7,

.top_bar ul {

	width:100%;

	float:none;

	text-align:center;

}

.search_box {

    margin: 0 auto;

    width: 280px;

}

.parts19 .kiji_contents > div {

	padding:0 4px;

}

}

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

  .parts12 .row {

    margin-left: 0;

    margin-right: 0;

  }

  .parts12 .row .col-md-12 {

    padding-left: 0;

    padding-right: 0;

  }

  .calendar-wrap {

    padding-bottom: 100%;

  }

  #footer ul li {

    white-space: normal;

	width:auto;

  }

}

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

.search_textbox {

    height: 23px;

    width: 220px;

}

}