/*
 Theme Name: aritama
 Description: aritama
 Author: WebScale
 Author URI: http: //www.w-scale.com
 Version: 1.0
*/


/* ---------------------------------------------------------- */
/*   スマホ用　WebScale STYLING                               */
/* ---------------------------------------------------------- */

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

html,body {
	width: 100%;
	min-width: 300px;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

p.more {
	width: 100px;/*変更*/
}

.fixed {
}

.fixed-center {
	display: none;/*追加*/
}

.fixed-right {
	display: none;/*追加*/
}

.fixed-left {
	display: none;/*追加*/
}

.page-message {
}

.title {
	padding: 0;/*変更*/
	width: 100%;/*変更*/
}

.title span {
	padding: .30em 0;/*変更*/
}

.sp-none {
	display: none;
}
	
/* 共通：ヘッダー */
#header {
	min-width: 0;/*変更*/
	margin: 0;/*変更*/
}

#header p {
}

#header-inner {
	width: 100%;/*変更*/
}

/* 共通：ナビゲーション */
#header #nav #main-nav ul li {
	width: 12%;
	margin: 0.3%;
	font-size: 0.8em;
}

#header.open #nav #all-nav ul li {
	width: 40%;
}

/* 共通：コンテンツ */
#container {
	min-width: inherit;/*変更*/
	margin-top: 230px;/*変更*/
}

#contents {
	min-width: inherit;/*変更*/
}

#contents-inner {
	width: 96%;/*変更*/
	margin: auto;
}



/* 共通：フッター */
#footer {
	min-width: inherit;/*変更*/
}

#footer-inner {
	width: 100%;/*変更*/
	padding: 10px 0px;/*変更*/
}

#footer p {
}

#footer-nav ul {
	justify-content: center;
	padding: 0;
}

#footer-nav ul li {
	width :40%;
}

#footer img {
	width: 90%;
	margin-right: 0;
}

#footer iframe {
	width: 90%;
	height: 350px;
}


/* 共通：ホームへ */
#to-home {
	right: 0px;/*変更*/
	font-size: 77%;
}

#to-home a {
}

#to-home a:hover {
}



/* トップページ */
#top-container {
	min-width: inherit;/*変更*/
	margin-top: 230px;/*変更*/
}

#top-contents {
	min-width: inherit;/*変更*/
}

#top-banner {
}

#top-banner-inner {
	min-width: inherit;/*変更*/
}

#top-banner img {/*追加*/
	width: 100%;
	height: auto;
}

.top-erea{
	min-width: inherit;/*変更*/
}

.top-erea-inner {
	width: 100%;/*変更*/
}

.top-erea-title {
	max-width: 250px;/*追加*/
	padding: 10px 0px;/*変更*/
}

#top-main {
}

.top-fixed-bk {
}

h4.top-fixd-title {
	min-width: 80%;/*追加*/
	font-size: 1.8rem;/*変更*/
}

.top-fixed-bk.top-bk1 {
}

.top-fixed-bk.top-bk2 {
}

.top-fixed-bk.top-bk3 {
}

.top-fixed-bk.top-bk4 {
}

.top-scrolling-bk {
	padding-bottom: 20px;
}

.top-scrolling-container1 {
}

.top-scrolling-container2 {
	min-width: 0px;/*変更*/
}

.tokuchou {
}

.taisetsu-title {
	width: 50%;/*変更*/
}

.three-colum {
	width: 100%;/*変更*/
}

.three-colum li {
	display: block;/*変更*/
}

.three-colum li img.taisetsu {
	width: 60%;/*追加*/
	max-width: 250px;/*追加*/
	height: auto;/*追加*/
}

.top-scrolling-container1 {
	width: 94%;
	margin: auto;
}

.top-scrolling-container1 p.tolink {
	position: relative;/*変更*/
	margin: auto;/*追加*/
}

#blog,
#news {
	justify-content: center;
}

#blog div,
#news div  {
	width: 90%;
	height: auto;
}

#blog img {
	height: 300px;
	width: auto;
}

.photo-list div {
	width: 96%;
}

