@charset "utf-8";

body {
width:100%;
}

/*  header
----------------------------------------------------*/
header {
background-color:#f4f4f4;
border-bottom:1px #e5e5e5 solid;
height:90px;
overflow:hidden;
position:relative;
}
#logo {
margin:0 auto;
position:relative;
top:-3px;
}
#headerShare {
position:absolute;
top:6px;
right:3.125%;

}
#headerShare div {
display:none;
}
#headerMenu {
position:absolute;
top:6px;
left:3.125%;
}
#headerMenu div {
display:none;
}


/*  #mainColumn
----------------------------------------------------*/
#mainColumn {
margin-bottom:20px;
}


/*  #panNavi
----------------------------------------------------*/
#panNavi {
margin: 30px 0 0 0 ;
clear:both;
}
#panNavi ul {
height:24px;
}
#panNavi ul li {
font-size:24px;
margin:0 2em 0 3.125%;
float:left;
color:#a6a6a6;
position: relative;
}
#panNavi ul li::after {
display: block;
content: '';
position: absolute;
top: 0.3em;
right: -1.5em;
width: 18px;
height: 18px;
border-right: 1px solid #a6a6a6;
border-bottom: 1px solid #a6a6a6;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#panNavi ul li:last-child {
clear:both;
background-color:#5a96e9;
color:#fff;
font-size:36px;
padding:3.125%;
margin: 30px 0 60px;
line-height:1.6;
width:100%;
}
#panNavi ul li:last-child::after {
border-right:none;
border-bottom:none;
}
#panNavi ul li:last-child h1::after {
display: block;
content: '';
position: absolute;
bottom: -15px;
right: 50%;
width: 30px;
height: 30px;
background-color:#5a96e9;
border-right:none;
border-bottom:none;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#panNavi ul li a:hover {
background:#fff;
text-decoration:none;
}



/*  #panNavi2
----------------------------------------------------*/
#panNavi2 {
margin: 30px 0;
clear:both;
}
#panNavi2 ul {
height:24px;
}
#panNavi2 ul li {
font-size:24px;
margin:0 2em 0 3.125%;
float:left;
color:#a6a6a6;
position: relative;
}
#panNavi2 ul li::after {
display: block;
content: '';
position: absolute;
top: 0.3em;
right: -1.5em;
width: 18px;
height: 18px;
border-right: 1px solid #a6a6a6;
border-bottom: 1px solid #a6a6a6;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#panNavi2 ul li:last-child {
color:#333;
font-weight:bold;
margin-bottom:1.5em;
}
#panNavi2 ul li:last-child::after {
border-right:none;
border-bottom:none;
}
#panNavi2 ul li a:hover {
background:#fff;
text-decoration:none;
}



/*  #date
----------------------------------------------------*/
#date {
text-align:right;
font-size:116%;
color:#999;
margin:0 3.125% 1em 3.125%;
}


/*  #entry
----------------------------------------------------*/
#entry {
margin:0 3.125%;
}
article p {
font-size:32px;
margin:0 0 2em;
line-height:1.8;
color:#333;
word-break: break-all;
clear:both;
}
article .img {
text-align:center;
}



/*  .entryList
----------------------------------------------------*/

.entryList {
clear:both;
background-color:#f8f8f8;
padding:2em;
border:1px #ccc dotted;
margin:0 3.125% 2em;
}
.entryList h2.entryTitle {
font-size:27px;
}
.entryDate {
font-size:18px;
text-align:right;
margin-bottom:1em;
}
article .entryList .entryBody p {
font-size:24px;
margin-bottom:1em;
}
.entryBody .btn {
text-align:center;
margin-bottom:1em;
}
.entryList .entryBody .btn a {
font-size:24px;
background-color:#ddd;
padding:0.5em 5em;
border:1px #ccc solid;
margin-bottom:1em;
}
.entryList .entryBody .btn a:hover {
background-color:#e3e3e3;
border:1px #d8d8d8 solid;
text-decoration:none;
}

/*  #entryNavi
----------------------------------------------------*/

#entryNavi {
margin:0 3.125% 3.125%;
text-align:center;
border-top:1px #999 dotted;
}
#entryNavi ul {
overflow:hidden;
margin:0 auto;
}
#entryNavi ul li {
width:180px;
margin-left:15px;
padding:30px 0;
font-size:21px;
float:left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#entryNavi ul li:first-child {
margin-left:0;
}
#entryNavi ul li span {
font-size:48px;
}
#entryNavi ul li a {
width:180px;
padding:30px 0;
display:block;
background:#eee;
}



