@charset "UTF-8";
/* CSS Document */

.ojagakit #sub_title { margin-top:40px;}


#ok_ds_box { background:url(../images/workshop/tri_bg.png) repeat-x bottom left #e7b72a; background-size:16px 15px; padding:50px 40px 60px; margin-bottom:20px;}
#ok_ds_box h2{ letter-spacing:6px; margin-bottom:20px; font-size:24px; font-weight:normal; float:left;}
#ok_ds_box h2 span { font-size:11px; letter-spacing:2px; font-weight:bold;}
#ok_ds_box p { margin-left:220px;}

.ojagakit .workshop_wrapper { margin:40px -16px 0px 0;}
.ok_w_title { text-align:center; margin-bottom:40px;}
.ok_w_title p { font-size:10px; font-weight:bold; letter-spacing:2px;}
.ok_w_title h2{ background:none; font-size:24px; letter-spacing:6px; font-weight:bold; padding:2px 0; height:auto; margin-bottom:0px;}


.ojagakit .workshop_wrapper  .entry_t3 { width:375px;}
.ojagakit .workshop_wrapper  .entry_img { width:174px; height:174px; overflow:hidden; float:left;}
.ojagakit .entry_img img { width:100%; height:auto;}
.ojagakit .workshop_wrapper .entry_t3 .entry_t3_inner { margin-left:174px; width:170px; float:none; height:134px; background:none #fffbdd; padding:20px 15px;}
.ojagakit .workshop_wrapper .entry_t3 .entry_t3_inner h3 { height:115px;}
h3 a {}
p {}

.ws_tag { font-size:10px; display:inline-block;}
.ws_tag .ws_tag1 { 
background-color:#7e6b5a; color:#FFF; border:#7e6b5a 1px solid; padding:2px 5px 0; vertical-align:middle;
    -webkit-border-top-left-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;  
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-bottomleft: 3px;
		}
.ws_tag .ws_tag2 { 
color:#7e6b5a; border:#7e6b5a 1px solid; padding:2px 5px 0;vertical-align:middle; line-height:1.4em;
background-color:#ffffff;
    -webkit-border-top-right-radius: 3px;  
    -webkit-border-bottom-right-radius: 3px;  
    -moz-border-radius-topright: 3px;  
    -moz-border-radius-bottomright: 3px;
		}

#ok_news .ws_link { text-align:right;}
#ok_news .ws_link a { position:relative; padding-right:20px;}
#ok_news .ws_link a:after{ 
content:url(../images/workshop/ok_arrow_r.gif);
-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
position:absolute;
top:50%;
right:0px;
margin-top:-10px;
}



.entry_img { position: relative;}
.icon_jyutyuu { font-size:10px; float:right; height:20px;line-height:20px; position:absolute; right:0px; bottom:0px; background-color:#ffff00; padding:0px 10px;
	border-radius: 3px; -webkit-border-radius: 3px;	-moz-border-radius: 3px;
}
.icon_so { font-size:10px; float:right; height:20px;line-height:20px; position:absolute; right:0px; bottom:0px; background-color:#f3458d; padding:0px 10px;
border-radius: 3px; -webkit-border-radius: 3px;	-moz-border-radius: 3px; color:#ffffff;}


#ok_news { padding:0px 0 70px;}
.ok_wrapper { border-bottom:#543128 1px solid; padding:40px 0 70px;}

.ok_wrapper .ws_item_link { text-align:center;}
.ok_wrapper .ws_item_link a{ display:inline-block; background-color:#482a25; color:#ffffff; padding:10px 70px;
-moz-transition : all 0.3s ease ;
-webkit-transition : all 0.3s ease ;
transition : all 0.3s ease ;}
.ok_wrapper .ws_item_link a:hover { background-color:#705b57; text-decoration:none;}

.ojagakit .wrapper_collection { margin-right:-20px;}
.ojagakit .wrapper_collection .entry { width:370px; float:left; margin:0 20px 0 0;}
.ojagakit .wrapper_collection .entry p a img { width:100%; height:auto;}
.ojagakit .wrapper_collection h2 { padding:10px 0 20px;}


.ojagakit #feed_wrapper { padding:40px 0px 20px; margin-top:40px;}
.ojagakit #feed_wrapper .instagram-placeholder { 
float:left; width:95px;
     -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
						padding:5px;
}
.ojagakit #feed_wrapper .instagram-placeholder img{ width:100%; height:auto; vertical-align:top;}
.ojagakit #feed_wrapper p { text-align:right; font-size:10px; margin:20px 0px 10px;}
.ojagakit #feed_wrapper p a { 
background:url(../images/workshop/ok_insta.gif) no-repeat center left; background-size:26px 26px; line-height:26px; height:26px; display:inline-block; padding-left:30px;
text-decoration:underline;}

a.linkinline { color: #ED287B; text-decoration:underline;}
a.linkinline:hover { color: #ED287B; text-decoration:none;}