/*
Theme Name: SoSimple
Author: aiarea suzumasa
Version: 180227
*/


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

#pagebase {
	width: 100% ;
}

#all {
	width: 90% ;
	margin: 0 5% 20px ;
}
#main {
	width: 90% ;
	margin: 0 5% 20px ;
}

#side {
	display: none ;	
}
	
	


/*--------------------------------------------------------------
 header
--------------------------------------------------------------*/


#head-top {
	background-image:url(/wp-content/uploads/mainimage-02.jpg);
    background-size:contain;
    width:100%;
    height: 200px;
}
	
#head-sptop {
	margin-bottom: 0 ;
}
	
#head-sub {
	margin-bottom: 25px ;
}

#head-text {
	width: 100% ;
}

	
#head {
	height: 60px ;
}

#head-auto {
	width: 100% ;
}

.head-left {
	margin: 15px ;
	float: left ;
}

.head-left img {
	width: 80% ;
}

.head-right {
	display: none ;
}

	
/*--------------------------------------------------------------
 top
--------------------------------------------------------------*/


#top {
}


.top-auto-sp {
	width: 90% ;
	margin: 0 5% 10px ;
	padding: 20px 0 50px;
}
	
.top-auto {
	width: 90% ;
	margin: 0 5% 10px ;
}

#mainphoto {
	background: #FFFFFF ;
	height: 140px ;	
}

.top-flowleft1 { width: 100% ; padding: 20px ; border-radius: 20px; margin-bottom: 15px ; }
.top-flowright1 { width: 100% ; padding: 0 ;}

.top-flowleft2 { width: 100% ; padding: 0 ;}
.top-flowright2 { width: 100% ; padding: 20px ; border-radius: 20px; margin-bottom: 15px ; }

	
	
/*--------------------------------------------------------------
 footer
--------------------------------------------------------------*/

.foot-auto {
	display: none ;
}

	
/*--------------------------------------------------------------
 another
--------------------------------------------------------------*/

.matchingform th { width: 100% ; display: block ; }
.matchingform td { width: 100% ; display: block ; }

	
	
/*--------------------------------------------------------------
 footer
--------------------------------------------------------------*/
	
.box50pa { width: 100% ; margin: 0 0 20px ; }
.box50pb { width: 100% ; margin: 0 0 20px ; }
	
.site-main { width: 90% ; margin: 0 5% 10px ;}
.box530 { width: 100% ; margin: 0 0 20px ; }
.box420 { width: 100% ; margin: 0 0 20px ; }

.box50pa { width: 100% ; margin: 0 0 20px ; }
.box50pb { width: 100% ; margin: 0 0 20px ; }
.box33pa { width: 100% ; margin: 0 0 20px ; }
.box33pb { width: 100% ; margin: 0 0 20px ; }
.box25pa { width: 100% ; margin: 0 0 20px ; }
.box25pb { width: 100% ; margin: 0 0 20px ; }

.box30pa { width: 100% ; margin: 0 0 20px ; }
.box70pb { width: 100% ; margin: 0 0 20px ; }
.box70pa { width: 100% ; margin: 0 0 20px ; }
.box30pb { width: 100% ; margin: 0 0 20px ; }

.box40pa { width: 100% ; margin: 0 0 20px ; }
.box60pb { width: 100% ; margin: 0 0 20px ; }
.box60pa { width: 100% ; margin: 0 0 20px ; }
.box40pb { width: 100% ; margin: 0 0 20px ; }

.box60p { margin: 0; width : 100% ;}
.box70p { margin: 0; width : 100% ;}
.box80p { margin: 0; width : 100% ;}
.box90p { margin: 0; width : 100% ;}



.bg1-title { background: #EA697C ; border: 2px solid #EA697C; color: #FFFFFF ; padding: 15px 15px 10px ; font-size: 18px; font-weight: 700;}
.bg1-back { border: none ; padding: 15px 0 5px ; }

.bg2-title { background: #53AAD6 ; border: 2px solid #53AAD6; color: #FFFFFF ; padding: 15px 15px 10px ; font-size: 18px; font-weight: 700;}
.bg2-back { border: none ; padding: 15px 0 5px ; }


.bg3-title { background: #6DBA44 ; border: 2px solid #6DBA44 ; color: #FFFFFF ; padding: 15px 15px 10px ; font-size: 18px; font-weight: 700;}
.bg3-back { border: none ; padding: 15px 0 5px ; }

table.form { width: 100% ;}
.form th { width: 100%; border-bottom: none ; display: block; }
.form td { width: 100%; border-bottom: none ; display: block; }
input { width: 100% ;}
textarea { width: 100% ;}

	
/* list */

.list2 li{ width: 100% ; margin: 0px 0px 20px ; }

.list2top li{ width: 46% ; margin: 0px 3.5% 20px 0px ; }
.list2top li:nth-child(2n){ margin-right: 0 ;}
	
.list3 li{ width: 46% ; margin: 0px 3.5% 20px 0px ; }
.list3 li:nth-child(3n){ margin-right: 3.5% ;}
.list3 li:nth-child(2n){ margin-right: 0 ;}

.list3-1 li{ width: 46% ; margin: 0px 3.5% 20px 0px ; }
.list3-1 li:nth-child(3n){ margin-right: 3.5% ;}
.list3-1 li:nth-child(2n){ margin-right: 0 ;}
.list3-1 img { width: 100% ;}

.list3-top li{ width: 100% ; margin: 0px 0px 20px ; }
	
.list4 li{ width: 46% ; margin: 0px 3.5% 20px 0px ; }
.list4 li:nth-child(2n){ margin-right: 0 ;}

.list5 li{ width: 46% ; margin: 0px 3.5% 10px 0px ; }
.list5 li:nth-child(5n){ margin-right: 3.5% ;}
.list5 li:nth-child(2n){ margin-right: 0 ;}
	

	
img.img80 {width: 100% ; margin: 0 ;}
	
	
/* フォントサイズ */
.font15	{font-size: 15px;}
.font16 {font-size: 15px; }
.font18 {font-size: 16px; }
.font20 {font-size: 16px; }
.font22 {font-size: 17px; }
.font24	{font-size: 17px; }
.font26 {font-size: 18px; }
.font28 {font-size: 18px; }
.font30	{font-size: 20px; }
.font36	{font-size: 20px; } 


/* タイトル */
.titlefont16 {font-size: 15px; }
.titlefont18 {font-size: 15px; }
.titlefont20 {font-size: 16px; }
.titlefont22 {font-size: 16px; }
.titlefont24 {font-size: 17px; }
.titlefont26 {font-size: 17px; }
.titlefont28 {font-size: 18px; }
.titlefont30 {font-size: 18px; }
.titlefont32 {font-size: 20px; }
.titlefont34 {font-size: 20px; }
.titlefont36 {font-size: 22px; }
.titlefont38 {font-size: 22px; }
.titlefont40 {font-size: 22px; }
	
	

.pc { display: none !important; }
.sp { display: block !important; }


}