body
{
overflow-x: hidden;
}
.site_container
{
-moz-transition: all 1000ms ease-in-out; -o-transition: all 1000ms ease-in-out; -webkit-transition: all 1000ms ease-in-out; -ms-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out; }
.site_container.boxed
{
max-width: 1090px;
}
.site_container.layout_picker_no_transition
{
-moz-transition: none; -o-transition: none; -webkit-transition: none; -ms-transition: none; transition: none;
}
.layout_picker 
{
position: fixed;
left: 0;
top: 30%;
width: 65px;
overflow: hidden;
z-index: 9999;
} .layout_picker_icon
{
float: left;
cursor: pointer;
display: block;
border: none;
}
.layout_picker_icon.first {
background: url(//kyoujinkai.gr.jp/app/wp-content/themes/taisetsu_childTheme/layout_picker/ba_picker_recruit.png) no-repeat scroll center center rgba(0, 0, 0, 0.0);
background-size: contain;
width: 65px;
height: 150px;
}
.layout_picker_icon.second {
background: url(//kyoujinkai.gr.jp/app/wp-content/themes/taisetsu_childTheme/layout_picker/ba_picker_takuji.png) no-repeat scroll center center rgba(0, 0, 0, 0.0);
background-size: contain;
width: 65px;
height: 130px;
}
@media only screen and (max-width: 767px) {
.layout_picker {
top: 5%;
width: 30px;
}
.layout_picker_icon.first {
width: 30px;
height: 70px;
}
.layout_picker_icon.second {
width: 30px;
height: 60px;
}
}
@media only screen and (max-width: 480px) {
.layout_picker {
display: none;
}
} .layout_picker_content
{
float: left; width: 0;
display: none;
padding: 15px 20px;
background: rgba(0, 0, 0, 0.7);
}
.layout_picker_content ul.layout_picker_layout_list,
.layout_picker_content .color_skin_list
{
list-style: none;
padding: 0;
margin: 15px 0 0;
}
.layout_picker_content ul.layout_picker_layout_list
{
margin-bottom: 15px;
}
.layout_picker_content ul.layout_picker_layout_list li a:after
{
content: "";
display: block;
bottom: 0;
width: 85px;
height: 1px;
margin-top: 10px;
background: rgba(255,255,255,0.1)
}
.layout_picker_content .layout_picker_header
{
font-size: 16px;
color: #FFF;
padding-bottom: 7px;
}
.layout_picker_content .layout_picker_layout_list a
{
display: block;
font-size: 12px;
margin-top: 5px;
color: #C5C5C5;
line-height: 150%;
border: none;
padding: 2px 0;
}
.layout_picker_content .layout_picker_layout_list a.selected,
.layout_picker_content .layout_picker_layout_list a:hover
{
color: #FFF;
padding: 2px 0 1px;
}
.layout_picker_content .layout_picker_layout_list a.selected:after,
.layout_picker_content .layout_picker_layout_list a:hover:after
{
background: #FFF;
height: 2px;
}
.layout_picker_content .color_skin_list li
{
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.layout_picker_content .color_skin_list li.last
{
margin-right: 0;
}
.layout_picker_content .color_skin_list li a
{
display: block;
width: 25px;
height: 25px;
border: none;
}
.layout_picker_content .color_skin_list li a.selected,
.layout_picker_content .color_skin_list li a:hover
{
background: url(//kyoujinkai.gr.jp/app/wp-content/themes/taisetsu_childTheme/layout_picker/tick.png) center center;
}
.layout_picker_content .color_skin_list li a.mc_skin_blue
{
background-color: #42B3E5;
}
.layout_picker_content .color_skin_list li a.mc_skin_green
{
background-color: #7CBA3D;
}
.layout_picker_content .color_skin_list li a.mc_skin_orange
{
background-color: #FFA800;
}
.layout_picker_content .color_skin_list li a.mc_skin_red
{
background-color: #F37548;
}
.layout_picker_content .color_skin_list li a.mc_skin_turquoise
{
background-color: #00B6CC;
}
.layout_picker_content .color_skin_list li a.mc_skin_violet
{
background-color: #9187C4;
}