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



/* logo

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

#header .logo {

	margin-left:8px;

	width:70%;

	max-width:250px;

}

#header .logo img {

	width:100%;

}

#header .utt_area {

    margin-bottom: 0;

}





/* nav_area

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

.nav_area {

    display: none;

}

.nav_area .wrap {

	display:none;

}

.dropdown {

	display:block;

	position:absolute;

	top:24px;

	right:0;

	width:100%;

}

.dropdown-menu {

	position: absolute;

	top: 56px;

	left: 0;

	padding-bottom: 210.25% !important;

    z-index: 2147483647;

	font-size:1.1em;

	background:rgba(255,255,255,0.95);

	border:none;

	box-shadow:none;

	width:100%;

	opacity:1;

	float:none;

	padding-top:16px !important;

}

.dropdown-menu li {

	width:70%;

	margin:0 auto;

}

.dropdown-menu li a {

	padding:8px 0;

	border-bottom: 1px solid #bababa;

}

.dropdown-menu li a:hover {

	background:none;

	color:#bcbcbc;

}

.dropdown .btn-default {

	border:none;

	position:absolute;

	top:0;

	right:4px;

}



/* header-contact

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

.header-contact {

    right: 8px;

	width:50%;

	max-width:250px;

	display:none;

}

.header-contact img {

	width:100%;

}





/* slider_area

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

.slider_area {

    padding: 0;

}

.slider_area .wrap {

    border: 8px solid #71CBE5;

	border-radius:0;

}

 .bx-wrapper .bx-controls-direction {

    margin: 0;

    top: 40%;

}

 .bx-wrapper .bx-prev:before {

    left: -8px !important;

}

 .bx-wrapper .bx-next:after {

    right: -8px !important;

}





/* icon_area

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

.icon_area {

	padding-top:8px;

	overflow: auto;

}

.icon_area:-webkit-scrollbar{

 height: 5px;

}

.icon_area:-webkit-scrollbar-track{

 background: #F1F1F1;

}

.icon_area:-webkit-scrollbar-thumb {

 background: #BCBCBC;

}

.icon_area img {

	width:100%;

}

.icon_area .wrap {

	width:700px;

}

.icon_area ul {



}

.icon_area ul li {

    max-width: 240px;

    width: 50%;

	padding:8px;

}





/* parts9

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

.parts9 .title {

	margin-bottom:0;

}

.title h2 {

    padding-left: 8px;

}

.title p {

    right: 8px;

}



/* parts4

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

.parts4,

.parts16,

.parts18 {

	margin-bottom:16px;

}

.parts4 .kiji_contents {

    padding: 8px 0 0;

	background:#fff;

}

.parts4 .kiji_contents {

	border-bottom:1px solid #bcbcbc;

	padding:16px 0;

}

.parts16 .kiji_contents,

.parts18 .kiji_contents {

	border-bottom:1px solid #bcbcbc;

	padding:16px 0 0;

}

.parts4 .kiji_contents h3,

.parts16 .kiji_contents h3,

.parts18 .kiji_contents h3 {

	word-break: break-all;

	display:table;

	table-layout:fixed;

	padding:0 8px;

	font-size:0.9em;

	line-height:1.45;

}

.parts4 .kiji_contents h3 span,

.parts16 .kiji_contents h3 span,

.parts18 .kiji_contents h3 span {

	display:table-cell;

	vertical-align:top;

	width:88px !important;

	font-size:100%;

}

.parts4 .kiji_contents h3 a,

.parts16 .kiji_contents h3 a,

.parts18 .kiji_contents h3 a {

	display:table-cell;

	vertical-align:top;

	line-height:1.45;

	text-decoration:none;

}





/* content

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

#content {

    padding-top: 0;

	padding-bottom:3em;

}

#toppage #content {

    padding-top: 16px;

}

.wrap {

    width: 100%;

}  

#content .wrap,

#main3,

#rside1 {

    width: 100%;

	float:none;

}

#toppage #main3 {

	padding-bottom:0;

}

#main3 {

	padding-bottom:24px;

}

.title {

    border-radius: 0;

}





/* side-bar

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

.side-bar {}

.side-bar ul {

	width:100%;

	overflow:hidden;

	padding-right:8px;

}

.side-bar ul li {

	width:33.333%;

	max-width:300px;

	float:left;

	padding-left: 8px;

}





/* footer

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

#footer .wrap {

    display: block;

}

#footer .nav_area,

#footer p {

	display:block;

}

.bx-wrapper .bx-controls-direction {

    width: 100%;

}

#footer .wrap p {

    width: 100%;

	text-align:center;

}

#footer .wrap p img {

    width: 90%;

}

#footer .nav_area {

    display: block;

    padding: 0;

}

.nav_area ul {

    display: block;

    font-size: 0.9em;

    margin: 0;

	padding-left:16px !important;

	padding-right:16px !important;

    text-align: left;

    width: 100%;

}

#footer ul li {

	white-space:normal;

    width: auto;

    display: block;

    width: 100%;

	border-bottom:1px solid #b8f0fd;

}

#footer ul li a {

	padding:12px 0 2px 4px;

	position:relative;

	width:100%;

}

#footer ul li a:after {

    background: #e7f9fd;

    border-radius: 50%;

    color: #71cbe5;

    content: ">";

    font-size: 0.8em;

    font-weight: bold;

    height: 16px;

	top:16px;

    right: 4px;

    line-height: 1.45;

    padding-left: 5px;

    position: absolute;

    width: 16px;

}



#pagetop {

    top: -20px;

}

#totop_area .wrap p img {

	width:30px;

}





/* article_wrapper

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

.article_wrapper,

#article_wrapper {

    padding-left: 8px;

    padding-right: 8px;

}

#article_wrapper h1,

.kiji_contents #article_wrapper h1 {

	width:100%;

	overflow:hidden;

}

#article_wrapper h1 img,

.kiji_contents #article_wrapper h1 img {

	width:645px;

	margin-left:-16px;

	max-width:none;

}

h1 + .section {

    margin-top: 16px;

}

.article_wrapper .leadc,

#article_wrapper .leadc {

	margin-left:4px;

	margin-right:0;

}

.article_wrapper .section h2:before,

#article_wrapper .section h2:before {

	top:-4px;

    left: 4px;

	background-size:24px;

}

.article_wrapper .section h2,

#article_wrapper .section h2 {

    padding-left: 32px;

	font-size:1.12em;

}











#article_wrapper h3,

.article_wrapper h3 {

    padding-left: 0;

}

.article_wrapper p,

#article_wrapper p {

    margin-left: 0;

    margin-right: 0;

}

ul {

    margin-left: 2.3em;

}

li {

	line-height:1.45;

	margin-bottom:8px;

}





/* gakudo

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

.dis_tab {

    padding-left: 0;

}





/* days

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

.days li:nth-of-type(2) dl {

	padding:0 !important;

}

.days li:nth-of-type(2) dl dd ol,

.days li:nth-of-type(2) dl dd ul {

	margin-left:1.7em;

}

ul.days .two .img_left, ul.days .two .img_right {

    width: 55%;

}

ul.days .two dl {

    width: 45%;

}

.days dt {

    padding-left: 0;

}

.days dd ul {

    margin-left: 1.4em;

}

ul.days .three {

    display: table;

    table-layout: fixed;

    vertical-align: middle;

	width:100%;

	padding-top:16px;

}

ul.days .three img {

    display: table-cell;

	vertical-align:top;

}

ul.days .three dl {

    display: table-cell;

	width:45%;

	vertical-align:top;

}

ul.days .three dl dt {

	margin-bottom:8px;

}

ul.days .three:last-child {

	padding-bottom:24px;

}

ul.days .three:last-child dl dt {

	margin-top:0;

}



.t_day th {

    width: 100px;

}

dl.days {

    padding-bottom: 100px;

}

dl.days dt {

	margin-bottom:16px;

}





/* contact

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

.parts7 ul.contact_form {

    margin: 0;

    padding: 0;

}

.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;

}



/* scroll

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

.scroll {

	overflow: auto;

}

.scroll_box {

	width:700px;

}

.scroll:-webkit-scrollbar{

 height: 5px;

}

.scroll:-webkit-scrollbar-track{

 background: #F1F1F1;

}

.scroll:-webkit-scrollbar-thumb {

 background: #BCBCBC;

}





/* Article

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

#kiji_footer .back a {

    background: none;

    text-align: center;

    width: 100%;

}

} /* デバイスの横幅が736px以下の場合 */



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

.side-bar ul li {

	width:50%;

}

} /* デバイスの横幅が376px以下の場合 */



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

.icon_area .wrap {

	width:600px;

}



} /* デバイスの横幅が320px以下の場合 */