@charset "UTF-8";
/* SP用CSS記述（767px以下） */

/****** 共通設定 ******/
.pc {
	display:none; /* SP非表示 PC表示 */
}
.sp {
	display:inline-block; /* SP表示 PC非表示 */
}


/****** body ******/
body {
	clear:both;
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#000;
	font-family:"游ゴシック", "游ゴシック体", YuGothic, Yu Gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:500;
	font-size:100%;
	line-height:1.5;
	-webkit-text-size-adjust:100%; /* iPhone版Safariの文字サイズ対応 */
}
/****** link ******/
a {
	background:none;
	text-decoration:none;
}
a:link, a:visited, a:active {
	color:#000;
}
a:hover {
	color:#39F;
}
/****** etc ******/
.red {
	color:#F00;
}
.blue {
	color:#39F;
}
.pink {
	color:#c27781;
}
.small {
	font-size:80%;
}
.large {
	font-size:120%;
}
hr {
	border:0;
	border-top:1px solid #666;
	margin:30px 0;
	overflow:hidden;
}
hr.dot {
	border:0;
	border-top:1px dotted #666;
	margin:30px 0;
	overflow:hidden;
}
.bottom10 {
	margin-bottom:10px;
	overflow:hidden;
}
.bottom20 {
	margin-bottom:20px;
	overflow:hidden;
}
.bottom30 {
	margin-bottom:30px;
	overflow:hidden;
}
.bottom40 {
	margin-bottom:40px;
	overflow:hidden;
}
.bottom50 {
	margin-bottom:50px;
	overflow:hidden;
}
/****** #wrap ******/
#wrap {
	clear:both;
	width:100%;
	margin:0 auto;
	overflow:hidden; /* iPhoneでの右側余白解除 */
	background:url(../img/ribbon_bk.png) top repeat-x;
	background-size:auto 40px;
}
#wrap a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
/****** header ******/
header {
	clear:both;
	background:url(../img/ribbon.png) top left no-repeat;
	background-size:auto 40px;
	margin:0 5% 10px;
	overflow:hidden;
}
header h1 {
	margin:40px 0 5px;
	overflow:hidden;
}
header h1 img {
	max-width:90%;
}
/*header ul {
	float:right;
}
header ul li {
	display:inline-block;
 *display:inline;
 *zoom:1;
}
header ul li img {
	max-width:80%;
}*/

header ul {
	clear:both;
	text-align:right;
}
header ul li {
	display:inline-block; /* 横並びリストを中央寄せ */
 *display:inline;
 *zoom:1;
	padding-left:5px;
}
header ul li i {
 	color:#000;
 	font-size:140%;
}
header ul li a:hover i {
	color:#999;
}

