@charset "utf-8";

/* 年賀状コンテンツ全体 ********************************************************/
.nenga {
  background: #c2e1f8 url(../img/bg_sky.png) no-repeat center top;
  font-size: 13px;
  line-height: 1.5;
  color: #666;
}

/* リンク **********************************************************************/
.nenga a {
  text-decoration: none;
}
.nenga a:hover {
  text-decoration: underline;
}

.nenga .linkArw {
  background: url(../img/arrow_blue.gif) no-repeat left center;
  padding-left: 8px;
}

.nenga .linkBtn p {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 15px;
  padding: 0.5em 0;
}
.nenga .linkBtn:hover {
  text-decoration: none;
  opacity: 0.75;
}
.nenga .linkBtn.typeBlue p {
  background-color: #2c7bb6;
}
.nenga .linkBtn.typeRed p {
  background-color: #be003f;
}
.nenga .linkBtn.typePink p {
  background-color: #e16484;
}
.nenga .linkBtn.typePurple p {
  background-color: #756fb4;
}

/* 年賀状ナビゲーション *********************************************************/
ul.nengaNav {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  padding-top: 10px;
}
ul.nengaNav li {
  display: inline-block;
  vertical-align: top;
}
ul.nengaNav li a {
  display: block;
  width: 100px;
  height: 90px;
  font-size: 11px;
  color: #0068b7;
}
ul.nengaNav li a img {
  vertical-align: bottom;
}
ul.nengaNav li a:hover {
  text-decoration: none;
  opacity: 0.5;
}
.pageIndex .navIndex a,
.pageNetOrder .navNetOrder a,
.pageShopOrder .navShopOrder a,
.pageMessage .navMessage a,
.pageExample .navExample a,
.page20xxnenga .nav20xxnenga a,
.pageManner .navManner a,
.pageManner01 .navManner01 a,
.pageCampaign .navCampaign a {
  opacity: 0.5;
}

/* コンテナ *****************************************************/
.nengaContainer {
  width: 940px;
  margin: 0 auto;
}

/* ボックス *****************************************************/
.nengaBox {
  box-sizing: border-box;
  background: #fff;
  padding: 10px;
  float: left;
  margin: 0 0 10px 10px;
}
.nengaBox img {
  vertical-align: bottom;
  max-width: 100%;
}
.full {
  width: 920px;
}
.half {
  width: 455px;
}
.oneThird {
  width: 300px;
}
.noPadding {
  padding: 0;
  background: none;
}

/* ボックス内、2カラム、3カラム ***********************************/
.col2 {
  background: url(../img/bg_col2.gif) repeat-y center top;
}
.col3 {
  background: url(../img/bg_col3.gif) repeat-y center top;
}

.col1ofcol2,
.col2ofcol2 {
  float: left;
  width: 440px;
  margin-right: 20px;
}
.col1ofcol3,
.col2ofcol3,
.col3ofcol3 {
  float: left;
  width: 286px;
  margin-right: 21px;
}
.col2ofcol2,
.col3ofcol3 {
  margin-right: 0;
}

/* ボックス内、基本スタイル *******************************************/
.basicStyle h3 {
  font-size: 17px;
  color: #fff;
  padding: 0.5em 0 0.5em 1em;
}
.basicStyle h3.typeBlue {
  background: #2c7bb6;
}
.basicStyle h3.typeRed {
  background: #be003f;
}
.basicStyle h3.typePink {
  background: #e16484;
}
.basicStyle h3.typePurple {
  background: #756fb4;
}

.basicStyle h4 {
  font-size: 15px;
  color: #333;
  border-bottom: 1px solid #ccc;
  padding: 0.5em 0 0.5em 0.75em;
  margin: 1em 0;
}
.basicStyle h4.typeBlue {
  border-left: 0.5em solid #2c7bb6;
}
.basicStyle h4.typeRed {
  border-left: 0.5em solid #be003f;
}
.basicStyle h4.typePink {
  border-left: 0.5em solid #e16484;
}
.basicStyle h4.typePurple {
  border-left: 0.5em solid #756fb4;
}

