/*
Theme Name: Imayoshi_theme
Description: 今吉商店 | デザイン事務所  | 企画制作会社 | 今吉将之（Masanori Imayoshi）のオリジナル作品管理・運営
Theme URI: imayoshi-shoten-new.com
Author: Kouzou Saika | ZOCOZO DESIGN
Author URI: http://zocozo.com
Version: 
License: 
License URI: 
*/

@charset "UTF-8";

/* ------Smart Phone Diaply start ----- */

.tablet{
	display: none !important;
}

.pc{
	display: none !important;
}

.pcTablet{
	display: none !important;
}

/* ------ Smart Phone Diaply end ----- */

#container {
	width: 100%;
	max-width: 480px;
	margin: 0px auto;
	color: #fff;
	background-size: cover;
	background: url(../img/logo/back_logo_sp.png) repeat-y center center;
}

#wrapper{
	width: 95%;
	height: auto;
	margin: 0px auto;
}

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

h1{
	width: 160px;
	height: auto;
	margin: 0px auto 0px; 
	padding-top: 35px;
}

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

/* ----- contents ----- */

#contents{
	width: 95%;
	margin-top: 20px;
}

#contents a{
	color: #6D92C4;
}

#contents h2{
	width: 85%;
	height: auto;
	margin: 0px auto 35px;
	padding: 5% 2% 5% 2%;
	letter-spacing: 0.1em;
	line-height: 2.4em;
	font-size: 108%;
	font-weight: lighter;
	text-align: justify;
	text-justify: inter-ideograph;
	
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}

#contents p{
	width: 100%;
	height: auto;
	letter-spacing: 0.1em;
	line-height: 2em;
	font-size: 100%;
	color: #B3B3B3;
	font-weight: lighter;
	text-align: justify;
	text-justify: inter-ideograph;
}

#contents dl{
	width: 100%;
	height: auto;
	margin: 35px auto;/*保留（相殺利用）*/
}

#contents dl dt{
	width: 100%;
	height: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
	font-size: 108%;
	color: #CCC478;/*light yellow*/
	font-weight: lighter;
	text-align: justify;
	text-justify: inter-ideograph;
}

#contents dl dt span{
	font-weight: lighter;
    font-family: 'Lato', sans-serif;
	font-weight: 300;
}

#contents dl dd ul{
	width: 100%;
	height: auto;
	margin: 20px 0px 0px 0px;
}

#contents ul.prof li{
	width: 100%;
	height: auto;
	margin: 0px;
	padding-bottom: none;
	letter-spacing: 0.1em;
	text-align: left;
	font-size: 100%;
	color: #B3B3B3;
	font-weight: lighter;
	list-style: inside disc;
	border-bottom: none;
}

#contents ul li{
	width: 100%;
	height: auto;
	margin: 10px 0px 20px 0px;
	padding-bottom: 20px;
	letter-spacing: 0.1em;
	line-height: 2em;
	font-size: 100%;
	color: #B3B3B3;
	font-weight: lighter;
	text-align: justify;
	text-justify: inter-ideograph;
	list-style: none;
	border-bottom: 1px solid #333;
}

#contents ul li.imgList{
	list-style: none !important;
}

#contents dl dd ul li.listH{
	width: 100%;
	height: auto;
	margin-bottom: -20px !important;
	letter-spacing: 0.1em;
	font-size: 108%;
	color: #666;
	font-weight: lighter;
	text-align: justify;
	text-justify: inter-ideograph;
	list-style: none !important;
	border: none !important;
}

#contents h3{
	width: 100%;
	height: auto;
	margin: 35px 0px 10px 0px;
	letter-spacing: 0.1em;
	font-size: 108%;
	color: #CCC478;/*light yellow*/
	font-weight: lighter;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* ----- winning ----- */
#winning{
	width: 100%;
	height: auto;
	margin-top: 50px;
	padding-top: 50px;
	border-top: 2px solid #333;
}

#winning h2{
	width: 100%;
	height: auto;
	margin: 0px auto;
	border: none;
}

#winning h3{
	width: 100%;
	height: auto;
	margin: 20px auto 40px;
	text-align: center;
	font-size: 153.9%;
	letter-spacing: 0.1em;
}

#winning h4{
	width: 100%;
	height: auto;
	margin: 20px auto;
	line-height: 2em;
	text-align: center;
	font-size: 100%;
	color: #CCC478;/*light yellow*/
	letter-spacing: 0.1em;
	font-weight: lighter;
}

#winning h5{
	width: 100%;
	height: auto;
	margin: 20px auto;
	line-height: 2em;
	text-align: center;
	font-size: 92%;
	letter-spacing: 0.1em;
	font-weight: lighter;
}

#winning h5 span{
	font-size: 92%;
	letter-spacing: 0.1em;
	font-weight: lighter;
	color: #666;
}

#winning p{
	width: 100%;
	height: auto;
	margin: 0px auto;
	letter-spacing: 0.1em;
	line-height: 2em;
	font-size: 92%;
	color: #B3B3B3;
	font-weight: lighter;
	text-align: justify;
	text-justify: inter-ideograph;
}

#winning h5 img{
	width: 100%;
	height: auto;
	margin: 0px auto
}
#winning h5.btm{
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding-bottom: 60px;
}

/* ----- contents end ----- */

footer{
	width: 100%;
	height: 50px;
	text-align: center; 
}

footer small{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 88%;
	color: #333;
}