/****** nav ******/
nav {
/* responsive-menu-accordion */
}
/****** #content ******/
#content {
	clear:both;
	border-top:3px double #000;
	border-bottom:3px double #000;
	overflow:hidden;
}
/****** #sp_main ******/
#sp_main {
	clear:both;
	overflow:hidden;
	display:block; /* SP表示 TB非表示 PC非表示 */
}
#sp_main ul {
}
#sp_main ul li {
	float:left;
	max-width:49.8%;
}
#sp_main ul li img {
	max-width:100%;
}
#sp_main div img {
	max-width:100%;
}
.sp_main_line {
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
.sp_main_line2 {
	border-bottom:1px solid #FFF;
}
/****** #pc_main ******/
#pc_main {
	display:none; /* SP非表示 TB表示 PC表示 */
}
/****** footer ******/
footer {
	clear:both;
	background-color:#000;
	color:#FFF;
	overflow:hidden;
}
footer a {
	background:none;
	text-decoration:none;
}
footer a:link, footer a:visited, footer a:active {
	color:#FFF;
}
footer a:hover {
	color:#39F;
}
.footer_wrap {
	margin:10px 5% 20px;
	overflow:hidden;
}
.footer_txt {
	margin:15px 0 10px;
	overflow:hidden;
}
.footer_txt h6 {
	font-size:90%;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:5px;
	overflow:hidden;
}
.footer_txt p {
	font-size:90%;
	line-height:1.3;
	margin-bottom:10px;
	overflow:hidden;
}
.footer_txt p span {
	display:block;
}
.footer_copy {
	margin:15px 0 10px;
	overflow:hidden;
}
.footer_copy p {
	margin-bottom:10px;
	overflow:hidden;
}
.footer_copy img {
	max-width:100%;
}
.copyright {
	clear:both;
	font-size:80%;
}
/****** #pagetop ******/
#pagetop {
	clear:both;
	margin:0 5% 10px;
	overflow:hidden;
}
#pagetop a {
	display:block;
}
/****** #win_title タイトル ******/
#win_title {
	clear:both;
	margin:20px 5%;
	overflow:hidden;
}
#win_title h2 {
	font-family:"游明朝", "游明朝体", YuMincho, Yu Mincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:180%;
	font-weight:bold;
	letter-spacing:2px;
}
#win_title p {
	text-align:left;
	font-size:80%;
	line-height:1.3;
	margin-top:5px;
	overflow:hidden;
}
/****** #win_gallery ギャラリー ******/
#win_gallery {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#win_gallery a {
	background:none;
	text-decoration:none;
}
#win_gallery a:link, #win_gallery a:visited, #win_gallery a:active {
	color:#666;
}
#win_gallery a:hover {
	color:#39F;
}
#win_gallery h3 {
	font-size:130%;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:30px;
	overflow:hidden;
}
.point {
	color:#32a53f;
}
#win_gallery h3 img {
	max-width:100%;
}
#win_gallery ul {
	clear:both;
	max-width:500px;
	margin:0 auto;
	margin-bottom:50px;
	overflow:hidden;
}
#win_gallery ul li {
	font-size:75%;
	margin-bottom:20px;
	overflow:hidden;
}
#win_gallery ul li img {
	max-width:100%;
	margin-bottom:2px;
	overflow:hidden;
}
/****** #gallery_furisode ギャラリー 成人式詳細の目次 ******/
#gallery_furisode {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#gallery_furisode ul {
	clear:both;
	max-width:500px;
	margin:0 auto;
	margin-bottom:50px;
	overflow:hidden;
}
#gallery_furisode ul li {
	float:left;
	width:50%;
}
#gallery_furisode ul li img {
	max-width:100%;
}
/****** #gallery_hakama ギャラリー 卒業式詳細の目次 ******/
#gallery_hakama {
	clear:both;
	margin:0 5% 50px;
	overflow:hidden;
}
#gallery_hakama ul {
}
#gallery_hakama ul li {
}
#gallery_hakama ul li img {
	max-width:100%;
}
.gallery_list1 { /* #gallery_hakama ul */
	clear:both;
	max-width:500px;
	margin:0 auto 25px;
	overflow:hidden;
}
.gallery_list1 li {
	float:left;
	width:50%;
}
.gallery_list2 { /* #gallery_hakama ul */
	clear:both;
	max-width:500px;
	margin:0 auto;
}
.gallery_list2 li {
	float:left;
	width:49.5%;
	padding-right:1%;
	margin-bottom:1%;
	overflow:hidden;
}
.gallery_list2 li:nth-child(2n) {
	padding-right:0;
}
/****** #win_furisode 成人式 ******/
#win_furisode {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#win_furisode img {
	max-width:100%;
}
#win_furisode h3 {
	clear:both;
	border-bottom:3px double #000;
	border-left:1px solid #000;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	padding:0 15px 5px;
	margin-bottom:20px;
	overflow:hidden;
}
#win_furisode p {
	text-align:left;
	font-size:90%;
}
.indent {
	padding-left:1.3em;
	text-indent:-1.3em;
}
#win_furisode ul {
	clear:both;
	max-width:500px;
	margin:0 auto;
	margin-bottom:50px;
	overflow:hidden;
}
#win_furisode ul li {
	float:left;
	width:50%;
}
/****** #win_hakama 卒業式 ******/
#win_hakama {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#win_hakama img {
	max-width:100%;
}
#win_hakama h3 {
	clear:both;
	border-bottom:3px double #000;
	border-left:1px solid #000;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	padding:0 15px 5px;
	margin-bottom:20px;
	overflow:hidden;
}
#win_hakama p {
	text-align:left;
	font-size:90%;
}
#win_hakama ul {
}
#win_hakama ul li {
}
.hakama_list1 { /* #win_hakama ul */
	clear:both;
	max-width:500px;
	margin:0 auto;
	margin-bottom:50px;
	overflow:hidden;
}
.hakama_list1 li {
	float:left;
	width:50%;
}
.hakama_list2 { /* #win_hakama ul */
	clear:both;
	max-width:500px;
	margin:0 auto;
	margin-bottom:50px;
	overflow: hidden;
}
.hakama_list2 li {
	width:80%;
	margin:0 auto;
	margin-bottom:5px;
	overflow:hidden;
}
/****** #win_753 七五三 ******/
#win_753 {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#win_753 img {
	max-width:100%;
}
#win_753 h3 {
	clear:both;
	font-size:130%;
	font-weight:bold;
	margin-bottom:10px;
	overflow:hidden;
}
#win_753 h4 {
	clear:both;
	border-bottom:3px double #000;
	border-left:1px solid #000;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	padding:0 15px 5px;
	margin-bottom:20px;
	overflow:hidden;
}
#win_753 p {
	text-align:left;
	font-size:90%;
}
#win_753 ul {
}
#win_753 ul li {
}
.w753_list1 { /* #win_753 ul */
	clear:both;
	max-width:500px;
	margin:0 auto;
	margin-bottom:50px;
	overflow:hidden;
}
.w753_list1 li {
}
.w753_list2 { /* #win_753 ul */
	clear:both;
	max-width:500px;
	margin:0 auto;
	margin-bottom:30px;
	overflow:hidden;
}
.w753_list2 li {
}
.table_753 {
	border-collapse:collapse;
	border-spacing:0;
}
.table_753 th, .table_753 td {
	width:100%;
	display:block;
}
.table_753 th {
	vertical-align:middle;
	background-color:#F8F8F8;
	border-top:1px solid #333;
	border-bottom:1px dotted #333;
	text-align:left;
	line-height:1.3;
	font-weight:bold;
	padding:8px 10px;
}
.table_753 td {
	vertical-align:middle;
	text-align:left;
	line-height:1.3;
	padding:8px 10px;
}
/****** #win_tomesode 留袖・モーニング ******/
#win_tomesode {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#win_tomesode img {
	max-width:100%;
}
#win_tomesode h3 {
	clear:both;
	border-bottom:3px double #000;
	border-left:1px solid #000;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	padding:0 15px 5px;
	margin-bottom:20px;
	overflow:hidden;
}
#win_tomesode h4 {
	border-left:5px solid #000;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	line-height:1.2;
	padding:0 15px;
	margin-bottom:10px;
	overflow:hidden;
}
#win_tomesode h5 {
	clear:both;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	margin-bottom:10px;
	overflow:hidden;
}
#win_tomesode p {
	text-align:left;
	font-size:90%;
}
#win_tomesode ul {
	clear:both;
	max-width:500px;
	margin:0 auto;
	margin-bottom:50px;
	overflow:hidden;
}
#win_tomesode ul li {
	float:left;
	width:50%;
}
.float_tomesode img {
	margin-bottom:30px;
	overflow:hidden;
}
/****** #win_bridal ブライダル ******/
#win_bridal {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#win_bridal img {
	max-width:100%;
}
#win_bridal h3 {
	clear:both;
	text-align:left;
	color:#39F;
	font-size:130%;
	font-weight:bold;
	margin-bottom:5px;
	overflow:hidden;
}
#win_bridal h4 {
	clear:both;
	border-bottom:3px double #000;
	border-left:1px solid #000;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	padding:0 15px 5px;
	margin-bottom:20px;
	overflow:hidden;
}
#win_bridal h5 {
	border-left:5px solid #000;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	line-height:1.2;
	padding:0 15px;
	margin-bottom:10px;
	overflow:hidden;
}
#win_bridal p {
	text-align:left;
	font-size:90%;
}
.float_bridal img {
	margin-bottom:30px;
	overflow:hidden;
}
/****** #win_etc その他 ******/
#win_etc {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#win_etc img {
	max-width:100%;
}
#win_etc h3 {
	clear:both;
	border-bottom:3px double #000;
	border-left:1px solid #000;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	padding:0 15px 5px;
	margin-bottom:20px;
	overflow:hidden;
}
#win_etc h4 {
	border-left:5px solid #000;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	line-height:1.2;
	padding:0 15px;
	margin-bottom:10px;
	overflow:hidden;
}
#win_etc p {
	text-align:left;
	font-size:90%;
}
.etc_list1 { /* #win_etc ul */
	clear:both;
	max-width:500px;
	margin:0 auto;
	margin-bottom:50px;
	overflow:hidden;
}
.etc_list1 li {
}
.etc_list2 { /* #win_etc ul */
	clear:both;
	max-width:500px;
	margin:0 auto;
	margin-bottom:50px;
	overflow:hidden;
}
.etc_list2 li {
	float:left;
	width:50%;
}
.float_etc1 img {
	margin-bottom:30px;
	overflow:hidden;
}
.float_etc2 ul {
	margin-bottom:30px;
	overflow:hidden;
}
/****** #win_flow レンタルの流れ ******/
#win_flow {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#win_flow img {
	max-width:100%;
}
#win_flow h3 {
	margin-bottom:15px;
	overflow:hidden;
}
#win_flow h4 {
	text-align:left;
	color:#c27781;
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
	overflow:hidden;
}
#win_flow p {
	text-align:left;
}
.frame {
	border:1px solid #999;
	padding:30px;
	overflow:hidden;
}
/****** #win_salon Win美容室 ******/
#win_salon {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#win_salon img {
	max-width:100%;
}
#win_salon h3 {
	clear:both;
	border-bottom:3px double #000;
	border-left:1px solid #000;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	padding:0 15px 5px;
	margin-bottom:20px;
	overflow:hidden;
}
#win_salon h4 {
	clear:both;
	border-left:5px solid #000;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	line-height:1.2;
	padding:0 15px;
	margin-bottom:10px;
	overflow:hidden;
}
#win_salon p {
	text-align:left;
	font-size:90%;
}
.salon_tel {
	font-size:150%;
	margin-bottom:10px;
	overflow:hidden;
}
.salon_tel a {
	font-size:130%;
}
.table_salon {
	border-collapse:collapse;
	border-spacing:0;
}
.table_salon th, .table_salon td {
	width:100%;
	display:block;
}
.table_salon th {
	vertical-align:middle;
	background-color:#F8F8F8;
	border-top:1px solid #333;
	border-bottom:1px dotted #333;
	text-align:left;
	line-height:1.3;
	font-weight:bold;
	padding:8px 10px;
}
.table_salon td {
	vertical-align:middle;
	text-align:left;
	line-height:1.3;
	padding:8px 10px;
}
.table_salon2 {
	border-collapse:collapse;
	border-spacing:0;
}
.table_salon2 th, .table_salon2 td {
	width:100%;
	display:block;
}
.table_salon2 th {
	vertical-align:middle;
	background-color:#F8F8F8;
	border-top:1px solid #333;
	border-bottom:1px dotted #333;
	text-align:left;
	line-height:1.3;
	font-weight:bold;
	padding:8px 10px;
}
.table_salon2 td {
	vertical-align:middle;
	background-color:#F8F8F8;
	border-bottom:1px solid #FFF;
	text-align:left;
	line-height:1.3;
	padding:8px 10px;
}
/****** #win_studio Winスタジオ ******/
#win_studio {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#win_studio img {
	max-width:100%;
}
#win_studio h3 {
	clear:both;
	border-bottom:3px double #000;
	border-left:1px solid #000;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	padding:0 15px 5px;
	margin-bottom:20px;
	overflow:hidden;
}
#win_studio h4 {
	clear:both;
	border-left:5px solid #000;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	line-height:1.2;
	padding:0 15px;
	margin-bottom:10px;
	overflow:hidden;
}
#win_studio p {
	text-align:left;
	font-size:90%;
}
.studio_tel {
	font-size:150%;
	margin-bottom:50px;
	overflow:hidden;
}
.studio_tel a {
	font-size:130%;
}
#win_studio ul {
}
#win_studio ul li {
	border:1px solid #FFF;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	white-space:nowrap;
}
#win_studio ul li a {
	background:none;
	text-decoration:none;
}
#win_studio ul li a:link, #win_studio ul li a:visited, #win_studio ul li a:active {
	display:block;
	position:relative;
	background-color:#666;
	color:#FFF;
	padding:10px 12px;
}
#win_studio ul li a:hover {
	color:#3CF;
}
#win_studio ul li a:after {
	display:block;
	content:"";
	position:absolute;
	top:50%;
	right:15px;
	width:6px;
	height:6px;
	margin:-4px 0 0 0;
	border-top:solid 2px #FFF;
	border-right:solid 2px #FFF;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.scroll {
	overflow:auto; /*tableをスクロールさせる*/
	white-space:nowrap; /*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar { /*tableにスクロールバーを追加*/
 height:5px;
}
.scroll::-webkit-scrollbar-track { /*tableにスクロールバーを追加*/
 background:#F1F1F1;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
 background:#BCBCBC;
}
.table_studio {
	border-collapse:collapse;
	border-spacing:0;
}
.table_studio th, .table_studio td {
}
.table_studio th {
	vertical-align:middle;
	background-color:#F8F8F8;
	border:1px solid #333;
	line-height:1.3;
	font-weight:bold;
	padding:8px 10px;
}
.table_studio td {
	vertical-align:middle;
	border:1px solid #333;
	line-height:1.3;
	padding:8px 10px;
}
/****** #win_company 会社概要 ******/
#win_company {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#win_company img {
	max-width:100%;
}
#win_company h3 {
	clear:both;
	border-bottom:3px double #000;
	border-left:1px solid #000;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	padding:0 12px 5px;
	margin-bottom:15px;
	overflow:hidden;
}
#win_company h4 {
	clear:both;
	background-color:#333;
	color:#FFF;
	font-size:110%;
	font-weight:bold;
	padding:5px 0;
	margin-bottom:2px;
	overflow:hidden;
}
.table_company {
	border-collapse:collapse;
	border-spacing:0;
}

