$(function () { //北里用処理 $(".cp-h1-text, .cp-h2-text, .cp-h3-text").each(function(){ $(this).wrapInner("") }); $(".cp-h4-text").each(function(){ $(this).wrapInner("

") }); var textMargin = 20;//テキスト段組みのマージン var imgMargin = 30;//テキスト+画像段組みのマージン //テキスト(2段組み) $(".cp-text-col2").each(function(){ var conWidth = $(this).width(); var textWidth = (conWidth - textMargin) / 2; $(this).children(".cp-text-l, .cp-text-r").width(textWidth); }); //テキスト(3段組み) $(".cp-text-col3").each(function(){ var conWidth = $(this).width(); var textWidth = (conWidth - (textMargin * 2)) / 3; $(this).children(".cp-text-l, .cp-text-r").width(textWidth); $(this).children(".cp-text-l").css("margin-right",textMargin); }); //テキスト(4段組み) $(".cp-text-col4").each(function(){ var conWidth = $(this).width(); var textWidth = (conWidth - (textMargin * 3)) / 4; $(this).children(".cp-text-l, .cp-text-r").width(textWidth); $(this).children(".cp-text-l").css("margin-right",textMargin); }); //画像右寄せ $(".cp-img-r").not(".cp-img-col2 .cp-img-r, .cp-img-col3 .cp-img-r, .cp-img-col4 .cp-img-r").each(function(){ var imgWidth = $(this).find("img").width(); if(imgWidth != null){ $(this).width(imgWidth); } $(this).wrap("
"); }); //可変処理 $(".cp-it, .cp-ti").each(function(){ var conWidth = $(this).width(); console.log(conWidth); var thisHtml01 = $(this).children(".cp-img").find("img").size(); if(thisHtml01 == 0){ $(this).children(".cp-img").width("inherit"); $(this).children(".cp-text").width("100%"); }else{ var imgWidth = $(this).children(".cp-img").find("img").width(); var txtWidth = conWidth - imgWidth - imgMargin; $(this).children(".cp-img").width(imgWidth); $(this).children(".cp-text").width(txtWidth); } }); //2段組みブロック可変処理 $(".cp-img-col2").each(function(){ var conWidth = $(this).width(); var thisHtml01 = $(this).children(".cp-col-01").find("img").size(); var thisHtml02 = $(this).children(".cp-col-02").find("img").size(); if(thisHtml01 == 0){ var imgWidth02 = $(this).children(".cp-col-02").find("img").width(); $(this).children(".cp-col-01").width(conWidth - imgWidth02 - imgMargin); $(this).children(".cp-col-02").width(imgWidth02); }else if(thisHtml02 == 0){ var imgWidth01 = $(this).children(".cp-col-01").find("img").width(); $(this).children(".cp-col-01").width(imgWidth01); $(this).children(".cp-col-02").width(conWidth - imgWidth01 - imgMargin); } }); //3段組みブロック可変処理 $(".cp-img-col3").each(function(){ var conWidth = $(this).width(); var thisHtml01 = $(this).children(".cp-col-01").find("img").size(); var thisHtml02 = $(this).children(".cp-col-02").find("img").size(); var thisHtml03 = $(this).children(".cp-col-03").find("img").size(); var col01 = $(this).children(".cp-col-01"); var col02 = $(this).children(".cp-col-02"); var col03 = $(this).children(".cp-col-03"); if (thisHtml01 == 0){ } else if (thisHtml02 == 0){ var imgWidth01 = $(this).children(".cp-col-01").find("img").width(); var imgWidth03 = $(this).children(".cp-col-03").find("img").width(); var colMargin = Math.floor((conWidth - (imgWidth01 + imgWidth01 + imgWidth03)) / 2); col01.width(imgWidth01).css("margin-right",colMargin); col02.width(imgWidth01).css("margin-right",colMargin); col03.width(imgWidth03); } else if (thisHtml03 == 0){ var imgWidth01 = $(this).children(".cp-col-01").find("img").width(); var imgWidth02 = $(this).children(".cp-col-02").find("img").width(); var colMargin = Math.floor((conWidth - (imgWidth01 + imgWidth02 + imgWidth02)) / 2); col01.width(imgWidth01).css("margin-right",colMargin); col02.width(imgWidth02).css("margin-right",colMargin); col03.width(imgWidth02); } else { var imgWidth01 = $(this).children(".cp-col-01").find("img").width(); var imgWidth02 = $(this).children(".cp-col-02").find("img").width(); var imgWidth03 = $(this).children(".cp-col-03").find("img").width(); colMargin = Math.floor((conWidth - (imgWidth01 + imgWidth02 + imgWidth03)) / 2); col01.width(imgWidth01).css("margin-right",colMargin); col02.width(imgWidth02).css("margin-right",colMargin); col03.width(imgWidth03); } }); //4段組みブロック可変処理 $(".cp-img-col4").each(function(){ var conWidth = $(this).width(); var thisHtml01 = $(this).children(".cp-col-01").find("img").size(); var thisHtml02 = $(this).children(".cp-col-02").find("img").size(); var thisHtml03 = $(this).children(".cp-col-03").find("img").size(); var thisHtml04 = $(this).children(".cp-col-04").find("img").size(); var col01 = $(this).children(".cp-col-01"); var col02 = $(this).children(".cp-col-02"); var col03 = $(this).children(".cp-col-03"); var col04 = $(this).children(".cp-col-04"); if (thisHtml02 == 0){ var imgWidth01 = $(this).children(".cp-col-01").find("img").width(); var imgWidth03 = $(this).children(".cp-col-03").find("img").width(); var imgWidth04 = $(this).children(".cp-col-04").find("img").width(); var colMargin = Math.floor((conWidth - (imgWidth01 + imgWidth01 + imgWidth03 + imgWidth04)) / 3); col01.width(imgWidth01).css("margin-right",colMargin); col02.width(imgWidth01).css("margin-right",colMargin); col03.width(imgWidth03).css("margin-right",colMargin); col04.width(imgWidth04); } else if (thisHtml03 == 0){ var imgWidth01 = $(this).children(".cp-col-01").find("img").width(); var imgWidth02 = $(this).children(".cp-col-02").find("img").width(); var imgWidth04 = $(this).children(".cp-col-04").find("img").width(); var colMargin = Math.floor((conWidth - (imgWidth01 + imgWidth02 + imgWidth02 + imgWidth04)) / 3); col01.width(imgWidth01).css("margin-right",colMargin); col02.width(imgWidth02).css("margin-right",colMargin); col03.width(imgWidth02).css("margin-right",colMargin); col04.width(imgWidth04); } else if (thisHtml04 == 0){ var imgWidth01 = $(this).children(".cp-col-01").find("img").width(); var imgWidth02 = $(this).children(".cp-col-02").find("img").width(); var imgWidth03 = $(this).children(".cp-col-03").find("img").width(); var colMargin = Math.floor((conWidth - (imgWidth01 + imgWidth02 + imgWidth03 + imgWidth03)) / 3); col01.width(imgWidth01).css("margin-right",colMargin); col02.width(imgWidth02).css("margin-right",colMargin); col03.width(imgWidth03).css("margin-right",colMargin); col04.width(imgWidth03); } else { var imgWidth01 = $(this).children(".cp-col-01").find("img").width(); var imgWidth02 = $(this).children(".cp-col-02").find("img").width(); var imgWidth03 = $(this).children(".cp-col-03").find("img").width(); var imgWidth04 = $(this).children(".cp-col-04").find("img").width(); var colMargin = Math.floor((conWidth - (imgWidth01 + imgWidth02 + imgWidth03 + imgWidth04)) / 3); col01.width(imgWidth01).css("margin-right",colMargin); col02.width(imgWidth02).css("margin-right",colMargin); col03.width(imgWidth03).css("margin-right",colMargin); col04.width(imgWidth04); } }); });