.basicStyle p {
  margin: 1em 0;
}

/* 以下、ページ別の設定 *******************************************************************************************************/

/* 年賀状印刷TOP *************************************************/

/* スライド（bxSlider）の調整 */
.bx-wrapper {
  margin: 0;
}
.bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  left: 0;
}
.bx-wrapper .bx-pager {
  bottom: 3px;
}
.bx-wrapper .bx-controls-direction a {
  z-index: 9990;
}
.bxslider img {
  width: 100%;
}

/* タイル状に並んだブロック */
.indexTile {
  height: 350px;
}
.indexTile img {
  width: 100%;
}
.indexTile h4 {
  font-size: 15px;
  color: #333;
  margin-top: 10px;
}
.indexTile h5 {
  font-size: 13px;
}
.indexTile p {
  font-size: 11px;
  margin: 0.5em 0;
}
.indexTile p:last-child {
  margin: 0;
}

/* 注文についてのブロック */
#aboutOrder {
  background: #2c7bb6;
}
#aboutOrder h4,
#aboutOrder h5,
#aboutOrder p,
#aboutOrder a {
  color: #fff;
}
#aboutOrder .linkArw {
  background-image: url(../img/arrow_white.gif);
}
#aboutOrder p:last-child {
  margin-top: 2em;
}

/* ネット注文・店頭注文 *********************************************/

/* ボタンまでの距離を揃える */
#netOrder .alignHeight {
  height: 700px;
}

/* 赤文字 */
.red {
  color: #f00;
}

/* 表（受付日・お渡し日）*/
.schedule {
  width: 100%;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}
.schedule td {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: center;
  font-size: 11px;
  padding: 0.5em;
}
.schedule td.reception {
  background: #3fba7c;
  color: #fff;
}
.schedule td.delivery {
  background: #f27db1;
  color: #fff;
}
.schedule td.gray {
  background: #f2f2f2;
}
.schedule td.alignLeft {
  text-align: left;
}

/* 注意書きリスト */
dl.orderNotice {
  font-size: 11px;
  margin: 1.5em 0;
}
dl.orderNotice dt {
  float: left;
}
dl.orderNotice dd {
  margin: 0.5em 0 0.5em 4em;
}

/* ひとことメッセージ ************************************************/
.pageMessage p {
  margin-left: 1em;
}
.pageMessage .col3 {
  background: none;
}
.pageMessage .col3 h4 {
  margin-left: 1em;
}
.pageMessage dl {
  margin-left: 2.5em;
}
.pageMessage dt {
  float: left;
}
.pageMessage dd {
  margin: 0 0 0.5em 2.5em;
}

/* 近況報告の書き方 ***************************************************/
.img-example-01 {
  width: 290px;
  margin-top: 10px;
  border-left: 10px solid #fff;
}
.pageExample p {
  margin-left: 1em;
}
.pageExample h4 {
  margin-left: 1em;
}
p.recentReportSample {
  margin-left: 2.5em;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 1em;
}

/* ローソンからのおすすめ ********************************************/
.page20xxnenga p {
  margin-left: 1em;
}
ul.listHagaki {
  text-align: center;
  font-size: 0;
}
ul.listHagaki li {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}
ul.listHagaki li img {
  box-sizing: border-box;
  border: 1px solid #ccc;
}
li.tate img {
  width: 189px;
  height: 280px;
}
li.yoko img {
  width: 280px;
  height: 189px;
}
p.nengaCopy {
  text-align: right;
  font-size: 9px;
  margin: 1px 0 0 0;
}

/* 年賀状まめ知識 ****************************************************/
.pageManner h4 {
  margin-left: 1em;
}
.pageManner p {
  margin-left: 2.5em;
}

/* 喪中の知識 *********************************************************/
.pageManner01 h4 {
  margin-left: 1em;
}
.pageManner01 p {
  margin-left: 2.5em;
}
.pageManner01 .linkBtn {
  max-width: 250px;
}
.img-manner01-02 {
  width: 280px;
  margin-top: 10px;
  border-left: 10px solid #fff;
}