/*  MT reset
----------------------------------------------------*/
.ui-overlay-a { 
background-color:#fff;
}
ul.gallery {
overflow:hidden;
margin-bottom:40px;
margin-left:-3.125%;

}
ul.gallery li {
width:130px;
max-height:130px;
margin-bottom:3.125%;
margin-left:3.125%;
float:left;
}
ul.gallery li:last-child {
margin-bottom:60px;
}
.ui-shadow{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
.ui-page-theme-a .ui-btn{
background:none;
border:none;
}
.ui-header .ui-title {
text-align: center;
margin: 0;
padding: 0;
}
.ui-content {
padding:0;
}
.ui-panel {
width:60%;
}


/*  share icon
----------------------------------------------------*/

#entryShare {
margin:0 3.125% 30px;
padding:3.125%;
background:#eee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#entryShare ul {
overflow:hidden;
margin-top:10px;
}
#entryShare li {
width:170px;
/*width:180px;*/
text-align:center;
padding:0 45px;
float:left;
}
#headerMenu .webicon,
#headerShare .webicon{
display:block;
width: 68px;
height: 68px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border:1px #eeeeee solid;
}
#headerMenu .webicon,
#headerShare .webicon{
background-color: #fff;
}
#rightpanel .webicon,
#entryShare .webicon {
display:block;
width: 96px;
height: 96px;
-webkit-border-radius: 48px;
-moz-border-radius: 48px;
border-radius: 48px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#headerMenu .icon-menu {
display:block;
padding:8px 0 0 4px;
font-size:33px;
color:#a8bddd;
}
#headerShare .icon-heart{
display:block;
padding:10px 0 0 4px;
font-size:33px;
color:#f2c5c5;
}

#entryShare li .icon-heart {
display:block;
padding:15px 0 0 8px;
/*padding:27px 23px 23px;*/
font-size:50px;
color:#fff;
}
#headerShare div {
background-color:#000;
}
#headerShare p {
color:#222;
}
#headerShare p .icon-heart {
font-size:24px;
color:#fff;
}
#entryShare p .icon-heart {
font-size:24px;
color:#333;
}
#rightpanel .fb {
background-color: #4265b6;
}
#rightpanel .tw {
background-color: #63bbff;
}
#rightpanel .ggl {
background-color: #e30c0c;
}
#entryShare ul li a.fb {
background-color: #4265b6;
}
#entryShare ul li a.tw {
background-color: #63bbff;
}
#entryShare ul li a.ggl {
background-color: #e30c0c;
}
.fb {
background-color: #4265b6;
}
.tw {
background-color: #63bbff;
}
.ggl {
background-color: #e30c0c;
}
#rightpanel ul {
display: -webkit-flex;
-webkit-justify-content: space-between;
display: flex;
justify-content: space-between;
margin-bottom:1em;

}
#rightpanel ul .icon-heart{
color:#fff;
display:block;
margin-top:8px;
margin-left:-2px;
font-size:48px;
}
#rightpanel {
font-size:131%;
}
#rightpanel h2{
color:#333;
margin-bottom:0.5em;
}
#rightpanel h3 {
border:2px #ccc dashed;
padding:0.5em;
margin-top:0.5em;
margin-bottom:0.5em;
font-size:18px;
color:#999;
}
#rightpanel .btn,
#leftpanel .btn {
text-align:center;
}
#rightpanel .ui-btn {
font-size:131%;
}
#leftpanel {
font-size:131%;
}
#leftpanel nav {
padding-bottom:1em;
}
#leftpanel .ui-btn {
font-size:131%;
padding-top:1em;
padding-bottom:1em;
}
#gnavi nav ul li h2 {
font-weight:normal;
display:inline;
}



/*  footer
----------------------------------------------------*/
footer {
padding:30px 3.125% 10px 3.125%;
background-color:#ccc;
text-align:center;
position: relative;
overflow: hidden;
}
footer ul {
float:left;
left:50%;
position:relative;
margin:0 auto 2em auto;
}
footer ul li {
float:left;
left:-50%;
position:relative;
padding-right:1em;
border-right:1px #666 solid;
margin-right:1em;
}
footer ul li:last-child {
float:left;
padding-right:0;
border-right:none;
margin-right:0;
}
#copyrights {
clear:both;
}


/*  .pc-only
----------------------------------------------------*/
.pc-only {
display:none;
}


