@charset "utf-8";
/* 
====================================================================================================
■ common (下層ページ共通設定)
■ .news /news/ （新着情報）
■ .contact /contact/ （お問い合わせ）
■ .class_name /folder_name/ （下層ページ）【★】※ページ毎のbodyに付与したclass名称を利用
■ .class_name /folder_name/ （下層ページ）【★】
■ ※以下は必要に応じ追加
■ 
■ 
----------------------------------------------------------------------------------------------------
※font-sizeに関しては、リセット後、#wrapperに18px相当で指定済み。そこからの相対指定で行うこと。
　（親要素に既に%指定済みの場合、子孫要素は基準が変わるので注意して下さい。）
※【★】のコメントがある箇所は、文字列検索し必ずサイトに応じた設定を見直すこと。
　（その際、不要と思われるコメント及び、【★】の文字列は削除推奨。）
====================================================================================================
■ common (下層ページ共通設定)
---------------------------------------------------------------------------------------------------- */
.tit_style {
	padding:6px 0px 6px 10px;
	border-top:4px solid #9769d5;
	font-weight:bold;
	color:#333;
	font-size:72.3%;
}

.tit_style02 {
	padding:5px 0px 5px 5px;
	background:#ce71a8;
	border-bottom:2px solid #ab7394;
	font-weight:bold;
	color:#fff;
	font-size:72.3%;
}



.tit_style03 {
	padding:5px 0px 5px 5px;
	background:#baeac4;
	font-weight:bold;
	color:#000;
	font-size:72.3%;
}


/* 
====================================================================================================
■ .news /news/ （新着情報）
---------------------------------------------------------------------------------------------------- */
#wrapper img.shd{
	padding:3px;
	margin:0px 0px 0px 0px ;
	box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.8);
}


#pagenation {
	width: 290px;
	margin: 10px auto 15px auto;
	font-size:13px;
}
	#pagenation li:nth-child(1) {
		float: left;
	}
	#pagenation li:nth-child(2) {
		float: right;
	}
		#news #pagenation li a {
			font-weight: bold;
			color: #733f0a;
		}



.news_box{
	margin:0px 0px 20px;
}

.news_box .ntit{
	padding:20px 5px 5px 5px;
	font-size:72.3%;
	font-weight: bold;
	position: relative;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-top:#9769d5 4px solid ;
}

.news_box .ntit .date{
        position: absolute;
        top:3px;
        right:10px;
        font-weight: normal;
        color:#9769d5;
}

