@charset "utf-8";
body {
	color: #333;
	-webkit-font-smoothing: antialiased;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

@media screen and (min-width: 0px) and (max-width: 480px) {
#wrap {
	width: 95%;
	margin: 0 auto;
}
#box_article02 {
    margin: 0 auto;
    padding: 10px;
}
h2 {
	font-size: 18px;
	margin-top: 15px;
	font-weight: normal;
}
#box_article01 {
	margin-top: 10px;
}
#about-yumeyakata h3 {
	font-size: 23px;
	margin: 0 auto;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	text-align: center;
	color: #808080;
}
#obj_copyright_box {
	padding: 20px;
}
/*ヘッダーナビ*/
.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}
#nav-phone {
	background-color: black;
	height: 53px;
}
.logo-phone {
	width: 200px;
	margin: 0.3em auto 0 auto;
}
/*ボタン*/
button {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 auto 5px auto;
	padding: 1em 0;
	border: none;
	box-sizing: border-box;
	width: 100%;
	display: inline-block;
	font-size: 11px;
	position: relative;
	cursor: pointer;
}
button::before,  button::after {
	box-sizing: border-box;
}
.buttonB {
	border: 3px solid rgb(0,0,0);
	background-color: rgba(0,0,0,.0);
	color: rgba(0,0,0,1);
}
.buttonB:hover {
	border: 3px solid rgb(0,0,0);
	background-color: rgba(0,0,0,1);
	color: #fff;
	transition: .6s all;
}
/*新着情報*/
.c-tab__content {
	font-size: 12px;
}
.c-tab__content span {
	color: #dc446e;
	font-weight: bold;
}
.c-tab__content a {
	color: #dc446e;
}
/*着物から選ぶ*/
#box_original01 h3, .box01 h3 {
	border-bottom: double 4px #dbdbdb !important;
	margin: 0 0 10px 0;
}
#box_original01 {
	width: 100%;
	margin: 2em auto;
}
.kimono-cata {
	font-size: 13px;
	margin-top: 1em;
	color: #f275b6;
}
.kimono-cata-2 {
	padding: 5px 5px 5px 10px;
	color: #3c3c3c;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	margin: 2em -0.1em 0 5em;
	background: url("../../img/toggle_right.png") right center no-repeat;
}
/*トグルになるメニューの初期のデザイン*/
dl dt {
	background: url("../../img/toggle_plus.png") right center no-repeat;
}
/*トグルになるメニューがアクティブ時のデザイン*/
dl dt.active {
	background: url("../../img/toggle_close.png") right center no-repeat;
}
/*表示切り替えしたい要素は最初は非表示にしておく*/
dl dd {
	display: none;
}
.toggle_title {
	padding: 5px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	color: #3c3c3c;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}
.toggle_title p {
	color: #898989;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 0 0 10px;
}
.linkArea {
	position: relative;
	width: 100%;
	height: 100%;
}
.linkArea a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.toggle_title img {
	float: left;
}
.toggle_title div {
	margin: 40px 0 0 72px;
}
/*シーンから選ぶ*/
.scene-img hr {
	display: none;
}
#select-scene {
	margin-bottom: 1em;
}
#select-scene .scene-img {
	padding: 15px;
	float: left;
	width: 50%;
}
.scene-img .title {
	text-align: center;
	font-size: 12px;
	color: #5b5b5b;
	padding: 0.5px;
	margin-bottom: 5px;
	font-weight: bold;
}
.takurai-icon {
	width: 45%;
	font-size: 11px;
	margin-top: 5px;
}
.takurai-icon .taku {
	float: left;
	width: 45%;
	text-align: center;
	background-color: coral;
	color: white;
}
.takurai-icon .rai {
	float: right;
	width: 45%;
	text-align: center;
	background-color: deepskyblue;
	color: white;
}
/*写真集*/
.photo-gallery {
	padding: 10px;
	float: left;
	margin: 0 0 10px 0;
	width: 50%;
	height: 240px;
}
.photo-gallery .title {
	font-size: 11px;
	color: #5b5b5b;
	border-bottom: 1px #cccccc dotted;
}
.photo-gallery .title2 {
	font-size: 10px;
	color: #5b5b5b;
}
.photo-gallery li {
	float: left;
	margin-right: 5px;
}
.photo-gallery li a {
	text-decoration: underline;
	color: #5b5b5b;
}
.photo-gallery li a:visited {
	color: #5b5b5b;
}
/*メニューの中身*/
#links {
	width: 90%;
}
.f_l {
	width: 100%;
	border-bottom: 1px solid #dbdbdb;
	padding: 5px;
}
.menu-img {
	float: left;
}
.text {
	font-size: 11px;
	margin-top: 3px;
	line-height: 14px;
}
/*SNS*/
.sns-links h4 {
	font-weight: bold;
	padding-top: 4em;
}
.sns-logo {
	float: left;
	margin-right: 10px;
}
.sns-links li {
	float: left;
	width: 45%;
	font-size: 11px;
	padding: 5px;
}
.sns-links li a {
	text-decoration: none;
	color: black;
}
/*topics*/
.topics {
	margin: 1em auto;
}
.topics li {
	width: 100%;
	padding: 5px;
	line-height: 0;
}
.topics li img {
	width: 100%;
}
.topics p {
	font-size: 10px;
	line-height: 14px;
}
#page-top {
	font-family: FontAwesome;
	font-size: 24px;
	text-align: center;
	position: fixed;
	bottom: 24px;
	right: 8px;
	z-index: 90;
	display: block;
	background-color: #888888;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	padding: 0;
	color: #000000 !important;
	opacity: 0.7;
}
/*------------------
legal.html調整
-------------------*/
h3 {
	font-size: 5vw;
	margin-bottom: 10px;
}
table tr td {
	font-size: 3.75vw;
	padding: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
}

