@charset "utf-8";
/* default */


/* **************** */
/*@import url("css/style.css");*/

/* ホーム */
.smile_text {
	padding: 1% 2%;
}

.smile_contsBox {
	margin: 0 20px 20px 20px;
	padding-bottom: 20px;
	/*border-bottom: 1px solid #DCDCDC;*/
}

.smile_midashi {
	padding-left: 12px;
	margin: 20px 0;
	font-size: 22px;
	border-left: solid 7px #f8ef03;
	border-bottom: 2px solid #f8ef03;
}

.smile_midashi_m {
	margin: 20px 0;
	padding-left: 10px;
	font-size: 17px;
	border-bottom: 2px solid #f8ef03;
}

/*.smile_contsBox_bor {
	margin: 0 20px 20px 20px;
	padding: 0 18px 18px 18px;
	border: 1px solid #DCDCDC;
}*/

/*.smile_bookInfo { 
	padding-top: 20px;
	margin-top: 20px;
}

.smile_bookInfo:after { 
	content: ""; 
	display: table; 
	clear: both; 
}*/

.pointBox {
	 padding: 0 1%;
}

.pointBox dl {
}

.pointBox dt {
	width: 20%;
	float: left;
}

.pointBox dd {
	width: 75%;
	float: left;
}



.t1 {
	font-size: 24px;
	line-height: 3.0rem;
	margin-bottom: 10px;
	color: #0b86cc;
}

/*.smile_bookImg {
	margin: 0 20px 20px 20px;
}*/

.smile_shopping {
	padding-top: 20px;
	margin-top: 20px;
}

.smile_inner_box {
	padding: 2%;
}
	
.smile_inner_box:after { 
	content: ""; 
	display: table; 
	clear: both; 
}


.smile_shop_box {
	padding: 2%;
	border: 1px solid #cad1ca;
	margin: 2%;
	float: left;
}

.smile_profBlock {
	background-color: #E5F3F9;
	padding: 20px;
	margin: 20px 0;
	font-size: 90%;
	clear: both;
}

.smile_profT {
	color: #3c8de0;
	font-weight: bold;
	text-align: center;
	border-bottom: dashed 1px #3c8de0;
	margin-bottom: 15px;
}



/* 募集要項 */
.smile_midashiSub {
	background: #f8ef03;
	padding: 5px 8px;
	margin: 0 0 15px 0;
	display: inline-block;
	font-weight: bold;
}

.recruit_flow {
	margin-bottom: 20px;
}


ol{
  counter-reset:number;
  list-style:none;
  margin:0;
  padding:0;
}

ol li{
    margin-bottom: 1em;
    padding-left: 2em;
    position: relative;
}

ol li:before{
	background: #f7ee79 none repeat scroll 0 0;
	counter-increment: number;
	content: counter(number);
	height: 1.5em;
	left: 0;
	line-height: 1.5;
	min-width: 1.5em;
	position: absolute;
	text-align: center;
	font-weight: bold;
}

.smile_recruitTable {
	width:100%;
	border: 2px solid #b9babb;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
 
.smile_recruitTable th{
	padding: 6px 8px 5px;
	border-top: solid 1px #b9babb;
	width: 25%;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #e3effb;
}
 
.smile_recruitTable td{
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	border-top: dotted 1px #e0dccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}

.t_box {
	border:1px solid #84B6D5;
	padding:5px;
}

 
/* 活動レポート */
.smile_reportBlock {

}

.smile_reportBlock table {
    border-right: 1px solid #b9babb;
    border-spacing: 0;
    border-top: 1px solid #b9babb;
    width: 100%;
	border-spacing: 0;
	margin-bottom: 15px;
}

.smile_reportBlock table th {
    background-color: #3c8de0;
    color: #fff;
}
.smile_reportBlock table th, td {
    border-bottom: 1px solid #b9babb;
    border-left: 1px solid #b9babb;
    padding: 5px;
    text-align: center;
}

@media print, screen and (max-width: 768px) {
/* /// タブレット・PC ////////////////////////// */

.smile_reportBlock table {
    border: medium none;
    padding: 10px;
    width: 100%;
}

.smile_reportBlock thead {
    display: none;
}

.smile_reportBlock table tr {
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}

.smile_reportBlock table td {
    border-bottom: medium none;
    border-right: 1px solid #4f4d47;
    display: block;
    padding: 0;
    text-align: center;
}

.smile_reportBlock td:nth-of-type(1) {
    background-color: #3c8de0;
    color: #fff;
    text-align: center;
}
.smile_reportBlock td:last-child {
    border-bottom: 1px solid #4f4d47;
}
.smile_reportBlock td::before {
    background-color: #dae8f6;
    display: block;
}
.smile_reportBlock td:nth-of-type(2)::before {
    content: "子供の数";
}
.smile_reportBlock td:nth-of-type(3)::before {
    content: "セーター";
}
.smile_reportBlock td:nth-of-type(4)::before {
    content: "マフラー";
}
.smile_reportBlock td:nth-of-type(5)::before {
    content: "帽子";
}
.smile_reportBlock td:nth-of-type(6)::before {
    content: "ベスト";
}
.smile_reportBlock td:nth-of-type(7)::before {
    content: "手袋";
}
}


/* 編み図ダウンロード */
.smile_dlPic {
	margin-bottom: 20px;
}

.smile_dlBlock {
	background-color: #fbfad5;
	padding: 20px;
	margin-bottom: 20px;
}

.smile_dlT {
	color: #3c8de0;
	font-weight: bold;
	text-align: center;
	border-bottom: dashed 1px #3c8de0;
	margin-bottom: 15px;
}


/* よくある質問 */
li{
list-style: none;
cursor: pointer;
}
ul.smile_acordion{
background: #ebf4fd;
border-right: solid 1px #808080;
border-left: solid 1px #808080;
margin-bottom: 15px;
padding: 0;
}
ul.smile_acordion li {
border-bottom: solid 1px #808080;
}
ul.smile_acordion li:first-child {
border-top: solid 1px #808080;
}
ul.smile_acordion li ul {
margin: 0;
padding: 0;
border: none;
}
ul.smile_acordion li ul li {
background: #fff;
padding: 15px;
}
ul.smile_acordion li ul li:last-child{
border-bottom: none;
}
/*ul.acordion li ul li a {
color: #696969;
display: block;
padding: 10px;
text-decoration: none;
}*/
ul.smile_acordion li .none-submenu {
background: url(../img/usr/category/smiletrigger-arrow.png) no-repeat 98% 50%;
background-size: 2%;
display: block;
padding: 15px;
}
ul.smile_acordion li .active-submenu {
background: url(../img/usr/category/smile/triggeractive-arrow.png) no-repeat 98% 50%;
background-size: 2%;
display: block;
padding: 15px;
}


@media print, screen and (max-width: 768px) {
ul.acordion li .none-submenu{ background: url(../img/usr/category/smile/trigger-arrow.png) no-repeat 96% 50%; }
ul.acordion li .active-submenu{ background: url(../img/usr/category/smile/triggeractive-arrow.png) no-repeat 96% 50%; }
}

.qa_tBL {
	color: #3c8de0;
	font-weight: bold;
}

.qa_tRE {
	color: #f87908;
	font-weight: bold;
}