.news_box .news_contents{
	padding:10px 5px 15px 5px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


.phot{
	float:left;
	margin:0px 10px 10px 0px;
	position:relative;
}
.icon { position: absolute; right:5px; bottom:5px; }
/* 
====================================================================================================
■ お問い合わせ
---------------------------------------------------------------------------------------------------- */

.contact_box{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
 background:#f0efeb;
 margin:0px 0px 10px ;
 padding:10px;
 }

.purple_box{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
 background:#a575cb;
 margin:10px 0px 0px ;
 padding:10px;
 color:#fff;
 font-weight:bold;
 text-align:center;
 }

.purple_box a{
 color:#fff;
 }

.table_style02 {
    margin: 0px auto 0px;
    border-collapse: separate;
    border:1px solid #c8d5ef;
    font-size:72.3%;
}

.table_style02 th{
    color:#333;
    background:#f0e6f9;
    border-bottom:1px solid #c8d5ef;
    padding:5px 10px 5px 10px;
    vertical-align:top;
    text-align:left;
}

.table_style02 td{
    padding:10px 5px 5px 5px;
    background:#fff;
    border-bottom:1px solid #c8d5ef;
}

.dl_style01 {margin:10px auto 0;
 }

.dl_style01 dt {
	padding:6px 0px 6px 10px;
	border-top:4px solid #9769d5;
	font-weight:bold;
	color:#333;
	font-size:72.3%;
	position: relative;
}

.dl_style01 dd { padding:15px 5px 20px 5px;
                 background:#fff;
                 font-size:72.3%;}

.dl_style01 dd ul li{ margin-bottom:10px;}

.dl_style01 .open {}
.dl_style01 .open:before { position: absolute;content:'▲';right:10px;top:8px; color:#5576bd;font-size:75%;}
.dl_style01 dt,
.dl_style01 .close {}
.dl_style01 .close:before { position: absolute;content:'▼';right:10px;top:8px; color:#5576bd;font-size:75%;}

.dl_style01 dt:first-child { margin-top:0px; }

/* 
====================================================================================================
■ 流れ
---------------------------------------------------------------------------------------------------- */

.flow_box {
	background:url(../flow/images/flow_bg.jpg) repeat-y 0 0;
	background-size:307px;
	margin:10px 0px 30px;
	padding:0px 0px 0px 0px ;
	overflow:hidden;}

.flow_box .flow_end{
	background:url(../flow/images/flow_end.jpg) no-repeat 0 bottom;
	background-size:307px;
	margin:0px 0px 0px;
	padding:0px 0px 0px 0px ;}


/* 
====================================================================================================
■ コンセプト
---------------------------------------------------------------------------------------------------- */

li.ore:before{ content:'●';color:#c96d3c; }
li.kara:before{ content:'●';color:#c4aa1f; }
li.lime:before{ content:'●';color:#90bc7f; }

/* 
====================================================================================================
■ 一歩
---------------------------------------------------------------------------------------------------- */



.dl_style03 {margin:10px auto 0;}
.dl_style03 dt {margin-top:10px;
               padding:8px 30px 8px 25px;
               position:relative; 
               font-weight:bold; 
               background:#f0e6f9 0px 0px no-repeat ;
               background-size:307px;
               border:solid 1px #ccc;
               color:#484848;
               min-height:20px;
               font-size:72.3%;}

.dl_style03 dd { padding:10px 5px 10px 5px;
                 border:solid 1px #ccc;
                 font-size:72.3%;
                 margin-top:5px;
                 background:#fff;}

.dl_style03 .open { background-image:url(../ippo/images/q_.png); background-size:305px;}
.dl_style03 dt,
.dl_style03 .close { background-image:url(../ippo/images/q.png);background-size:305px;}

.dl_style03 dt:first-child { margin-top:0px; }

.shop_info_bnr {position:relative;}

.shop_info_bnr .png_btn {position:absolute;top:21px;left:6px;}
.shop_info_bnr .jpg_btn {position:absolute;top:37px;left:6px;}


.table_style01 {
    margin: 0px auto 0px;
    border-collapse: separate;
    border:1px solid #c8d5ef;
}

.table_style01 th{
    color:#333;
    background:#f0e6f9;
    border-bottom:1px solid #c8d5ef;
    padding:5px 10px 5px 10px;
    vertical-align:top;
    text-align:left;
}

.table_style01 td{
    padding:10px 5px 5px 5px;
    background:#fff;
    border-bottom:1px solid #c8d5ef;
}


/* 
====================================================================================================
■ よくあるご質問
---------------------------------------------------------------------------------------------------- */

.dl_style02 {margin:10px auto 0;
 }

.dl_style02 dt {
	padding:10px 20px 10px 40px;
	background:#f9f4ff url(../faq/images/q_icon.png) no-repeat 4px 5px;
	background-size:28px;
	border:1px solid #dddddd;
	font-weight:bold;
	color:#b16ad0;
	font-size:72.3%;
	position: relative;
	margin-top:20px;
	min-height:20px;
}


.dl_style02 dd { padding:5px 5px 20px 35px;
	background:#faf6ff url(../faq/images/a_icon.png) no-repeat 5px 5px;
	background-size:28px;
        font-size:72.3%;
        border:1px solid #dddddd;}


.dl_style02 .open {}
.dl_style02 .open:before { position: absolute;content:'▲';right:10px;top:13px; color:#b16ad0;font-size:85%;}
.dl_style02 dt,
.dl_style02 .close {}
.dl_style02 .close:before { position: absolute;content:'▼';right:10px;top:13px; color:#b16ad0;font-size:85%;}

.dl_style02 dt:first-child { margin-top:0px; }


/* 
====================================================================================================
■ .class_name /folder_name/ （下層ページ）【★】
---------------------------------------------------------------------------------------------------- */
.blankpage section .photo {
	width:40%;
}
.blankpage section .photo img {
	width:100%;
}



#new_select {
    margin: 10px;
    font-size:72.3%;
}