/*  #sideColumn
----------------------------------------------------*/
#sideColumn {
margin:0 3.125%;
margin-bottom:20px;
}
/*  #sideColumn .ads
----------------------------------------------------*/
#sideColumn .ads {
width:100%;
margin:0 auto 15px auto;
text-align:center;
}
#sideColumn .banner {
width:100%;
margin:0 auto 15px auto;
text-align:center;
}
/*  #sideColumn #twitter
----------------------------------------------------*/
#sideColumn #twitter {
margin:0 auto 15px auto;
text-align:center;
}
#sideColumn #twitter h3 {
text-align:center;
}
#sideColumn #twitter div {
height:200px;
}
#sideColumn #twitter ul {
margin:0 1px 6px 1px;
padding:12px;
}
#sideColumn #twitter ul li {
margin-bottom:6px;
padding:0 12px 6px 12px;
border-bottom:1px #cccccc dashed;
}
/*  #sideColumn #photo
----------------------------------------------------*/
#sideColumn #photo {
height:249px;
background:url(../img/photo_bg.gif) no-repeat center top;
margin:0 auto 15px auto;
text-align:center;
}
#sideColumn #photo h2 {
padding:7px 12px 0 12px;
}
#sideColumn #photo .ph {
padding:0 12px;
text-align:center;
}
#sideColumn #photo .ph a img {
padding:4px;
border:1px #cccccc solid;
background-color:#ffffff;
}
/*  #sideColumn #amazon-search
----------------------------------------------------*/
#sideColumn #amazon-search {
margin-top:12px;
margin-bottom:12px;
font-size:12px;
}
/*  #sideColumn basic
----------------------------------------------------*/
#sideColumn h3 {
padding:0.5em;
font-size:32px;
background-color:#666;
color:#fff;
}
#sideColumn ul {
margin:0 0 2em 0;
}
#sideColumn li {
font-size:28px;
padding:1em 2.5em 1em 0.5em;
border-bottom:2px #ccc dashed;
position: relative;
}
#sideColumn ul li::after {
display: block;
content: '';
position: absolute;
top: 40%;
right: 1em;
width: 18px;
height: 18px;
border-right: 4px solid #666;
border-bottom: 4px solid #666;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#sideColumn li a {
color:#666;
}
/*  #sideColumn .widget
----------------------------------------------------*/
.widget {
margin-bottom:15px;
}



/*  TOP page
----------------------------------------------------*/