@media screen and (min-width:481px) and (max-width: 950px) {
#wrap {
	width: 95%;
	margin: 0 auto;
}
div#box_article02 {
    margin: 0 auto;
    width: 98%;
    padding: 10px;
}
h2 {
	font-size: 18px;
	padding-top: 10px;
	font-weight: normal;
}
#box_article01 {
	margin-top: 15px;
}
#obj_about_site {
	color: #808080;
	margin-top: 10px;
}
#about-yumeyakata {
	width: 100%;
	margin: 0 auto 3em auto;
	font-size: 13px;
	padding: 5px;
	text-align: center;
	color: #808080;
}
#about-yumeyakata h3 {
	font-size: 23px;
	margin: 0 auto 10px auto;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
}
#rogo {
	float: left;
}
.box01 {
}
/*ヘッダーナビ*/
.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}
#nav-phone {
	background-color: black;
	height: 53px;
}
.logo-phone {
	width: 250px;
	margin: 0 auto;
}
/*ボタン*/
button {
	margin: 0 auto 5px auto;
	padding: 1em 0;
	border: none;
	box-sizing: border-box;
	width: 100%;
	display: inline-block;
	font-size: 11px;
	position: relative;
	cursor: pointer;
	height: 50px;
}
button::before,  button::after {
	box-sizing: border-box;
}
.buttonB {
	border: 3px solid rgb(0,0,0);
	background-color: rgba(0,0,0,.0);
	color: rgba(0,0,0,1);
}
.buttonB:hover {
	border: 3px solid rgb(0,0,0);
	background-color: rgba(0,0,0,1);
	color: #fff;
	transition: .6s all;
}
/*新着情報*/
.o-container {
	margin-bottom: 3em;
}
.c-tab__content {
	font-size: 12px;
}
.c-tab__content span {
	color: #dc446e;
	font-weight: bold;
}
.c-tab__content a {
	color: #dc446e;
}
/*着物から選ぶ*/
h3 {
	border-bottom: solid 1px #dbdbdb;
	margin: 0 0 10px 0;
}
#select-kimono .kimono-img {
	width: 24%;
	display: inline-block;
	vertical-align: top;
	padding: 25px;
}
.kimono-img .title {
	text-align: center;
	font-size: 14px;
	color: #5b5b5b;
	padding: 0.5px;
	margin-bottom: 5px;
}
.kimono-img .title2 {
	font-size: 11px;
	color: #5b5b5b;
	padding: 0.5px;
	width: 95%;
	margin: 0 auto;
}
.scene-img hr, .kimono-img hr {
	border: none;
	width: 20px;
	margin: 0 auto 8px auto;
	border-top: 3px solid black;
}
.takurai-icon {
	width: 95%;
	margin: 0 auto;
	font-size: 11px;
}
.takurai-icon .taku {
	float: left;
	width: 45%;
	text-align: center;
	background-color: coral;
	color: white;
}
.takurai-icon .rai {
	float: right;
	width: 45%;
	text-align: center;
	background-color: deepskyblue;
	color: white;
}
/*シーンから選ぶ*/
#select-scene {
	margin-bottom: 5em;
}
#select-scene .scene-img {
	width: 19%;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}