.payment{
    text-align: left;
    margin-bottom: 50px;
    text-indent: 1em;
}
.payment span{
    font-weight: bold;
}

.table_company th, .table_company td {
	width:100%;
	display:block;
}
.table_company th {
	vertical-align:middle;
	background-color:#F8F8F8;
	border-top:1px solid #333;
	border-bottom:1px dotted #333;
	text-align:left;
	line-height:1.3;
	font-weight:bold;
	padding:10px 15px;
}
.table_company td {
	vertical-align:middle;
	text-align:left;
	line-height:1.3;
	padding:10px 15px;
}
.map {
	display:inline-block;
	font-size:80%;
	border:1px solid #000;
}
.map a {
	display:inline-block;
	color:#000;
	padding:10px 20px;
}
.map a:hover {
	padding:10px 20px;
	color:#FFF;
	background-color:#000;
}
/****** #win_coordinate STAFF'S COORDINATION ******/
#win_coordinate {
	clear:both;
	margin:0 5%;
	overflow:hidden;
}
#win_coordinate img {
	max-width:100%;
}
#win_coordinate h3 {
	clear:both;
	border-bottom:3px double #000;
	border-left:1px solid #000;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	padding:0 15px 5px;
	margin-bottom:20px;
	overflow:hidden;
}
#win_coordinate h4 {
	clear:both;
	border-bottom:3px double #000;
	border-left:1px solid #000;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	padding:0 15px 5px;
	margin-bottom:20px;
	overflow:hidden;
}
#win_coordinate p {
	text-align:left;
	font-size:90%;
}
#win_coordinate ul {
}
#win_coordinate ul li {
}
.coordinate_list { /* #win_coordinate ul */
	clear:both;
	max-width:500px;
	margin:0 auto;
	margin-bottom:50px;
	overflow:hidden;
}
.coordinate_list li {
}