/*園の概要*/
.info h4 {
}

.info {
}

.gaiyou {/*追加*/
	margin: 0px;
	padding: 0px 10px;
}

.gaiyou li {
	padding: 10px 0px;/*変更*/
	margin: 0px;/*追加*/
}

.gaiyou li span {
	padding-left: 0px;/*変更*/
}

.colum1 {
	float: none;/*変更*/
}

.colum2 {
	margin-left: 100px;/*変更*/
}

ul.rinen,
ul.houshin,
ul.shisetsu,
ul.mokuhyou {
	padding: 0px;
	text-align: left;
}

ul.shisetsu li {
	float: none;/*変更*/
}


/*園の特徴*/

.feature {/*追加*/
	text-align: center;
}

.feature .description {
	float: left;
	margin: -30px auto 10px auto;
	height: auto;/*変更*/
	width: 98%;/*変更*/
	padding: 10px 0px;/*変更*/
	border: 2% dotted #ffffff;
	font-size: 110%;
}

.feature h4 img {
	float: none;/*変更*/
	width: 30%;/*追加*/
}

.feature ul {
	margin-left: 0px;/*変更*/
}

.feature ul li {
	float: none;/*変更*/
	margin: 0px 0px 20px 0px;/*変更*/
	text-align: center;
	font-size: 100%;/*変更*/
	padding: 0px;/*変更*/
	width: 94%;/*変更*/
}

.feature ul li img {
	border: 3% double #ffffff;
}

#real,#tasty,#think,#else {
	margin-top: -100px;
	padding-top: 100px;
}


/*園の一日*/
.schedule table {
}

.schedule table tr th img {
	display: none;/*追加*/
}

.schedule table tr td img {
	margin: 0px;/*変更*/
}

.schedule table tr td img.schedule-photo {/*追加*/
	width: 95%;
}

.schedule table tr th{
	font-size: 100%;/*変更*/
	width: auto;/*追加*/
	display: inline;/*変更*/
}


.schedule table tr td{
}


.schedule table.collapse-cell th {
	visibility: visible;/*変更*/
	display: inline;/*変更*/
}

#tiisaiko {
	float: none;/*変更*/
	width: 100%;/*変更*/
}

#ookiiko {
	margin-top: 50px;/*追加*/
	float : none;/*変更*/
	width: 100%;/*変更*/
}

#tiisaiko td.pink {
	height: auto;/*追加*/
}

#ookiiko td.blue {
	height: auto;/*追加*/
}


/*年間行事*/

.event {
}

.event img {
}

.event-comment {
}

span.month {
}

.event-tag p {
}

.event-tag p span {
}

.event-tag p:before {
}

.event-tag p:after {
}

/* 給食 */

.lunchservice {
	text-align: center;/*追加*/
}
	
.lunchpoint img {
	width: 98%;/*追加*/
	height: auto;/*追加*/
}

/* 情報開示 */

.kaiji {
}

.kaiji h5 {
}

.kaiji ul {
	margin: auto;/*変更*/
	text-align: center;/*追加*/
}

.kaiji ul li {
}

.kaiji ul li img {
}

/*苦情解決*/
.complaint table {
    width: 90%;
}

.complaint table th,
.complaint table td {
    display: block;
    width: 100%;
}

/*保護者専用書類ダウンロード*/
.download ul {
}

.download ul li {
}

.download ul li img {
}
.childpage-list ul {
}

.childpage-list ul li {
}

/*記事一覧*/
#entry-list dl dt {
	margin-bottom: 0px;/*変更*/
	float: none;/*変更*/
}

#entry-list dl dd {
	margin-bottom: 10px;
	float: none;/*変更*/
}

/*記事詳細*/
#entry {
	float: none;/*変更*/
	width: 90%;/*変更*/
	margin: 10px 5%;/*追加*/
}

#entry-inner {
	background-color: rgba(255,255,255,.8);
	padding: 2px;/*変更*/
}

#entry-content {
}

#entry-content img {
	width: 98%;
	height: auto;
}

/*ギャライー画像　変更*/
.gallery img {
	width: 100%;
	height: auto;
}
}
