@charset "utf-8";

/* ****************************************************************************

	response.css

******************************************************************************* */

/* ==
	smartphone
=============================================================================== */
@media screen and (min-width: 0) and (max-width: 640px) {

/* -------- header -------- */
header{padding:8px 0;}
header img.logo-pp {
	height: 25px;
}
/* logo */
header img.logo-rush {
	height: 25px;
}
header img.logo-machicon {
	height: 28px;
}
header{
	background-color:#FFFFFF;
	padding:10px 0;
}
header div p a{
	display:inline-block;
}
.header-logo{
	float:none;
	margin-left:0;
	text-align:center;
}
.header-social{
	float:none;
	text-align:center;
}
.social li{
	float:none;
	display:inline-block;
	margin-right:10px;
}

/* -------- contents -------- */
#contents{min-width: inherit;}
img{max-width: 100%;}

/* -------- シェアボタン -------- */
.share-section{margin-top: 0 !important;}
.share-section ul{
	margin: 0 auto;
	width: 200px;
}
.share-section li{
	float:none;
	display: block;
	margin: 0; padding: 0;
	overflow: hidden;
}
.share-section li:nth-of-type(3) {
	display: block;
}

/* -------- footer -------- */
#foot-line{margin:0 auto; padding:20px 0;width:100%;text-align:center;font-size: 11px;color: #999;}
.footer-section {
	margin: 0 10px;
	font-size: 10px;
}


/* ==
	this page only
=============================================================================== */
.pc{display: none;}
.spn{display: block !important;}
html, body{width: 100%;}
#container, #contents{width: 100%;overflow-x: hidden;}
h1, .logo-cmp,
.story, .story ul, .story li,
.pk {width: 100%;}
.bg-bk{padding: 85px 0 0;}

/* -------- logo-cmp -------- */
.logo-cmp{
	height: auto;
	background:none;
}
.max200{
	-webkit-background-size: 80px 80px;
	background-size: 80px 80px;
	width: 80px;
	height: 80px;
	bottom: 5%;
	right: 10px;
}

/* -------- btnA -------- */
.btnA{
	padding: 25px 0;
	width: 80%;
}
.btnA img{width: 80%;}
.btn-01,
.btn-02 {margin-top: 10px;}
.btn-caption {
	margin-top: 30px;
	color:#d80f3a;
	text-align: center;
	font-size: 22px;
}
.btn-caption:first-child{margin-top: 10px;}
.btn-report {
	margin:20px 20px 0;
}
.btn-report a {
	font-size: 16px;
	line-height: 1.4em;
}

/* -------- title -------- */
h1{margin: 0;}
h2{margin:0 20px;}

/* -------- story -------- */
.story{
	margin-top: 60px;
	padding: 0;
}
.story div{margin-top: 60px;}
.story-img, .story-txt{
	float: none;
	width: 100%;
}
.story-01 p.story-txt, .story-02 p.story-img, .story-05 p.story-txt{text-align: center;}
.story-01 p.story-img, .story-02 p.story-txt, .story-05 p.story-img{text-align: center;}
.story-01 p.story-img img, .story-02 p.story-img img, .story-05 p.story-img img{margin: 0;}
.story-01 p.story-txt img, .story-02 p.story-txt img{margin-top: 0;}
.story-01 p.story-txt img{width: 90%;}
.story-02 p.story-txt{margin-top: 60px;}
.story-02 p.story-txt img{width: 70%;}
.story-02 p.story-img img{width: 30%; margin-right: 5%;}
.story-03{margin-top: 60px;}
.story-03 img{max-width: 100%;}
.story-04{margin-top: 40px;}
.story-04 img{width: 40%; margin-left: 5%;}
.story-05 p.story-txt img{width: 90%;}
.story-05 p.story-img{margin-top: 60px;}
.story-05 p.story-img img{width: 50%;}
.story-06{margin: 60px 10px 0 10px;}

/* -------- pk -------- */
.pk{margin-top: 100px;}
.pk ul{}
.pk li{
	float: none;
	margin-top: 20px;
	margin-right: 0;
}
.pk li:first-child{margin-top: 0;}
.pk p.tit{
	margin: 30px 20px 0;
	font-size: 22px;
}
.pk p img, .pk li{width: 90%;}

/* -------- nazotoki -------- */
.nazotoki{
	margin-top: 40px;
	background: #000 url(/cmp/nazotoki-wedding/common/img/tit_bg_02.png) no-repeat top;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.nazotoki:after{display: none;}
.nazotoki h2 img{;width: 80%;}
.nazotoki p{
	margin-top: 40px;
	padding: 0 0 80px;
	background: url(/cmp/nazotoki-wedding/common/img/tit_bg_01.png) no-repeat bottom;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.nazotoki p img{width: 90%;}

/* -------- point -------- */
.point{
	margin-top: 25px;
}
.point ul{
	margin-top: 30px;
	text-align: center;
}
.point li{
	float: none;
	display: inline-block;
	margin-top: 40px;
	margin-right: 0;
	width: 90%;
}
.point-tit{
	height: 55px;
	font-size: 20px;
	line-height: 1.2em;
}
.point li:first-child{margin-top: 0;}
.point li:first-child .point-tit{margin-top: 10px; height: 30px;}

/* -------- qa -------- */
.qa{
	margin-top: 30px;
	background: #000 url(/cmp/nazotoki-wedding/common/img/tit_bg_02.png) no-repeat top;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.qa:after{display: none;}
.qa h2 img{width: 35%;}
.qa dl{
	margin: 30px auto 0;
	width: 100%;
	padding: 0 0 90px;
	background: url(/cmp/nazotoki-wedding/common/img/tit_bg_01.png) no-repeat bottom;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.qa dt{margin-top: 20px;}
.qa-q, .qa-a{margin: 10px 20px; min-height: 34px;}
.qa-q{
	padding-top: 15px;
	font-size: 20px;
}
.qa-a{font-size: 14px;}

/* -------- detail -------- */
.detail{
	margin-top: 25px;
	padding: 0;
	background: no-repeat;
}
.detail h2 img{width: 65%;}
.in-detail{
	margin: 40px 0 0;
	padding: 0;
	width: 100%;
	background:none;
}
.detail dl{
	margin: 40px 10px 0;
}
.detail-menu, .detail-txt{
	float: none;
	margin-right: 0;
	width: 100%;
	text-align: center;
}
.detail-menu{
	margin-top: 40px;
	font-size: 20px;
}
.detail-menu:first-child{margin-top: 0;}
.detail-txt{
	margin-top: 15px;
	font-size: 14px;
	line-height: 1.6em;
}

/* -------- footer-logo -------- */
.footer-logo{
	margin: 60px 0 40px;
	padding: 0;
}
.footer-logo p img{width: 90%; margin: 0 auto;}
.footer-logo ul{margin: 20px 0;}
.footer-logo li{
	display: inline-block;
	float: none;
	margin-right: 0;
	margin-top: 20px;
}

}