#headline {
margin-bottom:12px;
}
#headline h2 {
margin-bottom:12px;
}
#headline ul {
overflow:hidden;
}
#headline ul li {
width:600px;
float:left;
margin-bottom:4px;
height:64px;
}
#headline ul li dl {
overflow:hidden;
}
#headline ul li dl dt {
width:64px;
margin-right:12px;
float:left;
}
#headline ul li dl dd {
margin-right:12px;
}
#headline ul li dl dd h3 {
margin-bottom:0.5em;
font-weight:normal;
line-height:1.1;
}
#headline ul li dl dd p {
line-height:1.1;
}
#sketch {
margin-bottom:12px;
line-height:1.2;
}
#sketch h2 {
margin-bottom:11px;
}
#sketch #illust {
margin-left:-8px;
position:relative; 
}
#sketch #illust ul li {
margin-left:8px;
display:inline;
}
#sketch #illust ul li a:link img {
border:3px #cccccc solid;
}
#sketch #illust ul li a:visited img {
border:3px #cccccc solid;
}
#sketch #illust ul li a:hover img {
border:3px #ffa800 solid;
}
#sketch #illust ul li a:active img {
border:3px #cccccc solid;
}
.column-3 {
_zoom: 1;
overflow: hidden;
margin-bottom:18px;
}
#brand {
width:192px;
float:left;
color:#535353;
line-height:1.2;
background:url(../img/bg_gradation.jpg) repeat-x left bottom;
}
#brand h2 {
margin-bottom:8px;
}
#brand h3 {
}
#brand h3 a:link {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#brand h3 a:visited {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#brand h3 a:hover {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #ffa800 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#brand h3 a:active {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#brand h3 a {
color:#535353;
line-height:1.4;
}
#brand p {
padding:5px;
height:50px;
}
#brand p a {
font-size:10px;
}
#collection {
width:192px;
float:left;
margin-left:12px;
color:#535353;
line-height:1.2;
background:url(../img/bg_gradation.jpg) repeat-x left bottom;
}
#collection h2 {
margin-bottom:8px;
}
#collection h3 {
}
#collection h3 a:link {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#collection h3 a:visited {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#collection h3 a:hover {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #ffa800 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#collection h3 a:active {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#collection p {
padding:5px;
height:50px;
}
#collection p a {
font-size:10px;
}
#news {
width:192px;
float:left;
margin-left:12px;
color:#535353;
line-height:1.2;
background:url(../img/bg_gradation.jpg) repeat-x left bottom;
}
#news h2 {
margin-bottom:8px;
}
#news h3 {
}
#news h3 a:link {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#news h3 a:visited {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#news h3 a:hover {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #ffa800 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#news h3 a:active {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#news p {
padding:5px;
height:50px;
}
#news p a {
font-size:10px;
}
.column-2 {
_zoom: 1;
overflow: hidden;
}
#street-girls {
width:294px;
float:left;
_zoom: 1;
overflow: hidden;
margin-right:12px;
/margin-right:9px;
margin-bottom:21px;
line-height:1.2;
}
#street-girls h2 {
margin-bottom:7px;
}
#street-girls .left {
width:110px;
height:160px;
float:left;
text-align:center;
border:1px #cccccc solid;
background:url(../img/no_girl.gif) no-repeat left top;
}
#street-girls .left img {
margin:4px;
background-color:#ffffff;
}
#street-girls .right {
margin-left:118px;
}
#street-girls h3 {
font-weight:bold;
margin-bottom:12px;
}
#street-girls h3 a:link {
color:#535353;
line-height:1.4;
}
#street-girls h3 a:visited {
color:#535353;
line-height:1.4;
}
#street-girls h3 a:hover {
color:#535353;
line-height:1.4;
text-decoration:underline;
}
#street-girls h3 a:active {
color:#535353;
line-height:1.4;
}
#street-girls p a {
color:#535353;
}
#street-boys {
width:294px;
margin-bottom:21px;
_zoom: 1;
overflow: hidden;
line-height:1.2;
}
#street-boys h2 {
margin-bottom:7px;
}
#street-boys .left {
width:110px;
height:160px;
float:left;
text-align:center;
border:1px #cccccc solid;
background:url(../img/no_boy.gif) no-repeat left top;
}
#street-boys .left img {
margin:4px;
background-color:#ffffff;
}
#street-boys .right {
margin-left:118px;
}
#street-boys h3 {
font-weight:bold;
margin-bottom:12px;
}
#street-boys h3 a:link {
color:#535353;
line-height:1.4;
}
#street-boys h3 a:visited {
color:#535353;
line-height:1.4;
}
#street-boys h3 a:hover {
color:#535353;
line-height:1.4;
text-decoration:underline;
}
#street-boys h3 a:active {
color:#535353;
line-height:1.4;
}
#street-boys p a {
color:#535353;
}
.banner {
margin-bottom:12px;
}
.margin-right12px{
margin-right:12px;
}
#item {
_zoom: 1;
overflow: hidden;
background:url(../img/item_bg.gif) no-repeat #efefef left bottom;
padding-bottom:10px;
margin-bottom:11px;
}
#item #select {
width:125px;
float:left;
margin-left:14px;
display:inline;
}
#item #bag {
width:125px;
float:left;
margin-left:24px;
display:inline;
}
#item #shoes {
width:125px;
float:left;
margin-left:24px;
display:inline;
}
#item #mens {
width:126px;
float:left;
margin-left:24px;
display:inline;
}
#item h3 {
margin:6px 0;
}
#item h4 {
height:4em;
line-height:1.2;
font-size:10px;
font-weight:bold;
margin-bottom:4px;
}
#item h4 a:link {
color:#535353;
line-height:1.4;
}
#item h4 a:visited {
color:#535353;
line-height:1.4;
}
#item h4 a:hover {
color:#535353;
line-height:1.4;
text-decoration:underline;
}
#item h4 a:active {
color:#535353;
line-height:1.4;
}
#word {
width:294px;
height:167px;
float:left;
background:url(../img/word_bg.jpg) no-repeat left top;
margin-bottom:18px;
text-align:center;
}
#word #question {
width:250px;
height:45px;
margin:84px 18px 0 20px;
}
#word #question td {
vertical-align:middle;
text-align:center;
font-weight:bold;
}
#word #question td a:link {
color:#3b7ac8;
line-height:1.2;
}
#word #question td a:visited {
color:#3b7ac8;
line-height:1.2;
}
#word #question td a:hover {
color:#ffa800;
line-height:1.2;
}
#word #question td a:active {
color:#3b7ac8;
line-height:1.2;
}
#word img {
position:relative;
top:10px;
left:79px;
}
#gyokai {
width:294px;
height:167px;
margin-bottom:18px;
margin-left:306px;
/margin-left:303px;
background:url(../img/gyokai_bg.gif) no-repeat left bottom;
}
#gyokai .list {
width:294px;
height:137px;
overflow: auto;
margin:0;
}
#gyokai ul {
padding:4px 10px 8px 10px;
}
#gyokai ul li {
font-size:10px;
line-height:1.4;
list-style-type:square;
margin-left:10px;
}
#gyokai ul li a:link {
color:#535353;
line-height:1.4;
}
#gyokai ul li a:visited {
color:#535353;
line-height:1.4;
}
#gyokai ul li a:hover {
color:#535353;
line-height:1.4;
text-decoration:underline;
}
#gyokai ul li a:active {
color:#535353;
line-height:1.4;
}
#main .center {
text-align:center;
}




/*  other
----------------------------------------------------*/
.mg0b {
margin-bottom:0;
}
a {
color:#3960a8;
text-decoration:none;
}
a:hover {
color:#72b7dd;
text-decoration:underline;
}
div,p,a {
text-shadow:none;
}