.scene-img .title {
	text-align: center;
	font-size: 10px;
	color: #5b5b5b;
	padding: 0.5px;
	margin-bottom: 5px;
}
/*写真集*/
.photo-gallery {
	padding: 8px;
	float: left;
	margin: 0 0 10px 0;
	width: 20%;
	height: 250px;
}
.photo-gallery .title {
	font-size: 12px;
	color: #5b5b5b;
	border-bottom: 1px #cccccc dotted;
}
.photo-gallery .title2 {
	font-size: 10px;
	color: #5b5b5b;
}
.photo-gallery li {
	float: left;
	margin-right: 5px;
}
.photo-gallery li a {
	text-decoration: underline;
	color: #5b5b5b;
}
.photo-gallery li a:visited {
	color: #5b5b5b;
}
/*メニューの中身*/
#links {
	width: 90%;
}
.f_l {
	width: 100%;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #dbdbdb;
	padding: 5px;
}
.menu-img {
	float: left;
}
.text {
	font-size: 11px;
	margin-top: 3px;
	line-height: 14px;
}
.linkArea {
	position: relative;
	width: 100%;
	height: 100%;
}
.linkArea a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*SNS*/
.sns-links h4 {
	font-weight: bold;
	padding-top: 4em;
}
.sns-logo {
	float: left;
	margin-right: 10px;
}
.sns-links li {
	float: left;
	width: 30%;
	font-size: 12px;
	padding: 5px;
}
.sns-links li a {
	text-decoration: none;
	color: black;
}
/*topics*/
.topics {
	width: 90%;
	margin: 0 auto 40px auto;
}
.topics li {
	float: left;
	padding: 5px;
	width: 50%;
}
.topics li img {
	width: 100%;
}
.topics p {
	font-size: 11px;
	line-height: 12px;
}
#page-top {
	font-family: FontAwesome;
	font-size: 30px;
	text-align: center;
	position: fixed;
	bottom: 24px;
	right: 3px;
	z-index: 90;
	display: block;
	background-color: #888888;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	padding: 5px 0 0 0px;
	color: #000000 !important;
	opacity: 0.7;
}
/*------------------
legal.html調整
-------------------*/
h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
}
table tr td {
	font-size: 1em;
	padding: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
}

@media screen and (min-width:951px), print, tv {
#wrap {
	width: 70%;
	margin: 0 auto;
}
#box_article02 {
    width: 1080px;
    /* float: right; */
    margin: 0 auto;
    padding: 10px;
}
/*header*/
header {
	height: 133px;
}
.main_logo {
	z-index: 100;
	margin-left: 280px;
	margin-top: -12px;
	position: absolute;
}
h1 {
	font-size: 18px;
	margin-top: 10px;
	padding-top: 10px;
	color: #fff;
}
.obj_about_site {
	color: #c8c2be;
	font-size: 11px;
	margin-top: 14px;
	margin-left: 5px;
}
.obj_shop_data_box a:link, .obj_shop_data_box a:visited {
	color: #fff;
}
.cd-main-nav li {
	padding: 0;
}
.cd-main-nav li ul {
	padding: 0;
}
.cd-main-nav {
	top: 90px;
}
#about-yumeyakata {
	width: 100%;
	margin: 0 auto 3em auto;
	font-size: 13px;
	padding: 5px;
	text-align: center;
	color: #808080;
}
#about-yumeyakata h3 {
	font-size: 23px;
	margin: 0 auto 10px auto;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
}
#rogo {
	float: left;
}
.cd-main-content {
	padding-top: 0px;
}
/*headerここまで*/
	
#box_article01 {
	width: 100%;
	margin-top: 150px;
}
/*bxslider topslider*/
	
#obj_top_slider_box {
	margin-top: 100px;
}
/*bxslider topsliderここまで*/
	
.box01 {
	margin-bottom: 50px;
}
/*ボタン*/
button {
	margin: 0 auto 5px auto;
	padding: 1em 0;
	border: none;
	box-sizing: border-box;
	width: 100%;
	display: inline-block;
	font-size: 11px;
	position: relative;
	cursor: pointer;
}
button::before,  button::after {
	box-sizing: border-box;
}
.buttonB {
	border: 3px solid rgb(0,0,0);
	background-color: rgba(0,0,0,.0);
	color: rgba(0,0,0,1);
}
.buttonB:hover {
	border: 3px solid rgb(0,0,0);
	background-color: rgba(0,0,0,1);
	color: #fff;
	transition: .6s all;
}
/*新着情報*/
.o-container {
	margin-bottom: 3em;
}
.c-tab__content {
	font-size: 12px;
}
.c-tab__content span {
	color: #dc446e;
	font-weight: bold;
}
.c-tab__content a {
	color: #dc446e;
}
.c-tab__content a:hover {
	text-decoration: underline;
}
/*着物から選ぶ*/
h3 {
	border-bottom: solid 1px #dbdbdb;
	margin: 0 0 10px 0;
}
#select-kimono .kimono-img {
	width: 19%;
	display: inline-block;
	vertical-align: top;
	padding: 25px;
}
.kimono-img .title {
	text-align: center;
	font-size: 14px;
	color: #5b5b5b;
	padding: 0.5px;
	margin-bottom: 5px;
}
.kimono-img .title2 {
	font-size: 11px;
	color: #5b5b5b;
	padding: 0.5px;
	width: 95%;
	margin: 0 auto;
}
.scene-img hr, .kimono-img hr {
	border: none;
	width: 20px;
	margin: 0 auto 8px auto;
	border-top: 3px solid black;
}
.takurai-icon {
	width: 70%;
	margin: 0 auto;
	font-size: 11px;
}
.takurai-icon .taku {
	float: left;
	width: 45%;
	text-align: center;
	background-color: coral;
	color: white;
}
.takurai-icon .rai {
	float: right;
	width: 45%;
	text-align: center;
	background-color: deepskyblue;
	color: white;
}
/*シーンから選ぶ*/
#select-scene {
	margin-bottom: 5em;
}
#select-scene .scene-img {
	width: 16%;
	display: inline-block;
	vertical-align: top;
	padding: 25px;
}
.scene-img .title {
	text-align: center;
	font-size: 12px;
	color: #5b5b5b;
	padding: 0.5px;
	margin-bottom: 5px;
}
/*写真集*/
.photo-gallery {
	padding: 10px;
	float: left;
	margin: 0 0 10px 0;
	width: 14%;
	height: 250px;
}
.photo-gallery .title {
	font-size: 13px;
	color: #5b5b5b;
	border-bottom: 1px #cccccc dotted;
}
.photo-gallery .title2 {
	font-size: 11px;
	color: #5b5b5b;
}
.photo-gallery li {
	float: left;
	margin-right: 5px;
}
.photo-gallery li a {
	text-decoration: underline;
	color: #5b5b5b;
}
.photo-gallery li a:hover {
	text-decoration: none;
}
.photo-gallery li a:visited {
	color: #5b5b5b;
}
/*メニューの中身*/
#links {
	width: 50%;
	margin-left: 20px;
}
.f_l {
	width: 100%;
	margin-top: 10px;
	border: 1px solid #dbdbdb;
	padding: 5px 5px 0 5px;
}
.menu-img {
	float: left;
}
.text {
	font-size: 11px;
	margin-top: 3px;
	line-height: 14px;
}
.linkArea {
	position: relative;
	width: 100%;
	height: 100%;
}
.linkArea a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*SNS*/
.sns-links h4 {
	font-weight: bold;
	padding-top: 4em;
}
.sns-logo {
	float: left;
	margin-right: 10px;
}
.sns-links li {
	float: left;
	width: 15%;
	font-size: 12px;
	padding: 5px;
	margin: 0.5em;
}
.sns-links li a {
	text-decoration: none;
	color: black;
}
/*topics*/
.topics {
	margin: 0 auto 40px auto;
	width: 65%;
}
.topics li {
	float: left;
	padding: 5px;
	width: 50%;
}
.topics li img {
	width: 100%;
}
.topics p {
	font-size: 11px;
	line-height: 12px;
}
#page-top {
	font-family: FontAwesome;
	font-size: 30px;
	text-align: center;
	position: fixed;
	bottom: 24px;
	right: 3px;
	z-index: 90;
	display: block;
	background-color: #888888;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	padding: 5px 0 0 0;
	color: #000000 !important;
	opacity: 0.7;
}
/*------------------
legal.html調整
-------------------*/
h3 {
	font-size: 16px;
	margin-bottom: 10px;
}
table tr td {
	font-size: 14px;
	padding: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
}